@charset "UTF-8";
.nbar {
  position: relative;
  height: 42px;
  background: #fff;
  z-index: 10; }

.nbar li {
  float: left;
  width: 25%; }

.nbar li a {
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #eee;
  margin-right: 1px;
  font-size: 16px; }

.nbar li a.active, .nbar li a:hover {
  background: #0093dd;
  text-decoration: none;
  color: #fff; }

.sfix .nbar {
  position: fixed;
  top: 1.04348rem;
  width: 100%; }

.sfix .fa_detail {
  padding-top: 42px; }

.case_list {
  padding: 0.17391rem; }

.case_list .li {
  margin-bottom: 0.17391rem; }

.case_list .li .pic {
  display: block;
  overflow: hidden; }

.case_list .li .pic img {
  width: 100%; }

.case_list .li .con {
  padding: 0.17391rem 0.17391rem 0.34783rem;
  background: #f7f7f7; }

.case_list .li .tt {
  display: block;
  font-weight: normal;
  font-size: 0.31304rem;
  height: 0.6087rem;
  line-height: 0.6087rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.case_list .li p {
  margin: 0;
  line-height: 0.34783rem;
  color: #999;
  font-size: 0.26087rem; }

.pic_list {
  padding: 0.08696rem; }

.pic_list .li {
  float: left;
  width: 50%;
  padding: 0.08696rem; }

.pic_list .li a {
  display: block;
  position: relative; }

.pic_list .li .pic {
  display: block;
  border: 1px solid #ddd; }

.pic_list .li .pic img {
  width: 100%;
  height: auto; }

.pic_list .li .tt {
  display: block;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  transition: all 0.15s ease-in-out 0s;
  height: 0.6087rem;
  line-height: 0.6087rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.pic_list .li a:hover .pic {
  box-shadow: 0 0 5px #ddd;
  text-decoration: none; }

.pic_list .end {
  margin-right: 0; }

/*详情页*/
.pic_detail {
  padding: 0.17391rem; }

.pic_detail .title {
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.43478rem;
  margin-bottom: 0.17391rem;
  padding: 0.17391rem 0; }

.pic_detail .pic {
  text-align: center;
  padding-bottom: 0.17391rem;
  margin-bottom: 0.17391rem; }

.pic_detail .pic img {
  width: 100%; }

.pic_detail .desc {
  padding: 0.17391rem 0;
  line-height: 0.52174rem; }

.fa_detail {
  padding: 0.17391rem; }

.fa_detail .tit {
  border-top: 1px solid #0093dd;
  line-height: 1.04348rem;
  font-size: 0.4rem;
  margin: 0.34783rem 0 0.26087rem;
  color: #0093dd; }

.fa_detail .intro .desc {
  margin-bottom: 0.17391rem; }

.fa_detail .intro .pic {
  text-align: center; }

#intro {
  margin-top: 20px; }

.app_prod li {
  float: left;
  width: 50%;
  padding: 0.08696rem; }

.app_prod li a {
  display: block;
  position: relative; }

.app_prod li .pic {
  border: 1px solid #ddd;
  padding: 1px; }

.app_prod li .pic span {
  display: block;
  overflow: hidden; }

.app_prod li .pic img {
  display: block;
  width: 100%;
  height: auto; }

.app_prod li h3 {
  text-align: center;
  height: 0.69565rem;
  line-height: 0.69565rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.app_prod li a:hover {
  text-decoration: none; }

.app_prod li.end {
  margin-right: 0; }

.app_case li {
  float: left;
  width: 50%;
  padding: 0.08696rem; }

.app_case li a {
  display: block;
  position: relative; }

.app_case li .pic {
  border: 1px solid #ddd;
  padding: 1px; }

.app_case li .pic span {
  display: block;
  overflow: hidden; }

.app_case li .pic img {
  display: block;
  width: 100%;
  height: auto; }

.app_case li h3 {
  text-align: center;
  height: 0.69565rem;
  line-height: 0.69565rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.app_case li a:hover {
  text-decoration: none; }

.app_case li.end {
  margin-right: 0; }