@charset "utf-8";
@font-face {font-family:Helvetica;src:url(Helvetica.ttf);}
/*commmon*/
*{-webkit-text-size-adjust:none;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
html, body{width:100%; height:100%; font-size:12px; line-height:1.2em;}
body{font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#000;}
li{list-style:none;}
img, fieldset{border:none;}
img{vertical-align:middle;}
input, select, textarea{font-size:100%; color:#767676; background:#fff;}
hr{display:none;}
em, address{font-style:normal;}
table{border-spacing:0;}
a:link, a:visited, a:hover, a:active{text-decoration:none;color:#FFF;}
a{blr:expression(this.onFocus=this.blur());outline:none; color:#FFF;}
button{overflow:visible; cursor:pointer;}


.body{max-width: 640px;margin: auto;min-height: 100%;position: relative; min-width:320px;}
/**header*/
.header img{width:100%;}
.header a { display:block; width:100%; height:100%;}

/*banner*/
.box_swipe {overflow: hidden; position: relative;}
.box_swipe ul {overflow: hidden; position: relative;}
.box_swipe ul > li {
  float:left;
  width:100%;
  position: relative;
}
.box_swipe>ol{
	position: relative;
	z-index:10;
	margin-top: -8px;
}
.box_swipe>ol>li{
	display:inline-block;
	width: 24.6%;
	height: 3px;
	background-color: #fdad0b;
}
.box_swipe>ol>li.on{
	background-color: #FFF;
}


/*container*/
.container1{ width:100%; display:block; min-width:320px; max-width:640px;}

/*nav*/
.nav{ width:100%; overflow:hidden;zoom:1; background:url(../images/navbg.jpg) repeat;}


.plistnav{display:block; background:url(../images/navhotpro.jpg) #fff no-repeat right center; height: 50px;margin:5px 10px;background-size: 30px;border-bottom: 1px solid #ccc;border-radius: 5px;}
.ltextnav{ color:#323232; line-height: 50px; padding-left:15px; font-size:20px;font-family:Helvetica; text-transform:uppercase;}
.plinav{ float:left;display:inline-block; width: 50px; height: 50px;}
#navpro{background:url(../images/navpro.jpg) no-repeat center; background-size: 50px;}
#navab{background:url(../images/navab.jpg) no-repeat center; background-size: 50px;}
#navte{background:url(../images/navte.jpg) no-repeat center; background-size: 50px;}
#navfe{background:url(../images/navfe.jpg) no-repeat center; background-size: 50px;}
#navco{background:url(../images/navco.jpg) no-repeat center; background-size: 50px;}
#navca{background:url(../images/navca.jpg) no-repeat center; background-size: 50px;}
#navne{background:url(../images/navne.jpg) no-repeat center; background-size: 50px;}
/*搜索*/
#search_box {overflow:hidden;  height: 50px;margin-bottom:20px; margin-top: 20px;text-align: center;border: 1px solid #ccc;border-radius: 6px;margin: 30px 50px;background: #fff;}
#search_box form { clear: both; width: 100%; height: 50px; padding: 0; margin: 0 ;} 
#searchfield { display: block; float: left; height: 40px; padding: 5px 0; color: #333; line-height: 40px;background: none; border: none; width: 100%; margin-right: -50px;} 
#searchbutton { height: 50px; margin: 0;cursor: pointer; background: none; border: none; width: 36px; float: right;}


/* inquiry begin*/
.inquiry{zoom:1; overflow:hidden;}
.inquirymain{ margin-top:10px; margin-left: 10px; margin-right: 10px;}
.shuru{ width:230px; border:1px solid #ccc; height:30px; line-height:30px; margin-bottom:10px; color:#333;border-radius:6px;width: 97%;}
.inquirymain textarea{border-radius:6px;width: 97%;font-family: Arial, Helvetica, sans-serif;}
.ntitle{line-height:35px; width:100%; background:#f85b61; padding-left: 20px; color:#FFF; margin:15px 0px 0px 0px;clear: both;}
.iqbtn input{height: 35px; background:#d1131e; color:#ffffff; cursor:pointer;line-height:30px;border:0px;font-size:14px; border-radius: 4px;
float: left;
margin: 4px 0px;
width: 50%;
padding-left: 4px;margin-left: 25%;}
/*footer*/
.footer{width:100%; margin-top:20px;}
.footer img{ width:100%;}

/*子页头部*/
#ui-header{width: 100%;height: 50px;line-height:50px;z-index: 3;left: 0;top: 0;right:0;}
#ui-header .fixed {display: block;margin: 0 auto;min-width: 320px;height: 50px;top: 0;background: #155AAF;background-image: -webkit-linear-gradient(bottom, #175CB3 0, #1762BE 100%);}
.ui-btn-left_pre {position: absolute;top: 0px;left: 0px;background: url(../images/fh.png) no-repeat center center;display: block;width: 20px;height: 40px;margin-left: 10px;background-size: 20px;}
.ui-btn-right_home {position: absolute;top: 0px;right: 0px;background: url(../images/sy.png) no-repeat center center;display: block;width: 50px;height: 44px;text-indent: -9999px;margin: 0;padding: 0;background-size: 24px auto;}
#todayList {display: block; margin: 0 auto;}
#popmenu{cursor:pointer; display:block; position:relative;  text-align: center; width: 270px; margin:0 auto;color: #fff; font-weight:bold;}
#popmenu:after {content: "";width: 0;height: 0;position: absolute;right: 50px;top: 50%;margin-top: -2px;border-width: 5px 5px 0 5px;border-style: solid;border-color: #fff transparent;}
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;filter:alpha(opacity=0);display:none;z-index: 4;}
#win{position:absolute;top:50px;left:50%;width: 200px;margin:0 0 0 -100px;display:none;z-index: 5;}
.dropdown {position: relative;display:block;margin: 0 auto;padding: 5px;background-color: rgba(47, 47, 47, 1);border-radius: 7px;border: 1px solid rgba(0,0,0,0.15);box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);cursor: pointer;outline: none;list-style: none outside none;zoom: 1;
overflow: hidden;}
.dropdown:after {content: "";width: 0;height: 0;position: absolute;bottom: 100%;right: 90px;border-width: 0 6px 6px 6px;
border-style: solid;border-color: rgba(47, 47, 47, 0.9) transparent;    }
.dropdown:before {content: "";width: 0;height: 0;position: absolute;bottom: 100%;right: 88px;border-width: 0 8px 8px 8px;border-style: solid;border-color: rgba(0,0,0,0.1) transparent;    }
.dropdown li {background-color: rgba(58, 58, 58, 1);display: block;float: left;height: 37px;width: 50%;}
.dropdown li span{border-color: #494949 #181818 #181818 #494949;border-left: 1px solid #494949;border-style: solid;border-width: 1px;color: #FFFFFF;line-height: 37px;display: block;font-size: 15px;height: 37px;text-align: center;text-shadow: 0 2px 2px #000000;width: 100%;}
.dropdown li:hover {background-color: rgba(0, 0, 0, 0.9);}
/*procover*/
/*procover*/
.plist2{display:block; background:url(../images/t6.png) #E2E4E3 no-repeat right center; height:30px; margin-bottom:6px; color:#000;}
.plist3{display:block; background:url(../images/t6.png) #fff no-repeat right center; height:30px; margin-bottom:6px; color:#000;border-bottom: 1px solid #ccc;}
.pli2{float:left;display:inline-block;width:32px; height:30px;}
.plist4{display:block; background: url(../images/navhotpro.jpg) #fff no-repeat right center; height:40px;background-size: 25px;}
.ltext{ color:#000; line-height:30px; padding-left:13px;}
.ltext4{ color:#000; line-height:40px; padding-left:13px;font-size: 150%;}
.pli2{ background:url(../images/hot.png) no-repeat center;}
.pli4{ background:url(../images/hotpro.png) no-repeat center;float:left;display:inline-block;width:50px; height:40px;}
.ntitlebra{ line-height: 30px; background: #3986E7; text-indent: 1em; color: #fff; text-transform: uppercase;font-size: 150%;margin-bottom: 15px;}
/*子页底部*/
/*bot nav*/
.bot_nav{background: #1555a4;height:60px; z-index: 500; width: 100%; position:fixed; bottom:0;max-width: 640px;
margin: 0 auto;background-image: -webkit-linear-gradient(bottom, #1555a4 0, #175fb7 100%);}
.bot_nav .event_content{height:60px;width:100%; margin:0 auto; position:relative;text-align: center;}
.bot_nav .event_content a{ color:#fff; margin:8px 0 0 0; float:left;width: 25%;}
.bot_nav .event_content a:hover{ color:#FF0;}
.bot_nav .event_content img{ margin-bottom:3px; width:20%;}
.bot_nav .event_content .mes_img{ margin:0 18px 3px 18px;}
.bot_nav .event_content p{ line-height:24px; height:24px; text-align:center;}


/*产品列表*/
#todayList {display: block; margin: 0 auto;}
/*listhome3*/
.container{background: #E2E3E6; background-size:150px auto;margin: 0 auto; max-width: 640px;min-width: 320px;overflow-x: hidden;}
.container .chatPanel .media {border:0px solid #D1D1D1;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-webkit-border-radius:5px 5px 10px 10px;-moz-border-radius:5px 5px 10px 10px;border-radius:5px 5px 10px 10px;background: url(../images/themes/bottom.png) repeat-x scroll left bottom #FFFFFF;background-size:2px auto;margin: 15px 9px 10px 10px;}
.container .chatPanel .media .mediaPanel {padding:0px;margin:0px;}
.container .chatPanel .media .mediaHead {padding:15px 15px 4px;border-bottom:0px solid #D3D8DC;color:#000000;font-size:20px;}
.container .chatPanel .media .mediaHead .title {line-height:1.2em;font-size:18px;display:block;text-align: left;}
.container .chatPanel .media .mediaHead .time {margin:0px;margin-top: 5px;color:#8C8C8C;background:none;width:auto;font-size:12px;display:block;}
.container .chatPanel .media .mediaImg {min-width: 260px;padding:0;margin:0 15px;overflow:hidden;position: relative;}
.container .chatPanel .media .mediaImg img {width: 100%;}
.container .chatPanel .mediaFullText .mediaContent {padding:0 0 10px;font-size:14px;text-align:left;color:#222222;}
.container .chatPanel .mediaFullText .mediaContentP {margin:10px 15px 0px;border-bottom:1px solid #D3D8DC;word-break:normal;word-wrap:word-break;line-height: 22px;height: 35px;overflow: hidden;font-family:Arial, Helvetica, sans-serif;}
.container .chatPanel .mediaFullText .mediaContent p{max-height:40px; overflow:hidden; font-size:14px; line-height: 1.5em;}
.container .mediaFooter {-webkit-border-radius:0px 0px 12px 12px;-moz-border-radius:0px 0px 12px 12px;border-radius:0px 0px 12px 12px;padding: 0 15px; color:#e11105;font-weight: bold;}
.container .mesgIcon {display:inline-block;height:19px;width:13px;margin:8px 0px -2px 4px;background:url(../images/more.png) no-repeat;background-size: 10px auto;float: right;}
.container .mesgIcon {margin:18px 3px 0 0;}

/**faq.html**/
.f_questions{margin:30px 8px 30px;}
.questions{margin:10px 0px 15px 0px; }
.q_title{color:#333; padding:10px 15px 10px 30px; font-weight:bold; background:url(../images/faq1.png) no-repeat 4px 10px; text-shadow:none;}
.q_text{padding:10px 15px 10px 30px; line-height:30px; min-height:46px; background:url(../images/faq2.png) no-repeat 2px 17px; border-bottom:1px dashed #bbb;}
.faqinquiry{font-size:14px; font-weight:bold; color:#132a56; text-decoration:underline;}
.q_title2{color:#333; padding:10px 15px 10px 30px; font-weight:bold; background:url(../images/faq11.png) no-repeat 4px 10px; text-shadow:none;}
.q_title2 a{color:#333; font-weight: normal;font-size: 100%;}

/*prodetail*/
.data li{overflow:hidden; zoom:1; padding:10px 0px; border-bottom:1px dashed #ccc; color:#222;}
.data .data_l{display:block; width:32%; margin-left:2%; float:left; font-weight:bold; text-shadow:none; color:#666;}
.data .data_r{float:left; width:65%;}
#detail .info{padding:0 10px 10px 10px;margin-top:10px;}
#detail .info li{height:24px; line-height:24px; overflow:hidden;}
#detail .info li.cart{height:38px; padding:5px 0; text-align:center;}
#detail .info li.cart input{width:45%; height:36px; margin:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#FEAC00; font-size:16px; border:1px solid #F57F01; background-image:linear-gradient(bottom, #FE7002 0, #FEAC00 100%); background-image:-moz-linear-gradient(bottom, #FE7002 0, #FEAC00 100%); background-image:-webkit-linear-gradient(bottom, #FE7002 0, #FEAC00 100%); box-shadow:0 1px 0 #FEBE3A inset, 0 1px 2px rgba(0,0,0,0.5); border-radius:5px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.2);}
#detail .info li.cart input.buy{background-color:#F00019; border:1px solid #c10001; background-image:linear-gradient(bottom, #E20018 0, #DC3749 100%); background-image:-moz-linear-gradient(bottom, #E20018 0, #DC3749 100%);background-image:-webkit-linear-gradient(bottom, #E20018 0, #DC3749 100%); box-shadow:0 1px 0 #D95260 inset, 0 1px 2px rgba(0,0,0,0.5);}
#detail h1{clear: both;margin-bottom: 10px;margin-top: 10px;border: none;background: #ccc;padding: 10px;line-height: 22px;}

#accordion{ padding-bottom:20px;}
#accordion h2{z-index:30; padding:0; background:#fff url(../images/bg_accordion_hwrap.gif) repeat-x left bottom; font-size:1em;}
#accordion h2:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
#accordion h2 a{display:block; overflow:hidden; padding:12px 40px 11px 10px; border-top:1px solid #e5e5e5; background:url(../images/bul_accordion.png) no-repeat right 50%; white-space:nowrap; text-overflow:ellipsis;font-size:14px;color:#333;}
#accordion h2 a span{ background:url(../images/bul_pagebard.png) no-repeat 0 5px; padding-left:18px;}
#accordion h2.current a{background:url(../images/bul_accordion_current.png) no-repeat right 50%; color:#ce000c;}
#accordion h2 img{width:28px; height:28px; margin:-7px 10px -5px 0; vertical-align:middle;}
#accordion h2 span{padding:0 10px;}
#accordion h2 span img{width:17px; height:17px; margin-top:-8px;}
#accordion .category{margin-top:-1px;text-align: right;/* margin-right: 10%; */}
.prodetail #accordion .category{margin-top:-1px;text-align: left;}
.textbg{ line-height: 22px;}
#accordion .category li{margin:0; border-top:1px solid #f2f2f2;}
#accordion .category li a{display:block; padding:12px 15px 12px 54px;color:#333;}
#accordion .category p{line-height:22px; margin-bottom:10px; padding:10px 8px 0 16px; border-top:1px dotted #e4e4e4;}
.textbg{line-height: 22px;padding: 10px;}
.pro_table{border:none;border-top:1px solid #CCC; border-left:1px solid #CCC; text-align:center; background:#E8E8E8; text-shadow:none;}
.pro_table tr{border:0px;}
.pro_table td,.pro_table th{border: none; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;padding: 8px 1px;
font-size: 12px;}
#accordion .category .pro_table td p{padding:0;margin: 0;}


#listpage{height: 30px;line-height: 30px;}
#listpage a{color:#333; padding-left:15px;padding-right:15px;border:1px solid #cccccc;height: 28px;display: inline-block;background: #fff;}
.aboutlist{ line-height:22px; padding:10px;}
.aboutlist a{color:#333;}




.clickinfo{text-align: right;}
#fenye{height: 30px;line-height: 30px;}
#fenye a{color:#333; padding-left:15px;padding-right:15px;border:1px solid #cccccc;height: 28px;display: inline-block;background: #fff;}
.aboutlist img{width:100%;height:auto;}
.aboutlist{ line-height:22px; padding:5px;}