html, body { color: #222; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; margin: 0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; }
ol, ul { list-style: none outside none; margin: 0; padding: 0; }
a { color: #000000; text-decoration: none; }
.clr { display: block; clear: both; height: 0; overflow: hidden; }
.copyright { padding: 0; text-align: center; font-size: 14px; color: #666; position: fixed; bottom: 0; width: 100%; z-index: 3; }
.copyright a { color: #666; }


body { background: #ddd;overflow-x: hidden;max-width: 640px;min-width: 320px; }
.wrap { max-width: 640px; min-width: 320px; margin: 0 auto; position: relative; background: #fff; }

.header { background: #fff url(../images/header_bg.jpg) no-repeat; max-width: 640px; height: 67px; position: relative; }
.header .navli { float: right; width: 69px; }
.header .submenu { position: absolute; display: none; background: #fff; border: 0px solid #555; background: #000; filter: Alpha(opacity=85); opacity: 0.85; right: 0px; top: 67px; z-index: 99999999999; }
.header .submenu dd { text-align: center; width: 134px; }
/*ackground:#000; filter:Alpha(opacity=65);opacity:0.65;*/
.header .submenu dd a { font-size: 16px; width: 100%; height: 40px; line-height: 40px; padding: 0px; background-image: none; color: #fff; }
.header .submenu dd a:hover, .submenu dd a.current { color: #ff0; background-image: none; }

/*banner*/
.slideBox { width: 100%; overflow: hidden; position: relative; text-align: center; margin: 0 auto; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 40%; bottom: 10px; z-index: 10;  }
.slideBox .hd ul { overflow: hidden; zoom: 1;  margin: 0 auto; }
.slideBox .hd ul li {border-radius:10px; float: left; font-size: 0px; margin-right: 10px; width: 16px; background: #fff; height: 16px; line-height: 16px; text-align: center; cursor: pointer; }
.slideBox .hd ul li.on { background: #ff0000; color: #fff; }
.slideBox .bd { position: relative; width: 100%; margin: 0 auto; height: 100%; z-index: 1; }
.slideBox .bd li { display: block; }
.slideBox .bd li a { display: block; background-position: center center; }
.banner { width: 100%; background: #fff; height: auto; position: relative; }


#overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 0;filter: alpha(opacity=0);display: none;z-index: 4;}


.bmenubtn { background: #111 url(../images/bottom_bg.jpg) repeat-x; min-width: 320px; max-width: 640px; height: 100px; }
.bmenubtn li { float: left; width: 33%; text-align: center; }


.mainmenu { position: absolute; width: 100%; top: 0px; z-index: 99999; }
.mainmenu ul { margin: 0 auto; max-width: 640px; min-width: 320px; }
.mainmenu li { float: left; width: 16.66%; text-align: center; padding-top: 5px; }

.flo_btn { position: fixed; width: 30px; right: 10px; bottom: 12px; z-index: 999; }
.flo_btn li { margin-bottom: 15px; }
.flo_btn li a { display: block; background-color: #E84507; width: 30px; height: 30px; border-radius: 50px; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); }
.flo_btn li span { display: block; height: 100%; overflow: hidden; text-align: center; vertical-align: middle; width: 100%; }

.link_tel { display: block !important; line-height: 40px !important; margin: 10px 10px 0 10px; margin-top: 10px !important; color: #fff !important; text-align: center; border-radius: 5px; word-spacing: nowrap; overflow: hidden; font-size: 18px; position: relative; }
.link_tel:before { margin-left: 0; position: absolute; left: 10px; top: 2px; font-size: 25px; }

.wap-list-ul{display: -webkit-box;}
.wap-list-ul li{-webkit-box-flex: 1; -moz-box-flex: 1; width:45%; padding: 1%;max-height:180px;wi }
.wap-list-ul li img{ max-height: 180px;width:180px; }
.wap-content { padding: 10px 3px 3px 3px; position: relative; }
.wap-list{overflow: hidden;}
.wap-list-item{height: auto; display: inline-block;  background: inherit; border: none; width: 100%; -webkit-box-sizing: border-box; max-height: 150px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);}
.wap-list-item-bg{min-height: 100%; border: 1px solid #C0C0C0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #FFFFFF; overflow: hidden;}
.wap-list-item-bg img{border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0;}
.wap-list-item-bg>div:first-child{height: 100px; overflow: hidden;}
.wap-list-item-box{position: relative; margin: auto; display: table;}
.wap-list-item-line{line-height: 30px; padding: 0; text-align: center;}
.wap-list-item-title{color: #000000; font-size: 16px; white-space: nowrap;}


.wapindex { text-align: center; line-height: 25px; font-size: 16px }
.wapindex .ititle { padding:20px 0; }
.wapindex img{width:100%}
.wapindex h2, .wapindex h3 { font-weight:normal;}
.wapindex h3 { padding: 10px 0 20px 0; font-size: 16px }

.products { min-width: 320px; max-width: 640px; }
.products ul li { width: 45%; float: left; text-align: center; margin-left: 10px; }
.products ul li .pic { width: 165px; border: 1px solid #ccc; height: 165px; margin: 0 auto; }
.products ul li .info { margin: 0 auto; width: 180px;overflow:hidden;text-align:center;font-size:14px; }
.products ul li a {  text-align: center; color: #555; height: 40px; line-height: 40px; }

.isearch { width: 200px; top: 15px; left: 110px; position: absolute; background: url(../images/search_bg.jpg) no-repeat 0px 0px; font-size: 14px; line-height: 38px; color: #ffc5c6; }
.isearch .navtext { border: 0px solid #ccc; height: 37px; line-height: 37px; width: 160px; padding-left: 0px; color: #333; background: none; border-radius: 0px; }
.isearch .navsb { background: none; width: 40px; height: 35px; top: 0px; border: 0px solid #ccc; color: #fff; margin-right: 0px;float:left }