@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:Arial;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none; transition:all 0.3s;}
a:hover {color:#000; text-decoration:none;}
.layout{ width:1280px; margin:0 auto;}
/*::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}*/

.ktxt{ border:1px solid #ddd; line-height:24px; padding:3px 5px; text-indent:5px;}
.w4{width:40%;}
.w9{ width:90%;}
.klei input{ vertical-align:middle; margin-top:-2px;}
.clears {clear:both;font-size:0px;height:0px;overflow:hidden;}


#dropWebMenu {position:absolute;top:60px;background-color:#a97406;right:2px;display:none;z-index:1000;filter:alpha(opacity=90);opacity:0.9;width:170px;border:#ccc 1px solid;border-bottom-width:0px;}
#dropWebMenu a {color:#ffffff;}
.webMenuDrops {text-align:left;height:40px;text-indent:10px;width:100%;line-height:40px;border-bottom:#ffffff 1px solid;font-size:16px;}
.dropWebMenuCur {text-align:left;height:40px;text-indent:10px;width:100%;line-height:40px;border-bottom:#ffffff 1px solid;font-size:16px;background:#a99b46;}
.dropWebMenuCur a {color:#000000;text-transform:none;}


header{ position:fixed; width:100%; left:0%; top:8%; z-index:100; display:none; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5);}
header .logo{ max-height:50px; position:absolute; left:2%; top:5px;}
header img{ width:80%;}
header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .hy { width:40px; height:60px; line-height:60px; overflow:hidden; text-align:center; cursor:pointer;}
header .hy i{ font-size:20px;}
header .m-btn { width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; float:right; margin-right:2%;}
header .m-btn .box {display: block;position: relative; font-size:30px; color:#FFF;text-shadow: 0.05em 0.05em #666}

.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.body-wrap.left, header.left .header-main {transform: translateX(-25%);}

.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}
.m-sub-menu {position: fixed;right: -100%;width: 25%;top: 0;z-index: 100;height: 100%;background-color: #a97406;transition: all 0.64s ease 0s;}
.m-sub-menu .box{ margin:0 20%;}
.m-sub-menu .top-box{ margin-top:20%;}
.m-sub-menu .top-box .stt{display: inline-block;font-size: 16px;color: #a99b46;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close{ cursor: pointer; float:right; text-align:center; line-height:30px;}
.m-sub-menu .top-box .close i{ font-size:24px;}
.m-sub-menu .list-wrap{ margin-top:5%;}
.m-sub-menu .list-wrap ul {}
.m-sub-menu .list-wrap li {line-height:40px; font-size:16px; text-align:right;}
.m-sub-menu .list-wrap li a{ position:relative;}
.m-sub-menu .list-wrap li a:hover{ text-decoration:none;}
.m-sub-menu .list-wrap li a.current{ font-weight:bold; color:#2EAFBB;}

.m-sub-menu .bot-link { margin-top:30px; text-align:right;}
.m-sub-menu .bot-link i { font-size:20px;}
.m-sub-menu .bot-link a{ margin-left:20px;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 84%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 18px;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 60px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}

.yy{ text-align:right; margin-top:30px;}
.yy a:hover{ text-decoration:none;}
.yy a.current{ font-weight:bold;}
.bq{ text-align:right; line-height:18px; color:#000; font-size:12px; position:absolute; right:0px; bottom:50px; margin:0 20%;}

header{ display:block; left:0px; top:0%;}
.body-wrap.left, header.left .header-main {transform: translateX(-66%);}
.m-sub-menu {width: 66%;}
.m-sub-menu .box{ margin:0 15%;}
.m-sub-menu .bot-link a{ margin-left:10px;}

.index_about_er{ display:block; text-align:center; padding:30px 5%;}
.index_about_er h2{ font-size:30px; font-weight:bold; margin-bottom:30px;}
.index_about_er img{ width:100%;}
.index_about_er a{ padding:0px; display:block;}
.index_about_er a:hover{ text-decoration:none;}
.index_about_er i{ width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #333; border-radius:50px; margin:0 auto; display:block;}
.index_about_er .an{}
.index_about_er .an p{ font-weight:bold; font-size:24px; padding:30px 0;}
.index_about_er .an span{ font-size:12px;}

#indexprd  {clear:both;width:100%;;padding:20px 0px;text-align:center;}
#tjprod {padding:18px 0px;clear:both;}
.indexbt {background:url(../images/strip2.png) repeat-x left bottom;font-size:16px;font-weight:bold;text-indent:25px;line-height:35px;height:35px;overflow:hidden;border-bottom:#999 solid 1px;}
.indexbt a{font-size:16px;font-weight:bold;}

.bordbg {clear:both;width:100%;margin:0px auto;background-color:#FFF;text-align:center;}

.piclist {float:left;width:49%;text-align:center;margin-right:2%;margin-bottom:15px;}
.piclist:nth-child(2n){ margin-right:0px;}
.piclist img {display:block;margin:0px auto;width:100%;}
.piclist div {width:100%; padding:3px 0;text-align:center; background-color:#eee;}
.piclist div a{ width:100%; line-height:24px; display:inline-block; text-align:center;}
.piclist div a:hover{ background-color:#000; color:#fff;}
.piclist span {color:#D90001;}

#indexnews {width:100%;clear:both;text-align:center;}
#indexnewslist {clear:both;padding:15px 8px 0px;}
.newslist {clear:both;height:32px;line-height:32px;text-indent:5px;border-bottom:#b3b3b3 1px dotted;overflow:hidden; text-align:left;}
.newslist span{ float:right;}

#abmenu {clear:both;width:100%;padding:15px 0px;}
#abmenu ul li {float:left;text-align:center;margin:10px;}

.listabcur a{display:block;height:30px;line-height:30px;background-color:#2eafbb;text-align:center;color:#ffffff;padding-left:10px;padding-right:10px;}
.listab a {display:block;height:30px;line-height:30px;background-color:#EEEEEE;text-align:center;padding-left:10px;padding-right:10px;}

#abmain {clear:both;padding:20px 10px;}
#abbody {width:96%; padding:15px 2%;clear:both;}

#abpath {clear:both;width:100%;}
#prdmain {clear:both;padding:0px 0px;}

#apths {clear:both;width:100%;line-height:46px;text-align:center;color:#464646;border-bottom:#bdbcbd 1px solid ;height:46px;background:url(../images/abbg.gif);font-size:17px;position:relative;}
#dropmenu{position:absolute;background-color:#eeeeee;left:0px;display:none;z-index:1000;width:100%;border-bottom-width:0px;overflow:hidden;}
.drops{text-align:left;height:45px;text-indent:25px;width:100%;line-height:45px;border-bottom:#CBC8C8 1px solid;font-size:16px;position:relative;}

.icon-left {float:left;padding-left:5px;display:block;}
.icon-left img {height:18px;border:0px; line-height:46px;}
.icon-details {float:right;font-style:normal;padding-right:5px;font-size:16px;display:block;}
.icon-details img {height:30px;border:0px;}
/*产品详情*/
#prdinfoimg {clear:both;width:100%;text-align:center;}
#prdinfoimg img {max-width:100%;}
#prodinfodetails img {max-width:98%;}
#picinfowz {clear:both;padding:0px 5px; text-align:left; line-height:30px;}
#prodinfodetails {clear:both;padding:15px 5px;text-align:left;}

.newsinfotitle {text-align:center;width:100%;line-height:30px;margin:0px auto;padding-top:25px;border-bottom:#cccccc 1px solid;}
.newsinfotop {text-align:center;padding:15px;clear:both;}
.newsinfos {clear:both;line-height:25px;padding:0px 10px 20px 10px;}
.newsinfos img {max-width:100%;}

.contact_box{}
.zxly{}
.zxly h2{ font-size:24px; border-bottom:1px solid #DDD; padding-bottom:2%;}
.zxly ul{ width:80%; margin:0 auto;}
.zxly li{ width:95%; margin-bottom:5%; float:left; text-align:left;}
.zxly ul font{ color:#FF0000; padding-left:5px; float:left; padding-top:16px;}
.zxly ul div{ float:left; padding-left:5px; padding-top:15px;}
.zxly li .input_txt{ width:96%; height:40px; border:1px solid #999; outline:medium; padding:0 2%; font-family:"宋体"; background:none; color:#333;}
.zxly li.textarea{ width:95%; margin:0;}
.zxly li.textarea textarea{ width:98%; height:100px; border:1px solid #999; outline:medium; padding:1%; font-family:"宋体"; background:none; color:#333;}
.zxly .more{ margin-top:10px;}
.zxly .input_btn{ width:100px; height:40px; font-family:"宋体"; border:0 none; margin-right:5px; color:#FFF; background:#2EAFBB;}
.zxly .input_btn2{ width:100px; height:40px; font-family:"宋体"; border:0 none; margin-left:5px; color:#FFF; background:#999;}

#footsps {width:100%;height:20px;clear:both;overflow:hidden;}
#footmain {text-align:center;width:100%;}
#footmain p {text-align:center;line-height:47px;height:47px;}
#footmenu {clear:both;position:fixed;bottom:0px;left:0px;width:100%;height:47px;background-color:#333; z-index:9999;}
#footmenu ul li {float:left;text-align:center;overflow:hidden;}
#footmenu div {border-right:#CCCCCC 1px solid;text-align:center;padding-top:5px;}
#footmenu img {display:block;margin:0px auto;width:20px;border:0px;}
#footmenu a {color:#ffffff;}

.webpage a{border-right:#a0a0a0 1px solid;padding-right:5px;border-top:#a0a0a0 1px solid;padding-left:5px;padding-bottom:2px;border-left:#a0a0a0 1px solid;color:#666666;margin-right:2px;padding-top:2px;border-bottom:#a0a0a0 1px solid;text-decoration:none;font-size:12px;}
.webpage a:hover{border-right:#000 1px solid;padding-right:5px;border-top:#000 1px solid;padding-left:5px;padding-bottom:2px;border-left:#000 1px solid;margin-right:2px;padding-top:2px;border-bottom:#000 1px solid;font-size:12px;}
.webpage a:active{border-right:#000 1px solid;padding-right:5px;border-top:#000 1px solid;padding-left:5px;padding-bottom:2px;border-left:#000 1px solid;margin-right:2px;padding-top:2px;border-bottom:#000 1px solid;font-size:12px;}
.webpage span{border-right:#ddd 1px solid;padding-right:5px;border-top:#ddd 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ddd 1px solid;color:#aaa;margin-right:2px;padding-top:2px;border-bottom:#ddd 1px solid;text-decoration:none;font-size:12px;}
.webpage b{ font-size:14px; font-weight:normal;}

/*aq*/
.w100{ width:100%;}
.both{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.bcf5{ background-color:#f5f5f5;}
.bcf{ background-color:#fff;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.no{ text-align:center; line-height:40px;}
.abtn{border: none;cursor: pointer; display:inline-block;line-height: 30px;padding: 0 12px;background-color: #333;color: #fff;border-radius: 5px;}
.abtn:hover{ background-color:#d2a32d;}
/*contactus*/
.cinfo{ padding:15px 0 15px 0;}
.cinfo .left{ width:96%; padding:0 2%;}
.cinfo .left h2{ font-size:20px; color:#1a1a1a; font-weight:normal; margin-bottom:10px;}
.cinfo .left .cbd{ width:100%;}
.cinof .left .cbd div{ height:40px;}
.ctxt{ border:none; border-bottom:1px solid #777771; height:40px;font-size:16px; line-height:40px; margin-bottom:10px; text-indent:1%; width:100%; outline:none;}
.cinfo .left .cbd div img{background-color:#eee; padding:10px 10px; float:left;}
.ctxt1{border-bottom:1px solid #777771;width:98%;outline:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:5px 1% 5px 1%; margin-bottom:10px;}
.ctxt2{border:1px solid #777771; text-align:center;width:20%;outline:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:5px 1% 5px 1%; margin-bottom:10px;}
.cbtn{ font-size:14px; color:#fff; cursor:pointer; padding:10px 20px; border:none;background-color:#000; border-radius:5px;}
.cbtn:hover{ background-color:#d2a32d;}
.cinfo .right{width:96%; padding:10px 2% 10px 2%;}
.cinfo .right .cbg{width:94%; display:inline-block; color:#fff; padding:4% 3%;}
/*画廊展示*/
.ginfo{padding-top:20px;}
.ginfo .gbt{ text-align:center; margin-bottom:10px; position:relative;}
.ginfo .gbt p{ font-size:14px; margin-bottom:6px; color:#9f9e9e;letter-spacing: 0.5px;}
.ginfo .gbt h2{ font-size:18px; text-align:center;line-height:30px; color:#1a1a1a; padding-bottom:15px; font-family:"Titillium Web", sans-serif; font-weight:normal;}
.ginfo .gbt h2:before {content: "";position: absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom: 1px;width: 66px;height: 2px;border-bottom: 2px dotted #1a1a1a;}
.ginfo ul{ width:100%;}
.ginfo ul li{ width:24%; float:left; height:40px;text-align:center; margin-right:1.3333%;}
.ginfo ul li:nth-child(4n){ margin-right:0px !important;}
.ginfo ul li a{color:#333; height:40px; font-weight:bold; width:100%; line-height:normal; background:url(../images/btn.png) no-repeat center center; background-size:100% 100%; display:inline-block; line-height:40px; font-size:14px;}
.ginfo ul li .cur,.ginfo ul li a:hover{color:#fff;}
.glist{ padding:15px 2% 15px 2%; width:96%;}
.glist .gimg{ float:left; width:49%; margin-right:2%; margin-bottom:2%;}
.glist .gimg:nth-child(2n){ margin-right:0px !important;}
.glist .gimg img{ width:100%;}
/*经销商*/
.jxs{ padding:10px 0;}
.jxs .left{ width:96%; padding:0 2%; position:relative;}
.jxs .left .jbt{ padding-bottom:10px;}
.jxs .left .jbt:before {content: "";position: absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top: 65px;width: 66px;height: 2px;border-bottom: 2px dotted #1a1a1a;}
.jxs .left p{ width:100%;font-size: 14px;font-weight: 500;color: #9f9e9e;display: inline-block;margin-bottom: 6px;text-transform: uppercase;letter-spacing: 0.5px; text-align:center; line-height:25px;}
.jxs .left h2{margin: 0 0 10px; font-size:20px; line-height:30px; color:#1a1a1a; font-weight:normal; text-align:center;}
.jxs .left .tjbd{ margin-top:10px;}
.jxs .left dl{}
.jxs .left dl dt{ float:left;padding-bottom:15px;}
.jxs .left dl dd{ float:right;padding-bottom:15px;}
.jxs .left dl dt img{background-color:#eee; padding:12px 10px;}
.w50{ width:100%;}
.w10{ width:100%;}
.jtxt{border: 1px solid #69727d; width:100%;padding: 8px 0px; text-indent:10px; font-size:14px; box-sizing:content-box;}
.jtxt1{ font-family:Arial, Helvetica, sans-serif;border: 1px solid #69727d;padding: 8px 0px; font-size:14px;box-sizing:content-box; padding-left:10px;width: 96.5%;}
.jtxt2{ font-family:Arial, Helvetica, sans-serif;border: 1px solid #69727d;padding: 8px 0px; font-size:14px;box-sizing:content-box; width: 30%; text-align:center;}
.jbtn{font-size: 15px;padding: 12px 0px;border-radius: 3px; background-color:#000; border:none; color:#fff; font-weight:bold; width:100%;}
.jbtn:hover{ background-color:#d2a32d; color:#fff; cursor:pointer;}
.jsel{border: 1px solid #69727d; width:100%;padding: 8px 0px;}
.jxs .right{ width:96%; padding:0 2%;}
/*资源下载*/
.bt1{ border-top:1px solid #ccc !important;}
.rh3{ font-size:18px; font-weight:bold;padding-top:15px; text-indent:2%;}
.rinfo{ width:96%; padding:10px 2%;}
.rinfo .down{ width:100%; border-bottom:1px solid #ccc; margin-bottom:5px;}
.rinfo .down dt{line-height:30px; width:100%;}
.rinfo .down dt a{ font-weight:bold;}
.rinfo .down dd{line-height:30px; width:48%;}
.rinfo .down dd a{ color:#00F; text-decoration:underline;}
/*products*/
.sclass{padding:10px 2%; width:96%;}
.sclass .aq{width:32%; float:left;height:40px;text-align:center; margin-bottom:1px; margin-right:2%;}
.sclass .aq:nth-child(3n){ margin-right:0px;}
.sclass .aq a{color:#333; width:100%;line-height:normal; background:url(../images/tbg.png) repeat-x left center; display:inline-block; line-height:40px; font-size:15px;}
.sclass div a:hover,.sclass div a.on{color:#fff;}
/*index*/
.pro{ width:96%; padding:10px 2%;}
.pro .left{ width:100%;}
.pro .left h2{ border-bottom:1px solid #303130;padding:12px 0; color:#050505; text-align:center; width:100%; font-size:20px;}
.pro .left .ms{ width:100%; line-height:26px; text-align:left; padding-top:10px; padding-bottom:10px;}
.bn{ height:40px; width:100%; text-align:center;}
.bn a{ background:url(../images/buy.png) no-repeat; width:150px; height:35px; line-height:35px; display:inline-block; text-align:center;}
.bn a:hover{ font-weight:bold;}

.pro .right{ width:100%; margin-top:15px;}
.pro .right .item{ float:left;width:32%; margin-right:2%;}
.pro .right .item:nth-child(3),.pro .right .item:nth-child(7){ margin-right:0px;}
.pro .right .item dt{width:100%;box-shadow:0 3px 3px #666; margin-bottom:5px;}
.pro .right .item dt img{ display:block;}
.pro .right .item dd{ line-height:32px; height:32px; text-align:center; font-size:12px; font-weight:bold; overflow:hidden; }

.about{}
.about .aaa{ width:96%; padding:0 2%;}
.about h2{ text-align:center;width:100%; font-size:20px; color:#fff;line-height:34px; height:34px; padding-top:20px; margin-bottom:10px;}
.about .ams{ font-size:16px; color:#fff; line-height:30px;width:100%; margin:0 auto;}
.about .more{ width:100%; text-align:center; margin-top:15px; margin-bottom:15px;}
.about .more a{ background:url(../images/more.png) no-repeat; width:150px; height:35px; line-height:35px; display:inline-block;}
.about .more a:hover{}
.about .alist{width:96%; padding:0 2%;}
.about .alist .item{ float:left; margin-right:2%; width:49%;overflow:hidden;margin-bottom:3%;}
.about .alist .item:nth-child(2n){ margin-right:0px;}
.about .alist .item img{transform: scale(1);transition: all .4s linear;}
.about .alist .item:hover img{transform:scale(1.08);}
.aqbg{ height:150px; left:0; bottom:0; z-index:1;}

.gall{ padding:10px 0 10px 0; margin-bottom:10px;}
.gall h2{line-height:34px; color:#050505; font-size:20px; text-align:center; margin-bottom:10px;}
.gall ul{border-top:1px solid #303130; text-align:center; width:100%;}
.gall ul li{ float:left; width:24%; margin-right:1.333%; margin-top:10px;}
.gall ul li:nth-child(4n){ margin-right:0px;}
.gall ul li a{ font-size:14px; background-color:#fff; width:100%; color:#434343; line-height:30px; height:30px; display:inline-block; text-align:center;}
.gall ul li a:hover{ color:#000;}
.gall .glist{}
.gall .glist .item{float:left; margin-right:2%; margin-bottom:2%;width:49%;overflow:hidden;}
.gall .glist .item:nth-child(2n){ margin-right:0px;}
.mr0{ margin-right:0px !important;}

.tc1{width:96%; padding:0 2%;}
.ly{ background:url(../images/fbg.png) no-repeat center top;padding:15px 0; text-align:center}
.ly h2{ font-size:17px; text-align:center; font-weight:bold; color:#333; height:35px; line-height:35px; padding-top:10px;}
.ly p{ font-size:14px; color:#333; margin-bottom:15px;}
.ly .lylist{ width:96%; padding:0 2%;}
.ly .lylist li{ margin-bottom:10px;}
.ly .lylist li .lytxt{ border:1px solid #707070; width:100%; height:30px; line-height:30px; background-color:#fff; text-indent:10px;}
.ly .lylist li .lytext{border:1px solid #707070; width:97%;height:90px; line-height:30px;background-color:#fff; padding-left:10px;}
.ly .lylist li .lybtn{border:1px solid #707070; width:100%;height:40px; line-height:40px; text-align:center; font-size:16px; color:#5a5a5a;}
.ly .lylist li .lybtn:hover{ background-color:#fff;}
.ly .lylist li span{font-size:14px; color:#5a5a5a; line-height:30px;}
.ly .lylist li a{ font-size:14px; color:#1c1b1b; font-weight:500; margin-left:10px;}
.mb0{ margin-bottom:0px !important;}
/*商城产品*/
.psimg2{ text-align:center; width:96%; padding:10px 2%;}
.psimg2 dl{ width:49%;float:left; margin-right:2%; margin-bottom:2%;}
.psimg2 dl:nth-child(2n){ margin-right:0px;}
.psimg2 dl dt{ width:100%;box-shadow:0 3px 3px #666; margin-bottom:5px;}
.psimg2 dl dt img{ display:block;}
.psimg2 dl dd{ height:36px; text-align:center; line-height:36px; font-size:16px; color:#333333; font-weight:bold;background:url(../images/btn.png) no-repeat center center;}

.psimg1{ text-align:center; padding-top:10px;}
.psimg1 h1{ font-size:20px; font-style:italic; font-weight:bold; color:#050505; line-height:40px; height:40px;}
.psimg1 .sinfo{ line-height:22px; color:#303130; font-size:12px; padding-bottom:20px;}

.psclass{}
.psclass .item{ width:24%; margin-right:1.333%; margin-bottom:1%; float:left;}
.psclass .item:nth-child(4n){ margin-right:0px;}
.psclass .item a{ width:100%; line-height:28px; height:28px; display:inline-block; text-align:center; background-color:#f0f0f0; color:#333;}
.psclass .item a:hover{ background-color:#fff;}
.psclass .curr a{ background-color:#666 !important; color:#fff !important;}

.plist1{ width:96%; padding:10px 2%;}
.plist1 .right{ width:100%;}
.plist1 .right dl{float:left; width:49%; margin:0 2% 2% 0; position:relative; z-index:9;}
.plist1 .right dl:nth-child(2n){ margin-right:0px;}
.plist1 .right dl:hover div{ display:block;}
.plist1 .right dl div{ height:44px; width:100%; background-color:#303130; position:absolute; left:0; bottom:126px; z-index:999; display:none;}
.plist1 .right dl div a{ width:100%; line-height:44px; display:inline-block; text-align:center; color:#fff; font-size:16px;}
/*.plist1 dl:nth-child(4n){ margin-right:0px !important;}*/
.plist1 .right dl dt{ text-align:center;}
.plist1 .right dl dt img{ width:100%;}
.plist1 .right dl dd{ text-align:center;}
.plist1 .right dl dd h3{ line-height:15px;margin-top:10px;font-size:15px; font-weight:bold; color:#333; text-align:center;}
.plist1 .right dl dd p{ font-weight:normal; line-height:42px; height:42px; text-align:center;}
.plist1 .right dl dd p i{color:#303130;font-weight:normal; font-style:normal;}
.plist1 .right dl dd p i a{color:#303130; font-weight:normal;}
.plist1 .right dl dd p i a:hover{color:#949594;}
.plist1 .right dl dd p em{ font-style:normal; text-decoration:line-through; color:#949594;}
.plist1 .right dl dd p b{ text-decoration:none; font-size:16px; color:#050505; font-weight:normal;}

.plist1 .right dl dd span{color: #097839;background-color: #e7faef; line-height:17px; height:17px; text-align:center; font-size:14px;border: 1px solid #c5f3d9; display:inline-block; padding:10px 10px;margin-top: 10px;margin-bottom: 10px;font-weight:normal;}
.plist1 .right dl dd u{color:#946a00;background-color: #fff6e1;border: 1px solid #f4dc9f;line-height:17px; height:17px; text-align:center; font-size:14px;display:inline-block; padding:10px 10px;margin-top: 10px;margin-bottom: 10px;font-weight:normal; font-style:normal; text-decoration:none;}
/*user*/
.user{ width:96%; padding:10px 2%;}
.user h1{ color:#050505; font-size:24px; line-height:38px; height:38px; margin-bottom:10px; text-align:center; font-style:italic;}
.user .rd{ background-color:#fafafa; padding:10px 2%; margin-bottom:10px; width:96%;}
.user .rd h2{ font-size:18px; color:#050505; line-height:29px; margin-bottom:10px; height:29px;}
.user .rd p{ margin:10px 0; color:#303130; font-size:14px;}
.user .rd .a1{ font-size:14px; color:#050505; line-height:22px; height:22px;}
.user .rd .a2{}
.user .rd .a2 input{ border:1px solid #101010; line-height:35px; height:35px; border-radius:4px; width:99%; text-indent:5px;}
.user .rd .a2 input:hover{ border:2px solid #101010;}
.user .rd .a3{ margin-top:20px; line-height:30px;}
.user .rd .a3 input{ background-color:#a97406; border:none; height:40px; line-height:40px; cursor:pointer; width:110px; color:#fff; font-size:18px; text-align:center; margin-bottom:10px;}
.user .rd .a3 input:hover{ background:#c38400;}
.user .rd .a3 a{ color:#303130;}
.user .rd .a3 a:hover{ color:#949594;}
.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
/*forget password*/
.form {padding: 10px 2%;width: 96%; margin-top:15px;}
.form form {background-color: #262626;padding: 10px 10px; border-radius:10px;}
.form h1 {line-height: 36px;font-size: 20px;text-transform: uppercase;color: #FFFFFF;text-shadow: 2px 2px 2px #000000;}
.form li {height: 40px;position: relative;}
.form li:before {color: #BEBEBE;font-size: 20px;position: absolute;left: 5px;top: 10px;}
.form li i{ z-index:999; position:absolute; left:10px;top:12px; font-size:18px;}
.form li input {width: 89%;padding-left: 10%;height: 40px;border: 1px solid #C8C8C8;border-radius: 5px;font-size: 14px;}
.form .link { height:30px;line-height:30px;}
.form .link a {float: right;color: #fff;font-size: 14px;text-decoration: underline;}
.form .submit {padding: 15px 0 30px 0;}
.form .submit input {height: 42px;width: 100%;text-align: center;border: none;background-color: #ddd;text-transform: uppercase;font-size: 20px;color: #000;border-radius: 5px;cursor: pointer;}
.form .submit input:hover {background-color: #666; color:#fff;}
.form s {display: block;text-align: center;color: #333;padding-top: 20px;text-decoration: none;font-size: 14px;}
.form .tip {color: #fff;line-height: 16px;padding: 10px 0;}
.form s a {color: #333;text-decoration: underline;}
.form .error {text-align: center;color: #000;padding: 10px 0;}
/*reg*/
.reg{padding: 15px 3%;width: 94%; margin-top:15px;}
.reg li{ margin-bottom:10px;}
/*user center*/
.userm{padding: 10px 2%;width: 96%;}
.userm .left{ width:100%; margin-bottom:10px;}
.userm .left dl{ border:1px solid #999; padding-bottom:5px;}
.userm .left dl dt{ background-color:#333; color:#fff; text-align:left; font-size:14px; line-height:36px; font-weight:bold; text-indent:10px;}
.userm .left dl dt span{ float:right;}
.userm .left dl dt span a{ color:#fff; margin-right:10px;}
.userm .left dl dd{ line-height:35px; border-bottom:1px solid #999; text-align:left; float:right; padding-left:10px; width:46%; display:inline-block;}
.userm .left dl dd:nth-child(2n){ float:left;}
.userm .left dl dd i{ font-size:18px;}
.userm .left dl dd a{ margin-left:8px;}
.userm .left dl dd a:hover{ font-weight:bold;}
.userm .right{ width:100%;}
.userm .right dl{border:1px solid #999; margin-bottom:10px;}
.userm .right dl dt{background-color:#333; color:#fff; text-align:left; font-size:14px; line-height:36px; font-weight:bold; text-indent:10px;}
.userm .right dl dd{ text-align:center; padding:10px 0;}
.userm .right dl dd p{ width:98%;text-indent:10px; display:inline-block; border-bottom:1px dotted #999; line-height:35px; text-align:left;}
.bb0{ border-bottom:0px !important;}

.userm .right .lf,.userm .right .lf1{ width:100%;overflow-x: auto;}
.userm .right .lf table{ min-width:780px;}
.userm .right .lf1 table{ min-width:600px;}

.cff{ color:#fff;}
.ti10{ text-indent:10px;}
.sel{border:1px solid #ddd; line-height:26px; height:28px;}
.txt{ border:1px solid #ddd; line-height:26px; text-indent:5px; font-family:Arial, Helvetica, sans-serif;}
.btn{ border:none; cursor:pointer; line-height:30px; padding:0 12px; background-color:#333; color:#fff; border-radius:5px;}
.btn:hover{ background-color:#d2a32d;}
.r12{color:#F00;font-size:12px;}
.text{border:1px solid #ddd; line-height:25px; padding-left:5px;}
.cj{}
.cj span{ color:#666; text-decoration:line-through; margin-left:5px; font-size:13px;}
/*商城产品详情页*/
.pinfo1{width:96%; padding:20px 2%;}
.pinfo1 .left{ width:100%; /*padding:0 15px;*/ margin-bottom:10px;}
.pinfo1 .left img{ width:100%;}
.pinfo1 .right{ width:100%; text-align:left; /*padding:0 15px;*/ margin-bottom:30px;}
.pinfo1 .right h1{ line-height:36px; height:36px; font-style:italic; font-size:22px;color:#050505; margin-bottom:10px;}
.pinfo1 .right .sku{ color:#949594; font-size:14px; line-height:23px; height:23px; margin-bottom:5px;}
.pinfo1 .right .jg{ line-height:22px; margin:10px 0; color:#303130; font-size:13px;}
.pinfo1 .right .jg a{color:#303130;}
.pinfo1 .right .jg a:hover{ color:#949594;}
.pinfo1 .right .jg span{ font-size:22px; color:#050505;}
.pinfo1 .right .jg b{ font-size:16px; color:#949594; text-decoration:line-through; font-weight:normal;}
.pinfo1 .right .qu{}
.pinfo1 .right .qu dt{ font-size:16px; color:#050505; line-height:22px; margin-bottom:10px; float:left; width:40%; line-height:38px;}
.pinfo1 .right .qu dd{ height:40px; text-align:left; float:right; width:60%;}
.pinfo1 .right .bj{ width:100%; margin:20px 0 10px 0;}
.bjbtn{ width:358px; cursor:pointer; height:52px; text-align:center; background-color:#a97406; border:none; line-height:52px; color:#fff; font-size:16px;}
.qutxt{ border:1px solid #303130; font-size:18px; /*float:left;*/ width:58px; height:36px; line-height:36px; text-align:center; margin:0 1px;}
.ad1{border:1px solid #999; cursor:pointer; color:#000;line-height:36px; text-align:center; width:24px;font-size:20px; display:inline-block; /*float:left;*/}
.ad2{border:1px solid #999; cursor:pointer; color:#000;line-height:36px; text-align:center; width:24px;font-size:20px; display:inline-block; /*float:left;*/}

.pinfo1 .right .kc{ margin:10px 0; text-align:center;}
.pinfo1 .right .kc span{color: #097839;background:url(../images/g.png) no-repeat 10px 12px #e7faef; line-height:17px; height:17px; text-align:center; font-size:14px;border: 1px solid #c5f3d9; display:inline-block; padding:10px 10px;margin-top: 10px; text-indent:20px;margin-bottom: 10px;font-weight:normal;}
.pinfo1 .right .kc u{color:#946a00;background-color: #fff6e1;border: 1px solid #f4dc9f;line-height:17px; height:17px; text-align:center; font-size:14px;display:inline-block; padding:10px 10px;margin-top: 10px;margin-bottom: 10px;font-weight:normal; font-style:normal; text-decoration:none;}
.pinfo1 .right .prbt{ font-size:24px; color:#050505; font-weight:300px; margin-top:15px; margin-bottom:20px; line-height:29px;}
.pinfo1 .right .prinfo{ font-size:14px; line-height:22px; color:#303130;}

.xgbt{margin: 0 auto 30px auto;  text-align:center; position:relative;}
.xgbt i{ height:1px; background:#303030; width:70%; z-index:8; position:absolute;left:50%;bottom:7px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.xgbt span{color:#303130; font-size:12px; font-weight:bold; background-color:#fff; line-height:17px; padding:0 15px; z-index:100; position:absolute;left:50%;bottom:-10px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.xglist{}

.pinfo1 .pn{ text-align:left; line-height:40px;}
.pinfo1 .pn1{ text-align:left;padding:15px 0;}
.pnbt{ border-bottom:1px solid #000; line-height:40px; margin-top:20px;}
.pnbt span{ background-color:#000; color:#fff;font-weight:bold; text-align:center; padding:0 10px; display:inline-block;}
/*card*/
.card{width:96%; padding:78px 2% 0 2%;}
.card h2{background-color:#333; color:#fff; text-align:left; text-indent:10px; font-size:14px; line-height:36px; font-weight:bold;}
.card .c1{ padding:5px 0;}
.card .c1 img{ border:1px solid #ccc; padding:2px 2px;}
.card .c2 a{ display:inline-block; padding:0px 8px; line-height:30px; height:30px; border-radius:3px;color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.card .c2 a:hover{ background-color:#F00;}
.card .c3{ padding:8px 0;}
.card .c3 a{ display:inline-block; padding:0px 13px; line-height:30px; height:30px; border-radius:3px;color: #fff;background-color: #666;border-color: #444; margin-right:15px;}
.card .c3 a:hover{ background-color:#000;}
.gos{ background-color:#06C !important;}
.gos:hover{ background-color:#039 !important;}
.pr{ position:relative;}
.pa{ position:absolute;}
.card .sbt{ font-size:20px; font-style:italic; color:#050505; font-weight:bold; line-height:38px; margin-bottom:20px; position:absolute; top:15px; left:2%;}
.card .sbt span{ font-style:normal; font-size:18px; color:#303130; font-weight:normal !important;}
.bt0{ border-top:0px !important;}
.card .shop h4{ border:1px solid #949594; height:44px; line-height:44px; text-align:left; text-indent:25px; color:#303130; font-size:18px;}
.txt1{ border:1px solid #949594; line-height:41px; height:41px; width:100%; text-indent:10px;}
.txt2{ border:1px solid #303130;line-height:41px; height:41px; width:58px; font-size:20px; text-align:center; float:left; margin:0 2px;}
.btn1{ color:#fff; width:118px; height:43px; background-color:#303130; text-align:center; display:inline-block; border:none; cursor:pointer;}
.btn1:hover{ background-color:#4a4a4a;}
.p1{height:22px; line-height:22px; color:#050505;}
.aq1{ padding:20px;border:1px solid #949594; border-top:0px;}
.add1{border:1px solid #999; cursor:pointer; color:#000;line-height:39px; text-align:center; width:24px;font-size:20px; display:inline-block; float:left;}
.add2{border:1px solid #999; cursor:pointer; color:#000;line-height:39px; text-align:center; width:24px;font-size:20px; display:inline-block; float:left;}

.card .shop{}
.card .shop .left{  width:100%;border-top:1px solid #333;}
/*.card .shop .left .citem:nth-child(1){border-top:1px solid #333;}*/
.card .shop .left .citem{border-bottom:1px solid #333;}
.card .shop .left .citem .l{ width:30%; padding:15px 0; text-align:center;}
.card .shop .left .citem .r{ width:70%;padding:15px 0;}
.card .shop .left .citem .r .pbt{ line-height:30px; margin-bottom:5px; color:#303130; font-size:26px;}
.card .shop .left .citem .r .pbt a{ color:#303030; font-size:20px;}
.card .shop .left .citem .r .pbt a:hover{}
.card .shop .left .citem .r .pjg{ font-size:20px; line-height:25px; margin-bottom:25px; padding-bottom:5px;}
.card .shop .left .citem .r .pjg span{ font-size:14px;text-decoration:line-through;}
.card .shop .left .citem .r .pnum{ height:33px; line-height:33px; }
.card .shop .left .citem .r .pnum span{color:#949594; font-size:18px; float:left; padding-right:15px;}
.jg1{border:1px solid #999; cursor:pointer; color:#000;line-height:31px; text-align:center; padding:0 5px; font-size:20px; display:inline-block; float:left;}
.jg2{ border:1px solid #303130;width:50px; line-height:31px; text-align:center;display:inline-block; margin:0 4px; float:left; font-size:18px;}
.card .shop .left .citem .r .pzj{ height:45px; line-height:45px; font-size:24px; font-weight:bold; color:#000;}
.card .shop .left .citem .r .pzj span{color:#949594; font-size:18px; float:left; padding-right:15px; font-weight:normal !important;}
.card .shop .left .citem .r .pks{ padding:13px 0;}
.card .shop .left .citem .r .pks span{color: #097839;background-color: #e7faef;border: 1px solid #c5f3d9; display:inline-block; line-height:45px; padding:0 10px;}
.card .shop .left .citem .r .pks i{ font-style:normal;color: #946a00;background-color: #fff6e1;border: 1px solid #f4dc9f; display:inline-block; line-height:45px; padding:0 10px;}
.card .shop .left .citem .r .ppj{ line-height:27px; height:27px; padding:5px 0; color:#9495b0; font-size:16px;}
.card .shop .left .citem .r .ppj a{ font-size:16px;color:#9495b0;}
.card .shop .left .citem .r .ppj a:hover{ color:#000;}
.dlu{ color:#303130}
.dlu a{ color:#303130;}
.dlu a:hover{ color:#949594;}
.card .shop .right{ width:100%;}
.card .shop .right .order{ padding:25px 15px 15px 15px;border:1px solid #333;}
.card .shop .right .order h3{font-weight: 300;font-size:20px;padding: 0 0px 10px 0px;margin-bottom: 10px;border-bottom: 1px solid #303130; line-height:32px;}
.card .shop .right .order .ro1{margin-bottom: 10px;padding: 0px 0 10px 0; line-height:42px;font-weight: 300;font-size: 18px;border-bottom: 1px solid #949594;}
.card .shop .right .order .ro2{ padding:10px 0; font-size:15px; line-height:26px;}
.card .shop .right .order .ro3{ line-height:22px; height:22px; font-size:16px; line-height:22px;}
.card .shop .right .order .ro4{padding-bottom: 20px;border-bottom: 1px solid #949594;font-size: 18px;font-weight: 300;text-transform: uppercase; line-height:24px; padding-top:17px;}
.ro1 span,.ro2 span,.ro3 span,.ro4 span{ float:right;}
.an{ width:100%; padding:20px 0 10px 0;}
.an a{ background-color:#89600d; color:#fff; font-size:16px; width:100%; height:52px; line-height:52px; display:block; text-align:center;}
.an a:hover{ background-color:#c38400;}
.an1{width:100%; padding:10px 0;}
.an1 a{background-color:#666;color:#fff;font-size:16px; width:49%; height:42px; line-height:42px; display:inline-block; text-align:center;}
.an1 a:hover{ background-color:#777;}