@charset "UTF-8";
/**
FileName:        style.css
Version:         1.0.0(2017.08.28)
Website:         wap;
Author:          liuleimsn@sina.com
Page Width:      640px;
**/

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
	font-size: 30px;
}

html{ height: 100%;}
*{margin:0; padding:0; list-style-type:none;border:0;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:30px;} h2,h3,h4{font-size:24px; font-weight:normal;} h5,h6{font-size:22px; font-weight:normal;}
abbr,acronym{border:0;font-variant:normal} 
address,caption,cite,code,dfn,th,var,optgroup,i,b,em,small,ins,tt,big{font-size:22px; font-style:normal; text-decoration:none; font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a{text-decoration:none; color:#333; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{display:block;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0; font-size:0; width:100%;}
body{ height: 100%; overflow-x:hidden; font:22px/1.8 "Hiragino Sans GB","微软雅黑","Lucida Grande","Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif"; color:#333; background:#fff; position:relative; -webkit-text-size-adjust:none; width:640px; margin:0 auto; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-tap-highlight-color:rgba(0,0,0,0); }

.none{ display:none;}

.g-head{ background: #333333; height: 75px; position: relative;}
.g-head .logo{ float: left; padding: 10px; height: 100%; box-sizing: border-box; }
.g-head .logo img{ height: 100%; width: auto; display: block;}
.g-head .menu-btn { position: absolute; right: 0; top:0; padding: 10px 20px 0 0; color: #fff;}
.g-head .back-btn { position: absolute; left: 0; top:0;  padding: 12px 0 0 20px; color: #fff;}
.g-head h1{ display: block; text-align: center; color: #fff; font-size: 28px; line-height: 72px;}

.banner{ height: 270px; }
.banner .swiper-slide{ width: 640px; height: 270px; display: block; overflow: hidden; background-position: center center; background-size: auto 100%; }
.banner .pagination { position: absolute; z-index: 20; bottom: 0; width: 100%; text-align: center; }
.banner .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.banner .swiper-active-switch { background: #333333; }

.g-title { line-height: 60px; height: 60px; margin: 20px 20px 0; overflow: hidden; background: url(../bg/title-bg.gif) repeat-x left center; }
.g-title h2{font-size: 28px; color: #333333; background: #fff; display: inline-block; padding:0 10px; font-weight: bold;}

.g-product { padding: 0 10px; overflow: hidden; }
.g-product-item { display: block; overflow: hidden; float: left; padding: 10px; box-sizing: border-box; width: 50%; }
.g-product-item .pic img { width: 100%; height: 216px; overflow: hidden; display: block;}
.g-product-item .info{ height: 50px; }
.g-product-item h2 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; white-space: nowrap; padding-top: 10px; }
.g-product-item span { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; white-space: nowrap; }

.g-more { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #888; background: #f7f7f7; clear: both; margin: 10px 20px; }

.g-case { padding: 0 10px; overflow: hidden; }
.g-case-item { padding: 10px; overflow: hidden; float: left; box-sizing: border-box; width: 50%; }
.g-case-item .pic { width: 100%; height: 181px; display: block; }
.g-case-item .pic img {width: 100%; height: 100%; overflow: hidden; display: block;}
.g-case-item .info { height: 70px; }
.g-case-item h2 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; white-space: nowrap; padding-top: 10px; }
.g-case-item span { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 40px; }

.g-news { padding: 0 10px; overflow: hidden; }
.g-news-item { padding: 10px; overflow: hidden; float: left; box-sizing: border-box; width: 100%; }
.g-news-item .pic { width: 120px; height: 80px; display: block; float: left; }
.g-news-item .pic img {width: 100%; height: 100%; overflow: hidden; display: block;}
.g-news-item .info { padding-left: 140px;  }
.g-news-item h2 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; line-height: 30px; white-space: nowrap; }
.g-news-item span { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-height: 22px; height:22px; white-space: nowrap; color: #999;}

.g-about{padding: 10px 20px; overflow: hidden;}
.g-about .pic{ width: 100%; overflow: hidden;}
.g-about .pic img,
.g-about .info img{width: 100%; height: auto; display: block;}
.g-about .info{ width: 100%; overflow: hidden; font-size: 16px; line-height: 1.4em; padding: 10px 0 0;}

.g-foot { padding: 10px 20px; line-height: 20px; overflow: hidden; text-align: center; color: #999; background: #333; font-size: 14px; }

.g-menu { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; display: none; overflow: hidden; background: rgba(0, 0, 0, 0.7); }
.g-menu .g-menu-list { width: 640px; margin: 0 auto; box-sizing: border-box; padding: 100px 100px 0 100px; position: relative; }
.g-menu .colse_btn { position: absolute; right: 20px; top: 10px; color: #fff; }
.g-menu a { display: block; text-align: center; color: #eee; padding: 15px; border-bottom: 1px solid #666; font-size: 30px;}

.g-detail-menu { overflow: hidden; height: 60px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.g-detail-menu .detail-menu { display: block; width: 640px; overflow: hidden; height: 60px; line-height: 60px; float: left; }
.g-detail-menu .detail-menu .swiper-slide { display: block; float: left; line-height: 60px; height: 60px; padding: 0 15px; font-size: 22px; }
.g-detail-menu .show-more-btn { width: 60px; height: 60px; display: block; float: right; text-align: center; line-height: 50px; box-shadow: -5px 0 5px #ccc; }
.g-detail-menu .detail-menu .hover{ color: #e10000;}

.g-detail-title { padding: 20px 20px 0; overflow: hidden; text-align: center;}
.g-detail-title h2 { display: block; font-size: 24px; line-height: 30px; padding-bottom: 10px; }
.g-detail-title p { display: block; color: #999; font-size: 14px; line-height: 20px;}
.g-detail-title p em{ font-size: 14px; padding-right: 20px; }

.g-edit{ margin:0 5px; padding:10px 20px 10px; display:block; min-height:500px; overflow:hidden; font-size:16px;}
.g-edit p{ font-size:16px; /*text-indent:2em;*/}
.g-edit b,.edit strong{ font-weight:bold; font-size:20px;}
.g-edit em,.edit i{ font-weight:bold; font-size:16px;}
.g-edit img{ display:inline-block; text-align:center; max-width:100%; height:auto;}

.shari{ margin:0 5px; clear:both; height:50px; display:block; background:#fff;}
.bdsharebuttonbox{ padding-left:190px;}

.loading { margin: 0 0 10px; clear: both; height: 40px; line-height: 40px; }
.loading span { width: 130px; margin: 0 auto; display: block; }
.loading span:before{ content: ""; display: inline-block; width: 30px; height: 30px; background: url(../bg/box-loading.gif) no-repeat center center; background-size: 100% 100%; vertical-align: -5px; margin-right:10px;}

.nodata{ margin: 0 0 10px; clear: both; height: 40px; line-height: 40px;}
.nodata span { width: 175px; margin: 0 auto; display: block; }
.nodata span i{ vertical-align: -3px; padding-right: 5px;}

.page{ margin:0 5px; height:50px; padding-bottom:10px; clear:both; background:#fff; position:relative;}
.page a.back{  position:absolute; left:20px;}
.page a.prev{ position:absolute; right:170px;}
.page a.next{  position:absolute; right:20px; }
.page a:hover{ background:#e60012;}
.page a{font-size:24px; color:#fff; background:#ccc; padding:0 20px; line-height:45px; height:45px; display:block; overflow:hidden; border-radius:3px;}