﻿/*reset*/
*{
	font-family:"Microsoft Yahei",Arial;
}
body{
	background:#f2f2f2; margin:0; padding:0;
}
ul,li,dl,dt,dd{
	display:block;
	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;
}
.w_700{
	width:700%;
}
.t_cen{
	text-align:center;
}
.all{
	width:100%;
	overflow:hidden;
}
.pt_1em{
	padding-top:1em;
}
.pb_1em{
	padding-bottom:1em;
}
/*font*/
@font-face{
  font-family:"iconfont";
  src:
  url('../font/iconfont.woff') format('woff'),
  url('../font/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;
}

/*base module*/
.panel{
	padding:0;
	background:#f2f2f2;
}

.pproPositionHeight{
	position: relative;
	width:100%; padding-top: 1em;
}
.pproPosition{
	position: relative;
	width:40%;
	color:#ffffff;
	font-size:2rem; line-height:3rem;
	height:3rem;
	
	background: #2a8bd5;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
	
}
.posTitle{
	 position: absolute; left:-6%; top:0;
	display: block;
	padding-left: 25%;
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
	background: #2a8bd5;
}
header{
	background:#2a8bd5; width:100%;
}
/*common module*/

.top{
	position:relative;
	text-align:center;
}
.top-tl{
	color:#1c70b2;font-size:1.75em;line-height:2.86em;	
}
.logo{
	display:block;
	width:80%;
	text-align:left; padding-left:2%;
}
.logo a{ color:#fce10b; font-size:1.75em;line-height:2.86em; font-weight:bold}
/*right-btn 导航*/
.cbtn-nav{
	position:absolute;right:3.125%;top:0;
	width:10%;height:100%;display:block;padding-top:3.5%;
	color:#fce10b;font-size:2.2em;text-align:center;line-height:1em;
	cursor:pointer;
}
.cbtn-nav:visited{
	color:#fce10b;
}
.cbtn-nav.pressed{
	color:#fce10b;
}

/*left-btn 返回/搜索*/
.cbtn-search,.cbtn-back{
	position:absolute;left:3.125%;top:0;
	width:10%;height:100%;display:block;padding-top:3.5%;
	color:#1c70b2;font-size:2.2em;line-height:1em;text-align:center;
	cursor:pointer;
}
.cbtn-search:visited,.cbtn-back:visited{
	color:#1c70b1;	
}
.cbtn-search.pressed,.cbtn-back.pressed{
	color:#ffd200;
}
/* top  返回顶部 */
.cbtn-top{
	position:absolute;right:3%;bottom:120%;border-radius:50%;
	width:3em;height:3em; padding:0.3125em;
	color:#2a8bd5;font-size:1.2em;text-align:center;
	background: rgba(246,255,1,.3);
	cursor:pointer;	
}
.cbtn-top .iconfont{
	width:100%;height:100%;padding-top:0.1em;
	border-radius:50%;
	font-size:2em;
	background: rgb(246,255,1)
}
.cbtn-top span{
 display: block;
 font-size:1em;
}
.cbtn-top.pressed{
	background:rgba(24,87,230,.4);
}

/* pro  class分类 图标 */
.cbtn-cla{
	position:absolute;right:15%;top:50%;margin-top:-0.5em;
	color:#186db1;font-size:2em;line-height:1em;
	cursor:pointer;	
}
.cbtn-cla span{
	font-size:0.875em;
}
.cbtn-cla:visited{
	color:#186db0;	
}
.cbtn-cla.pressed{
	color:#ffd200;
}
/* 返回  搜索 */
.btn-back{
	display:inline-block;
	width:28.125%;
}
.btn-back.pressed{
	background:#2a8bd5;
}

/*one-touch  foot 按钮*/
.one-touch{
	width:100%;
	background:#2f3841;
	color:#89969f;font-size:1em !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
}
.one-touch a{
	float:left;
	width:33.3%;padding:0.125em 0;display:block;
	color:#89969f;text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#89969e;
}
.one-touch a.pressed{
	color:#faff6a;
}
.one-touch a > span{
	display:block;
	font:0.6em/1.8 "Microsoft Yahei";
}
.one-touch .iconfont{
	font:2em/1.2 "Microsoft Yahei";
}

/*nav  右导航*/
#rightnav{ display: none;}
#pageslide { 
	display:none; 
	width:22.25em;height:100%;
	background:#2a8bd5;
	position: fixed;top: 0; z-index: 999999;
}
.rightnav{
	z-index:9999 !important;
	width:22.25em !important;height:100%;
	background:#2a8bd5;
	/*box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;*/
	
}
.rightnav > *{
	 padding-top:2.2em;
	 width: 74%; margin: 0 auto;
}
.nav-in a{
	color:#ffffff;
	font-size:1.25rem; line-height:3rem;
	text-align: center;
	display:block;
}
.nav-in a:visited{
	color:#fffffe;	
}
.nav-in li{
	text-align:center;
	padding:0;
	overflow: hidden;
	border-bottom: 1px solid #fce10b;
}
.nav-in li:first-child{
	border-top: none;
}
/* end index module*/


/*page search*/
/*srch*/
.srch-tl{
	width:87.5%;margin:0 auto;
	color:#166cb0;font:1.875em/2.375 "Microsoft Yahei";
}
.srch{
	position:relative;
	width:87.5%;margin:0 auto;
	font-size:1.625em;
	-webkit-appearance:none;
}
.srch-txt{
	width:100%;height:2em;padding:0.5em 4em 0.5em 4%;border:1px solid #166cb0;border-radius:0;	
	color:#333;font:1em/1 "Microsoft YaHei";
	background:none;cursor:pointer;
	-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{
	color:#CCC;
}
.srch-sub{
	position:absolute;top:0;right:0;
	width:2em;height:100%;border:none;border-radius:0;
	color:#ffffff;font:1.375em/1.46 "Microsoft YaHei";text-align:center;
	background:#166cb0;cursor:pointer;
	-webkit-appearance:none;
}
/*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:#222;
}
.cla-son dt a:visited{
	color:#222223;
}
.cla-son dt a.pressed{
	color:#2a8bd5;
}
.cla-son dt.on a{
	color:#2a8bd5;
}
.cla-sub{
	padding:0 0.5em;
	color:#a9a9a9;font-size:2em;line-height:1.5em;
	cursor:pointer;
}
.cla-sub.reverse{
	-webkit-transform:rotate(180deg);
	color:#2a8bd5;
}
/*cla list 二级*/
.cla-son dd{
	display:none;
	padding:0.5em 0;
	border-top:2px solid transparent;
	-webkit-border-image:url(../images/img6.jpg) 2 0 0 0;
	border-image:url(../images/img6.jpg) 2 0 0 0;	
	font-size:0.875em;
}
.cla-son dd a{
	display:block;
	color:#222;
}
.cla-son dd a:visited{
	color:#222223;
}
.cla-son dd a.pressed{
	color:#2a8bd5;
}
.cla-son dd > div{
	text-indent:2em;
}

/*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%;
}

/*index module*/

/*inav*/
.inav{	
	font-size:1.25em;line-height:2em;
	width:100%;margin:0 auto;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	background: #ffd200;
}
.inav-son{
	float:left;
	width:33.2%; padding:1.5% 0%;display:block;
	color:#000000!important;text-align:center;
    border-right: 1px solid #9e8538;
    border-bottom: 1px solid #9e8538;
    z-index: -1;
}
.inav-son:visited{
	color:#000001;
}
.inav-son > .in{
	position:relative;display:inline-block;

}
.inav-son > .in.pressed{
	color:#2a8bd5;
}
/*.inav-son > .in.beat{
	-webkit-animation:gogogo1 300ms linear infinite;
}
.inav-son > .in.stop{
	-webkit-animation-play-state:paused;
}*/
.inav-son:nth-child(3n){
	border-right: none;
}
.inav-son:nth-child(4),.inav-son:nth-child(5),.inav-son:nth-child(6){
	border-bottom: none;
}

/*iprocla index*/
.iprocla{ 
	width: 99%;
padding: 3.125% 0% 2% 3%;
color: #ffffff;
background: #2a8bd5;
}
.iprocla a{
	float: left;
	width: 30%; text-align:center;
	border:1px solid #fff; margin-right: 2%;	 margin-bottom: 10px;
	color: #ffffff;font:1.25em/2 "Microsoft Yahei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;	
}
.iprocla a:last-child{
	margin-right: 0%;	
}
/* .iprocla a:last-child{width: 12.5%;margin-right: 0%;padding:0% 1.5%;	} */
/*itl  标题*/
.itl{
	position:relative;
	width:93.75%;
	margin:3.125% auto 0 auto ;
}
.banner{ 
	position: relative;
	width: 100%;  }
.itl-tl{
	display:inline-block;
	width: 30%;
	color:#000;font:1.375em/1.85 "Microsoft Yahei"; text-align: center;
	background: #ffd200;
}

.itl-more{
	position:absolute;top:0;right:0;
	width: 20.5%;
	color:#2a8bd5;font:1.25em/2.2 "Microsoft Yahei"; text-align: right;
}
.itl-more a{
	display:block;
	color:#2a8bd5; 
}
.itl-more a:visited{
	color:#2a8bd5;
}
.itl-more a.pressed{
	color:#000;
}

.iTel{
	width:93.75%;margin:0 auto 0 auto;
	background: #2a8bd5;
}
.iTelTitle{
	 float: left;
	 width: 30%; display:block;overflow:hidden; 
	 font:1.25em/3 "Microsoft Yahei"; text-align: left;;
	 background: #ffd200;
}
.iTelTitle .iconfont{
	float:left;
	width: 30%;margin-left:10%; margin-top:6% ; display: block;
	color: #2a8bd5;font-size:2em; line-height: 1em;
}
.iTelCon{
	float: left;
	width: 62%;padding-left:8%;
	color:#ffffff;font:1.25em/3 "Microsoft Yahei"; text-align: left;
}

/*ipro*/
.ipro{
	width:93.75%;margin:3.125% auto 0 auto;
}
.ipro .metro-b{
	position:relative;float:left;
	width:46%;
	margin-right:3.4%;margin-bottom:3.4%;
	padding:0.25em;
	border:0.125em solid #d4dde3;
	background: #fff;
}
.ipro .metro-b .pic{
	display:block;
}
.ipro .metro-b .pic img{
    margin:0 auto;
}
/*.ipro .metro-b.pressed{
	 border:0.1875em solid #fff;
}*/
.ipro .metro-b .text{
	display:block;
	padding:0 0.375em;
	color:#333333;font:1.25em/2 "Microsoft Yahei"; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ipro .metro-b .tab{
	position: absolute;right:0px;bottom: 0px;
}
.ipro .metro-b:nth-child(2n){
	margin-right:0;
}

/*inews*/
.inews{
	width:94%;margin:0 auto;border: 1px solid #d8dfe5;padding:3%;
	background: #ffffff;
}
.inews li{
	padding:0 2%;border-bottom: 1px dashed #dfe6ea;
	color:#333333;font:normal 1.25em/3.5 "Microsoft YaHei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;	
}
.inews li:last-child{
	border-bottom: none;
}
.inews li .biao{
	 color:#2a8bd5; font-size:0.8rem;
}
.inews li a{
	color:#333333;
}
.inews li a:visited{
	color:#333332;
}
.inews li a.pressed{
	color:#000000;
}
.inews .idate{
	float: right;
	color:#999;	
}

.inews1{
	width:100%;margin:0 auto; background:#fff; padding:0;
}
.inews1 li{
	width: 88%; padding: 2% 6%;
	background: #ffffff;
}
.inews1 li:nth-child(2n){
	background: #ededed;
}

.inews1 li a .inewsTitle{
	display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	color:#5f5f5f;font-size:1.8rem; line-height:2.5rem;
}
.inews1 li a .inewsTitle b{font-size:1.8rem; line-height:2.5rem; font-weight:normal }
.inews1 li a p{color:#9f9f9f;font-size:1.4rem; line-height:2rem;	}
.inews1 li a:visited .inewsTitle {
	color:#5f5f5e;
}
.inews1 li a:visited p {
	color:#9f9f9e;
}

.iabout{
	width:94%;margin: 0 auto;border: 1px solid #d8dfe5;
	padding:3%;
	color:#666;font:normal 1.25em/2 "Microsoft YaHei";
	margin-bottom: 5%;
	background: #ffffff;
}

/*page news*/
.news-slogan{
	width:93.75%;margin:3.125% auto;
}
.pnews{
	width:93.75%;margin:1em auto;border: 1px  solid #d4dde3;
	background:#ffffff;
	padding-bottom : 2%;
}
.pnews li{
	color:#222;font:normal 1.25em/3.5 "Microsoft YaHei";
	padding:0 3.25% 0 2.25%;border-bottom: 1px  dashed    #cccccc;
}
.pnews li .biao{
	 float: left;
	 color:#82b5dc;
	 margin-right: 1%;
}
.pnews li .idate{
	 float: right;
	 color:#999999;
}
.pnews li a{
	display:block;
	color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.pnews li a:visited{
	color:#333332;
}
.pnews li a.pressed{
	color:#ffd200;
}
.pnews .date{
	padding:0 1.5em;
	color:#d2d2d2;	
}
.pnews-wrap{
	position:relative;
	height:100%;
}
#wrapper{
	position:absolute;top:0;bottom:0;left:0;z-index:1;
	width:100%;
	overflow:hidden;
}
#wrapper.prowrapper{
	top:5.675em;
}
#wrapper.casewrapper{
	top:1em;
}
#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;top:0;left:0;	
	width:100%;height:3em;padding:0.5em 6.25% 0;border-bottom:1px solid #2a8bd5;
	color:#9af2fb;font:1.375em/2 "Microsoft Yahei";
	background:#2a8bd5;
}
.ppro_view-slogan{
	position:static;
}
.ppro-slogan strong{
	float:left;display:block;
	width:60%;
	color:#ffffff;font-weight:normal;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;	
}
.ppro-slogan strong>span{color:#a0f9ff;}
.ppro-slogan .group{
	font-size:1.875em;
	line-height:1em;
}
.ppro-slogan .iconfont{
	cursor:pointer;
}
.ppro-slogan .iconfont.pressed{
	cursor:pointer;
	color:#ffd200;
}
.ppro-slogan .iconfont.on{
	color:#5dbdee;	
}

/*page pro 页  pic list*/
.ppro{
	width:93.75%;
	margin:0 auto;
}
.ppro.one .ppro-son{
	float:none;
	width:100%;
	margin-right:0;
}
.ppro-son{
	position:relative;float:left;
	width:48.3%;margin-right:3.4%;margin-bottom:1.4%;margin-top: 2%;
	padding:0.25em;
	border:0.125em solid #d4dde3;
	background: #fff;
}
.ppro-son:nth-child(2n){
	margin-right:0;
}
.ppro-son .pic{
	display:block;
}
.ppro-son .pic img{
	margin:0 auto;
}
/*.ppro-son .pic.pressed{
	 border:0.1875em solid #fff;
}*/
.ppro-son .text{
display:block;
	padding:0 0.375em;
	color:#333333;font:1.25em/2 "Microsoft Yahei"; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ppro-son .tab{
	position: absolute;right:0px;bottom: 0px;
}


/*cdtl module view页 内容样式*/
.cdtl-border{
	width:93.75%;padding:0em 1em;margin: 1em auto;
	/*border:1px solid #c5c5c5;*/
}
.cdtl-intro{
	padding-bottom:1em;
	width:100%;
	color:#666;font:normal 1.25em/2 "Microsoft YaHei";
	word-wrap:break-word;word-break:break-all;
	border-bottom: 1px solid #d2d2d2;
}
.cdtl-price{font:1.25em/2 'Microsoft YaHei';color:#e93d3b;width:87.5%;margin:1em auto 0; text-align: center;}
.cdtl-txt{
	margin:1em auto;
	color:#666;font:normal 1.25em/2 "Microsoft YaHei";
	word-wrap:break-word;word-break:break-all;
	padding:0 2%;
}
.cdtl-txt img{
	display:inline-block;
}
.cdtl-tl{
	padding:0 0.5em;margin:1em auto 0.5em auto;
	color:#333;font:1.375em/2 "Microsoft YaHei";text-align:center;
	word-wrap: break-word;word-break: break-all;
}
.cdtl-pic{
	margin:2em 0;
	text-align:center;
}
.cdtl_pic-in{
	display:inline-block;
	max-width:80%;
}

.pgListView{ 
	width: 100%;
}
.pgListView .pgNextView,.pgListView .pgPreView{
	 width: 95%; padding: 0 3%; display: block;
	 color:#ffffff;
	 font-size:1.5rem; line-height:2.2rem;
	 background: #2a8bd5;
	 transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.pgListView .pgNextView span,.pgListView .pgPreView span{
	color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	display: block;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
}
.pgListView .pgPreView{ margin-bottom:2%;margin-top:4%;} 
.pgListView .backList{
	width:30% ; display: block; margin: 4% auto 1% auto;
	color:#ffffff;font-size:1.5rem; line-height:2.2rem;text-align: center;
	background:#fce10b;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.pgListView .backList span{
	
	display: block;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
}


/*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:0.2em;z-index:9999;
	width:100%;padding:0;
	text-align:center;
}
.mod-slide .slide-pos li{
	width:0.75em;height:0.75em;margin:0 0.4em; border-radius:1.5em;display:inline-block;
	background:#fff;
}
.mod-slide .slide-pos li.on{
	background:#fce10b;
}
.slide{
	width:100%;margin:0 auto;
}
.pslide-wrap{
	position:relative;
	width:87.5%;
	margin:0 auto 10%;	
}
.pslide-glass{
	position:absolute;right:0;bottom:0;z-index:9999;
	width:2em;height:2em;
	color:#ffffff;font-size:2.2em;line-height:2em;text-align:center;
	background:rgba(93,189,238,.6);	
}
.pslide-glass a{
	width:100%;height:100%;display:block;
	color:#ffffff;
}
.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 2em 0 0.625em;border-radius: 8px;
	color:#5d636a!important;font:1.375em/2.6 "Microsoft YaHei";
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:#d2d2d2;
	cursor:pointer;
}
.pg_a-son:last-child{
	padding:0 0.625em 0 2em;
}
.pg_a-son:visited{
	color:#5d636b;
}
.pg_a-son.pressed{
	color:#2a8bd5!important;
	background:#f4ff00;
}
.pg_a-son.pressed .iconfont{
	color:#2a8bd5!important;;
}
.pg_a-son .iconfont{
	padding:0 0.125em;
	color:#5d636a!important;font-size:1.5em;line-height:1.8em;
}


/*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{
    width:93.75%;padding:0; border:none;border-radius:0; display:block;
    position:absolute;top:50%;z-index:1000000;
    color:inherit; text-align:center;
    background:none;
}
.afPopup > header{
    padding:0.375em 0.5em;
	color:#FFF;font:1.5em "Microsoft Yahei",Arial;
	background:#2a8bd5;
	overflow: hidden;
	text-overflow: ellipsis;
}
.afPopup > div{
	background:#FFF;
	margin:0 0 3px;
}
.afPopup > footer{
	background:none;
}
.afPopup .button{
    width:49.5%; padding:0.625em 0; margin:0;border:none;
    color:#FFF;font-size:1.375em;
    background:#2a8bd5;
}
.afPopup .button.pressed{
    background:#5dbdee;
}
/*.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:#348502;
}
.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  订购表单*/
select#m-pid{
	-webkit-appearance:menulist;
}
.m-form{
	padding:0.125em 0;
	font-size:0.875em;
}
.m-form .red{
	color:#e93d3b;
}
.m-son{
	position:relative;
	margin:0.375em auto;
	font:1.2em/2 "Microsoft YaHei";
}
.m-son label{
	float:left;
	text-align:right;
	width:22.5%;
	font:1em/2.4 "Microsoft YaHei";
	color:#222;
	margin-right:2.5%;
}
.m-tl{
	float:left;
	width:70%;
	font:1em "Microsoft YaHei";
	padding:0.5em 0.5em;
	border:1px solid #222;
	height:2.4em;
	color:#333;
	background:#FFF;
	-webkit-appearance:none;
	border-radius:0;
}
.m-tl::-webkit-input-placeholder{
	color:#CCC;
}
.m-tl2::-webkit-input-placeholder{
	color:#CCC;
}
.m-con{
	float:left;
	width:70%;
	font:1em/2.4 "Microsoft YaHei";
	height:7.2em;
	padding:0 0.5em;
	border:1px solid #222;
	background:#FFF;
	color:#333;
	-webkit-appearance:none;
	border-radius:0;
}
.m-con::-webkit-input-placeholder{
	color:#CCC;
}
.m-yzm{
	float:left;
	width:20.9375%;
	border:1px solid #222;
	background:#FFF;
	color:#333;
	font:1em "Microsoft YaHei";
	padding:0.5em 0;
	text-align:center;
	-webkit-appearance:none;
	border-radius:0;
}
.m_yzm-pic{
	position:absolute;
	top:0;
	left:48%;
	width:20.625%;
	background:#d2d2d2;
	height:96%;
	text-align:center;
}
.m_yzm-pic img{
	display:inline-block;
	vertical-align:middle;
}
.m-submit,.m-reset{
	display:inline-block;
	margin:0 1.5625%;
	width:28.75%;
	cursor:pointer;
	border-radius:0;
	-webkit-appearance:none;
}


/*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:#73c439;
	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;
}


/*message*/
.message-tl{ 
	width:100%;
	font:1.5em/2.8 "Microsoft Yahei";
	margin-bottom:1%;
	margin-bottom:3%;
	color:#0b61a5;
	border-bottom:1px solid #c5c5c5;
}
.message-tl a{color:#0b61a5;}
.message-tl a:visited{color:#0b61a4;}
.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:90%;
}
.m-son label{
	float:left;
	text-align:right;
	width:20.5%;
	font:1em/3 "Microsoft YaHei";
	color:#0b61a5;
	margin-right:2.5%;
}
.m-son .star{
	padding-left:0.5em;
	color:#c80203;
}
.m-tl,.m-tl2{
	float:left;
	font:1em "Microsoft YaHei";
	padding:1em 1em;
	height:3em;
	color:#3333;
	background:#fff;
	border:1px solid #cbcbcb;
	margin:1% auto;
}
.m-tl{
	width:50.5%;
}
.m-tl2{	
	width:70.5%;
}
.m-con{
	margin:3% 0;
	float:left;
	width:70.5%;
	font:1em/3 "Microsoft YaHei";
	height:10em;
	padding:0 1em;
	border:1px solid #cbcbcb;
	background:#fff;
	color:#550012;
}
.m-addr{
	height:6em;
}
.m-yzm{
	float:left;
	width:35%;
	font:1em "Microsoft YaHei";
	padding:1em 1em;
	height:3em;
	color:#3333;
	background:#fff;
	border:1px solid #cbcbcb;
	margin:1% auto;
	text-align: left;
}
.m_yzm-pic{
	width:20%;
	height:3em;
	float: left;
	margin:1% 0% 1% 15%;
}
.m_yzm-pic img{
	display:inline-block;
	vertical-align:middle;
}
.m-submit,.m-reset{
	display:inline-block;
	margin:0 0.2%;
	width:30%;
	padding: 0 1.5%;
	cursor:pointer;
	border-radius:0;
	border:none;
	font-size:1.275em;
	margin-top: 3%;
	-webkit-appearance:none;
}
.m-submit{ color:#ffffff; background:#5dbdee}
.m-reset{ color:#ffffff; background:#2a8bd5}
.select{ 
	float:left;
	color:#550012;
	background:#fff;
	border:1px solid #cbcbcb;
	margin:1% auto;
	clip:rect(0px,179px,16px,0px);
	overflow:hidden
}
.select select{
	font:1em "Microsoft YaHei";
	border:none;
	padding:0 3em;
	height:3em;
	background:url(../images/triangle.png)  92% center no-repeat;
	background-size:7.9%;
}

/*messageview*/
.message-list{
	width:94.375%;
	margin:2em auto;
	border-bottom:2px solid #d2d2d2;
	border-image:url(../images/img202.jpg) 0 0 2 0;
}
.message-list:last-child{
	border-bottom:0;
}
.message-say{
	margin:1em 0;
}
.message_say-tl{
	font:normal 1.375em/2 "Microsoft Yahei";
}
.message_say-time{
	float:right;
	color:#333;
}
.message_say-yy{
	display:block;
	color:#2a8bd5;
	width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.message_say-yy-repay{
	display:block;
	color:#5dbdee;
	width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.message_say-con{
	width:100%;
	font:normal 1.2em/2 "Microsoft Yahei";
	padding:0 1em;
	color:#3c3c3c;
	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:22.5em !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:#2a8bd5;
  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%;
}

footer{
	z-index:180;
	width:100%;
	height:auto;
	display:block;
	left:0;
	bottom:0;
	position:fixed;
	/*padding:0 3px;*/
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	/*font-size:16px;*/
}
/*.view footer a {
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-top: 3px;
}*/
footer a.button {
  color: black;
}
footer .icon:not(.button):before {
  display: block;
  position: relative;
  top: 2px;
  left: 0;
  font-size: 25px;
  margin: auto;
  width: 100%;
  margin-bottom: 5px;
}
.fhpc {text-align:center;}
.fhpc a{text-align:center;color: #666;
    font: normal 1.25em/2 "Microsoft YaHei";
	display:block; margin: 0 auto;}