@import url("animation.css");

* {} html,body,#page { height:100%;padding: 0; margin: 0;color:#000;}
video{ max-width:100%;}
body {background:#fff; margin:0; padding:0;font-family:Helvetica,Arial,san-serif;font-size:16px;}

a,a:visited { text-decoration:none;}ul,ol,li,dl { list-style:none;padding:0;}

.fl{float:left}.fr{float:right}

.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility: hidden;}

.clearfix {display: inline-block;} .clr{clear:both}.hidden{display:none!important}

*,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html,body,header,nav,footer,article,section,form,fieldset,p,div,ul,ol,li,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust:none;} /*旋转屏幕禁止改变文字大小*/

-webkit-tap-highlight-color:{rgba(0,0,0,0);}-moz-tap-highlight-color:{rgba(0,0,0,0);}/*禁止链接高亮*/

-webkit-touch-callout:{none;}-moz-touch-callout:{none;}/*禁止链接长按弹出选项菜单*/

/*section,article,#container,#content{text-shadow:0 0px 0 #fff;}*/

em,time,address {font-style:normal;font-weight:0.8em;color:#999}

header,section,article,figure,footer,aside,ul,ol,dl {height:auto; overflow:hidden; display:block;

-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*input:not([type="radio"]),input:not([type="checkbox"])*/

input[type=text],input[type=password],input[type=url],input[type=email],input[type=tel] ,button,textarea{outline:none;-webkit-appearance:none;}

textarea{resize:none}





#page { margin:0 auto; padding:0; padding-bottom:50px; width:100%;max-width:100%; height:auto;min-height:100%; position:relative;

background:#333232;}

header {margin:0 auto; padding:0; width:100%;position:relative;text-align:center; line-height:40px; height:40px;color:#333; white-space:nowrap; overflow:hidden; color:#fff;border-bottom:1px solid #333333;background:#333333;}

header img {width:auto; height:auto;margin:0 auto;padding:0;}

header h1 {width:100%; margin:0 auto;font-size:1.2em;z-index:1;color:#fff}

header h1 strong {line-height:40px;background-size: 29px 23px; padding-left:32px;}

header h1 > p { width:76%; margin:0 auto; padding:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

header h2,header h3 { width:50px; display:inline;font-size:0.8em;z-index:100; }

header h2 { position: absolute; left:0; top:0;}

header h3 { position:absolute; right:0; top:0;}

header h2 a,header h3 a { padding:5px 6px;border:1px solid #666; border-radius:4px; color:#fff;}

header a.icon {display:block;height:40px;line-height:40px;padding:0;border:0;color:#333;text-indent:100em;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;/*FF*/ overflow:hidden;}

header a.back { background:url(../images/arrow-70-back.png) 50% 50% no-repeat; background-size: 12px 20px;}

header a.fresh{ background:url(../images/fresh.png) 50% 50% no-repeat; background-size: 32px 32px;}

header a.home { background:url(../images/home.png) 50% 50% no-repeat; background-size: 36px 36px;}

header a.tel { background:url(../images/call.png) 50% 50% no-repeat; background-size: 36px 36px;}



#page>header a.fresh{ background:url(../images/fres.png) 50% 50% no-repeat; background-size: 30px 30px;

-webkit-animation:fresh 1s 0s linear both;

-moz-animation:fresh 1s 0s linear both;}

@-webkit-keyframes fresh{

0%{-webkit-transform: rotate(0)}

100%{opacity:1;-webkit-transform:rotate(360deg)}

}

@-moz-keyframes fresh{

0%{-moz-transform: rotate(0)}

100%{-moz-transform:rotate(360deg)}

}



header.map {height:40px; line-height:40px;background:#015BAA;color:#fff;}

header.map h2,header.map h3 {background:#015BAA; }



header.index {margin:0 auto; padding:5px 10px; width:100%;position:relative;text-align:left; height:53px;color:#333; white-space:nowrap; overflow:hidden; color:#fff;border-bottom:0px solid #33333300;background:#333333;}

header.index h1 img { height:40px; max-width:100%;border:0;float:left}

header.index h1 a span{color:#EEE;line-height:40px;display:block;float:left;margin-left:5px;font-size:23px;font-family:"Microsoft Yahei";}



section.topfixed{margin:0 auto; padding:0; width:100%;position: fixed;z-index:999;text-align:left; line-height:25px; height:auto; 

background:rgba(68,54,28,0.9);box-shadow:0 3px 3px rgba(30,30,30,0.6);color:#fff; overflow:hidden;text-shadow:none;}

section.topfixed p {padding:5px;margin:0;}

.lv {background:#000;height:40px; width:100%;text-align:center;margin:0; padding:0;}



.banner {margin:0 auto;padding:0px 0px;text-align:center;width:100%;height:auto; background:;color:#fff; position:relative;

 background-image:; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0;

-webkit-animation:fadeIn .6s .8s ease both;-moz-animation:fadeIn .6s .8s ease both; text-shadow:0 0px 0 #fff; }

.banner img {border:0;width:100%;}

.banner span {color:#DA137C; line-height:20px; font-size:20px; position:absolute; left:70px; top:30px; }

.banner span p { line-height:30px; color:#ECE300;}

.banner span+p {font-size:16px; line-height:60px;position:absolute;left:74px; top:54px;}

.banner span+p em {font-style:normal;color:#f00; font-weight:bold; font-size:20px;}



#page > address { background:; margin:10px; padding:5px; text-align:center; font-size:0.8em; font-style:normal;border-radius:4px;color:#666}



#page > figure.pos {width:100%;height:auto; line-height:26px;padding:0 10px; margin:0 auto 0; text-align:left;  overflow:hidden; background:#ecf7ef; border-bottom:1px solid #aab;color:#000; font-size:14px;}

#page > figure.pos a,#page > figure.pos:visited,#page > figure.pos:hover {color:#000;}

#page > figure.pos em { display:block; float:left; width:18px; height:18px; border-radius:10px; margin:4px 5px 4px 0;background:#333333 url(../images/home.png) 50% 50% no-repeat; background-size:20px 20px;}



section.about {width:100%;text-align:left;}

section.about h3,section h3 {background:;font-size:14px; font-weight:bold; padding:0 10px; text-shadow:0 1px 0 #fff; height:20px; line-height:20px;color:#333333; margin-top:10px;}

#page section.nm h3{ margin-top:0;}

section.about h3 > a { float:right;color:#999; text-align:center;font-size:0.8em;border:1px solid #ddd; padding:0 5px; line-height:16px;border-radius:2px; background:#f9f9f9}

section.about article {padding:0;}

section.about h3:after,section h3:after {content:"▼";color:#999}

.banner+section.about { margin-top:5px;}



section ul {margin:0 auto; padding:0; height:auto; overflow:hidden;}

section ul li {width:50%; margin:0; padding:0; float:left;}

section ul li a { display:block; height:60px; width:100%; margin:0;}

section ul li a img {height:50px; width:60px; vertical-align:middle; margin:5px auto;}

section.am ul li:nth-child(1) a {-webkit-animation:fadeInLeftTopBig 1s 1.0s ease both;-moz-animation:fadeInLeftTopBig 1s 1.0s ease both;}

section.am ul li:nth-child(2) a {-webkit-animation:fadeInRightTopBig 1s 1.0s ease both;-moz-animation:fadeInRightTopBig 1s 1.0s ease both;}

section.am ul li:nth-child(3) a {-webkit-animation:fadeInLeftBottomBig 1s 1.0s ease both;-moz-animation:fadeInLeftBottomBig 1s 1.0s ease both;}

section.am ul li:nth-child(4) a {-webkit-animation:fadeInRightBottomBig 1s 1.0s ease both;-moz-animation:fadeInRightBottomBig 1s 1.0s ease both;}





.homepage ul li { width:50%; height:auto; padding:5px; float:left;}

.homepage ul li a { display:block; width:100%; margin:0 auto; height:auto; text-align:center;}

.homepage ul li a img {max-width:100%; height:auto; float:left; margin:0 auto;border-radius:4px;text-align:center;}

.homepage > h3 { width:100%; padding:5px; height:50px; line-height:40px;}

.homepage > h3 > a { display:block;background:#333333;color:#fff;border:none; text-align:center; border-radius:4px; line-height:inherit;}

.homebanner {margin:0 auto;padding:0px 0px;text-align:center;width:100%;height:auto; background:;color:#fff; position:relative;

 background-image:; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0;

-webkit-animation:fadeIn .6s .8s ease both;-moz-animation:fadeIn .6s .8s ease both; text-shadow:0 0px 0 #fff; }

.homebanner img {border:0;max-width:100%;}







article.vCate ul { padding:0 0 10px 0;}

article.vCate ul li { width:50%; margin:0; float:left;border:0; height:auto; text-align:center; padding-top:2px;}



article.vCate ul li a { display:block;height:100px; width:100%; position:relative; padding:0;color:#fff;

background-color:#00A88F; background-repeat:no-repeat; background-position:center 30%; background-size:36px 36px;

background-image:url(../images/star.png); overflow:hidden;}



article.vCate ul li:nth-child(even) a { background-color:#83BDA4} 

article.vCate ul li:nth-child(3) a { background-color:#52A4D4} article.vCate ul li:nth-child(4) a { background-color:#76B5D6} 

article.vCate ul li a strong {line-height:140px;}

article.vCate ul li a em{ display:block; font-style:normal; position:absolute; margin:0; padding:0; right:10px; top:5px; height:30px; width:auto; line-height:30px;color:#999;}

article.vCate ul li a em b {color:#f00;font-size:18px;}



article.vCate ul li:nth-child(1),article.vCate ul li:nth-child(2),article.vCate ul li:nth-child(3),article.vCate ul li:nth-child(4){ width:25%}

article.vCate ul li:nth-child(1),article.vCate ul li:nth-child(2),article.vCate ul li:nth-child(3),article.vCate ul li:nth-child(4) { padding-top:0}

article.vCate ul li:nth-child(1) a,article.vCate ul li:nth-child(2) a,article.vCate ul li:nth-child(3) a,article.vCate ul li:nth-child(4) a

{height:80px;}

article.vCate ul li:nth-child(1) a strong,article.vCate ul li:nth-child(2) a strong,article.vCate ul li:nth-child(3) a strong,article.vCate ul li:nth-child(4) a strong { line-height:120px;}

article.vCate ul li:nth-child(2) { padding-right:1px;}article.vCate ul li:nth-child(3) { padding-left:1px;}



article.vCate ul li:nth-child(1) a { background-color:#655E5E;background-image:url(../images/idxbg1.png);}

article.vCate ul li:nth-child(2) a { background-color:#454A5F;background-image:url(../images/idxbg2.png);}

article.vCate ul li:nth-child(3) a { background-color:#2C4A4C;background-image:url(../images/idxbg3.png);}

article.vCate ul li:nth-child(4) a { background-color:#4B5763;background-image:url(../images/fdbj.png);}

article.vCate ul li:nth-child(5) a { background-color:#515151;background-image:url(../images/idxbg5.png);}

article.vCate ul li:nth-child(6) a { background-color:#515151;background-image:url(../images/tj.png);}

article.vCate ul li:nth-child(7) a { background-color:#F3B700;background-image:url(../images/idxbg7.png);}

article.vCate ul li:nth-child(8) a { background-color:#aae911;background-image:url(../images/idxbg8.png);}

article.vCate ul li:nth-child(9) a { background-image:url(../images/contact1.png);}

article.vCate ul li:nth-child(10) a {background-image:url(../images/navi.png);background-size:42px 42px;}



article.vCate ul li a[title*="预约"] { background-image:url(../images/idxbg1.png);}

article.vCate ul li a[title*="简介"] { background-image:url(../images/idxbg8.png);}

article.vCate ul li a[title*="联系"] { background-image:url(../images/contact1.png);}

article.vCate ul li a[title*="选择"] { background-image:url(../images/star.png);}

article.vCate ul li a[title*="产品"] { background-image:url(../images/idxbg7.png);}

article.vCate ul li a[title*="外贸"] { background-image:url(../images/idxbg2.png);}

article.vCate ul li a[title*="纺织"] { background-image:url(../images/idxbg3.png);}

article.vCate ul li a[title*="自定义"] { background-image:url(../images/tools.png);background-size:42px 42px;}

article.vCate ul li a[title*="新闻"] { background-image:url(../images/panel.png);background-size:56px 56px;}

article.vCate ul li a[title*="案例"] { background-image:url(../images/anli.png);}





article.vCate ul li:nth-child(odd) {-webkit-animation:LeftIn 1.2s .5s ease both;-moz-animation:LeftIn 1.2s .5s ease both;padding-right:1px; }

article.vCate ul li:nth-child(even) {-webkit-animation:RightIn 1.2s .5s ease both;-moz-animation:RightIn 1.2s .5s ease both;padding-left:1px; }



.channel {height:auto; padding:5px 5px 10px; margin:0 auto; width:100%;background:url(../images/mainbg.png) center bottom no-repeat;}

.channel ul {height:auto; padding:0; margin:0 auto; width:100%; overflow:hidden;border:1px solid #ddd; border-radius:4px;}

.channel ul li {width:50%;height:60px;float:left;margin:0; line-height:60px;}

.channel ul li a { display:block; height:60px; width:100%; margin:0 auto; text-align:center; position:relative; border-radius:0px;background-color:rgba(255,255,255,1);border-top:1px dotted #ddd; border-right:1px dotted #ddd;color:#333333}

.channel ul li a img {width:auto; height:60px;vertical-align:top; margin:0 auto 10px; z-index:100}

.channel ul li a b { display:block;color:#6f0238; position:;left:0; bottom:0;font-size:16px; height:60px; line-height:60px; width:100%; text-shadow:0 1px 0 #fff;}

.channel ul li a img + b {line-height:500px;position: absolute;left:0; top:0; z-index:0; height:0; width:0; overflow:hidden;}

.channel ul li:nth-child(1) a ,.channel ul li:nth-child(2) a {border-top:none;}

.channel ul li:nth-child(2n) a { border-right:none;}



.channel ul li a strong { padding-left:30px; display:block; width:110px; height:60px; position:relative; margin:0 auto}

.channel ul li a strong em { display:block;height:30px; width:30px; border-radius:15px; background:#333333; position:absolute; left:0; top:50%; margin-top:-15px; background-repeat: no-repeat; background-position:50% 50%;}



.channel ul li a[title*="关于"] strong em { background-image:url(../images/star.png); background-size:24px 24px;}

.channel ul li a[title*="产品"] strong em { background-image:url(../images/anli.png); background-size:24px 24px;}

.channel ul li a[title*="动态"] strong em { background-image:url(../images/panel.png); background-size:24px 24px;}

.channel ul li a[title*="活动"] strong em { background-image:url(../images/heart.png); background-size:24px 24px;}

.channel ul li a[title*="留言"] strong em { background-image:url(../images/dingdan.png); background-size:24px 24px;}

.channel ul li a[title*="联系"] strong em { background-image:url(../images/contact.png); background-size:24px 24px;}

.channel ul li a[title*="导航"] strong em { background-image:url(../images/navi.png); background-size:36px 36px;}





section.buy {width:100%; height:auto; background:#44361C; padding:5px 0 15px; position:relative;text-shadow:none;text-align:center; overflow:hidden;

-webkit-animation:bounceInkeep .3s .2s linear both;-moz-animation:bounceInkeep .3s .2s linear both;-o-animation:bounceInkeep .3s .2s linear both;}

.row1,.row2 {width:96%; height:auto;margin:0 auto;padding:0; clear:both;}

.row2 {border-top:1px dotted #524524; padding:10px 0; line-height:30px; height:50px; overflow:hidden;}

.row1 strong { display:block;width:35%;float:left;font-size:48px;color:#ff0;text-shadow:1px 1px 0px #000; line-height:60px;}

.row1 ol {width:65%; height:inherit;margin:0;padding:0; overflow:hidden;}

.row1 ol li {width:33%; float:left;color:#886536; line-height:30px; }

.row1 ol li p{color:#9A9B74;}

.row2 strong {display:block;width:35%;line-height:30px; height:30px;float:left;font-size:20px;color:#9A7C48;}

.row2 .djs {width:65%; line-height:30px; height:30px;margin:0;padding:0; color:#dd9;overflow:hidden;}

.row2 .djs input {color:#D0740A;background:none;font-size:26px; text-align:right;}

section.buy a.button,section.buy button{display:block; width:96%; margin:0 auto; height:46px; line-height:42px;font-size:26px;border-radius:4px;

border:1px solid #EE3B1A;text-shadow:0 1px 0 #000;color:#fff;

background:-webkit-linear-gradient(top,#F9A58B 0%,#F9A58B 3%,#F1714A 6%,#F37751 49%,#EC3B07 51%,#EA3001 100%);

background:-moz-linear-gradient(top,#F9A58B 0%,#F9A58B 3%,#F1714A 6%,#F37751 49%,#EC3B07 51%,#EA3001 100%);

background:-o-linear-gradient(top,#F9A58B 0%,#F9A58B 3%,#F1714A 6%,#F37751 49%,#EC3B07 51%,#EA3001 100%);

background:-ms-linear-gradient(top,#F9A58B 0%,#F9A58B 3%,#F1714A 6%,#F37751 49%,#EC3B07 51%,#EA3001 100%);

background:linear-gradient(top,#F9A58B 0%,#F9A58B 3%,#F1714A 6%,#F37751 49%,#EC3B07 51%,#EA3001 100%);}





article.showcontent {margin:0; padding:0;width:100%; height:auto; overflow:hidden;}

article.showcontent h2 {background:#e2e2e2;color:#999;font-size:12px; line-height:18px;  font-weight:normal; padding:0 10px;margin:0; width:100%; clear:both;}

article.showcontent h2:before {content:"▼";color:#999;}

article.showcontent img {border:none;margin:0px 0 0; padding:0; text-align:center;width:auto;max-width:100%;float:left;}

article.showcontent p {padding:10px;}

/*timer*/

.time-count{text-align:center; margin:0; font-size:14px;}

.time-count span{font-weight:bold; padding:0 0 0 5px ; color:#D0740A;font-size:26px;}





article.des {width:94%;margin:0 auto;padding:10px 0; text-align:left;border-top:1px dotted #524524;color:#856D35;text-shadow:1px 1px 1px #33250C}



footer {margin:0 auto; padding:0;width:100%; clear:both;position:fixed; left:0; bottom:0;border-top:0px solid #000;

background:rgba(197,19,29,0.85);}

footer > p { text-align:center;font-size:0.8em; line-height:20px;border-top:1px solid #fff; padding:10px 5px;color:#c7e1cc}

footer > p img {max-width:98%;margin:0 auto;}

footer ul {margin:0 auto;padding:0 0; height:auto; width:100%;overflow:hidden;}

footer ul li { width:33.3%; height:45px; float:left; text-align:center;}

footer ul li a { display:block; line-height:45px; margin:0;width:100%;color:#eee;font-size:1em;border-right:1px dotted #7f8293; }

footer ul li a strong { display:block; position: relative;top:0;left:0; font-weight:normal;}

footer ul li:last-child a{border-right:none;}

footer ul li a.hover {color:#fff; background:#D70000}



footer ul li a strong{ display:inline; position: inherit;font-weight:normal;padding:5px 0 5px 28px; line-height:45px;font-size:14px;}

footer ul li a[href="/"] strong,footer ul li a[title*="首页"] strong{background:url(../images/home.png) left center no-repeat; background-size: 30px 30px;}

footer ul li a[href^="tel:"] strong,footer ul li a[title*="联系"] strong{background:url(../images/call.png) left center no-repeat;background-size:32px 32px;}

footer ul li a[href^="sms:"] strong{background:url(../images/sms.png) left center no-repeat; background-size: 36px 36px;}

footer ul li a[title="share"] strong {background:url(../images/tj.png) left center no-repeat; background-size: 24px 24px;}

footer ul li a[title*="关于"] strong,footer ul li a[title*="简介"] strong,footer ul li a[title*="介绍"] strong{background:url(../images/star.png) left center no-repeat; background-size: 24px 24px;}

footer ul li a[title*="产品"] strong{background:url(../images/case.png) left center no-repeat; background-size: 34px 34px;}

footer ul li a[title*="资讯"] strong,footer ul li a[title*="新闻"] strong{background:url(../images/panel.png) left center no-repeat; background-size: 24px 24px;}





footer.vertical ul li a strong{ display:block; position: inherit;font-weight:normal;padding:10px 0 0 0; line-height:45px;font-size:12px;}

footer.vertical ul li a[href*="history"] strong,footer.vertical ul li a[title*="返回"] strong{background:url(../images/back.png) center 2px no-repeat; background-size: 24px 22px;}

footer.vertical ul li a[href="/"] strong,footer.vertical ul li a[title*="首页"] strong{background:url(../images/home.png) center -4px no-repeat; background-size: 32px 32px;}

footer.vertical ul li a[href^="tel:"] strong,footer.vertical ul li a[title*="联系"] strong{background:url(../images/call.png) center -3px no-repeat;background-size:32px 32px;}

footer.vertical ul li a[href^="sms:"] strong{background:url(../images/sms.png) center top no-repeat; background-size: 24px 24px;}

footer.vertical ul li a[title="share"] strong {background:url(../images/tj.png) center top no-repeat; background-size: 24px 24px;}

footer.vertical ul li a[title*="关于"] strong,footer.vertical ul li a[title*="简介"] strong,footer.vertical ul li a[title*="介绍"] strong{background:url(../images/star.png) center top no-repeat; background-size: 24px 24px;}

footer.vertical ul li a[title*="产品"] strong{background:url(../images/case.png) center -3px no-repeat; background-size: 34px 34px;}

footer.vertical ul li a[title*="资讯"] strong,footer.vertical ul li a[title*="新闻"] strong{background:url(../images/panel.png) center top no-repeat; background-size: 24px 24px;}





footer.R1 ul li{ width:100%;}

footer.R1 ul li a[href^="tel:"] strong{background:url(../images/call.png) left center no-repeat; background-size: 32px 32px;}

footer.R1 ul li a strong {font-size:20px; font-weight:bold;color:#c7e1cc; padding-left:34px;}



footer.R2 ul li{ width:25%;}

footer.R2 ul li a[href^="tel:"] strong{background:url(../images/call.png) left center no-repeat; background-size: 36px 36px;}

footer.R2 ul li a[title*="留言"] strong{background:url(../images/dingdan.png) left center no-repeat; background-size: 30px 30px;}

/*footer.R2 ul li a[title*="分享"] strong{background:url(../images/share.png) left center no-repeat; background-size: 24px 24px;}*/

footer.R2 ul li a[title*="地图"] strong{background:url(../images/map.png) left center no-repeat; background-size: 24px 24px;}

footer.R2 ul li a[title*="中心"] strong{background:url(../images/user.png) left center no-repeat; background-size: 32px 32px;}

footer.R2 ul li a strong {font-size:14px; font-weight:bold;color:#fff; padding-left:34px;}

/*reset bdshare*/

footer.R2 ul li .bdsharebuttonbox.bdshare-button-style0-24 a{padding:0; margin:10px auto;font-size:14px; font-weight:bold; text-indent:20px; line-height:26px;

 background:url(../images/share.png);background-size: 24px 24px;background-position: 20% 1px; background-repeat:no-repeat;}

footer.R2 ul li .bdsharebuttonbox.bdshare-button-style0-24 a:hover {color:#fff}





nav.menu {margin:0 auto; padding:0; width:100%;position:relative; left:0; bottom:0;background:#333333;border-bottom:1px solid #000;

/*-webkit-animation:bounceInkeep 0.2s 0.2s linear both;-moz-animation:bounceInkeep 0.2s 0.2s linear both; */}

nav.menu ul {margin:0 auto;padding:0 0; height:auto; width:100%;overflow:hidden;}

nav.menu ul li { height:40px; float:left; text-align:center;border-right:1px solid #444;border-bottom:1px solid #444;}

nav.menu ul li a { display:block; line-height:40px; margin:0;width:100%;color:#ddd;font-size:1em; }

nav.menu ul li a strong { display:block; position: relative;top:10px;left:0; font-weight:normal;}

nav.menu ul li.hover {color:#ff0; background:#AE171F; line-height:40px;}nav.menu ul li.hover a {color:#fff}



nav.menu.R3 ul li{ width:33.3%;}

nav.menu.R3 ul li:nth-child(3n) { border-right:none;}

nav.menu.R3 ul li:nth-child(1),nav.menu.R4 ul li:nth-child(2),nav.menu.R4 ul li:nth-child(3){border-top:none;}



nav.menu.R4 ul li{ width:25%;}

nav.menu.R4 ul li:nth-child(4n) { border-right:none;}

nav.menu.R4 ul li:nth-child(1),nav.menu.R4 ul li:nth-child(2),nav.menu.R4 ul li:nth-child(3),nav.menu.R4 ul li:nth-child(4){border-top:none;}



nav ul.Transverse {position:relative;}

nav ul.Transverse li a strong{ display:inline; position: inherit;font-weight:normal;padding:5px 0 5px 32px; line-height:45px;font-size:14px;}

nav ul.Transverse li:nth-child(1) a strong{background:url(../images/home.png) left center no-repeat; background-size: 32px 32px;}

nav ul.Transverse li:nth-child(2) a strong{background:url(../images/call.png) left center no-repeat; background-size: 32px 32px;}

nav ul.Transverse li:nth-child(3) a strong {background:url(../images/sms.png) left center no-repeat; background-size: 32px 32px;}

nav ul.Transverse li:nth-child(30) {position: absolute;left:50%;top:13px;width:1px; background:#333; height:20px;}





@media only screen and (max-width: 480px) {

.row1 strong { display:block;width:35%;float:left;font-size:36px;color:#ff0;text-shadow:1px 1px 0px #000;}

.row2 strong {display:block;width:35%;float:left;font-size:12px;color:#9A7C48;}

.row2 .djs {width:65%; height:inherit;margin:0;padding:0; color:#dd9;overflow:hidden;}

.row2 .djs input {color:#D0740A;background:none;font-size:12px; text-align:right;}

.time-count{text-align:center; margin:0; font-size:12px;}

.time-count span{font-weight:bold; padding:0 5px; color:#D0740A;font-size:14px;}

}



article {width:100%; margin:0 auto; padding:0; line-height:24px;font-size:1.0em; position:relative;}

article.am {-webkit-animation:bounceInkeep .3s .2s linear both;-moz-animation:bounceInkeep .3s .2s linear both;}

article.tjcp.am {-webkit-animation:bounceInkeep .3s 1.0s linear both;-moz-animation:bounceInkeep .3s 1.0s linear both;}





article ul.cols {height:auto; width:96%; margin:0 auto; padding:10px 0; overflow:hidden;}

article ul.cols li{width:50%;height:60px; float:left; border:none;}

article ul.cols li a {background:none; width:100%;height:58px;}

article ul.cols li a img { height:50px; width:50px;}

article ul.cols li a>p { position: absolute;left:55px;top:8px;color:#333;font-size:1.0em;width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article ul.cols li a em {position: absolute;left:56px;top:30px;color:#999;font-size:0.8em;font-style:normal; width:80%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}





article ul.wlist li {height:110px;padding:10px 0; overflow:hidden;}

article ul.wlist li a img + p{position: absolute;left:85px;top:3px;color:#333}

article ul.wlist li a p.wxx1,.wxx2,.wxx3,.wxx4,.wxx5 {background:url(../images/xx5.png); background-repeat:no-repeat;background-size:73px 16px; display:block;width:73px; height:20px;

position:absolute;right:0;top:5px;color:#333;font-size:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article ul.wlist li a span { position: absolute;left:85px;top:28px;color:#999;font-size:0.8em; width:auto; line-height:18px;}

article ul.wlist li a em {position: absolute;left:85px;top:63px;color:#ff5600;font-size:0.8em;font-style:normal; width:80%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article ul.wlist li a b {position:absolute;right:0;top:52px; display:block;height:30px; line-height:30px; text-shadow:1px 1px 1px #060; width:auto;padding:0 5px;border:1px solid #060;border-radius:6px;background:#090;color:#fff;}



/*.min shop list*/

article ul.min {width:100%; height:auto; min-height:100%; margin:0 auto; padding:0;border-bottom:0px solid #ddd;overflow:hidden;}

article ul.min li { height:40px; width:100%;border-top:1px solid #fff;border-bottom:1px solid #ddd;}

article ul.min li a { display:block; height:38px; width:96%; padding:4px 0; margin:0 auto; position:relative; overflow:hidden;

background:url(../images/arrow-70.png) 100% 50% no-repeat; background-size: 8px 24px;}

article ul.min li:first-child   {height:40px;border-top:0px solid #fff;border-bottom:1px solid #ddd;}

article ul.min li:last-child   {height:40px;border-top:1px solid #fff;border-bottom:0px solid #ddd;}

article ul.min li a img { height:30px; width:30px;}

article ul.min li a p { position: absolute;left:40px;top:8px}

article ul.min h3 {background:#eee;font-size:0.8em; text-indent:2%;}

article ul.min h3:before {content:"▽";color:#999;}



article h2 {background:#e2e2e2;color:#999;font-size:12px; line-height:18px;  font-weight:normal; padding:0 10px;margin:0; width:100%; clear:both;}

article h2:before {content:"▼";color:#999;}

/*article list*/

article ol {width:100%; height:auto; min-height:100%; margin:0 auto 10px; padding:0;border-bottom:0px solid #ddd;overflow:hidden;}

article ol li { height:60px; padding:5px 0; width:100%;border-top:0px solid #fff;border-bottom:1px dotted #ddd;}

article ol li a { display:block; height:50px; padding:5px 0; position:relative; overflow:hidden; width:96%; margin:0 auto;}

article ol li:nth-child(odd) {background:#f9f9f9;}

article ol li:nth-child(even) {background:;}

article ol li:first-child   {border-top:0;border-bottom:1px dotted #ddd;}

article ol li:last-child  {border-top:0px solid #f63287;border-bottom:1px dotted #ddd;}

article ol li a img { height:50px; width:50px;}

article ol li a p { position: absolute;left:0px;top:5px;color:#333;font-size:1.0em; width:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article ol li a img+p { position: absolute;left:60px;top:6px;color:#333;font-size:1.0em; width:auto;}

article ol li a span { position: absolute;left:0px;top:30px;color:#666;font-size:0.7em; width:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article ol li a time {position: absolute;left:0px;top:25px;color:#999;font-size:0.8em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}





/*index news list*/

article.nlist ul { height:auto; min-height:100%; margin:0 auto 10px; padding:0;border-bottom:0px solid #ddd;overflow:hidden; border-radius:4px}

article.nlist ul li { height:50px; padding:5px 0; width:100%;border-top:0px solid #fff;border-bottom:1px dotted #ddd;}

article.nlist ul li a { display:block; height:40px; padding:5px 0; position:relative; overflow:hidden; width:96%; margin:0 auto; text-align:left}

article.nlist ul li:nth-child(odd) {background:#fff;}

article.nlist ul li:nth-child(even) {background:#fff;}

article.nlist ul li:first-child   {border-top:0;border-bottom:1px dotted #ddd;}

article.nlist ul li:last-child  {border-top:0px solid #f63287;border-bottom:0px dotted #ddd;}

article.nlist ul li a img { height:50px; width:50px;}

article.nlist ul li a p { position: absolute;left:0px;top:0px;color:#333;font-size:1.0em; width:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article.nlist ul li a img+p { position: absolute;left:60px;top:6px;color:#333;font-size:1.0em; width:auto;}

article.nlist ul li a span { position: absolute;left:0px;top:30px;color:#666;font-size:0.7em; width:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

article.nlist ul li a time {position: absolute;left:0px;top:20px;color:#999;font-size:0.8em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}





article ol.Category li { width:90%; margin:10px auto; padding:0  10px ;box-shadow:0 1px 3px #ddd;  border:1px solid #ddd; height:40px; line-height:40px;}

article ol.Category li a { height:40px; width:100%; position:relative; padding:0; background:url(../images/arrow-70.png) right center no-repeat; background-size:8px 20px;}

article ol.Category li a strong { line-height:40px; color:#333;}

article ol.Category li a em{ display:block; font-style:normal; position:absolute; margin:0; padding:0; right:10px; top:5px; height:30px; width:auto; line-height:30px;color:#999;}

article ol.Category li a em b {color:#f00;font-size:18px;}



article > h1:first-child {font-size:1.2em;text-indent:2%}

article > time {display:block;width:100%; line-height:24px;font-size:0.8em;color:#666;border-bottom:1px solid #ddd; margin-bottom:10px; text-indent:2%}

article>h5 {width:40px; height:32px; line-height:32px; text-align:center;position: absolute; right:2%; top:15px; border-radius:4px;border:1px solid #ddd;box-shadow: inset -1px -1px 4px #ddf;text-shadow:0 1px 0 #ddd;}

article>h5>a { display:block;width:100%;height:100%;box-shadow: inset 1px 1px 4px #ddf;}



article.show {margin:0; padding:3px;background:#333;color:#E6E6E6}

article.show a{color:#fff}

article.show h2 { width:100%; background:#f9f9ff;color:#ff6900;text-shadow:1px 1px 1px #fff;padding:5px 2%; margin:0 auto;font-size:1.2em; border-top:1px solid #DFDFCC;}

article.show h2:before { content:"▼";}  /*.content h2:after { content:"▼▲◀▶"}*/

article.show h2 span { float:right;font-size:0.6em;font-weight:normal;}



article.show img,article.show p img {max-width:100%;text-align:center;}

/*article.show td{text-align:center;}*/

article.show figure { text-align:center; padding:10px 0;}

article.show figure img {border:1px dotted #ddd; max-width:80%;}

article.show figure p {margin:0 auto; padding:0;font-weight:bold;}

article.show figure a+p {font-weight:normal;color:#999;font-size:12px;}

article.show input {width:100%;height:30px; line-height:30px; color:#666;background:#fff;border:1px solid #ddd; border-radius:4px; padding:0 5px;font-size:16px;}

article.show figure a{background:url(../images/xx5.png); background-repeat:no-repeat;background-size:73px 16px;background-position:left center; display:block;

color:#333;font-size:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin:0 auto;height:20px; clear:both;}

a.xx1 {width:14px;}

a.xx2 {width:29px;}

a.xx3 {width:44px;}

a.xx4 {width:58px;}

a.xx5 {width:73px;}





article.show p {line-height:25px; padding:5px 0; width:100%; height:auto; overflow:hidden;}article.show p img { float:left; margin-right:5px;}

article.show a.yjgz { display:block; line-height:36px; border-radius:4px; background:#396;color:#fff; text-align:center; margin:10px auto; text-shadow:none;}



article.show h3 {background:#e2e2e2;color:#396;font-size:12px; line-height:18px;  font-weight:normal; padding:0 10px;margin:0; width:100%; clear:both;}

article.show h3:before {content:"▼";color:#396;}







article.show header {margin:0 auto 10px; padding:0 0 10px; width:100%;position:relative;text-align:left; height:auto; background:none;color:#000; border-top:none; white-space:normal; overflow:hidden; border-bottom:1px dotted #515151;}

article.show header h1 {width:100%; margin:0 auto 5px auto; padding:0;font-size:16px;z-index:1; line-height:25px; text-align:left;color:#f00}

article.show header time {font-size:0.8em;color:#999; line-height:20px; margin:0; padding:0; float:left;}

article.show header address {font-size:0.8em;color:#ddd; line-height:16px; margin:0; padding-left:2px; float:left;}



article.show .sellist table { border-collapse:collapse;border:none;}

article.show .sellist table td {border-top:0px dotted #ddd;border-bottom:0px dotted #ddd;font-size:12px; padding:0 1px;}

article.show .sellist table tr td:first-child {border-left:none;}article.show .sellist table tr td:last-child {border-right:none;}



article.show ul.lx li {border-bottom:1px dotted #515151; line-height:30px; padding:5px 0; position:relative;font-size:0.8em;color:#fff} 

article.show ul.lx li b { display:;color:#fff;font-size:1.2em; padding-left:10px}

article.show ul.lx li b a{display:block;color:#fff;font-size:1.2em; padding-left:10px;float:left}

article.show ul.lx li span a { display:block; position:absolute; right:0; top:50%; margin-top:-15px; height:30px; width:30px; line-height:30px; padding:0 8px; background:#0b0; border-radius:20px;color:#fff;font-size:0.8em; text-indent:-9999px;}

article.show ul.lx li span a[href^="tel:"]{background:#0b0 url(../images/call.png) center center no-repeat; background-size:30px 30px;}

article.show ul.lx li span a[href^="sms:"] {right:48px; background:#F90 url(../images/sms.png) center center no-repeat; background-size:30px 30px;}

article.show ul.lx li span a[href^="mailto:"] {background:#09F url(../images/email.png) center center no-repeat; background-size:30px 30px;}

article.show ul.lx li span a[href*="uin="] {background:#09F url(../images/qq.png) center center no-repeat; background-size:24px 24px;}



article.table table{width:100%; margin:0 auto; padding:0; overflow:hidden}

article.table table td {border-top:1px dotted #ddd;border-left:1px dotted #ddd; padding:5px;font-size:12px;}

article.table table tr:first-child td {border-top:none;}

article.table table tr td:first-child {border-left:none}





/*.photo list*/

article ul.photo {width:100%; height:auto; min-height:100%; margin:0 auto; padding:0;border-bottom:1px solid #ddd; overflow:hidden;}

article ul.photo li { height:90px; width:33.3%; float:left;}

article ul.photo li a { display:block; text-align:center; height:90px; padding:5px;border-top:0px solid #ddd;border-bottom:0px solid #fff; position:relative; overflow:hidden;background:none;}

article ul.photo li a img { height:80px;width:100%;}



article hr {width:100%;height:0;border:0;border-top:1px solid #ddd;border-bottom:1px solid #fff;}

article .sellist table {width:100%; border:0; padding:0; margin:0;}

article .sellist td {text-align:left; vertical-align:top;border:0; padding:5px; padding-left:0; margin:0;}


article td.t { text-align:left; font-weight:bold;width:75px; padding-right:0;}

.about { text-align:center;}

.about img {border:0; max-width:50px;max-height:50px;}

.about h4 {margin:0; padding:0;color:#2F589A;}



article.show table.contact tr:nth-child(2n) { background:#C4DBFF;}





article.tjcp {padding:0;}

article.tjcp ul {margin:0 auto; background:#fff;border-radius:4px;}

article.tjcp ul li {width:50%; float:left; margin:0;border-top:1px dotted #ddd; border-right:1px dotted #ddd;}

article.tjcp ul li:nth-child(2n) {border-right:none;} article.tjcp ul li:nth-child(1),article.tjcp ul li:nth-child(2) {border-top:none;}

article.tjcp ul li a {display: block;height:auto;width: 96%;color:#333;padding: 4px 0px;margin: 0px auto;position: relative;overflow: hidden;}

article.tjcp ul li a img {display:block; max-width:140px; max-height:105px; margin:0 auto;}

article.tjcp ul li a p {font-weight:normal;padding:6px 0;font-size:0.8em; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

article.tjcp ul li a b{display:block; height:30px; line-height:30px;color:#fff; background:#1C7DC1; width:100px; margin:0 auto; border-radius:6px;}



article.zxcp {padding:0px 0px;}

article.zxcp > figure img{max-width:100%;}

article.zxcp ul {margin:0;background:#fff;border-radius:4px;}

article.zxcp ul li { width:100%; height:55px;padding:5px 5px;border-top:1px dotted #ddd; overflow:hidden;}

article.zxcp ul li:first-child {border-top:0;}

article.zxcp ul li a {display:block; height:45px; width:100%; margin:0; padding:0 5px 0 0;background-image:url(../images/arrow-70.png); background-size:8px 20px; background-position:100% 50%; background-repeat:no-repeat;overflow:hidden; white-space: nowrap;  text-overflow:ellipsis;}

article.zxcp ul li figure {width:60px; height:inherit;float:left;margin:0;padding:0;text-align:center;overflow:hidden;position:relative;}

article.zxcp ul li figure img {width:auto; max-width:100%; height:45px; margin:0 auto; padding:0;border:none;}

article.zxcp ul li p{color:#666;font-size:0.8em; line-height:20px;overflow:hidden; text-align:left; padding-left:0px; padding-right:10px;}

article.zxcp ul li p b{color:#333;font-size:1.2em;font-weight:normal;}

article.zxcp ul h2 {overflow:hidden;font-size:1.0em; padding:5px 10px;}

article.zxcp ul h2 a {color:#333}

article.zxcp ul h2 span {float:right;}article.zxcp ul h2 span a {color:#39F;font-size:1em}

article.zxcp ul li a > b { text-align:left;color:#258C3B; line-height:45px;}



section.about article.zxcp ul li a > b { text-align:left;color:#333;font-weight:normal}



article.zxcp ul.ulmin li {height:40px;padding:5px 5px;}

article.zxcp ul.ulmin li a {  padding:0;height:30px;line-height:30px;}article.zxcp ul.ulmin li a > b { line-height:30px;color:#333;font-weight:normal}

article.zxcp ul.ulmin li figure {width:30px; height:inherit;float:left;margin:0;padding:0;text-align:center;overflow:hidden;position:relative;}

article.zxcp ul.ulmin li figure img {width:auto; max-width:100%; height:30px; margin:0 auto; padding:0;border:none;}





article.hh ul li{height:80px;padding:10px 10px;}

article.hh ul li a { height:60px;}

article.hh ul li a b {color:#258C3B;font-size:1.2em}



table.tbr2 { width:100%;border:0;}

table.tbr2 tr td {border-bottom:1px dotted #ddd;color:#444}

table.tbr2 tr td:first-child { text-align:right; width:70px;border-right:1px dotted #ddd;color:#000}

table.tbr2 tr td:last-child { padding-left:5px;}





section.about article.abox {padding:5px; width:100%;} 

section.about article.abox .cshow {margin:0 auto;border-radius:4px; padding:10px; font-size:1em; background:#fff; text-indent:2.0em}



article.zxzx ul li {width:100%; height:auto; line-height:30px; border-bottom:1px solid #ddd;}

article.zxzx ul li a { display:block; height:100%;width:96%; margin:0 auto; text-align:left; color:#000;

background-image:url(../images/arrow-70.png); background-size:8px 20px; background-position:100% 50%; background-repeat:no-repeat;}



article.zxzx ul li a[rel*=h]:before {content:"[顶]";color:#f00;}

article.zxzx ul li a[rel*=c]:before {content:"[荐]";color:#0d0;}

article.zxzx ul li a[rel*=a]:before {content:"[热]";color:#f0f;}





article.show,article.tjcp ul,article.zxcp ul,.cshow,article.nlist ul{box-shadow:0px 0px 0px #ccc,-0px -0px 0px #ccc;border:0px solid #ddd; margin:20px 0px}



h3+article.tjcp ul,h3+article.zxcp ul,.cshow,h3+article.nlist ul { margin:5px 5px;}



article.zxcp ul:empty {border:none;}





nav a.thisclass, #home.thisclass,#about.thisclass, #shop.thisclass, #case.thisclass, #call.thisclass, #navi.thisclass, #sms.thisclass, #contact.thisclass, #write.thisclass{ background-color:#333;}

.btn {width:100%;height:auto;clear:both;padding:5px 0; margin-bottom:30px;overflow:hidden;}

article~div.btn { padding-top:0px;}

.btn>li {width:48%; margin:4px 1%;float:left;}

.btn>li>a { display:block;border:1px solid rgba(255,105,5,1);width:96%; margin:0 2%;float:left; text-align:center;line-height:40px;color:#fff;box-shadow:inset 0px -1px 6px #fff; background:rgba(255,105,5,1);text-shadow:0 1px 0 #333;font-weight:bold;border-radius:6px;font-size:1.1em; text-indent:10%;}

.btn>li:nth-child(1)>a {border:0px solid #666;box-shadow:inset 0px 0 0 #fff; background:#FF9900;}

.btn>li:nth-child(2)>a {border:0px solid #666;box-shadow:inset 0px 0 0 #fff; background:#00BB00;}

.btn>li:nth-child(3)>a {border:0px solid #666;box-shadow:inset 0px 0 0 #fff; background:#3399FF;}

.btn>li:nth-child(4)>a {border:0px solid #666;box-shadow:inset 0px 0 0 #fff; background:#FF0099;}

/*.btn>li:nth-child(2n+1)>a {animation: btnSlide 3s infinite 0s;-moz-animation: btnSlide 3s infinite 0s;-webkit-animation: btnSlide 3s infinite 0s;-o-animation: btnSlide 3s infinite 0s;}

.btn>li:nth-child(2n+2)>a {animation: btnSlide 3s infinite 0s;-moz-animation: btnSlide 3s infinite 0s;-webkit-animation: btnSlide 3s infinite 0s;-o-animation: btnSlide 3s infinite 0s;}*/

.btn>li>a[href^="sms:"]{background-image:url(../images/sms.png);}

.btn>li>a[href^="mailto:"]{background-image:url(../images/mail.png);}

.btn>li>a[href^="tel:"]{background-image:url(../images/tel.png);}

.btn>li>a[href^="tel:1"]{background-image:url(../images/mobi.png);}

.btn>li>a[title*="nav"],.btn>li>a[href*="map"]{background-image:url(../images/navi.png);}

.btn>li>a[href^="sms:"],.btn>li>a[href^="mailto:"],.btn>li>a[href^="tel:"],.btn>li>a[title*="nav"],.btn>li>a[href*="map"],.btn>li>a[href*="wpa.qq.com"],,.btn>li>a[href*="tencent:"]{background-position:10% 50%;background-size: 32px 32px;background-repeat:no-repeat;}

.btn>li.w>a[href^="sms:"],.btn>li.w>a[href^="mailto:"],.btn>li.w>a[href^="tel:"],.btn>li.w>a[title*="nav"],.btn>li.w>a[href*="map"],.btn>li.w>a[href*="wpa.qq.com"],.btn>li.w>a[href*="tencent:"] {background-position:20% 50%;background-size: 32px 32px;background-repeat:no-repeat; text-indent:0;}

.btn>li>a[href*="wpa.qq.com"],.btn>li>a[href*="tencent:"],.btn>li.w>a[href*="wpa.qq.com"],.btn>li.w>a[href*="tencent:"]{background-image:url(../images/qq.png);background-size: 24px 24px;}

.btn>li.w {width:100%; margin:4px auto;float:left;}

.btn.light>li>a {border:1px solid rgba(220,220,220,0.8);color:#ff6905;text-shadow:0 1px 0 #fff;box-shadow:inset 0px -2px 6px #fff;

background:-moz-linear-gradient(left,rgba(240,240,240,0.4) 1%,rgba(220,220,220,0.8) 50%,rgba(240,240,240,0.4) 100%);

background:-webkit-linear-gradient(left,rgba(240,240,240,0.4) 1%,rgba(220,220,220,0.8) 50%,rgba(240,240,240,0.4) 100%);

background:-o-linear-gradient(left,rgba(240,240,240,0.4) 1%,rgba(220,220,220,0.8) 50%,rgba(240,240,240,0.4) 100%);

background:-ms-linear-gradient(left,rgba(240,240,240,0.4) 1%,rgba(220,220,220,0.8) 50%,rgba(240,240,240,0.4) 100%);

background:-linear-gradient(left,rgba(240,240,240,0.4) 1%,rgba(220,220,220,0.8) 50%,rgba(240,240,240,0.4) 100%);

background-position:50% 50%;background-size: 100% 100%;background-repeat:no-repeat; text-indent:0;

animation:none;-moz-animation:none;-webkit-animation:none;-o-animation:none;}

.btn.light>li.w>a { background-image:none;}

a.btn {width:200px; display:block;border:1px solid rgba(255,105,5,1);width:96%; margin:0 2%;float:left; text-align:center;line-height:40px;color:#fff;box-shadow:inset 0px -1px 6px #fff; background:rgba(255,105,5,1);text-shadow:0 1px 0 #333;font-weight:bold;border-radius:6px;font-size:1.1em;}



  #home  { background:  url(../images/home.png) 50% 0 no-repeat; background-size: 32px 32px; }

  #about  { background:  url(../images/qdnets.png) 50% 0 no-repeat; background-size: 32px 32px; }

  #shop  { background:  url(../images/shop.png) 50% 0 no-repeat; background-size: 32px 32px; }

  #case  { background:  url(../images/case.png) 50% 0 no-repeat;  background-size: 32px 32px; }

  #contact  { background:  url(../images/tel.png) 50% 0 no-repeat;  background-size: 32px 32px; }

  #call  { background:  url(../images/call.png) 50% 0 no-repeat;  background-size: 32px 32px; } 

  #navi  { background:  url(../images/navi.png) 50% 0 no-repeat;  background-size: 32px 32px; }  

  #sms  { background:  url(../images/sms.png) 50% 0 no-repeat;  background-size: 32px 32px; }    

  #write  { background:  url(../images/write.png) 50% 0 no-repeat;  background-size: 32px 32px; }    

  #home,#about, #shop,  #case,  #call,  #navi,  #sms,  #contact, #write {text-indent:0px;}



nav #buythis {height:30px; width:100%; margin:0 auto; padding:3px 0; background:rgba(240,240,240,0.9);box-shadow:0 -2px 2px rgba(220,220,220,0.6);} 

nav #buythis input[type="tel"] { width:73%;float:left; margin-left:2%; padding:0 1%;border:0; height:30px; line-height:30px;font-size:1.2em;}

nav #buythis button { width:20%;float:right;margin-right:2%; padding:0;border:0; height:30px; line-height:30px;font-size:1.2em;border-radius:6px;text-shadow:0 1px 0px #fff;color:#000;background:none;}

nav #buythis input[type="tel"]:requried {border:0; background:#fff;}

nav #buythis input[type="tel"]:focus:invalid {background:#fff url(../images/list-54.pn) no-repeat right;background-size: 24px 24px;}

nav #buythis input[type="tel"]:focus:valid {background:#fff url(../images/ok.png) no-repeat right;background-size: 24px 24px;}



.fieldcontain {width:100%; margin:0 auto;line-height:24px; padding:0px 10px; }

.fieldcontain button { width:100%;font-size:1.0em; margin:0; padding:5px 0; line-height:26px;}



#qd-order {wdith:100%;padding:10px auto; height:auto; overflow:hidden;color:#000; padding-bottom:30px;}

#qd-order label{ display:block; clear:both; width:100%; padding-top:10px;}

#qd-order label[for^="tt"]{padding-top:3px;}

#qd-order input[type="text"],#qd-order textarea {width:100%;border:1px solid rgba(200,200,200,1);background:#fff;border-radius:4px;box-shadow:inset 1px 1px 2px #eee,inset -1px -1px 2px #eee;height:40px; margin:5px auto;padding:5px;font-size:1.0em; outline:0; resize:none;

border-radius:4px;-webkit-appearance: none;}

#qd-order button {display:block; width:100%; margin:0 auto; height:46px; line-height:32px;font-size:20px;border-radius:4px;

border:1px solid #ff5600;text-shadow:0 0px 0 #000;color:#fff; background:#ff5600;}

#qd-order input[name="province"],#qd-order input[name="city"] {width:40%;display:inline;}



#qd-order select {

  font-size: 14px;

  font-weight: bold;

  color: #000;

  text-shadow:0 0px 0px rgba(0,0,0,.8);

  line-height: 40px;

  width: 98%;

  padding: 2px 1%;

  border-radius: 4px;

  height: 40px;

  border:1px solid #999;

/*  -webkit-appearance: none;*/

}

#page > #qd-order h3,#page > #qd-order p { padding:0 10px;}

#page > #qd-order h3 { line-height:30px;color:#3E4172; text-shadow:1px 1px 1px #fff;border-top:1px solid #ddd;}

#page > #qd-order h3:after {content:"▼";float:right;color:#ddd}

#page > #qd-order p { font-size:12px; line-height:20px;color:#999}







/*plus:bdshare*/

.bdsharebuttonbox.bdshare-button-style0-32 a {display:block;width:48%;margin:0 1%; float:left;}



/*guestbook*/

.msglist { padding:20px 5px; width:100%;}

.msglist ul{ padding:5px;border:1px solid #ddd; background:#fff; border-radius:4px;}

.msglist ul li { width:100%; padding:10px; border-bottom:1px dotted #ccc; font-size:14px;}

.msglist ul li:last-child {border-bottom:none}

.msglist ul li a,.msglist ul li a:visited {color:#00f}

.msglist ul li p { padding:0;}

.msglist ul li p span{ float:right}

.msglist ul li p.info {color:#F60}

.msglist ul li p.time b {color:#0C0}

.msglist ul li p.time span {color:#999}

.msglist ul li .allmsg:before {color:#c00}

.msglist ul li .allmsg>.rebox:before {content:"留言："}

.msglist ul li .allmsg>.remsg {color:#093}



.tabtwo { height:30px; line-height:30px;}

.tabtwo a { display:block; width:50%; float:left; text-align:center; background:#ddd;color:#333333}

.tabtwo a[href="#"] { background:none}

.tabtwo a[href="#"]:after {content:"▼"}





.sellist img{border:0px solid #ccc;margin-top:0px;width:875px;margin-left:0;margin-bottom:0}

.sellist p {height:12px;}

.sellist a{color:#333}

.newslist img{border:1px solid #ccc;margin-top:3px;width:80px;height:80px}

.newslist p {height:12px;}

.newslist a{color:#333}





.page_click {width:100%; line-height:40px;border-top:0px solid #ddd; background:rgba(255,255,255,1);color:#333; text-align:center; margin-bottom:10px;}

.page_click b { display:block; width:120px; line-height:inherit; margin:0 auto;color:#090; padding-left:20px; background:url(../images/loading8.gif) left center no-repeat; background-size:24px 24px;}

.none { display:none;}





/*pagelist*/

.pages {padding:10px;text-align:center;background:#EEEEEE;margin-top:1px;clear:both;}

.pages a {padding-left:10px;color:#333}



#PAGES {width:100%;height:auto; overflow:hidden;}

#PAGES .pageinfo {list-style:none; margin:0 auto; width:100%; padding:0; text-align:left; background:;font-size:12px;color:#666;border-top:0px solid #f9f9f9; border-bottom:0px solid #eee;overflow:hidden;}

#PAGES .pageinfo li { display:inline;}

#PAGES .page { list-style:none; margin:10px auto 30px; padding:0; overflow:hidden;}

#PAGES .page li {float:left;width:50%;}

#PAGES .page li a {display:block; line-height:20px;text-align:center;padding:8px 0; width:90%; margin:0 auto;border:1px solid #ddd;border-radius:4px;background:#ddd;color:#333}

#PAGES .page li a:link,#PAGES .page li a:hover,#PAGES .page li a:active,#PAGES .page li a:visited {border:1px solid #1C7DC1;background:#1C7DC1;color:#fff;}

#PAGES .page li a.nopage,#PAGES .page li a.nopage:hover,#PAGES .page li a.nopage:active{border:1px solid #dedede;color:#666;background:#f9f9ff;}

#PAGES .page li span.pageinfo,#PAGES .pageinfo>b>li span.pageinfo { display:none;height:0;width:0; overflow:hidden;}

#PAGES ul.pageinfo li span.pageinfo {padding:0 10px;}



.fls ul{float:left}

.fls li{float:left;margin-right:15px;padding-bottom:5px}

.fls li a{color:#333}

.fls li.hover {font-weight:bold}



.lbs-box { padding:0px 0;font-size:12px; }

/* buttons */

button.a-btn,a.a-btn { padding:0 10px; height:26px; line-height:26px; display:inline-block!important; cursor:pointer; border-radius:0;margin-right:5px; }

button.a-btn + a,a.a-btn + a { margin-top:5px; }

button.a-btn.btn-large,a.a-btn.btn-large { height:30px; line-height:30px; padding:0 20px; }

button.a-btn.a-btn1,a.a-btn.a-btn1 { background-color:#eeeeee; color:#666666; }

button.a-btn.a-btn1:hover,a.a-btn.a-btn1:hover { background-color:#fbfbfb; }

button.a-btn.a-btn2,a.a-btn.a-btn2 { background-color:#00a1cb; color:#fff; }

button.a-btn.a-btn2:hover,a.a-btn.a-btn2:hover { background-color:#00b5e5; }

button.a-btn.a-btn3,a.a-btn.a-btn3 { background-color:#7db500; color:#fff; }

button.a-btn.a-btn3:hover,a.a-btn.a-btn3:hover { background-color:#8fcf00; }

button.a-btn.a-btn4,a.a-btn.a-btn4 { background-color:#f18d05; color:#fff; }

button.a-btn.a-btn4:hover,a.a-btn.a-btn4:hover { background-color:#fa9915; }

button.a-btn.a-btn5,a.a-btn.a-btn5 { background-color:#e54028; color:#fff; }

button.a-btn.a-btn5:hover,a.a-btn.a-btn5:hover { background-color:#e8543f; }

button.a-btn.a-btn6,a.a-btn.a-btn6 { background-color:#87318c; color:#fff; }

button.a-btn.a-btn6:hover,a.a-btn.a-btn6:hover { background-color:#99389f; }



.links {padding:0 5px 0 5px}

.links a{color:#F5F2F2;margin-right:5px}





/******新增搜索样式********/



.thumb a{color:#333;}

.search{ display:inline-block; background:#515151; border:1px solid #222222; margin:5px; height:35px;line-height:35px;float:left;width:97%}

.ins{ background:none; border:none; float:left; color:#FFF;padding:0px;height:33px;line-height:33px;min-width:59%;}

.search img{margin-top:3px;margin-left:5px}

.search select{padding:0;width:108px;height:33px;float:left;margin-right:5px;}

.tjs{background:url(../images/s.png) no-repeat 0 2px;float:left;display:block;line-height:20px;cursor:pointer;height:30px;width:30px;border:none}





.li_ico {

   position: relative;z-index:9999;

    top: -25%;

    left: 25%;

    width: 100px;

    height: 100px;

    background: #000;

    border-radius: 100%;   

    box-sizing: border-box;

    text-align: center;

    opacity: 0.3;

    color: #fff;

    font-size: 16px;

	line-height:100%;

	margin:50px 0 -150px 0;

}

.li_ico i{font-style:normal;position: relative;top:45%;color:#fff;}

.blur {    

    -webkit-filter: blur(3px); /* Chrome, Opera */

       -moz-filter: blur(3px);

        -ms-filter: blur(3px);    

            filter: blur(3px);    

}

.sellist li{overflow:hidden;height:30px}



.li_ico2 {

   position: relative;z-index:9999;

    left: 25%;

    width: 100px;

    height: 100px;

    background: #0000003b;

    border-radius: 100%;   

    box-sizing: border-box;

    text-align: center;

    font-size: 16px;

	line-height:100%;

	margin:50px 0 -150px 0;

}

.li_ico2 i{font-style:normal;position: relative;top:15%;color:#fff;line-height:22px;}



/*.title,.list-txt li a{color:#333}*/

.f_price{color:red}

.px16{font-size:16px}