@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointe;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial,"Microsoft YaHei";}
button{cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.hang50{height:50px;}
.blank30{ height:30px; clear:both;}
.blank10{ height:10px; clear:both;}
.blank{ height:30px; clear:both;}
body{font-family:arial,"Microsoft YaHei";  font-size:15px; line-height:26px; color:#332B29;/* background-image: url(../images/bg.png); */ background-size:contain;}

.gao200{ height: 200px;}
.gao100{ height: 200px;}
hr{ border: none;}
 
.container2{width:96%; margin-left:auto; margin-right:auto ; max-width:1170px; min-width:280px;}
.container3{width:96%; margin-left:auto; margin-right:auto ; max-width:1170px; min-width:280px;}
.container4{width:96%; margin-left:auto; margin-right:auto ; max-width:1170px; min-width:280px;}

.fontlh{border: solid 1px #ccc;padding: 5px;width: 200px;}

.xiaopiclh{margin-top:10px;}
.xiaopiclh li{margin-right:2%;width:23.5%; float:left;}
.xiaopiclh li img{width:100%;}
/**** top ****/
.top_nav{ border-bottom: solid 1px #9E9E9E; padding-top: 18px; padding-bottom:12px; text-indent: 5px;}
.top_nav img{ margin-left: 5px; margin-right: 5px;}

.top_two{padding-top: 23px; padding-bottom:20px; }
#logo{ float: left;}
#logo img{width:100%;max-width:196px;margin-left:10px;}

.search_k{width:45%; float: right; border: solid 1px #AAAAAA;  border-radius: 20px; max-width: 240px; margin-left: 15%; margin-top: 7px;}

.search_k2{width:100%; border-bottom: solid 1px #AAAAAA; margin:0 auto;}

.txt_keyword{ line-height: 10px; float: left;width:76%;border: none; border-right: solid 1px #aaa; margin-left: 20px; padding-top: 5px; padding-bottom: 5px;font-size:13px;}
.btn_search{ float:right;width:13px; height: 14px; background-image: url(../images/btn_search.png); cursor: pointer; background-color: transparent; border: none; margin-right: 15px; margin-top:5px; vertical-align: middle;}
.li_user{ float: right;margin-right: 38px;}
.li_user ul{ margin-top: 5px;}
.li_user ul li{ float: left; margin-left: 20px; position: relative;} 
.li_user ul li span{ color:#fff; position: absolute;top:2px;right:-39px; background-color: #C30D23;height:26px;width:38px;border-radius: 30px; text-align: center;}

/* 主菜单 */

.head{position: relative;width:100%;height:48px;z-index: 9999;}
.head .navbox{margin: 0 auto; }
.head .nav{display: block; float: left;/*width:calc(100% - 180px);*/width:100%;}
.head .nav .nav_pc{ width: 100%; display: block;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;background-image: url(../images/li_nav.png); background-position: right; background-repeat: no-repeat;  }
.head .nav ul li:last-child{ background-image: none;}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#000;}
.head .nav ul li:hover .f_a{color:#C40C24; text-decoration: underline; transition:all .3s;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #000;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#C40C24;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}

.productlistalllh {width:100%;}
.productlistalllh li{margin-left:2%; margin-right:2%;width:21%;float:left;}

/*手機版導航開始***/
.m_img{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding-top:10px;border-bottom:solid 1px #D2D2D2;}
.m_img .headlf{padding-top:2px;padding-left:5px;position:absolute;width:100%;text-align:center;z-index:-1;}
.m_img .headlf .m_logo{height:36px;display: block;margin:0 auto;}
.m_img .headrg{padding-right:5%;padding-top:12px;float: left;}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block;margin-left:8px;}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#ccc;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;right:0px;top:10px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.wap_logo_new{ background-color: #fff;height:60px;position:absolute;width:100%;left:0px;top:0px;z-index:100;}
.wap_logo_new img{ margin-top:10px;margin-left:10px;}
.m_nav .m_navList{position:absolute;width:80%;left:0px;top:0%;background:#FFFFFF;height:100%;z-index:100;right:-80%;overflow-y: auto;}
.m_nav .m_navList ul{ margin-top:60px}
.m_nav .m_navList ul li{}
.m_nav .m_navList ul li a{display:block;height:45px;color:#989898;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%;background-color: #F5F5F5; border-top:solid 1px #D2D2D2;}

.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;cursor: pointer;}
.icon_on{background:url(../images/reduce.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;cursor: pointer;}
.m_nav .m_navList ul li .m_s_nav{/* display:none; */ width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.m_f_a_facebook{border-top:solid 1px #D2D2D2; padding-top:15px; padding-bottom: 15px;}
.m_f_a_facebook a{ display: inline;}
.m_f_a_facebook img{width:30px; display: inline;}
/**手機版導航結束 ***/

#xsweb{ display: block;}
.xsweb{ display: block;}
#xswap{ display: none;}
.xswap{ display: none;}
.xswap_x{ display: none;}
.xswap_m{ display: none;}
#btn {
    width:50px;
    height: 50px;
   position:fixed;
    right:22px;
    bottom:86px;
    background:url(../images/top.png)  no-repeat  left top ;
    margin-left: 610px;
}
#btn:hover {
    background:url(../images/top.png)  no-repeat  left -50px;
}

/*** 手機版頭部開始 ***/
.wapheader{ background-color: #000; padding-top: 7px;  padding-bottom:7px;position: fixed;
left: 0;
z-index: 1030;
width: 100%;
top: 0;}
.txt_keyword_wap{ background-color: #5B5758;width:60%; border-radius: 5px; border: none; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; float: left;width:89%; color:#fff; line-height: 15px;}
.btn_search_wap{width:30px ;height: 30px; background-image: url(../images/wap_search.jpg); background-color: transparent; border: none; cursor: pointer; margin-left: 10px; float:right;}
.wap_top_left{ float: left;width:20%;}
.wapheader form{ width:80%; float: right; margin-top: 5px;}
#mobile{ display:none}
#mobile li > a{display:block;  background-color: #000;  font-size:16px; color:#fff; line-height:50px; text-align:center;  border-top:solid 1px #333;}
#mobile li > a span{ display:none}
#mobile li > a:hover{ background-color:#BAB6B3; color:#fff; }




/*** banner ***/
#slider{position:relative; margin:20px auto; }
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:15px; height:15px; margin:0 8px; background:#666; border-radius:50%; opacity: 0.6;}
#slider .owl-pagination .owl-page.active{background:#000; opacity: 0.8;}
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s;}
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}

/*** banner ***/
#slider2{position:relative; margin:0 auto; }
#slider2 .item img{display:block; width:100%; height:auto;}
#slider2 .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider2 .owl-pagination .owl-page{display:inline-block; width:15px; height:15px; margin:0 8px; background:#fff; border-radius:50%;}
#slider2 .owl-pagination .owl-page.active{background:#FF6600;}
#slider2 .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s;}
#slider2 .owl-buttons div:hover{opacity:.6;}
#slider2 .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider2 .owl-buttons .owl-next{right:30px; background-position:right top;}

.midnav{width:50%; margin-left: auto; margin-right: auto;}
.midnav ul li{ float: left;width:33.3333%; position: relative;}
.midnav ul li img{width:98%; border-right: none; border-radius: 10px; display: block;}
.midnav ul li h3{width:20px; color:#fff; position: absolute; top:30%; left: 45%; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 25px;}

.navcen{  border-radius: 10px; position: absolute;
    top: 0;
    width: 98%;
    height: 100%;
    padding: 55px 15px;
    text-align: center;
    display: block;

    background-image: url(../images/li04.png)}
.midnav ul li a:hover .navcen{ 
    background-image: url(../images/li04_s.png)}


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


.banner_new{width:100%;}
.banner_new img{width:100%;}



.addi{background-color: #EAEAEA;min-height:330px;}
.addi a{ position: absolute; top:-40px; width:100%; display: block}
.addi a img{width:75%;display:block;margin:0 auto;max-width:799px;}


.wap_ad01 li{ margin-top: 100px;}
.wap_ad01 li img{width:100%;}


.indexnews{ background-color: #000; background-image: url(../images/news_bg.jpg);min-height: 469px; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 50px;}
.indexnews h3{color:#ffff; text-align: center;font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 25px;margin-top: 15%;width:60%; float: left;}
.newslist{ float: right;width:40%;}
.indexnews ul li{ margin-top: 30px;}
.indexnews ul li h4{ background-color: #A40000; color:#fff; border-radius: 5px;font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 20px; display: inline-block; padding: 5px 10px;}
.indexnews ul li  a{ display:inline-block; color:#fff; margin-top: 5px;}
.indexnewmore{ background-color: #373536; color:#fff; border-radius: 5px;font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 20px; display: inline-block; padding:12px 109px; border: solid 1px #fff; margin-top: 30px;}
.indexnewmore:hover{color:#fff; background-color: #000;}

.indexedm{ background-color: #000; background-image: url(../images/edm_bg.jpg); min-height: 470px; padding-top: 50px; padding-bottom: 50px;}
.indexedm h3{color:#ffff; text-align: center;font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 25px;margin-top: 15%;width:60%; float: left;}
.edmform{ float: right;width:40%; margin-top: 30px;}
.edmform form{width:65%;}
.edmtxt{ background-image: url(../images/edm_bg01.png); border-radius: 5px;  display: block; background-color: transparent; width:100%; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; margin-bottom: 35px; border: none; line-height: 15px;}

.edmbtn{border-radius: 5px;  display: block; background-color: #A40000; border: none;width:100%; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; margin-bottom: 35px;font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 20px;color:#fff;}

.che_ys{ color:#fff; font-weight: lighter;}
.che_ys a{ color:#fff;}
.che_ys label{ cursor: pointer; font-weight: lighter;}


.indexend{ background-color: #000; padding-top: 50px; padding-bottom: 50px;}
.indexend01{ padding:30px}
.indexend01 ul { float: left;width:50%;}
.indexend01 ul li { margin-top: 15px;}
.indexend01 ul li h3 img{width:100%; max-width: 237px;}
.indexend01 ul li span{ color:#fdedcd; display: block; margin-top: 5px;}
.indexend01 ul li b{ color:#b4b4b5; font-weight: lighter;}
.emli{width:30px; margin-right: 10px; vertical-align: middle;}
.map{ float: right;width:50%;}
.map img{width:100%;}


.piclist h3{ background-color: #A40000; color:#fff; padding-top: 30px; padding-bottom: 30px; text-align: center; }
.piclist ul li{ float: left;width:10%; position: relative;margin-top:0px;padding-top:0px}
.piclist ul li a{margin:0px;padding:0px;}
.piclist ul li img{display:block;width:100%;}
.kehu-hover {
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 55px 15px;
text-align: center;
display: block;
display: none;
background-image: url(../images/li04.png);
}
.kehu-hover  h4{ margin-top: 40%;}
.piclist ul  li:hover .kehu-hover{ display:block}

footer{ background-color: #000; padding-top: 35px; padding-bottom: 35px;}
.kslinke{ float: left;width:31.5%;}
.gzwm{ float: left;width:35%; margin-left: 3.5%;}
.facebook{ float: right; width:26%;}
.kslinke h3{color:#fff; border-bottom: solid 1px #fff; padding-bottom: 8px; font-size: 15px;}
.kslinke ul{ margin-top: 10px;}
.kslinke ul li{ margin-top: 3px;}
.kslinke ul li a{ color:#fff; font-size: 13px;}

.gzwm h3{color:#fff; border-bottom: solid 1px #fff; padding-bottom: 8px; font-size: 15px;}
.gzwm p{ margin-top: 15px; color:#fff}
.gzwm p img{ margin-right: 15px;}
.facebook{ float:right;width:26%;}
.facebook img{width:100%;}

.copyright{ color:#fff; text-align: center; padding-top:30px;}


.footer_wap{position: fixed;left: 0;z-index: 1030;width:100%;bottom: 0;background-color:#F5F3F4; box-shadow:-2px 0px 8px #ccc}
.wap_end_anv{ height:54px; }
.wap_end_anv ul { width:100%;}
.wap_end_anv ul li{float:left;width:20%; text-align:center; height:52px;}
.wap_end_anv ul li a{ color:#333;}
.wap_end_anv ul li img{ margin-top:5px; width:25px; margin-bottom:0px;}
.wap_end_anv ul li span{ display:block;}
.gao74{height: 56px;}

.leibieone{background-color:#EEEEEE}
.leibieimg{width:60%;float:left}
.leibieimg img{width:100%;}
.leibietxt{float:right;width:30%;margin-right:5%;padding-top:20px;padding-right:20px;font-size:15px;line-height:28px;color:#4f4f4f;}
@media screen and (max-width:800px){
 
.leibieimg{width:100%;float:none}
.leibietxt{float:none;width:90%;margin-right:5%;margin-left:5%;padding-bottom:20px;}
}

.leibietwo{background-color:#EEEEEE}
.leibietwoimg{width:60%;float:right}
.leibietwoimg img{width:100%;}
.leibietwotxt{float:left;width:30%;margin-left:5%;padding-top:20px;padding-right:20px;font-size:15px;line-height:28px;color:#4f4f4f;}


.leibiesan{background-color:#EEEEEE;width:90%;margin:0 auto;}
.leibiesanimg{width:50%;float:left}
.leibiesanimg img{width:100%;}
.leibiesantxt{float:right;width:40%;margin-right:5%;padding-top:20px;padding-right:20px;font-size:15px;line-height:28px;color:#4f4f4f;}

@media screen and (max-width:800px){
 
.leibiesanimg{width:100%;float:none}
.leibiesantxt{float:none;width:90%;margin-right:5%;margin-left:5%;padding-bottom:20px;}


 .leibieimg{width:100%;float:none}
.leibietxt{float:none;width:90%;margin-right:5%;margin-left:5%;padding-bottom:20px;}

.leibietwoimg{width:100%;float:none}
.leibietwotxt{float:none;width:90%;margin-right:5%;margin-left:5%;padding-bottom:20px;}
}

@media screen and (max-width:1440px){
    .kehu-hover  h4{ margin-top: 35%;}   
}
@media screen and (max-width:1230px){
    .addi{min-height:380px;}
    .kehu-hover  h4{ margin-top: 29%;}   
}
@media screen and (max-width:1225px){
    .container3{ max-width:970px;}
    #navigation li > a{padding:18px 28px;  }
    .midnav{width:65%;}
}
@media screen and (max-width:995px){
    .container3{ max-width:769px;}
    #navigation li > a{padding:18px 16px;  }
    .search_k{width:30%;}
    .txt_keyword{width:70%;}
    .midnav{width:80%;}
    .addi{min-height:290px;}
    .gao200{ height: 150px;}

    .indexnewmore{ padding:15px 100px;}
}

/**** 分类首页  ****/
.categoryintro{ margin-top: 30px;}
.categoryintro h4{ background-color: #3E3A39; color:#fff; padding-top: 20px; padding-bottom: 20px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;font-size: 25px; color:#fff; text-align: center; line-height: 30px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px;}
 .categoryintro2{ font-size: 20px; line-height: 40px; margin-top: 20px;}
.categoryintro3{ font-size: 24px; line-height:50px; margin-top: 20px;  color:#973f2d}
.width80{width:80%; margin: 0 auto;}
.huiwenzi{ color:#9e9e9f;font-size: 20px; line-height: 40px; margin-top: 20px;}
.gao30{height:30px}

.cateprolist{ margin-top: 50px;}
.cateprolist h4{ border-bottom: solid 1px #626262; padding-bottom: 5px; color:#626262;font-size:20px}
.cateprolist h4 strong{ float: left;}
.cateprolist h4 a{ float: right; color:#626262}

.prolist { margin-top: 15px; }
.prolist  img{width:100%; display: block;}
.prolist  h5{ font-size: 18px; color:#626262; font-weight: bold;margin-top: 10px;  height:18px; overflow: hidden;}
.prolist  h5 a { color:#626262;}
.prolist  span{ display: block; margin-top: 10px; color:#c30d23;font-size: 18px; }


.fa-angle-down{ background-image:url(../images/li2.png);width:16px; height:16px; display:inline-block; margin-left:15px;}
.sub-menu33{ display:none;}
#box{ margin-top:30px;}
#box aside{ float: left;width:25%;}
#box aside h3{color:#626262; border-bottom: solid 1px #9E9E9E ; padding-bottom: 20px; text-indent: 10px; font-size: 18px; font-weight: bold;}
#box aside ul { margin-top: 10px;}
#box aside ul li{ line-height: 40px;text-indent: 10px;}
#box aside ul li a{color:#626262; font-size: 15px;}
#box aside ul li ul {color:#626262; font-size: 15px; display:block;margin-top:0px;}
#box article{ float: right; width:70%;}

.boxtitle h3{ font-size: 15px;}

.orderselect{ border: solid 1px #949494 ; padding: 2px;}


.goodinfo{  margin-top: 20px;}
.gooimg{ float: left; width:40%; }
.goodright{ float: right;width:50%;}

.goodright h4{font-size: 18px;  color:#c30d23; margin-top: 20px;}
.goodright h3{ font-size: 18px; color:#626262}

.shuxing {margin-top: 20px;}
.shuxing label{ display: block; margin-bottom: 5px;}
.shuxing select{ border: solid 1px #ccc; padding: 5px; width:200px}

.shuliang{border: solid 1px #ccc;  width:200px; height: 35px;}

#jian{width:35px; text-align: center; float: left; border-right:solid 1px #ccc; font-weight: bold; cursor: pointer; height: 35px; line-height: 35px;}
#number{width:128px; float: left; border: none; text-align: center; line-height: 32px;}
#jia{width:35px; text-align: center; float: left;border-left:solid 1px #ccc; font-weight: bold; cursor: pointer; height: 35px;line-height: 35px;}

.addcart{ background-color: #C30D23; font-size: 15px; height: 35px; line-height: 35px; border-radius: 5px; display: block; width:200px; margin-top: 30px; color:#fff; text-align: center;}

.addcart:hover{ color:#fff; background-color: #FF0000;}


.huiwenzi2{ color:#595757;font-size: 15px; line-height: 30px; margin-top: 20px;}

#body-sub{ background-image: none;}



.newslist2 li{ float:left;width:33.3333%; font-size:15px; padding-bottom: 5px; padding-top: 5px; margin-top:10px}

.newslist2 li h6{  font-size:15px; color:#333;}
.newslist2 li h6 a{ color:#000; font-weight: bold;}

.newsimg{width:100%; margin-top:5px;}
.newsimg img{width:100%;max-width:260px;}
.newslist2 li h6 a:hover{ color:#000;}

.morenews{background-color: #C30D23; color:#fff; display: inline-block; padding:3px 10px; margin-top:5px; font-size:13px;}
.morenews:hover {background-color: #ff0000; color:#fff;}

.newslist2 li span{ display:block; margin-top:8px; color:#888;font-size:13px;}
.newsremark{ margin-top:5px; color:#888;}

/****分頁的樣式****/
.updown{width:100%;line-height:50px;}
.updown .spanlink{height:22px;line-height:22px;margin:0px 5px 0px 5px; padding: 5px 7px 5px 7px;  background-color:#E2E2E2;}
.updown .spanlink a{color:#000;text-decoration:none}
.updown .spanone{font-weight:bold; color:#fff; background-color:#4B4B4B; padding:5px 7px 5px 7px;margin:0px 5px 0px 5px;}
.updown .spanone a{color:#fff;text-decoration: none;}

/********* 购物车 **********/
.flowBox h6{  padding-bottom:10px; font-size:17px; font-weight:lighter;}
.flowBox h6 span{ float:left;}
.flowBox h6 a{ float:right;color:#F60;}

.table-e table{border-right:1px solid #e8e9e9;border-bottom:1px solid #e8e9e9;}
.table-e table th{border-left:1px solid #e8e9e9;border-top:1px solid #e8e9e9; line-height:24px; padding:8px; background-color:#666; color:#fff; text-align:center; font-size:15px;}
.table-e table td{border-left:1px solid #e8e9e9;border-top:1px solid #e8e9e9; line-height:24px; padding:8px;}
.table-e table td a{ color:#333;}







#xs_wap{ display:none;}

#xs_web{ display: table-cell;} 

#xs_web2{display: block;}

.table-e2 table{border-bottom:1px solid #e8e9e9;}
.table-e2 table th{border-top:1px solid #e8e9e9; line-height:24px; padding:8px; background-color:#666; color:#fff; text-align:center; font-size:15px;}
.table-e2 table td{border-top:1px solid #e8e9e9; line-height:24px; padding:8px;}
.table-e2 table td a{ color:#333;}


.xj{ margin-top:30px; text-align:right;}

.cartbtn{ margin-top:30px; display:block;}

.cartbtnleft{ float:left; text-align:left;}
.cartbtnright{ float:right; text-align:right;}

.btn2{ padding:5px; letter-spacing:5px; color:#fff; padding-left:20px; padding-right:20px; background-color:#CA0000;  font-size:15px;border-radius: 5px;}

.btn2:hover{ background-color:#990000; color:#fff;}

.inputBg{ }
.f7{ background-color:#000; font-size:13px; padding:5px 10px; display: inline-block;}
.bnt_blue_1{ font-size:13px; border: solid 0px #000; padding-left: 5px; padding-right: 5px; height:20px; line-height: 20px; border-radius: 5px; background-color: #C60; color:#fff;}
.otherinfo{ border-bottom:solid 1px #ccc;}

.otherinfo ul{border:solid 1px #ccc; border-bottom:none;}

.lititle{width:10%; float:left;  padding:10px; }
.liinfo {width:75%; float:left;   padding:10px;border-left:solid 1px #ccc;}

.liinfo dl{}
.liinfo dl dt{ float:left;width:30%; margin-right:3%;}
.txt{width: 250px;height: 30px;
    line-height: 30px;border: 1px solid #ccc;border-radius: 3px; padding-left:5px; padding-right:5px;}
    
    .btn{ padding:5px; letter-spacing:5px; color:#fff; padding-left:20px; padding-right:20px; background-color:#000;font-size:15px; cursor:pointer; border-radius: 5px;}

    .btn:hover{ background-color:#600; color:#fff;}  

.f4_b{ color:red;}

/**注冊表單**/
.formBox {margin-top: 25px;color: #2f2f2f;font-size: 13px;width:80%; margin-left:auto; margin-right:auto; }

.form {margin-bottom: 25px;color: #2F2F2F;padding: 0 30px;}
.form label {display: inline-block;width: 170px;text-align: left;margin-right: 5px;font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;font-size: 15px;color: #737373; vertical-align:top;}

#dx{width:auto; cursor:pointer; margin-right:10px;}

.form label em {color: #ff0000;font-style: normal;font-weight: normal; margin-right:3px;}
.form input[type="text"], .form input[type="password"]{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 35px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; background-image:url(../images/txt_bg.jpg); text-indent:10px;}
.form font{ margin-left:10px; color:#808080;}
.form select {box-sizing: border-box;-moz-box-sizing: border-box;padding: 5px;height: 35px;border: 1px solid #ccc;border-radius: 3px;background-image:url(../images/txt_bg.jpg); vertical-align:top; }


.usermenu{width:80%; margin-left:auto; margin-right:auto;}
.usermenu li{ display:block; width:100%; background-color:#B79F61; margin-top:30px; border-radius:10px; line-height:50px; text-align:center}
.usermenu li a{ color:#fff; display:block}
.usermenu li:hover{ background-color:#000;}

.titlexx{ text-align:center; font-size:18px; font-weight:bold;}

.btn{ padding:5px; letter-spacing:5px; color:#fff; padding-left:20px; padding-right:20px; background-color:#000;font-size:15px; border:none; cursor:pointer}

.btn:hover{ background-color:#600; color:#fff;}

.f_l{ float:left;}
.f_r{ float:right;}
.msgBottomBorder{ margin-top:10px; padding-bottom:10px; border-bottom:dotted 1px #ccc; margin-bottom:10px; line-height:24px;}
.height40{ height:30px;}
@media screen and (max-width:768px){
    
   .hang50{height:25px;}
   
    .shuliang{border: solid 1px #ccc;  width:100%; height: 35px;}

#jian{width:10%; text-align: center; float: left; border-right:solid 1px #ccc; font-weight: bold; cursor: pointer; height: 34px; line-height: 34px;}
#number{width:80%; float: left; border: none; text-align: center; line-height: 32px;}
#jia{width:10%; text-align: center; float: left;border-left:solid 1px #ccc; font-weight: bold; cursor: pointer; height: 34px;line-height: 34px;}

.addcart{ background-color: #C30D23; font-size: 15px; height: 35px; line-height: 35px; border-radius: 5px; display: block; width:100%; margin-top: 30px; color:#fff; text-align: center;}

    .fontlh{width:100%;}
    .shuxing select {
  
    width:100%;
}
.productlistalllh li{width:47%;}
    .li_user{ margin-right: 10px;}
    .li_user ul li span{display:none;}
    #dx{ display:inline-block}
    .form label {display: block;}
    .formBox{width:100%;}
    .form input[type="text"], .form input[type="password"]{width:250px;}
    .form {margin-bottom: 15px;padding: 0 10px;}
    #xs_web2{display: none;}
 .table-e table th{padding:5px; font-size:13px;}
 .table-e table td{padding:5px; font-size:13px;}
#xs_wap{ display:block;}
#xs_web{ display:none;}
    .gooimg{ float: none; width:100%; }
    .goodright{ float: none;width:100%; margin-top: 20px;}

#box{}
#box aside{ float: none;width:100%; margin-top: 0px;}
#box aside h3{ display: none;}
#box aside ul { margin-top:0px; margin-bottom: 10px; text-align: center;}
#box aside ul li{  display: inline-block; line-height: 40px;text-indent: 0px; margin-right: 10px;}
#box aside ul li a{color:#fff; font-size: 15px; background-color: #c30d23; border-radius: 5px; padding: 5px 10px;}


#box article{ float: none; width:100%;}

.prolist  h5{ font-size: 15px; height:16px;}
.prolist  span{ font-size: 15px; margin-top: 5px; }
    .img-responsive{ margin-top: 15px;}
    .blank30{height: 15px;}
    .categoryintro h4{font-size:18px;}
    .categoryintro2{ font-size: 15px; line-height:30px; margin-top:15px;}
    .categoryintro3{ font-size: 18px; line-height:30px; margin-top: 15px; }
    .huiwenzi{font-size: 15px; line-height: 30px; margin-top: 15px;}
    .gao30{height:0px}

    #xsweb{ display: none;}
    #xswap{ display: block;}
    .xswap{ display: block;}
    .xsweb{ display: none;}
    .xswap_m{ display: block;}

    
    .midnav{width:96%;margin-left:2%;}
    .gao100{ height: 100px;}
    .indexnews h3{margin-top: 0px;width:100%; float: none;}
.newslist{ float: none;width:100%; text-align: center;}

.indexedm h3{margin-top: 0px;width:100%; float: none;}
.edmform{ float: none;width:100%; text-align: center;}
.edmform form{width:65%; margin: 0 auto;}


.indexend01 ul { float: none;width:100%;}

.map{ float: none;width:100%; margin-top: 30px; margin-bottom: 15px;}

.piclist ul li{width:20%; }

.kslinke{ float: none;width:100%;}
.gzwm{ float: none;width:100%; margin-left: 0%; margin-top: 30px;}
.facebook{ float: none; width:100%;margin-top: 30px;}

#slider{  margin-top: 0px; }
}
@media screen and (max-width:729px){
    .midnav ul li h3{ top:23%; left: 45%;font-size: 25px;}
}
@media screen and (max-width:565px){
    .wap_top_left{width:30%;}
    .wapheader form{ width:70%; }
    .txt_keyword_wap{width:80%;}
    .midnav ul li h3{ top:23%; left: 45%;font-size: 20px;}
    .wap_ad01 li{ margin-top: 50px;}
    .edmform form{width:90%;}
    .gao100{ height: 50px;}
}


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


    .li_user ul li{ margin-left: 10px;} 
 }

 @media screen and (max-width:374px){
    .li_user ul{ margin-top: 0px;}
    .m_img .headrg{padding-top:5px;}

    .m_img{height:50px;}
    .m_img .headlf .m_logo{height:26px;}
 }



 

@media screen and (max-width:415px){
   /* .xswap_m{ display: none;}*/
    .xswap_x{ display: block;}
    .midnav ul li h3{ top:17%; }
    .gao100{ height: 50px;}
}
@media screen and (max-width:406px){
    .wap_top_left{width:30%;}
    .wapheader form{ width:65%; }
    .txt_keyword_wap{width:77%;}
    .xswap_x{ display: block;}
    .kehu-hover  h4{ margin-top: 15%;}   
}

@media screen and (max-width:359px){
    .wap_top_left{width:35%;}
    .wapheader form{ width:60%; }
    .txt_keyword_wap{width:70%;}

    .midnav ul li h3{ top:12%; }
}


/**** 类别4***/
.hang50{ height:50px; clear:both;}
.gongyinbg01{background-image: url(../images/b1.jpg);padding-top:50px;padding-bottom:30px;}
.gongonetxt{float:left;width:50%;margin-right:5%;}
.gongonetxt dl{margin-top:50px;}
.gongonetxt dl dt{ font-size: 60px;line-height: 60px; text-align: center;font-weight: bold; letter-spacing: 2px;}
.gongonetxt dl dd{background-image: url(../images/b2.png);padding:50px;margin-top:80px;color:#000;font-size:22px;line-height:40px;font-weight: bold;}
.gongoneimg{width:45%;float:right}
.gongoneimg img{width:100%;}

.gongyinbg02{background-color: #514948;}

.gongtwo01{padding-top:50px;overflow-x: hidden;}
.gongtwotxt{float:left;width:50%;margin-right:5%;color:#fff;}
.gongtwotxt dl dt{font-size: 60px;line-height: 60px; text-align: center;font-weight: bold; letter-spacing: 2px;}
.gongtwotxt dl dd{color:#fff;font-size:22px;line-height:40px;font-weight: bold;padding:50px;}
.gongtwoimg{width:40%;float:right;padding-right:5%;}
.gongtwoimg img{width:100%;}

.gongtwo02{margin-top:30px;background-color: #fff;padding:30px;position: relative;padding-bottom:0px;}
.gongtwo02 h3{background-color:#938180;padding:30px;color:#fff;position:absolute;left:0px;top:80px;font-size: 60px;font-weight: bold;}
.gongtwo02_txt{position: absolute;bottom:100px;padding:30px;background-image: url(../images/b3.png);
  right:0px;color:#fff;font-size:20px;line-height:40px; font-weight: bold;}

.hztlist{ background-color: #fff;}
.hztlist li{margin-top:20px;float:left; width:29.3333%; margin-left:2%;margin-right: 2%;}
.hztlist li img{width:100%;display: block;}

.chicunleft{float: left;width:50%;}
.chicunleft img{width:90%;margin: 0 auto;display: block;max-width: 510px;}
.chicunright{float: right;width:50%;}

.chicunleft table{border-right:1px solid #e8e9e9;border-bottom:1px solid #e8e9e9;width:96%;margin:0 auto;}
.chicunleft table th{border-left:1px solid #e8e9e9;border-top:1px solid #e8e9e9; line-height:24px; padding:8px; background-color:#666; color:#fff; text-align:center; font-size:15px;}
.chicunleft table td{border-left:1px solid #e8e9e9;border-top:1px solid #e8e9e9; line-height:24px; padding:8px;}
.chicunleft table td a{ color:#333;}



.chicunright table{border-right:1px solid #e8e9e9;border-bottom:1px solid #e8e9e9;width:96%;margin:0 auto;}
.chicunright table th{border-left:1px solid #e8e9e9;border-top:1px solid #e8e9e9; line-height:24px; padding:8px; background-color:#666; color:#fff; text-align:center; font-size:15px;}
.chicunright table td{border-left:1px solid #e8e9e9;border-top:1px solid #e8e9e9; line-height:24px; padding:8px;}
.chicunright table td a{ color:#333;}


.chicunright img{width:90%;margin: 0 auto;display: block;max-width: 469px;}
.chicun{margin-top:30px;}
@media screen and (max-width:800px){

.hang50{ height:20px; clear:both;}
  .gongyinbg01{padding-top:30px;padding-bottom:20px;}
  .gongonetxt dl dd{margin-top:40px;}
  .gongonetxt dl{margin-top:20px;}
  .gongonetxt dl dt{ font-size: 40px;line-height: 40px; }
  .gongonetxt{ float:none;width:100%;}
  .gongoneimg{ float: none;width:100%;margin-top:10px}

  .gongtwotxt{ float:none;width:100%;}
  .gongtwoimg{ float: none;width:100%;margin-top:10px}

  .gongtwotxt dl dt{font-size: 40px;line-height: 40px;}


  .gongtwo02 h3{left:0px;top:0px;font-size: 40px;}
.gongtwo02_txt{position: static;font-size: 18px;padding:20px; }

.hztlist li{margin-top:20px;float:left; width:46%; margin-left:2%;margin-right: 2%;}

.chicun{margin-top:20px;}
.chicunleft{float: none;width:100%;}
.chicunleft img{width:90%;margin: 0 auto;display: block;max-width: 510px;}
.chicunright{float: none;width:100%;margin-top:20px;} 
}