@charset "gb2312";
body,td,th,select,input,textarea {
	font-size: 14px; color:#333333;font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif;
}
*{-webkit-overflow-scrolling: touch;}
body {margin:0;padding:0;}
ul{ margin:0; padding:0; list-style-type:none;}
input,textarea{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
textarea{ resize:none;}
a{ text-decoration:none; color:#222222;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}
a:hover{color:#882721;}
.noanimation a{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
}
.movex{}
.movex a{ display:inline-block;}
.movex a:hover{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform: translateX(5px);}
.movex2{}
.movex2 a{ display:inline-block;}
.movex2 a:hover{ -moz-transform:translateX(-5px); -webkit-transform:translateX(-5px); -o-transform:translateX(-5px); -ms-transform:translateX(-5px); transform: translateX(-5px);}

.movey{}
.movey a{ display:inline-block;}
.movey a:hover{ -moz-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); -ms-transform:translateY(5px); transform: translateY(5px);}
.movey2{}
.movey2 a{ display:inline-block;}
.movey2 a:hover{ -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); transform: translateY(-5px);}


.clear{ clear:both;}
.floatl{ float:left;}
.floatr{ float:right;}
.r5{-moz-border-radius:5px; border-radius:5px;}
.r10{-moz-border-radius:10px; border-radius:10px;}
.setp{}
.setp p{ margin:0; padding:0;}
.cur{ cursor:pointer;}
.body1{ background-color:#1f0300;}

.topfind{ padding:10px 20px;;}
.topfind1{ border:solid 1px #C5C5C5;padding:0 5px;}
.topfind1 input{ width:100%; border:0; background-color:#FFF;}
.topfind2{ width:37px;}
.top{ background-color:#250301; text-align:center; padding:5px 0;}
.top a{ color:#E0E0E0; display:inline-block;}
.top img{ max-width:90%;}
.jg{ background-image:url(../index/jg.gif); background-position:center; height:28px;}
.setimg{}
.setimg img{max-width:100%;}
.setimg2{}
.setimg2 img{width:100%;}
.csshide{display:none;}
.cssshow{display:block;}


.mainnav{  display:none; position:absolute; z-index:999; width:100%; max-width:640px;}
.mainnav li{}
.mainnav li a{ padding:10px 20px; display:block; border-bottom:solid 1px #7c472c;filter:alpha(opacity=98);-moz-opacity:0.98;-khtml-opacity: 0.98;opacity: 0.98;background-color:#6e3b21; font-size:15px; color:#d5ac57;}
.mainnav li a:hover{ background-color:#d5ac57; color:#FFF;}

.search{ background-color:#1f0500; padding:5px;}
.search1{ background-color:#1f0500; padding:2px 6px;-moz-border-radius:6px; border-radius:6px;}
.search2{}
.search2 input{ color:#FFF; border:0; padding:0; width:100%; height:24px; line-height:24px; background-color:transparent;}
.search3{ width:30px; text-align:right;}
.search3 input{ width:24px;}

.more1{ text-align:center; padding:10px 0;}
.more1 a{ border:solid 1px #882721; text-transform:uppercase; font-size:14px; display:inline-block; height:34px; line-height:34px; text-align:center; padding:0 20px; color:#882721;}
.more1 a:hover{ border-color:#882721; background-color:#882721; color:#FFF;}
.more2{ text-align:center; padding:10px 0;}
.more2 a{ border:solid 1px #c5c5c5; text-transform:uppercase; font-size:14px; display:inline-block; height:34px; line-height:34px; text-align:center; padding:0 20px; color:#f1f1f1;}
.more2 a:hover{ background-color:#FFF; color:#333;}

.title1_1{ font-size:24px; padding:10px 10px; text-align:center; text-transform:uppercase; color:#882721; font-weight:bold;}
.title1_1 a{ display:inline-block; color:#882721;}
.title1_1 a:hover{}
.title1_1 span{ color:#d6d6d6; font-size:16px; font-weight:normal;}
.title1_2{ font-size:24px; padding:10px 10px; text-align:center; text-transform:uppercase;}
.title1_2 a{ display:inline-block; color:#f6c95c;}
.title1_2 a:hover{}

.title2{background-color:#512813; background-position:bottom; position:fixed; z-index:999; width:100%; max-width:640px;}
.title2bg{ height:42px;}
.title2_1{ width:46px; height:42px; text-align:center;}
.title2_2{ font-size:16px; line-height:16px; color:#cfa972; padding:10px 0 10px;}
.title2_2a{ padding:12px 0 10px; font-size:14px; color:#E80013; font-weight:bold; line-height:20px;}
.title2_2a a{ color:#E80013;}
.title2_3{ text-align:right; width:85px;}
.title2_3 a{ margin:0 15px 0 0; display:inline-block;}

.tdh{height:10px; font-size:1px; line-height:1px;}
.tdh2{height:20px; font-size:1px; line-height:1px;}
.tdh3{height:30px; font-size:1px; line-height:1px;}
.tdh4{height:40px; font-size:1px; line-height:1px;}
.tdh5{height:50px; font-size:1px; line-height:1px;}
.tdw{width:17px; font-size:1px; line-height:1px;}
.tdw1{width:20px; font-size:1px; line-height:1px;}
.tdw2{width:28px; font-size:1px; line-height:1px;}
.tdw3{width:30px; font-size:1px; line-height:1px;}

.index_stock{ text-align:center; border-bottom:solid 1px #eeeeee; padding:8px 15px; background-color:#f5f5f5;}

.indexcontent1{ padding:20px 0;}
.indexcontent2{ background-color:#f5f5f5; padding:20px 0;}
.indexjg{ border-bottom:solid 1px #c6c2ba;}

.indexabout1{ line-height:24px; padding:0 14px 10px;}
.indexabout2{ text-align:center; padding:0 10px;}
.indexabout2 li{ float:left; width:33.33%;}

.indexprod{}
.indexprod li{ padding:10px;}
.indexprod li a{ display:block; text-align:center; padding:5px; background-color:#FFF; line-height:34px; font-size:16px; border:solid 1px #d3d3d3;}
.indexprod li a:hover{ background-color:#8f8f8f; color:#FF0;}

.indexnews{ padding:0 14px;}

.index_distribution{}
.index_distribution a{ border:solid 1px #d3d3d3; display:block;}
.index_distribution1{}
.index_distribution2{ padding:20px; line-height:26px;}
.index_distribution3{ text-align:right;}
.index_distribution3 span{ width:30px; height:30px; background-size:60px; background-position:-30px 0; background-image:url(../../index/arrow3.png); display:inline-block;}
.index_distribution a:hover span{ background-position:0 0;}

.index_adv{ background-image:url(../index/index_adv_bg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:100%; background-color:#882721; padding:50px 0 60px;}
.index_adv .title1_1, .index_adv .title1_1 span, .index_adv .title1_1 a, .index_adv .title1_1 a span{ color:#FFF;}
.index_adv1{}
.index_adv2{ vertical-align:top; width:50%; text-align:center; color:#FFF;}
.index_adv2_1{ padding:20px 10% 0;}
.index_adv2_2{ color:#ffd901; font-size:20px; padding:20px 0 0;}
.index_adv2_3{ line-height:22px; padding:10px 10% 0;}


.content1{ padding:0 20px 10px; line-height:24px;}
.prodcontent{ padding:0 0 10px;}
.newscontent{ padding:0 0 10px;}
.jobscontent{ padding:0 14px 20px;}

.store1{ width:296px; padding:30px; border:solid 1px #e5e5e5; vertical-align:top;}
.store1_1{ font-size:20px; font-weight:bold;}
.store1_2{ line-height:22px;}
.store1_3{}
.store1_3 a{ background-image:url(../../index/icon_address2.png); background-repeat:no-repeat; background-position:100px 0; background-color:#d8d8d8; height:44px; line-height:44px; text-align:center; display:inline-block; text-transform:uppercase; font-weight:bold; padding:0 40px 0 24px;}
.store1_3 a:hover{ background-position:100px -44px; background-color:#bbbbbb; color:#FFF;}
.store2{ width:33px;}
.store3{ height:33px;}

.index1{ width:50%;}
.index1 img{ width:100%; border:0;}
.index2{}
.index2 img{ width:100%; border:0;}

.infoclassmenu{ background-image:url(../index/infomenubg.gif); background-color:#fafafa; text-align:center;}
.infoclassmenu a{ text-align:center; display:inline-block; padding:0 10px; line-height:42px; font-size:16px;}
.infoclassmenu .this{ color:#882721;}

.prodclassmenu{ background-image:url(../index/prodclassmenubg.gif); background-repeat:repeat-x; background-position:bottom; background-color:#1f0300; text-align:center;}
.prodclassmenu td{ width:20%; text-align:center; font-size:16px; border-bottom:solid 1px #61412b;}
.prodclassmenu td a{ display:block; padding:10px 0;}
.prodclassmenu .this{ color:#882721;}
.prodclassname{ text-align:center; padding:10px 0;}
.prodclassname span{ border-bottom:solid 1px #b2b2b2; display:inline-block; font-size:20px; color:#882721; font-weight:bold; padding:20px 10px 10px; text-transform:uppercase;}
.ProdclassReadme{ padding:5px 15px 10px; line-height:22px;}

.prodclass1{ border-top:solid 1px #61412b;border-bottom:solid 1px #61412b; padding:10px 0; vertical-align:top;}
.prodclass1_1{ background-image:url(../index/arrow2.gif); background-position:8px 7px; padding:0 0 0 20px; background-repeat:no-repeat; color:#685C4C; font-size:14px;}
.prodclass1_2{ text-align:right; padding:0 5px 0 0;}

.prodclass2{width:50%; text-align:center; vertical-align:top;}
.prodclass2 a{width:100%; max-width:260px; margin:0 auto; display:inline-block;}
.prodclass2 img{width:100%; max-width:260px; border:0;}


.prodclass3{width:50%; text-align:center; vertical-align:top; border:solid 1px #e5e5e5;}
.prodclass3:hover{ border-color:#a3cded;}
.prodclass3 a{padding:10px; margin:0 auto; display:block;}
.prodclass3 img{width:100%; max-width:260px; border:0;margin-bottom:8px;}


.photolist1{width:33.33%; text-align:center; vertical-align:top; vertical-align:top;}
.photolist1 a{width:100%; max-width:252px; margin:0 auto; display:inline-block;}
.photolist1 img{width:96%; max-width:250px; border:solid 1px #cba56f; margin-bottom:6px;}

.prodlist{ width:50%; background-color:#FFF; border:solid 1px #e5e5e5; text-align:center; vertical-align:top;}
.prodlist a{display:block; padding:5px 5px 10px;}
.prodlist div{ margin-bottom:8px;}
.prodlist img{ max-width:100%;}
.prodlist:hover{ border-color:#882721;}
/*.
prodlist:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.prodlist{ width:50%; vertical-align:top; text-align:center;}
.prodlist a{display:block;}
.prodlist div{ border:solid 1px #e5e5e5; margin-bottom:8px; background-color:#FFF; display:block;}
.prodlist img{ max-width:100%;}
.prodlist:hover div{ border-color:#99b1ec;}
.prodlist .price{ color:#c5a74d;}
*/

.prodlist2{ width:50%; vertical-align:top;}
.prodlist2 a{width:100%; display:inline-block; color:#f6c95c;}
.prodlist2 a:hover{ color:#FFF;}
.prodlist2 .date{ color:#FFF;}
.prodlist2 div{ border:solid 2px #f6c96c; margin-bottom:8px; background-color:#FFF; text-align:center;}
.prodlist2 img{ max-width:100%;}
.prodlist2:hover div{ border-color:#FFF;}

.photolist3{ padding:6px 0 6px 6px;}
.photolist3 li{float:left; width:160px; text-align:center; padding:10px 8px; display:inline-block; height:312px; overflow:hidden; line-height:24px;}
.photolist3 li a img{ min-width:160px; height:200px; border:0; margin-bottom:4px;}

.price1{ font-size:22px; color:#882721;}

.photodetail{background-color:#FFF; padding:25px 15px;}
.photodetail1{font-size:20px; font-weight:bold; color:#882721; padding:5px 0; line-height:26px; text-align:center;}
.photodetail2{ text-align:center; padding:10px 0 0;}
.photodetail3{ line-height:26px; padding:15px 0 0;}
.photodetail3b{background-color:#FFF; padding:2px 15px; line-height:20px;}
.photodetail_bt{ text-align:center; padding:15px 0 0;}

.ProdDetail{background-color:#FFF;}
.ProdDetailPic{text-align:center;}
.ProdDetailJg{ border-bottom:solid 12px #f3f3f3;}
.ProdDetail1{ padding:5px 14px;}
.ProdDetail1_1{font-size:20px; font-weight:bold; color:#bc000e; line-height:26px; }
.ProdDetail1_2{ padding-bottom:10px;}
.ProdDetail1_3{}
.ProdDetail1_4{ line-height:24px;}
.ProdDetail2{ padding:5px 0;}
.ProdDetail2_1{ border-bottom:solid 1px #d9d9d9; padding:0 20px;}
.ProdDetail2_1 span{ border-bottom:solid 3px #bc000e; padding:0 10px; line-height:40px; font-size:16px; color:#bc000e; display:inline-block;}
.ProdDetail2_2{ line-height:26px; padding:0 14px;}

.bt1{ background-image:url(../../index/bt1.gif); width:87px; height:33px; display:inline-block; margin:0px 5px;}
.bt2{ background-image:url(../../index/bt2.gif); width:87px; height:33px; display:inline-block; margin:0px 5px;}
.bt3{ background-image:url(../../index/bt3.gif); width:87px; height:33px; display:inline-block; margin:0px 5px;}

.login1{ padding:8px 0; text-align:center;}
.login1 input{ padding:6px 0px; width:96%;}

.fenxiang{ height:36px; line-height:36px; padding:10px 0 0 0; font-size:12px;}
.fenxiang1{ float:left; margin-right:8px; font-weight:bold;}
.fenxiang2{ float:left;}

.proddetail_tab{ border-collapse:collapse;}
.proddetail_td1{ width:30%; padding:5px; font-weight:bold;}
.proddetail_td2{ padding:5px;}

/*下载样式*/
.download{ background-color:#E8E8E8;}
.downloadtr1{ background-color:#F5F5F5; text-align:center; font-weight:bold;}
.downloadtd1{ background-color:#FFF;}
.downloadtd2{ background-color:#FFF; text-align:center; width:70px;}
.downloadtd2 a{ background-color:#882721; color:#FFF; display:inline-block; line-height:30px; width:60px; text-align:center;-moz-border-radius:15px; border-radius:15px; font-size:13px;}
.downloadtd2 a:hover{ background-color:#e66d0d; color:#FFF;}

.newslist{ padding:0px 14px 14px;}
.newslist1{ border-bottom:dashed 1px #d5d5d5;}
.newslist1 a{ background-image:url(../index/arrow1.gif); background-position:0 13px; background-repeat:no-repeat; display:block; padding:7px 0 7px 12px; line-height:22px;}
.newslist1 span{ padding-left:6px; color:#a0a0a0; font-family:Arial, Helvetica, sans-serif;}
.newslist_jg{ border-bottom:dashed 1px #d9d9d9; padding:6px 0;}

.newslist2_1{ width:35%; vertical-align:top; text-align:center;}
.newslist2_1 img{ border:solid 1px #e5e5e5; padding:3px; width:92%;}
.newslist2_1 a:hover img{ border-color:#882721;}
.newslist2_2{ line-height:22px;}
.newslist2_2_1{}
.newslist2_2_1 a{ display:block;}
.newslist2_2_2{ color:#a0a0a0; font-family:Arial, Helvetica, sans-serif;}

.newslist3{ padding:0 0 10px; border-bottom:dashed 1px #d5d5d5;}
.newslist3_1{}
.newslist3_1 img{ width:100%;}
.newslist3_2{ font-size:16px; line-height:24px; font-weight:bold; padding:6px 0 0;}
.newslist3_3{ color:#999999; line-height:22px; padding:6px 0;}
.newslist3_4{ color:#a0a0a0;}

.newslist4_1{ width:35%; vertical-align:top; text-align:center;}
.newslist4_1 img{ border:solid 1px #e5e5e5; padding:3px; width:92%;}
.newslist4_1 a:hover img{ border-color:#882721;}
.newslist4_2{ line-height:22px;}
.newslist4_2_1{ font-size:16px; font-weight:bold;}
.newslist4_2_1 a{ display:block;}
.newslist4_2_2{ color:#a0a0a0; font-family:Arial, Helvetica, sans-serif;}
.newslist4_2_2 a{color:#a0a0a0;}


.newsdetail{padding:20px 10px;}
.newsdetail_1{ font-size:18px; text-align:center; font-weight:bold; padding:15px 10px 2px; line-height:28px; color:#882721;}
.newsdetail_2{ text-align:center; padding:4px 0 15px 0; border-bottom:dashed 1px #d9d9d9; color:#a8a8a8;}
.newsdetail_3{ line-height:26px; padding:10px;}
.newsdetail_4{ line-height:26px; padding:0 15px;}
.newsdetail_3 img, .newsdetail_4 img{ max-width:100%;}
.newsdetail_bt{ border-top:dashed 1px #d9d9d9; padding:15px 0 10px; line-height:26px;}

/*视频样式*/
.videolist{width:50%; text-align:center; vertical-align:top;}
.videolist a{width:100%; max-width:252px; margin:0 auto; display:inline-block;}
.videolist img{width:96%; max-width:250px; border:solid 1px #cba56f; margin-bottom:6px;}

.videodetail1{ text-align:center; padding:20px 0 10px; font-size:20px; font-weight:bold; color:#882721;}
.videodetail2{ text-align:center; padding:0 20px;}
.videodetail3{ text-align:center; padding:15px 0 20px;}

.indexbanner{}

.foot1{ background-color:#ececec; padding:15px 20px; text-align:center; line-height:22px;}
.var{ text-align:center; padding-bottom:15px;}
.var a{ padding:8px 20px; display:inline-block;}
.var img{ border:0; margin-right:4px; margin-bottom:2px;}

.newsclasslist{ background-color:#F8F8F8; padding:1em 3%;}
.newsclasslist ul{ margin:0 0 1em; display:inline-block;}
.newsclasslist li{ width:30%;margin:1.5%; float:left; height:42px; line-height:42px; display:inline-block;}
.newsclasslist li a{ background-color:#FFFFFF; border:solid 1px #E7E7E7; display:inline-block; width:100%; text-align:center; font-size:16px; font-weight:bold;}

/*投票样式*/
.tou{margin-top:5px; line-height:20px;}
.tou1{ padding:8px 0;}
.tou2{font-size:14px; padding:8px 16px; cursor:pointer; border:0; background-color:#E22124; color:#FFF; font-weight:bold;}
.tou3{ text-align:right; width:40px; height:18px; font-size:12px;}
.tou4{ width:80px; vertical-align:top; padding-top:2px; font-size:12px;}
.tou4_1{height:11px; font-size:1px; background-color:#EFEFEF;}
.tou4_2{height:11px; font-size:1px; background-color:#F7CA9B; border:solid 1px #C18F5A;}
.tou4_3{height:11px; font-size:1px; background-color:#BCE778; border:solid 1px #478F45;}
.tou4_4{height:11px; font-size:1px; background-color:#9EB5F0; border:solid 1px #586E97;}
.tou5{ padding-left:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.setpage{ text-align:center; height:20px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:15px 0;}
.setpage a{ background-color:#f4f4f4; padding:4px 6px; display:inline-block; border:solid 1px #d2d2d2; margin:0 3px; color:#333;}
.setpage a:hover{ background-color:#882721; border-color:#882721; color:#FFF;}
.setpage .currentpage{ padding:4px 6px; display:inline-block; border:solid 1px #882721; color:#FFF; background-color:#882721; margin:0 3px;}


.txtinput{background-color:#fcfcfc; border:solid 1px #d1d1d1; font-size:14px; width:100%; height:28px; line-height:28px; padding:0 6px;}
.txtinput2{background-color:#fcfcfc; border:solid 1px #d1d1d1; font-size:14px; width:100%; padding:0 6px;}
.CheckCode{ background-color:#eeeeee; display:inline-block; padding:4px;}
.bt{ background-color:#882721; width:90px; height:30px; line-height:30px; cursor:pointer; border:0; color:#FFF; font-size:14px; display:inline-block; text-align:center;}
.bt:hover{ background-color:#e66d0d; color:#FFF;}
.otherbt1{ background-color:#c5a74d; color:#FFF; width:180px; line-height:36px; text-align:center; display:inline-block; font-size:18px; border:0; cursor:pointer;}
.otherbt1:hover{ background-color:#d5b041;}


/*招聘样式*/
.JobsList1{ background-image:url(../index/arrow1.gif); background-repeat:no-repeat; background-position:6px 20px; vertical-align:top; padding:0 0 0 20px; border-bottom:dashed 1px #d9d9d9;}
.JobsList1 a{ font-size:16px; padding:13px 0; display:inline-block;}
.JobsList2{ width:100px; text-align:center; vertical-align:top; border-bottom:dashed 1px #d9d9d9; padding:11px 0 0; color:#999;}

.JobsDetail1{ width:70px; border-bottom:dashed 1px #d9d9d9; color:#999; padding:7px 0;}
.JobsDetail2{ border-bottom:dashed 1px #d9d9d9; padding:7px 0; line-height:24px;}
.JobsDetail3{ text-align:center; padding:20px 0;}
.JobsDetail3 a{ margin:0 15px;}

.JobsAdd2{text-align:right; width:72px; padding:4px 8px 4px 0;}
.JobsAdd3{ padding:4px 0;}
.JobsAdd3 .txtinput{ width:100%; background-color:#FFF; height:26px; line-height:26px; border:solid 1px #D1D1D1;}
.JobsAdd3 .txtarea{ width:100%; background-color:#FFF; height:100px; border:solid 1px #D1D1D1;}
.JobsAdd1{ text-align:center; padding:10px 0 10px;}
.JobsAdd1 input{ margin:0 6px;}


.classdir{}
.classdir1{border-bottom:solid 1px #cba56f;}
.classdir1 a{ background-image:url(../index/icon_classdir1_1.png); background-repeat:no-repeat; background-position:14px center; padding:10px 0 10px 26px; font-weight:bold; display:inline-block; color:#333;}
.classdir1 .this{ background-image:url(../index/icon_classdir1_2.png); color:#882721;}
.classdir2{background-color:#F5F5F5; padding:5px 10px 10px;border-bottom:solid 1px #cba56f;}
.classdir2 a{background-image:url(../index/icon_classdir2_1.png); background-repeat:no-repeat; background-position:8px center; display:block; margin:0 5px; padding:4px 4px 4px 20px; color:#222222;}
.classdir2 .this{background-image:url(../index/icon_classdir2_2.png);color:#882721;}

.classdir3{ background-color:#FFF; padding:10px 0; border:solid 1px #e6e6e6; margin:0 10px 15px 22px;-moz-border-radius:6px; border-radius:6px;}
.classdir3 a{ font-size:13px;}


/*banner效果*/
.focus { width:100%; height: auto; position: relative; overflow: hidden;}
.focus .hd { width: 100%; height: 0.8em; position: absolute; z-index: 1; text-align: center; bottom:0.5em;}
.focus .hd ul { display: inline-block; height: 0.8em;}
.focus .hd ul li { display: inline-block; width:1.4em; height: 0.4em; text-indent:-999em; background:#000; margin:0 0.3em; vertical-align: top; overflow: hidden; cursor:pointer;filter:alpha(opacity=50);opacity:0.5;}
.focus .hd ul .on { background-color:#f00;}
.focus .bd { position: relative; z-index: 0; overflow:hidden;}
.focus .bd li { height: auto; overflow: hidden; }
.focus .bd li a img { width: 100%; height: auto; display: block; margin: 0; padding: 0; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 取消链接高亮 */ }

/** scroll **/
#totop{position:fixed;display:none;width:43px;height:43px; opacity:0.4; cursor:pointer;bottom:70px; z-index:9;}
#totop img{ width:40px; height:40px; border:0;}
#totop:hover{opacity:1;}


/*产品筛选条件*/
.prodmenu{
    width: 100%;
	max-width:640px;
    overflow: hidden;
    background: #1f0500;
    position: fixed;
    z-index: 4;
}
.prodmenubg{ height:72px;}
.prodmenu .find{ height:38px; border-bottom: solid 1px #512813;}

.prodmenu>ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: solid 1px #512813;
    overflow: hidden;
}
.prodmenu>ul>li{
    float: left;
    width: 33.33%;
    text-align: left;
    line-height: 32px;
	height:32px;
	overflow:hidden;
    background: url("../index/on_1.png") no-repeat right 0;
	cursor:pointer;
}
.prodmenu>ul>li>span{ border-left:solid 1px #512813; display:block; padding:0 20px 0 10px;}
.prodmenu>ul>li .nojg{ border-left:none;}
.prodmenu .thismenu{color:#882721; background-color:#512813; background-position:right -32px;}
.prodmenubg{ height:73px;}


.prodsubmenu{
    position:fixed;
    top: -65%;
    width: 100%;
	max-width:640px;
    height: 65%;
    z-index: 1;
    -webkit-transition-duration: 0.4s;
}
.prodsubmenu>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 100%;
    width: 100%;
    background: #512813;
    position: absolute;
    z-index: 1;
	margin-top:83px;
    -webkit-transition-duration: 0.4s;
}
.prodsubmenu>ul>li{
	display:block;
}
.prodsubmenu>ul>li>a{
    line-height: 30px;
    font-size: 14px;
    padding-left: 1rem;
    border-bottom: solid 1px #5b2f19;
	display:block;
}
.prodsubmenu>ul>li>a:hover{ background-color:#5b2f19;}
.prodsubmenu>ul>li .this{background-color:#5b2f19; color:#882721;}
.grade-w-roll{
  top: 31px;
}
.grade-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
	max-width:640px;
    display: block;
    background:rgba(0,0,0,0.2);
    top: 0;
}


@media only screen and (min-width:320px){
  .mainmenu td a{ font-size:12px;}
  .prodclassmenu a{ font-size:13px;}
}
@media only screen and (min-width:360px){
  .mainmenu td a{ font-size:12px;}
  .prodclassmenu a{ font-size:14px;}
}
@media only screen and (min-width:420px){
  .mainmenu td a{ font-size:13px;}
  .prodclassmenu a{ font-size:15px;}
}
@media only screen and (min-width:480px){
  .mainmenu td a{ font-size:14px;}
  .prodclassmenu a{ font-size:16px;}
}
@media only screen and (min-width:640px){
  .mainmenu td a{ font-size:15px;}
  .prodclassmenu a{ font-size:16px;}
}



/*菜单背景颜色*/
.mobile-nav-back{
	height:100%;
	width:100%;
	position:fixed;
	background-color:#000;
	z-index:9998;
	top:0;
	left:-100%;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.mobile-nav-back.menu-is-open{
	left:0;
}

/*菜单*/
.mobile-nav{ 
	height:100%; 
	width:90%;
	max-width:300px;
	overflow:hidden;
	background-color:#ffffff; 
	position:fixed;
	z-index:9999;
	top:0; 
	left:-300px;
	display:inline-block;
}
.mobile-nav.menu-is-open{
	left:0;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.mobile-nav-close{ position:absolute; right:0; z-index:99999;}
.mobile-nav-close img{ width:30px;}
.mobile-nav-menu{ height:100%; overflow:auto; padding:0 20px;}
.mobile-nav-tools{ position:fixed; z-index:99999; bottom:0; width:100%; text-align:center; padding:15px 0; background-color:#FFF;}
.mobile-nav-tools a{ display:inline-block; width:40%; text-align:center; margin:0 3%; line-height:36px; font-size:14px; border:solid 1px #efefef;}
.mobile-nav-tools a:hover{ border-color:#c3c3c3;}
.mobile-nav-tools img{ width:20px; margin-right:4px;}

header{ position:fixed; z-index:999; width:100%; -webkit-transform: translateZ(0);}
header .top1{
	height:60px;
	-webkit-box-shadow:0 0 10px #B8B8B8; 
	-moz-box-shadow:0 0 10px #B8B8B8; 
	box-shadow:0 0 10px #B8B8B8;
    background: #f0f0f0;
	/*
    background: -webkit-gradient(linear, left top, left bottom, from(#3399ff), to(#882721));
    background: -moz-linear-gradient(top, #3399ff, #882721);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399ff', endColorstr='#882721');
	*/
}
header .top1_1{ width:100%; text-align:center; position:absolute;}
header .top1_1 a{ padding:5px 10px; display:inline-block;}
header .top1_1 img{ height:50px; border:0;}
header .top1_2{ position:relative; z-index:10; cursor:pointer; font-size:14px;}
header .top1_2 img{ height:60px;}
header .top1_2 a{color:#999; text-align:center; display:inline-block;}
header .top1_3{ width:60px; position:relative; z-index:10; cursor:pointer;}
header .top1_4{ width:60px; position:relative; z-index:10; cursor:pointer; background-color:#882721;}
header .top1_3 img, header .top1_4 img{ height:60px;}
header .top2{ background-color:#882721; display:none; position:relative; text-align:center; width:100%;}
header .top2 .top2_0{ padding:15px;}
header .top2 .top2_1{}
header .top2 .top2_1 input{ width:100%; padding:0 10px; border:0; height:30px; line-height:30px; background-color:#FFF; color:#333;}
header .top2 .top2_2{ width:40px;}
header .top2 .top2_2 input{ margin:0; padding:0; background-color:#E1E1E1; color:#333; height:30px; width:100%; font-size:15px; border:0; cursor:pointer; font-family:Arial, Helvetica, sans-serif;}


/*底部导航*/
.bottom{ position:fixed; 
	z-index:999; 
	height:60px; 
	width:100%; 
	bottom:0; 
	-webkit-transform: translateZ(0);
	-webkit-box-shadow:0 0 10px #B8B8B8; 
	-moz-box-shadow:0 0 10px #B8B8B8; 
	box-shadow:0 0 10px #B8B8B8;
    background: #882721;
    background: -webkit-gradient(linear, left top, left bottom, from(#882721), to(#882721));
    background: -moz-linear-gradient(top, #064093, #03296e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064093', endColorstr='#03296e');
}
.bottom li{ width:33.33%; float:left; text-align:center; line-height:22px;}
.bottom img{ width:80%; max-width:20px;}
.bottom a{ background-size:auto 40%; line-height:24px; padding:34px 0 6px; display:inline-block; width:100%; background-repeat:no-repeat; background-position:center 8px; color:#FFF;}
.bottom a:hover{ color:#FFF;}
.bottom_home{ background-image:url(../index/foottool_home.png);}
.bottom_tel{ background-image:url(../index/foottool_tel.png);}
.bottom_user{ background-image:url(../index/foottool_user.png);}
.bottom_map{ background-image:url(../index/foottool_map.png);}
.bottom_sms{ background-image:url(../index/foottool_sms.png);}
.bottom_lang{ background-image:url(../index/foottool_lang.png);}
.foottool_dir{ background-image:url(../index/foottool_dir.png);}

/*内容*/
.content-wrap{}
.content-wrap_list{ padding:60px 0 60px;}

/*弹出菜单样式*/
.toplang{ padding:20px 0 0;}
.toplang img{ margin-right:5px;}
.toplang a{ display:inline-block; padding:5px; margin-right:5px;}
.topnav {width:100%; margin:10px 0 70px;}
.topnav {line-height: 0.5em;}
.topnav>li {border-bottom:solid 1px #efefef;}
.topnav li a {
	line-height: 20px;
	font-size: 15px;
	padding: 15px 5px;
	color: #000;
	display: block;
	font-weight:bold;
	text-decoration: none;
}
.topnav li a:hover {
	color:#882721;
}
.topnav ul {
	display: none;
	padding:0 0 10px;
}
.topnav ul li {
	clear: both;
}
.topnav ul li a {
	color:#444444;
	background-image:url(../index/mobile-navigation-icon1.png);
	background-repeat:no-repeat;
	-moz-background-size:6px;
	-webkit-background-size:6px;
	-o-background-size:6px;
	background-size:6px;
	background-position:8px 10px;
	padding:5px 5px 5px 20px;
	font-size: 14px;
	font-weight: normal;
	outline:0;
}
.topnav ul li a:hover {
	background-position:8px -28px;
}
/*二级*/
.topnav ul ul{ padding:8px 0;}
.topnav ul ul li a {
	color:#666666;
	background-image:url(../index/mobile-navigation-icon2.png);
	background-position:20px 10px;
	padding:3px 5px 3px 35px;
	font-size:13px;
}
.topnav ul ul li a:hover {
	background-position:20px -16px;
}
/*三级*/
.topnav ul ul ul{ padding:8px 0 8px 16px;}
.topnav ul ul ul li a {
	color:#666666;
	background-image:url(../index/mobile-navigation-icon3.png);
	background-position:20px 10px;
	padding:3px 5px 3px 35px;
	font-size:12px;
}
.topnav ul ul ul li a:hover {
	background-position:20px -64px;
}

.topnav span{
	float:right;
	margin-top:3px;
}
.topnav .active a{color:#882721;}


.Terms {width:100%;}
.Terms>li {border:solid 1px #e6e6e6; margin:10px 0;}
.Terms li a {
	line-height: 20px;
	font-size: 15px;
	padding: 15px 5px;
	color: #000;
	display: block;
	font-weight:bold;
	text-decoration: none;
	background-color:#f5f5f5;
}
.Terms li a:hover {
	color:#882721;
}
.Terms ul {
	display: none;
	padding:5px 20px;
	line-height:24px;
}
.Terms span{
	float:right;
	margin:3px 8px 0 0;
}
.first{ background-color:#999;}