/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:middle;}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:arial,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;font-size:100%;font:inherit;vertical-align:middle;}
img, object, embed { max-width: 100%; }

/*==============================common==================================*/
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.g-wp{ max-width:640px;}
.mt10{ margin-top:10px;}
.container{ padding:8px;}
body{font:14px/1.5 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#333;outline:0;  width:100%;}
a{color:#444;text-decoration:none;}
.tc{ text-align:center;}
 
.ui-header{ 
	position:relative;
	background:#dc0c62;
}
.ui-header h1{ height:40px; line-height:40px; font-size:18px; text-align:center; color:#fff;}
.ui-header-left, .ui-header-right{ position:absolute; top:0; left:0; width:52px; height:100%;}
.ui-header-right{ left:auto; right:0;}
.ui-header-left a, .ui-header-right a{ display:block; height:100%; background-size:30px auto; background-repeat:no-repeat; background-position:center center;}

.ui-header-ico-home{ background:url(../../images/wap/home.png);}
.ui-header-ico-menu{ background:url(../../images/wap/menu.png);}


#menu{ position:absolute; width:200px;  top:40px; right:-200px; background:#eae8e8; color:#666; z-index:100; display:none;}
#menu li{ border-bottom:1px solid #f7f6f6;}
#menu li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #d2d0d0;}
#menu a{ position:relative; height:40px; line-height:40px;  padding:0 20px 0 40px; border:none; display:block; height:100%; color:#666;}
#menu a:after{
	display:block; content:''; position:absolute; 
	right:8px;
	top:50%;
	margin-top:-6px;
	width:10px; height:10px;
	border:2px solid #bbb;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

#menu .icon{ background:url(../../images/wap/icon-menu1.png) 8px center no-repeat; background-size:20px auto;}
#menu .icon-2{ background-image:url(../../images/wap/icon-menu2.png);}
#menu .icon-3{ background-image:url(../../images/wap/icon-menu3.png);}
#menu .icon-4{ background-image:url(../../images/wap/icon-menu4.png);}
#menu .icon-5{ background-image:url(../../images/wap/icon-menu5.png);}
#menu .icon-6{ background-image:url(../../images/wap/icon-menu6.png);}
#menu .icon-7{ background-image:url(../../images/wap/icon-menu7.png);}

#msk{ display:none; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:40px; left:0;}

.m-banner{}
.swipe {overflow: hidden;visibility: hidden;position: relative;width:100%;height:auto;z-index:1; border-bottom:3px solid #eee;}
.swipe-wrap{overflow: hidden;position: relative;z-index:1}
.swipe-wrap li{float:left;width:100%;position: relative;z-index:1}
.swipe-wrap li img{ width:100%;z-index:1; display:block;}

.swipe-text{ position:absolute; bottom:0; width:100%; height:30px; line-height:30px; z-index:100; background-color:rgba(0,0,0,0.5); color:#fff; font-size:14px;}
.swipe-text p{ padding-left:8px;}

#slider_on{ position:absolute;width:100%;height:30px; line-height:30px; z-index:9999;text-align:center; bottom:0;}
#slider_on ul{ padding-right:8px;}
#slider_on li{display:inline-block;width:10px;height:10px;border-radius:5px;background:rgba(0,0,0,0.5); margin:0 2px;cursor:pointer; z-index:9999;}
#slider_on li.on{box-shadow:inset 0 1px 3px -1px #464646,0 1px 2px rgba(0,0,0,.5);background-color:#000; z-index:9999;}

.mainMenuOuterWrapper {
	width: 100%;
	background-color: #f9f9f9;
	z-index: 90;
}
.mainMenuWrapper {
	clear: both;
	display: block;
	padding-left: 0px;
	margin: 0px;
	width: 100%;
}
.mainMenuWrapper > li {
	line-height: 60px;
	margin-bottom: 0px;
	padding-left: 80px;
	list-style: none;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #666;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
	background-position: 24px center;
	background-repeat: no-repeat;
}
.mainMenuWrapper > li:last-child {
	border-bottom: none;
}
.mainMenuWrapper > li > a {
	margin-left: 0px;
	color: #fff;
	font-size: 18px;
	display:block;
}
.mainMenuWrapper > li > a:hover {
	text-decoration: none;
}
.mainMenuWrapper > li:hover > a {
}
.mainMenuWrapper > li.currentPage > a {
}
.menuBanknote{
	background-image: url(../../images/wap/img/banknote.png);
}
.menuBubble{
	background-image: url(../../images/wap/img/bubble.png);
}
.menuBulb{
	background-image: url(../../images/wap/img/bulb.png);
}
.menuCalendar{
	background-image: url(../../images/wap/img/calendar.png);
}
.menuCamera{
	background-image: url(../../images/wap/img/camera.png);
}
.menuClip{
	background-image: url(../../images/wap/img/clip.png);
}
.menuClock{
	background-image: url(../../images/wap/img/clock.png);
}
.menuCloud{
	background-image: url(../../images/wap/img/cloud.png);
}
.menuCup{
	background-image: url(../../images/wap/img/cup.png);
}
.menuData{
	background-image: url(../../images/wap/img/data.png);
}
.menuDiamond{
	background-image: url(../../images/wap/img/diamond.png);
}
.menuDisplay{
	background-image: url(../../images/wap/img/display.png);
}
.menuEye{
	background-image: url(../../images/wap/img/eye.png);
}
.menuFire{
	background-image: url(../../images/wap/img/fire.png);
}
.menuFood{
	background-image: url(../../images/wap/img/food.png);
}
.menuHeart{
	background-image: url(../../images/wap/img/heart.png);
}
.menuKey{
	background-image: url(../../images/wap/img/key.png);
}
.menuLab{
	background-image: url(../../images/wap/img/lab.png);
}
.menuLike{
	background-image: url(../../images/wap/img/like.png);
}
.menuLocation{
	background-image: url(../../images/wap/img/location.png);
}
.menuLock{
	background-image: url(../../images/wap/img/lock.png);
}
.menuMail{
	background-image: url(../../images/wap/img/mail.png);
}
.menuMegaphone{
	background-image: url(../../images/wap/img/megaphone.png);
}
.menuMusic{
	background-image: url(../../images/wap/img/music.png);
}
.menuNews{
	background-image: url(../../images/wap/img/news.png);
}
.menuNote{
	background-image: url(../../images/wap/img/note.png);
}
.menuPaperPlane{
	background-image: url(../../images/wap/img/paper-plane.png);
}
.menuParameters{
	background-image: url(../../images/wap/img/parameters.png);
}
.menuPen{
	background-image: url(../../images/wap/img/pen.png);
}
.menuPhone{
	background-image: url(../../images/wap/img/phone.png);
}
.menuPhoto{
	background-image: url(../../images/wap/img/photo.png);
}
.menuSearch{
	background-image: url(../../images/wap/img/search.png);
}
.menuSettings{
	background-image: url(../../images/wap/img/settings.png);
}
.menuShop{
	background-image: url(../../images/wap/img/shop.png);
}
.menuSound{
	background-image: url(../../images/wap/img/sound.png);
}
.menuStack{
	background-image: url(../../images/wap/img/stack.png);
}
.menuStar{
	background-image: url(../../images/wap/img/star.png);
}
.menuStudy{
	background-image: url(../../images/wap/img/study.png);
}
.menuTag{
	background-image: url(../../images/wap/img/tag.png);
}
.menuTrash{
	background-image: url(../../images/wap/img/trash.png);
}
.menuTruck{
	background-image: url(../../images/wap/img/truck.png);
}
.menuTShirt{
	background-image: url(../../images/wap/img/t-shirt.png);
}
.menuTv{
	background-image: url(../../images/wap/img/tv.png);
}
.menuUser{
	background-image: url(../../images/wap/img/user.png);
}
.menuVideo{
	background-image: url(../../images/wap/img/video.png);
}
.menuVinyl{
	background-image: url(../../images/wap/img/vinyl.png);
}
.menuWallet{
	background-image: url(../../images/wap/img/wallet.png);
}
.menuWorld{
	background-image: url(../../images/wap/img/world.png);
}

.padd96{ width:96%; margin:0 auto;}
.title_home{ margin:15px 0; border-top:1px solid #333333; padding-top:8px;}
.title_home span{ color:#333333; font-size:16px; height:25px; line-height:25px; padding-left:15px; border-left:5px solid #dc0c62; margin-left:3px; }
.title_home a{ float:right; margin-right:10px; color:#848484;}

.prodbox li{width:48%; float:left; margin:0 1%; text-align:center; margin-bottom:10px;}
.prodbox li .img{background:#FFF; height:115px; overflow:hidden; border:1px solid #ccc; padding:1px;}
.prodbox li p{width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.tecl{ border-top:2px solid #dc0c62; height:40px; line-height:40px; font-size:14px; text-shadow:1px 1px 1px #fff; color:#333;}
.tecl a{ color:#666;}

/*联系我们*/
.c_main{ margin:15px 15px 0; background:#fff; padding:2px 0 0;}
.c_main ul{ border-top:2px solid #3a6351; padding:0 10px;}
.c_main li{ height:105px; padding:10px 0; border-bottom:1px solid #dedede;}
.c_main li .pic{ width:84px; height:91px; padding:6px 5px; background:#eaf0f0; border:1px solid #d9dadc; border-radius:2px 2px 2px 2px; float:left;}
.c_main li .txt{ padding-left:105px;}
.c_main li h3{ color:#2c2f3e; font-size:16px; font-weight:normal; line-height:30px; height:30px; overflow:hidden;}
.c_main li h3 a{ color:#cb324e;}
.c_main li p,.c_main dd p{ font-size:14px; color:#a2a2a2; line-height:22px; height:44px; overflow:hidden;}

.c_main .tpic{ text-align:center; padding:13px 10px 0;}
.c_main .tpic img{ width:100%; max-height:264px; min-height:132px;}
.c_main dl{ padding:10px 10px 0;}
.c_main dd{ padding:10px 0; border-bottom:1px solid #dedede; height:70px;}
.c_main dd .pic{ width:84px; height:70px; float:left;}
.c_main dd .txt{ padding-left:95px; line-height:22px;}

.more{ display:block; margin:10px 15px; background:#ddd; height:30px; line-height:30px; text-align:center; font-size:14px; color:#858585;}

/*文章页*/
.catpic{ height:auto; overflow:hidden;}
.catpic img{ width:100%; display:block; max-height:279px; min-height:139px;}
.amain{ position:relative; margin:0 10px; background:#fff; height:auto; padding:40px 15px 0;}
.amain .filter{ position:absolute; height:44px; width:100%; opacity:0.6; background:#fff; filter:alpha(opacity=60); border-radius:5px 5px 0 0; top:-15px; left:0;}
.amain .catname{ position:absolute; top:-15px; left:15px; width:165px; background:#7bb094; color:#fff; font-size:20px; line-height:44px; height:44px; text-align:center; border-radius:0 0 3px 3px;}
.amain .tle{ height:35px; line-height:35px; font-size:18px; border-bottom:3px solid #17120f;}
.amain .cont{ line-height:22px; font-size:14px; padding:5px 0 10px;}
.amain .cont iframe{ width:100%;}

/*公用*/
.siteMapPath{ border-bottom:1px solid #ccc; text-align:right; margin-bottom:15px;}
.siteMapPath a{ text-decoration:none;}

#mainWrapper{ padding:10px; overflow:hidden; }
#Article h1{ text-align:center; font-weight:bold;}
.summary {background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 15px 0 0;padding: 12px 5px 6px;text-align: justify;text-indent: 2em; margin-bottom:20px;}
#mainWrapper .nl{ margin-top:20px;}
#mainWrapper .nl li,#mainWrapper_home .nl li{height:40px; line-height:40px; margin:0 10px; border-bottom:1px dashed #ccc; position:relative;}
#mainWrapper .nl li a,#mainWrapper_home .nl li a{  display:block; height:40px; padding-right:80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; font-size:14px;}
#mainWrapper .nl li .addTime,#mainWrapper_home .nl li .addTime{ display:block; width:70px; height:40px; position:absolute; top:0; right:0; font-size:12px;}

.about_t{ display:block; text-align:center; color:#F00; font-size:24px; font-weight:bold; margin:20px 0;}
.about_t a{ color:#bbb; font-size:24px; text-decoration:none;}

/* 分页 */
#pages { padding:14px 0 10px; margin:0 auto; text-align:center; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#666666; padding:0 20px; text-decoration:none;}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#333333; border:1px solid #333333; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }








.pack{ margin-top:10px;}
.pack .p{height:38px; line-height:38px; background:#eee; text-align:center; color:#333; font-size:18px; border-bottom: 1px solid #e62129;}
.packli{ margin-bottom:15px;}
.packli li{ position:relative;
 	padding:0 40px 0 10px;
    background: #fff;
    color: #2f3e46;
    text-shadow: 0 1px 0 #fff;
    background-image: -moz-linear-gradient(#fff,#f1f1f1);
    background-image: -ms-linear-gradient(#fff,#f1f1f1);
    background-image: -o-linear-gradient(#fff,#f1f1f1);
    background-image: linear-gradient(#fff,#f1f1f1);
	border-bottom:1px solid #ccc;
}
.packli li a{ height:36px; line-height:36px; overflow:hidden; display:block; text-decoration:none; text-overflow: ellipsis; white-space: nowrap; font-size:14px;}
.packli li span{ display:block; background: #666; background: rgba(0,0,0,.4); background-image: url(/statics/images/wap/icons-36-white.png); background-repeat: no-repeat; -webkit-border-radius: 9px; border-radius: 9px; width: 18px;height: 18px;position: absolute; top: 50%; margin-top: -9px; right:10px;-moz-background-size:864px 18px;-o-background-size: 864px 18px;-webkit-background-size: 864px 18px;
background-size: 864px 18px;background-position: -108px 50%;}

.baguetteBoxOne li{ width:48%; float:left; margin:0 1%; text-align:center; margin-bottom:10px;}
.baguetteBoxOne span{ width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




.it{ margin:1em 0}
.it td{ color:#999; height:2em; border-bottom:1px dashed #ddd}


#formWrite{  margin:1em 0}
#formWrite td{ line-height:3em;}
#formWrite td .pro_messField{ border:1px solid #ddd; padding-left:.5em; line-height:1.8em;}





/* */
a.page{margin:0 8px;padding:2px 4px; border:1px solid #DDE1DD; background-color:#FFF;text-decoration:none; font:100 14px/2em "Trebuchet MS",Arial}
a.page:hover{ background-color:#595959; color:#FFF }

.pageON{margin:0 8px;padding:2px 4px; border:1px solid #DDE1DD;text-decoration:none;background-color:#DDE1DD; color:#595959; font:100 14px/2em "Trebuchet MS",Arial}