@charset "utf-8";
/* CSS Document */
/*--[if lte IE 6]>body { behavior:url("csshover.htc"); }<![endif]--*/
body{ background:#eeeeee; font-size:12px; color:#4e4e4e;}
img { border:none;}
ul,li{ list-style:none; margin:0px; padding:0px;}
.clear{ font: 0px/0px serif; display: block; clear: both;}
a{ text-decoration:none;color:#4e4e4e;}
a:hover{color:#ce2021}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,blockquote,fieldset,div,strong,label,em,body{margin:0;padding:0;border:0;}
#logo{}
#logo span{ display:none;}

#main{ max-width:680px; margin:0px auto;}
#main2{ max-width:680px; margin:0px auto; height:110px; }
#nav{ width:100%; background:#cc1819;}
#nav ul li{ width:25%; float:left; height:35px; line-height:35px; text-align:center; border-top:1px solid #d12324;border-bottom:1px solid #db6768; display:block;}
#nav ul li a{ color:#FFF;height:35px; line-height:35px; border-right:1px solid #d12324;border-left:1px solid #db6768;  display:block; font-size:12px;}
#nav ul li:hover{background:-webkit-gradient(linear, 0 0, 0 100%, from(#fea4a6), to(#ce2021));background:-moz-linear-gradient(top, #fea4a6, #ce2021);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea4a6,endColorstr=#ce2021,grandientType=0);display:block;}
.mt10{ margin-top:10px;}
#flash{ width:100%;clear:both;}
#biaot{ width:100%; background:#cc1819; line-height:35px; height:35px; }
#biaot span{ padding-left:10px; width:90px; font-size:12px; font-weight:bold; color:#FFF; float:left;}
#biaot a{ float:right; padding-right:5px; color:#fcddda; font-size:12px;}

#iabout{padding:15px; line-height:21px;background:#FFF; color:#5c5c5c;}
#iabout img{ float:left; margin-right:10px; border:1px solid #dedede; background:#FFF; padding:1px;}
#about{padding:15px; line-height:22px;background:#FFF; color:#5c5c5c; }
#about img{ float:left; margin-right:10px; border:1px solid #dedede; background:#FFF; padding:1px;}

#pro_rom{ background:#FFF; padding:3%;}
#pro_rom ul li{ padding:0px 2%; float:left; width:29%; text-align:center;}
.pimg{ border:1px solid #d4d4d4; background:#ffffff; padding:1px; }
#protab{ width:96%; margin:5px auto; text-align:center; }
#protab span{ width:100%; text-align:center; line-height:19px; height:40px; overflow:hidden; margin-top:5px; display:block;}

.pimg{ text-align:center;}
.pimg a{ min-width:100px;text-align:center;line-height:70px;
	min-height:100px;font-size:100px;
	}
*>pimg a{
	font-size:12px;
	}
.pimg img {
	vertical-align:middle;
}
#icatalog{ clear:both; background:#FFF; padding:15px;}
#icatalog ul li{ background:#f0f0f0; border-bottom:1px solid #FFF; line-height:34px; height:34px; padding-left:10px; }
#icatalog ul li a{ color:#4d4d4f;line-height:32px; height:32px;display:block; overflow:hidden;}
#icatalog ul li a:hover{color:#ce2021}

#inews{clear:both; background:#FFF; padding:15px;}
#inews ul li{ background:url(/MobileSkin/1/images/sjx.png) 5px center no-repeat; padding-left:15px; overflow:hidden; line-height:29px; height:29px; border-bottom:1px dotted #dbdbdb;}
#inews ul li a{ line-height:29px; height:29px; overflow:hidden; display:block;}

#tel2{ position:fixed; bottom:60px; width:100%; max-width:680px;z-index:100}
#tel2 ul{ width:90%;border:#cc1819;font-weight:normal; background:#cc1819; margin:0px auto;
border-width:1px;border-style:solid;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:3px}
#tel2 ul li{ text-align:center;}
#tel2 ul li a{ background:url(/MobileSkin/1/images/tel1.png) left center no-repeat; font-size:18px; color:#FFF; padding-left:35px; line-height:34px; height:34px; padding-top:8px; padding-bottom:8px; font-family:"Microsoft Yahei";}

.mb70{ margin-bottom:60px;}

#fengye{ text-align:left;font-size:0px; line-height:0px;height:28px; *height:28px; overflow:hidden;clear:both; margin-bottom:3px; padding-left:15px; background:#ffffff; padding-bottom:5px; padding-top:10px;}
#fengye input{ width:20px; height:15px; color:#000000;}
#fengye a{ border:1px solid #ccd8e3;cursor:pointer;width:55px;color: #333; text-align:center; display:block; float:left; margin-right:10px; font-size:12px; line-height:23px; background:#f0f0f0;}
#fengye a:visited{color: #ff7300;}
#fengye a:hover{ border:1px solid #ccd8e3; background-color:#cc1819; color:#fff;}
#fengye input{  height:30px; text-decoration:999em; border:none; display:block; margin-top:60px;}

#newsdetail{ margin-top:10px; padding:10px; background:#fff;}
#newsdetail ul li.title{ line-height:30px; height:30px; border-bottom:1px solid #ccc; text-align:center; overflow:hidden;}
#newsdetail ul li.time{ text-align:center; line-height:24px; height:24px;}
#newsdetail ul li.time span{ color:#F00;}
#newsdetail ul li.contet{ line-height:23px;}

.order-input {
    background: none repeat scroll 0 0 rgb(253, 253, 253);
    border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
   
    width: 100%; color:#cc1819;
}
.order-input2 {
    background: none repeat scroll 0 0 rgb(253, 253, 253);
    border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
    font-size: 14px;
    height: 65px;
    line-height: 28px;
   
    width: 100%; color:#cc1819;
}

#order_k{ width:100%; }
#order_k ul{ width:90%; margin:0px auto;}
#order_k ul li{  padding:5px 0px;}

.subtj{ width:75px; height:38px; line-height:20px; display:block; background:#cc1819; color:#ffffff; border:none; font-size:12px; -moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:3px; margin:0px auto;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
.center{ text-align:center;}

#prodetail{ padding:10px; background:#FFF;}
#pimgd{background: none repeat scroll 0 0 rgb(253, 253, 253);
    border-color: rgb(200, 200, 200) rgb(200, 200, 200) rgb(200, 200, 200) rgb(200, 200, 200);
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 4px 2px rgb(226, 226, 226) inset !important;
    font-size: 14px;
    width: 80%; color:#1b63b5; padding:5%; margin:10px auto; text-align:center;}
#prodetail ul li.pro_name{ background:#e13839; line-height:30px; height:30px; padding-left:10px; color:#FFF;}
#pcontent{ padding:10px; line-height:23px;}
#pcontent img{ max-width:680px;}
#prodetail ul li.name{ border-bottom:1px solid #ececec; line-height:36px; height:36px; text-align:center; font-weight:14px; font-weight:bold;}

#product_box{ padding:10px; background:#FFF;}
ul#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;width:100%;}
ul#menu a {display: block;text-decoration: none; height:23px; line-height:23px; overflow:hidden; display:block; color:#cc1819}
ul#menu li {margin-top: 1px;}
ul#menu li .c_mulu1{height:31px;background: #e0e0e0; }
ul#menu li div a { color: #333;padding: 4px;width:70%;float:left;}
ul#menu li span{display:block;width:20%;height:31px;float:right;font-size:20px;font-weight:bold;text-align:center;line-height:31px;color:#fff;}
ul#menu li:hover .c_mulu1{ background: #cc1819; }
ul#menu li:hover div a{color:#FFF}
ul#menu li ul li a { background: #f2f2f2;color: #cc1819;padding-left: 20px;}
ul#menu li ul li a:hover { background: #f2f2f2;border-left: 5px #cc1819 solid;padding-left: 15px;color: #cc1819}




.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container {position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 46%; left: 0; opacity: 0.5; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height:60px; width: 30px; background: transparent url("MobileSkin/1/images/themes.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }




#pro_box{ margin:0px auto; padding-top:10px; padding-left:1%; padding-right:1%}
#pro_box li{ padding:1% 2%; float:left; width:29.2%; text-align:center;}
#pro_box li .proimg{ border:1px solid #ddd; background:#ffffff; padding:0;
display:block; width:100%; height:100px; position:relative;}
#pro_box li .pro_title{ width:100%; text-align:center; line-height:19px; height:40px; overflow:hidden; margin-top:5px; display:block;}
#pro_box li .proimg img {display:block;border:none; max-width:80%; max-height:80%; overflow:hidden; position:absolute; left:0px; right:0px; top:0; bottom:0px; margin:auto;}
#pro_box li .edge { width:0; height:100%; display:inline-block;vertical-align:middle;}




#head{width:100%;  background:#fff; clear:both; }
#head_l{float:left;width:80%; }
#head_l img{max-height:60px; }
#head_r{float:right; text-align:right; padding-top:8px; width:20%;}
#head_r img{vertical-align:middle; margin-top:10px; cursor:pointer; margin-right:10px; }

#search{ clear:both; padding:2%; width:96%;z-index:10;background:#e0e0e0;opacity:1;text-align:center; }
#search .ss_input{outline:none; border:0px none; width:99%; background:#fff; height:30px; line-height:30px;padding-left:1%;}
#search .ss_an{ float:right; position:relative; margin-top:-30px; height:30px; width:60px; background:#cc1819; border:none; cursor:pointer; color:#fff;}
#search .ss_an:hover{ background:#f30;}


.code img{ float:left; margin-top:2px;}

.order-input3 {
    background: none repeat scroll 0 0 rgb(253, 253, 253);
    border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
    font-size: 14px;
    height: 35px;
    line-height: 38px;
   
    width: 30%; color:#1b63b5; float:left; margin-right:5px;
}

#prodetail table{display: block;position: relative;width: 100% !important;padding:0 !important;border:0;border-spacing:0px; border-collapse:collapse;  }
#prodetail tbody{display: block;width: auto;position: relative;overflow-x: auto;white-space: nowrap;}
#prodetail td{border-color:#555;}

#foot{background:#fff;display:block;height:40px; padding:5px 0;position:fixed; bottom:0px; width:100%; max-width:680px;z-index:100;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.08);}
#foot ul{width:95%;margin:0 auto;}
#foot ul li{ float:left;text-align:center;color:#5f5f5f;width:15%;}
#foot ul li a{width:100%;display:block; text-align:center;color:#5f5f5f;}
#foot ul li span{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;}
#foot ul li em{display:inline-block;width:100%;font-style:normal;}
#foot ul li.c_foot1 span{background-image:url(../images/f_nav_a1.png);}
#foot ul li.c_foot2 span{background-image:url(../images/f_nav_b1.png);}
#foot ul li.c_foot3 span{background-image:url(../images/f_nav_c1.png);}
#foot ul li.c_foot4{width:25%;height:40px;line-height:40px;text-align:center;border-radius:4px;background:#f5d1d1;color:#cc1819;margin:0 2%;}
#foot ul li.c_foot5{width:25%;height:40px;line-height:40px;text-align:center;border-radius:4px;background:#cc1819;color:#ffffff;}
#foot ul li.c_foot4 a{color:#cc1819;}
#foot ul li.c_foot5 a{color:#fff;}


/*首页分类新样式*/
.proL{ clear:both; background:#FFF; padding:15px;}
.proL ul .yj{margin: 0 auto;}
.proL ul li{background: #f0f0f0;border-bottom: 1px solid #FFF;line-height: 34px;padding-left: 10px;}
.proL ul li .yja{width: 92%;font-size:13px;color:#4d4d4f;background:url(../images/cp_jt3.png) right no-repeat;display:block;height:35px;line-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 2%;}
.proL ul.yjk2{ margin:5px 0;}
.proL ul.yjk2 li{/* width:90%; */height:25px;line-height:25px;margin-bottom:2px;overflow:hidden;border: none;background: none;}
.proL ul.yjk2 li a{ font-size:12px; color:#a6a6a6; display:block; padding-left:14px;position:relative;}
.proL ul.yjk2 li a:after{content:'';display:block;width:5px;height:1px;background:#dedede;position:absolute;top:50%;left:0;}
.proL ul li .dj{ position:absolute; z-index:999; width:40%; height:35px; display:block; margin-left:50%; margin-top:-35px; overflow:hidden; line-height:100px;outline:none;cursor:pointer !important;}