@charset "utf-8";
/*Unicode字体编码(微软雅黑)*/
/*app标题栏高度*/
/*app内容区域 左右填充值*/
/*整站列表 标题字体大小*/
/*整站列表 描述内容字体大小*/
/*整站详细 标题字体大小*/
/*整站列表 描述内容字体大小*/
/*整站详细 文字内容字体大小*/
/*样式图片文件夹路径*/
/*样式图标文件夹路径*/
/*清除浮动*/
.clearfix {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
/*样式控制字符长度，需指定宽度*/
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
/*各浏览器css3 transition 兼容*/
/*
 * @[description] 清除浏览器的默认样式 
 * @[date] 2017-05-17
 * */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
/** 设置默认字体 **/
body,
button,
input,
select,
textarea {
  font-size: 62.5%;
  /*未调整：1em=16px  0.75em=12px 0.625em=10px  调整后：1.2emX62.5%=0.75em -> 12px;*/
  font-family: 5FAE\8F6F\96C5\9ED1,Microsoft YaHei;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
/* 将斜体扶正 */
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
}
/* 统一等宽字体 */
small {
  font-size: 1.6em;
}
/* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/
ul,
ol {
  list-style: none;
}
/** 重置文本格式元素 **/
a {
  text-decoration: none;
  color: #333;
}
sup {
  vertical-align: text-top;
}
/* 重置, 减少对行高的影响 */
sub {
  vertical-align: text-bottom;
}
/** 重置表单元素 **/
legend {
  color: #000;
}
/* for ie6 */
fieldset,
img {
  border: 0;
}
/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
  font-size: 100%;
}
/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  display: block;
  margin: 0;
  padding: 0;
}
mark {
  background: #ff0;
}
* {
  word-wrap: break-word;
  outline: none;
  /*去除所有元素点击时周围有浏览器默认线框，是webapp更像原生app*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
/*设置文档高度百分百，解决使用position:fixed高度不是百分百*/
html,
body {
  height: 100%;
}
input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
/*去掉webkit内核浏览器表单记住密码后的黄色*/
input:-webkit-autofill {
  background-color: #fff;
  background-image: none;
  color: #333;
}
.tnav {
  width: 100%;
  background: url("../images/nav-bg.jpg") repeat-x left top;
}
.tnav ul:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.tnav ul li {
  position: relative;
  float: left;
  width: 25%;
}
.tnav ul li.aboutus {
  background: url("../images/icon/arrow_down_solid.png") no-repeat 92% center;
  background-size: 9px auto;
}
.tnav ul li:active {
  background: url("../images/nav-li-hover.jpg") repeat-x left top;
  background-color: #1166c3;
}
.tnav ul li a {
  text-align: center;
  font-size: 1.6em;
  color: #fff;
  line-height: 50px;
  display: block;
}
.tnav ul li a.current {
  background: url("../images/nav-li-current.jpg") repeat center center;
  background-color: #007be3;
}
.tnav ul li span {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  background: #1166c3;
  z-index: 2;
  display: none;
}
.tnav ul li span a:first-child {
  border-bottom: 1px solid #007be3;
}
.main {
  padding: 0 4%;
}
/*
----------------------------------------------	
*	顶部
----------------------------------------------	
*/
.head {
  position: relative;
  display: block;
  background-color: #121212;
  height: 60px;
  line-height: 60px;
  color: #666;
  text-align: left;
  text-indent: 43px;
  z-index: 10;
  padding: 0 4%;
}
.head.index {
  text-indent: 0 !important;
}
.head .logo {
  position: absolute;
  left: 4%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
}
.head .logo img {
  height: 40px;
  display: block;
}
.head .home {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  display: block;
  background: url("../images/icon/home.png") no-repeat center center;
  background-size: auto 60px;
}
.head .home:active {
  background-color: #539c0a;
}
.head .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  display: block;
  background: url("../images/icon/arrow_left.png") no-repeat center center;
  background-size: 30px;
}
.head .back:active {
  background-color: #f5f5f5;
}
.head .menuIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  display: block;
  background: url("../images/icon/menu.png") no-repeat center center;
  background-size: 22px;
}
.head .menuIcon:active {
  background-color: #a0a0a0;
}
.head .menuIcon.on {
  background: url("../images/icon/close.png") no-repeat center center;
  background-size: 26px;
  opacity: .4;
}
.head .menuIcon.on:active {
  background-color: #f5f5f5;
}
.head .lang {
  position: absolute;
  right: 1.6em;
  top: 0;
}
.head .lang a {
  color: #999;
  font-size: 1.4em;
  display: inline-block;
}
/*
----------------------------------------------	
*	顶部下拉菜单
----------------------------------------------	
*/
.cover {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 6;
  display: none;
}
.menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  box-sizing: border-box;
  overflow: auto;
  z-index: 8;
  display: none;
}
.menu .topnav {
  background-color: #034994;
  display: block;
  font-size: 1.6em;
  color: #e5e5e5;
  line-height: 3em;
  padding: 0 4%;
}
.menu .topnav .box {
  border-bottom: 1px solid #2c5e94;
  background: url("../images/icon/arrow_right.png") no-repeat right center;
  background-size: 20px auto;
}
.menu .topnav:last-child .box {
  border-bottom: none;
}
.menu .subnav {
  background-color: #e5e5e5;
}
.menu .subnav a {
  display: block;
  font-size: 1.6em;
  color: #999;
  line-height: 3em;
  border-bottom: 1px solid #ebebeb;
  padding: 0 4%;
}
.menu .subnav a:last-child a {
  border-bottom: none;
}
/*
----------------------------------------------	
*	新闻列表
----------------------------------------------	
*/
article.news {
  display: block;
  box-sizing: border-box;
  color: #666;
  background-color: #fff;
  margin: 0 0 14px 0;
}
article.news ._com_set {
  /*共同设置*/
  padding: 0 4%;
}
article.news .column_name {
  /*共同设置*/
  padding: 0 4%;
  padding: 2em 4% !important;
}
article.news .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
article.news .column_name strong {
  font-size: 1.8em;
  color: #0053af;
  text-align: center;
  display: block;
}
article.news .column_name span {
  font-size: 1.4em;
  color: #999;
  padding: 3px 0 0 0;
  text-align: center;
  display: block;
}
article.news .column_contents {
  box-sizing: border-box;
}
article.news .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
article.news .column_contents a {
  position: relative;
  border-bottom: 1px solid #f5f5f5;
  padding: 0 4%;
  display: block;
  box-sizing: border-box;
}
article.news .column_contents a span {
  width: 90%;
  font-size: 1.6em;
  line-height: 3em;
  display: block;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
article.news .column_contents a:after {
  content: "";
  display: block;
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 30px;
  height: 3.2em;
  background: url("../images/icon/arrow_right.png") no-repeat right center;
  background-size: 24px auto;
  opacity: .3;
}
article.news .column_contents a:last-child {
  border-bottom: none;
  color: #666;
}
/*
----------------------------------------------	
*	相册 样式一
----------------------------------------------	
*/
section.products_merge {
  display: block;
  box-sizing: border-box;
  color: #666;
  background-color: #fff;
}
section.products_merge .column_name {
  background-color: #f5f5f5;
  padding: 0 4%;
}
section.products_merge .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.products_merge .column_name strong {
  font-size: 1.6em;
  line-height: 3em;
  color: #209d38;
  display: block;
  float: left;
}
section.products_merge .column_name a.more {
  color: #999;
  float: right;
  font-size: 1.6em;
  line-height: 3em;
  font-weight: normal;
}
section.products_merge .column_contents {
  padding: 14px 4px 6px 4px;
  box-sizing: border-box;
}
section.products_merge .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.products_merge .column_contents a {
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  display: block;
  padding: 0 4px;
}
section.products_merge .column_contents a .box img {
  width: 100%;
  display: block;
}
section.products_merge .column_contents a .box .title {
  font-size: 1.4em;
  display: block;
  text-align: center;
  line-height: 2em;
  color: #999;
}
/*
----------------------------------------------	
*	产品 样式二
----------------------------------------------	
*/
section.products_cell {
  display: block;
  box-sizing: border-box;
  color: #666;
}
section.products_cell ._com_set {
  /*共同设置*/
  padding: 0 20px;
}
section.products_cell .column_name {
  /*共同设置*/
  padding: 0 20px;
  background-color: #f5f5f5;
}
section.products_cell .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.products_cell .column_name strong {
  font-size: 1.6em;
  line-height: 3em;
  color: #006cc1;
  display: block;
  float: left;
}
section.products_cell .column_name a.more {
  color: #999;
  float: right;
  font-size: 1.6em;
  line-height: 3em;
  font-weight: normal;
}
section.products_cell .column_contents {
  width: 100%;
  box-sizing: border-box;
}
section.products_cell .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.products_cell .column_contents a {
  float: left;
  width: 50%;
  box-sizing: border-box;
  display: block;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding: 20px 0;
}
section.products_cell .column_contents a:active {
  background-color: #eaf2ff;
}
section.products_cell .column_contents a .imgbox {
  height: 100px;
  display: block;
}
section.products_cell .column_contents a .title {
  font-size: 1.6em;
  display: block;
  text-align: center;
  line-height: 2.4em;
  color: #999;
}
/*
----------------------------------------------	
*	产品 样式三
----------------------------------------------	
*/
section.products_cellbox {
  display: block;
  color: #666;
  margin: 14px 0;
  background-color: #fff;
  box-sizing: border-box;
}
section.products_cellbox .column_name {
  padding: 2em 4%;
}
section.products_cellbox .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.products_cellbox .column_name strong {
  font-size: 1.8em;
  color: #0053af;
  text-align: center;
  display: block;
}
section.products_cellbox .column_name span {
  font-size: 1.4em;
  color: #999;
  padding: 3px 0 0 0;
  text-align: center;
  display: block;
}
section.products_cellbox .column_contents {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2% 0 2%;
}
section.products_cellbox .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.products_cellbox .column_contents a {
  float: left;
  width: 50%;
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
  padding: 0 2%;
}
section.products_cellbox .column_contents a .box {
  width: 100%;
  display: block;
  overflow: hidden;
}
section.products_cellbox .column_contents a .box img {
  height: 120px;
  display: block;
  margin: 0 auto;
}
section.products_cellbox .column_contents a .box .title {
  width: 100%;
  font-size: 1.6em;
  display: block;
  text-align: center;
  line-height: 2.4em;
  color: #666;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
/*
----------------------------------------------	
*	图文 样式二
----------------------------------------------	
*/
section.teletext_left {
  display: block;
  box-sizing: border-box;
  color: #666;
}
section.teletext_left ._com_set {
  /*共同设置*/
  padding: 0 20px;
}
section.teletext_left .column_name {
  /*共同设置*/
  padding: 0 20px;
  background-color: #f5f5f5;
}
section.teletext_left .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.teletext_left .column_name strong {
  font-size: 1.6em;
  line-height: 3em;
  color: #006cc1;
  display: block;
  float: left;
}
section.teletext_left .column_name a.more {
  color: #999;
  float: right;
  font-size: 1.6em;
  line-height: 3em;
  font-weight: normal;
}
section.teletext_left .column_contents {
  width: 100%;
  box-sizing: border-box;
}
section.teletext_left .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.teletext_left .column_contents a {
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #f5f5f5;
  padding: 26px 20px;
}
section.teletext_left .column_contents a:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.teletext_left .column_contents a:active {
  background-color: #eaf2ff;
}
section.teletext_left .column_contents a:last-child {
  border-bottom: none;
}
section.teletext_left .column_contents a .imgbox {
  width: 60px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}
section.teletext_left .column_contents a .info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 14px;
}
section.teletext_left .column_contents a .info .title {
  font-size: 1.6em;
  display: block;
  color: #999;
}
section.teletext_left .column_contents a .info .brief {
  font-size: 1.4em;
  color: #999;
  padding-top: 5px;
  line-height: 1.5em;
  text-align: justify;
}
/*
----------------------------------------------	
*	图文 样式二
----------------------------------------------	
*/
section.teletext_right {
  display: block;
  box-sizing: border-box;
  color: #666;
}
section.teletext_right ._com_set {
  /*共同设置*/
  padding: 0 20px;
}
section.teletext_right .column_name {
  /*共同设置*/
  padding: 0 20px;
  background-color: #f5f5f5;
}
section.teletext_right .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.teletext_right .column_name strong {
  font-size: 1.6em;
  line-height: 3em;
  color: #006cc1;
  display: block;
  float: left;
}
section.teletext_right .column_name a.more {
  color: #999;
  float: right;
  font-size: 1.6em;
  line-height: 3em;
  font-weight: normal;
}
section.teletext_right .column_contents {
  width: 100%;
  box-sizing: border-box;
}
section.teletext_right .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.teletext_right .column_contents a {
  float: left;
  width: 100%;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #f5f5f5;
  padding: 26px 20px;
}
section.teletext_right .column_contents a:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.teletext_right .column_contents a:active {
  background-color: #eaf2ff;
}
section.teletext_right .column_contents a:last-child {
  border-bottom: none;
}
section.teletext_right .column_contents a .imgbox {
  width: 60px;
  height: 60px;
  display: block;
  display: table-cell;
  vertical-align: middle;
}
section.teletext_right .column_contents a .info {
  display: table-cell;
  vertical-align: middle;
  padding-right: 14px;
}
section.teletext_right .column_contents a .info .title {
  font-size: 1.6em;
  display: block;
  color: #999;
}
section.teletext_right .column_contents a .info .brief {
  font-size: 1.4em;
  color: #999;
  padding-top: 5px;
  line-height: 1.5em;
  text-align: justify;
}
section.single {
  display: block;
  color: #666;
  margin: 0 0 14px 0;
  background-color: #fff;
  box-sizing: border-box;
}
section.single .column_name {
  padding: 2em 4%;
}
section.single .column_name:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.single .column_name strong {
  font-size: 1.8em;
  color: #0053af;
  text-align: center;
  display: block;
}
section.single .column_name span {
  font-size: 1.4em;
  color: #999;
  padding: 3px 0 0 0;
  text-align: center;
  display: block;
}
section.single .column_contents {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4% 18px 4%;
}
section.single .column_contents:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
section.single .column_contents img {
  width: 100%;
  margin: 0 0 10px 0;
  display: block;
}
section.single .column_contents span {
  text-align: justify;
  display: block;
  font-size: 1.6em;
  line-height: 1.6em;
}
/*
----------------------------------------------  
*   尾部
----------------------------------------------  
*/
.foot {
  padding: 24px 0;
  background-color: #2e3033;
}
.foot .infobar {
  text-align: center;
  color: #999;
}
.foot .infobar:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.foot .infobar .item {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  font-size: 1.4em;
  padding: 0 5px;
}
.foot .copyright {
  padding: 0 6%;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.4em;
  color: #999;
}
.foot .copyright a {
  color: #999;
}
/*
----------------------------------------------	
*	底部工具条
----------------------------------------------	
*/
.menu_bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
}
.menu_bar:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.menu_bar a {
  float: left;
  width: 25%;
  font-size: 1.2em;
  text-align: center;
  color: #666;
  padding: 5px 0 7px 0;
}
.menu_bar a:active {
  background-color: #f5f5f5;
}
.menu_bar a:before {
  content: "";
  width: 100%;
  height: 26px;
  display: block;
  opacity: .4;
  margin-bottom: 3px;
}
.menu_bar a.baricon_home:before {
  background: url("../images/icon/home.png") no-repeat center center;
  background-size: 24px auto;
}
.menu_bar a.baricon_tel:before {
  background: url("../images/icon/tel.png") no-repeat center center;
  background-size: 24px auto;
}
.menu_bar a.baricon_gps:before {
  background: url("../images/icon/gps.png") no-repeat center center;
  background-size: 24px auto;
}
.menu_bar a.baricon_msg:before {
  background: url("../images/icon/message.png") no-repeat center center;
  background-size: 24px auto;
}
.menu_bar a.baricon_spd:before {
  background: url("../images/icon/share.png") no-repeat center center;
  background-size: 24px auto;
}
/*
----------------------------------------------	
*	详细页 普通
----------------------------------------------	
*/
.shower_normal .title {
  font-size: 2.4em;
  padding-top: 1em;
  padding-bottom: 0.4em;
  color: #333;
}
.shower_normal .info .time {
  font-size: 1.4em;
  color: #999;
}
.shower_normal .info:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.shower_normal .contents {
  font-size: 1.6em;
  line-height: 1.6em;
  padding: 1.5em 0;
  text-align: justify;
  color: #666;
}
/*
----------------------------------------------	
*	详细页 图文
----------------------------------------------	
*/
.shower_teletext_top .imgbox {
  width: 100%;
  display: block;
  height: 200px;
}
.shower_teletext_top .contents {
  width: 96%;
  box-sizing: border-box;
  margin: 10px auto;
  text-align: justify;
  background-color: #fff;
  padding: 14px;
  font-size: 1.6em;
  line-height: 1.6em;
  color: #999;
  border: 1px solid #e5e5e5;
}
/*
----------------------------------------------	
*	详细页 图文
----------------------------------------------	
*/
.shower_teletext_center a {
  display: block;
  margin-top: 14px;
  background-color: #fff;
  padding: 16px 12px 12px 12px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
}
.shower_teletext_center a:active {
  background-color: #eaf2ff;
}
.shower_teletext_center a .title {
  width: 100%;
  margin: 0 auto;
  font-size: 2em;
  color: #333;
}
.shower_teletext_center a .time {
  font-size: 1.4em;
  color: #999;
  padding-top: 0.5em;
}
.shower_teletext_center a .imgbox {
  width: 100%;
  display: block;
  height: 140px;
  margin: 12px 0;
}
.shower_teletext_center a .breif {
  font-size: 1.4em;
  line-height: 1.5em;
  color: #999;
  width: 100%;
  margin: 0 auto 1em auto;
}
/*
----------------------------------------------	
*	详细页 图文
----------------------------------------------	
*/
.shower_teletext_bottom {
  text-align: center;
}
.shower_teletext_bottom .title {
  width: 90%;
  margin: 0 auto;
  font-size: 2em;
  padding-top: 2em;
  padding-bottom: 0.4em;
  color: #333;
}
.shower_teletext_bottom .breif {
  font-size: 1.4em;
  line-height: 1.4em;
  color: #999;
  width: 90%;
  margin: 0 auto 1em auto;
}
.shower_teletext_bottom .imgbox {
  width: 100%;
  display: block;
  height: 300px;
  margin: 0 auto;
}
.news_list {
  background-color: #fff;
  margin-top: 12px;
}
.news_list a {
  padding: 0 4%;
  display: block;
}
.news_list a:last-child .box {
  border-bottom: none;
}
.news_list a:active {
  background-color: #f5f5f5;
}
.news_list a span {
  display: block;
}
.news_list a .box {
  padding: 16px 0;
  border-bottom: 1px solid #f5f5f5;
  background: url("../images/icon/arrow_right.png") no-repeat right center;
  background-size: 22px auto;
}
.news_list a .box .title {
  font-size: 1.6em;
  color: #666;
}
.news_list a .box .data {
  font-size: 1.3em;
  color: #999;
  padding-top: 3px;
}
.products_list {
  padding: 14px 2%;
}
.products_list:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.products_list a {
  float: left;
  width: 50%;
  box-sizing: border-box;
  display: block;
  padding: 0 2%;
  margin-bottom: 14px;
}
.products_list a span {
  display: block;
}
.products_list a .box {
  border: 1px solid #e5e5e5;
}
.products_list a .box img {
  width: 100%;
  height: 140px;
  display: block;
}
.products_list a .box .title {
  font-size: 1.6em;
  color: #666;
  text-align: center;
  line-height: 2.6em;
}
.message {
  padding: 14px 4%;
  box-sizing: border-box;
}
.message .fields {
  border: 1px solid #ededed;
  margin-bottom: 12px;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #ffffff, #fafafa);
  background: -webkit-linear-gradient(top, #ffffff, #fafafa);
}
.message .fields:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.message .fields .box input {
  width: 100%;
  line-height: 42px;
  height: 42px;
  border: none;
  box-sizing: border-box;
  padding: 0 16px 0 46px;
  font-size: 1.4em;
}
.message .fields .box input.name {
  background: url("../images/icon/m_userinfo.png") no-repeat 12px center;
  background-size: 22px auto;
}
.message .fields .box input.tel {
  background: url("../images/icon/m_phone.png") no-repeat 12px center;
  background-size: 22px auto;
}
.message .fields .box input.email {
  background: url("../images/icon/m_mailcode.png") no-repeat 12px center;
  background-size: 23px auto;
}
.message .textarea {
  border: 1px solid #ededed;
  border-radius: 4px;
}
.message .textarea .title {
  display: block;
  font-size: 1.4em;
  color: #666;
  border-bottom: 1px solid #ededed;
  line-height: 36px;
  padding: 0 14px;
  box-sizing: border-box;
  background: -moz-linear-gradient(top, #ffffff, #fafafa);
  background: -webkit-linear-gradient(top, #ffffff, #fafafa);
}
.message .textarea textarea {
  width: 100%;
  line-height: 20px !important;
  min-height: 100px;
  border: none;
  box-sizing: border-box;
  padding: 16px;
  font-size: 1.7em;
  resize: none;
  text-align: justify;
}
.message .submitbtn {
  width: 100%;
  display: block;
  margin-top: 24px;
  text-align: center;
  color: #fff;
  font-size: 1.6em;
  line-height: 100%;
  height: 46px;
  border: none;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #ed952d, #ed752d);
  background: -webkit-linear-gradient(top, #ed952d, #ed752d);
}
.message .submitbtn:active {
  background: -moz-linear-gradient(top, #ed752d, #ed952d);
  background: -webkit-linear-gradient(top, #ed752d, #ed952d);
}
.column-wrap {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 16px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.column-wrap span {
  width: 100%;
  line-height: 2.8em;
  font-size: 1.4em;
  background: url("../images/icon/arrow_down.png") no-repeat right center;
  background-size: 22px auto;
  display: block;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.filter-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  display: none;
}
.filter-wrap .container {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 80%;
  max-height: 80%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  overflow: auto;
}
.filter-wrap .container a {
  font-size: 1.6em;
  line-height: 3.2em;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 14px;
  color: #666;
  box-sizing: border-box;
  display: block;
}
.filter-wrap .container a:last-child {
  border: none;
}
.filter-wrap .container a:active {
  background-color: #f5f5f5;
}
.pcm-show.single {
  font-size: 1.6em;
  line-height: 1.6em;
  color: #333;
  text-align: justify;
  padding: 1.6em 4%;
}
.pcm-show.single img {
  width: 100%;
  display: block;
}
.pcm-show {
  padding: 40px 4%;
}
.pcm-show .title {
  font-size: 2.4em;
}
.pcm-show .brief {
  font-size: 1.6em;
  color: #999;
  padding: .7em 0 0 0;
}
.pcm-show .content {
  font-size: 1.6em;
  line-height: 1.6em;
  color: #333;
  text-align: justify;
  padding: 1.6em 0 0 0;
}
.pcm-show .content img {
  display: block;
  max-width: 100%;
}
.pcm-show.product .thumb {
  margin: 14px 0;
}
.pcm-show.product .thumb img {
  max-width: 100%;
  display: block;
}
.pcm-show.product .cpart {
  padding: 30px 0 0 0;
}
.pcm-show.product .cpart .name {
  font-size: 1.6em;
  color: #333;
  padding: 0 0 10px 0;
  background: url("../images/show-line.jpg") no-repeat left bottom;
}
.pcm-show.product .cpart .conts {
  text-align: justify;
  padding: 20px 0 0 0;
}
.pcm-show.product .cpart .conts img {
  max-width: 100%;
  display: block;
}
.pcm-show.product .cpart .conts .related li {
  background: url("../images/icon/arrow_right.png") no-repeat right center;
  background-size: 18px auto;
  border-bottom: 1px dotted #e5e5e5;
}
.pcm-show.product .cpart .conts .related li:last-child {
  border-bottom: none;
}
.pcm-show.product .cpart .conts .related li a {
  color: #333;
  font-size: 1.4em;
  line-height: 3em;
  display: block;
}
.pcm-show.download .content {
  color: #666;
}
.pcm-show.download .btn {
  width: 100%;
  background-color: #f87e12;
  color: #fff;
  text-align: center;
  font-size: 1.8em;
  line-height: 2.7em;
  border-radius: 3px;
  display: block;
  margin-top: 2.7em;
}
.pcm-show.job .content {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
}
.pcm-show.job .content .barcont {
  padding: 20px 0;
}
.pcm-show.job .content .barcont span {
  display: block;
}
.pcm-show.job .content .barcont span:first-child {
  border-left: 3px solid #f87e12;
  background-color: #f5f5f5;
  padding: 8px 10px;
  box-sizing: border-box;
}
.pcm-show.job .content .barcont span:last-child {
  color: #666;
  padding: 10px;
}
.pcm-list ul li {
  border-bottom: 1px solid #f5f5f5;
  padding: 16px 4%;
}
.pcm-list ul li:last-child {
  border-bottom: none;
}
.pcm-list ul li:active {
  background-color: #ddd;
}
.pcm-list ul li a {
  display: block;
}
.pcm-list ul li a .textbox {
  width: 100%;
  background: url("../images/icon/arrow_right.png") no-repeat right center;
  background-size: 22px auto;
  box-sizing: border-box;
}
.pcm-list ul li a .textbox strong {
  width: 100%;
  font-size: 1.6em;
  font-weight: normal;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.pcm-list ul li a .textbox span {
  font-size: 1.4em;
  color: #999;
  text-align: justify;
  padding: 5px 0 0 0;
  line-height: 1.3em;
  display: block;
}
.pcm-list.download ul li a .textbox span {
  width: 90%;
}
.quick {
  padding: 0 4%;
}
.quick a {
  font-size: 1.6em;
  line-height: 30px;
  color: #666;
  display: block;
}