@charset "utf-8";

.banner {
  /* padding-top: 1.333333rem; */
  position: relative;
  overflow: hidden;
}

.logo {
  width: 3.2rem;
  height: 1.733333rem;
  background: #1f2774;
  border-radius: 0 0 .2rem .2rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.6rem;
  overflow: hidden;
  padding: .2rem 0;
  display: none
}

.banner img,
.pic-bottom img,
.back-top img {
  width: 100%;
}

.pic-bottom {
  margin-bottom: .4rem;
  overflow: hidden;
}

.news-index {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 9.2rem;
  left: 50%;
  margin-left: -4.6rem;
  background: rgba(12, 30, 86, 0.55);
  border-radius: .213333rem .213333rem 0 0;
  height: 1.066667rem;
  line-height: 1.066667rem;
  color: #fff;
}

.icon-news {
  padding-left: 1.066667rem;
  height: 1.066667rem;
  float: left;
  background: url(../images/icon-news.png) .4rem center no-repeat;
  background-size: .426667rem .346667rem
}

.news-index ul {
  float: left;
  padding: 0 .133333rem;
  overflow: hidden;
  width: 4.4rem;
}

.news-index ul a {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 4.4rem;
  float: left
}

.news-index a.right {
  padding-right: .32rem;
  width: .7rem;
  font-size: .32rem;
  color: #fff;
}

.menu {
  padding: .5rem .2rem;
  overflow: hidden;
  border-bottom: .4rem solid #f2f2f2;
}

.menu dl {
  width: 2.4rem;
  text-align: center;
  float: left;
}

.menu dl dd {
  width: 2.4rem;
  overflow: hidden;
  padding-bottom: .106667rem;
}

.menu dl dd img {
  width: 1.04rem;
  float: none;
}

.title {
  height: .933333rem;
  padding: .4rem 0;
  position: relative;
  overflow: hidden
}

.title a {
  position: absolute;
  right: .48rem;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #666;
  border-radius: .533333rem;
  padding: .053333rem .32rem;
  color: #666;
  font-size: .32rem
}

.title img {
  width: 100%
}

.product {
  padding: 0 .4rem;
  overflow: hidden;
}

.product ul {
  background: #f3f3f3;
  float: left;
  margin: 0 .4rem .4rem 0;
  width: 4.4rem;
}

.product ul:nth-child(2n+0) {
  margin-right: 0
}

.product ul li {
  overflow: hidden;
}

.product ul li img {
  width: 4.4rem;
  height: 3.306667rem;
}

.product ul li.pic {
  padding: .16rem 0 .16rem 1rem;
  position: relative;
}

.product ul li.pic img {
  width: .64rem;
  height: .64rem;
  position: absolute;
  left: .213333rem;
  top: 50%;
  transform: translateY(-50%);
}

.product ul li p.gray_9 {
  width: 3.2rem;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.copyright {
  padding: .2rem;
  overflow: hidden;
  font-size: .32rem;
  color: #666;
  text-align: center;
  background: #f9f9f9
}

.copyright p {
  line-height: .586667rem
}

.back-top {
  position: fixed;
  width: 1.12rem;
  height: 1.12rem;
  right: .533333rem;
  bottom: 2.133333rem
}

.title-top {
  position: relative;
  height: 1.066667rem;
  line-height: 1.066667rem;
  background: url(../images/title-bg.png) center center no-repeat;
  background-size: 100% .986667rem;
  font-size: .48rem;
  text-align: center;
  border-bottom: 1px solid #f9f9f9
}

.title-top i,.title-top a.home{
  width: 1.066667rem;
  height: 1.066667rem;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/dot.png) center center no-repeat;
  background-size: 100% .986667rem;
}
.title-top a.home{
  left: 0;
  top:0;
  background: url(../images/m1.png) center center no-repeat;
  background-size: .533333rem .533333rem;
}
.title-top ul {
  position: absolute;
  background: #fff;
  box-shadow: 2px 2px 8px #ddd;
  right: 0;
  top: 1.066667rem;
  z-index: 1;
  width: 3rem;
  padding: .2rem .533333rem;
  display: none;
}

.title-top ul li {
  font-size: .373333rem;
  text-align: left;
  height: 1.066667rem;
  padding-left: .8rem;
  line-height: 1.066667rem;
  position: relative;
}

.title-top ul li img {
  width: .533333rem;
  height: .533333rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.266667rem;
}

.list-title {
  padding: .2rem .4rem .2rem 1.2rem;
  overflow: hidden;
  position: relative;
  background: #f9f9f9
}

.list-title img {
  width: .64rem;
  height: .64rem;
  position: absolute;
  left: .4rem;
  top: 50%;
  margin-top: -.32rem;
}

.list-title p {
  line-height: .48rem
}

.list {
  padding: .4rem;
  overflow: hidden;
}

.list li {
  float: left;
  width: 4.4rem;
  margin: 0 .4rem .4rem 0;
}

.list li:nth-child(2n+0) {
  margin-right: 0
}

.list li img {
  width: 4.4rem;
  height: 3.306667rem;
}

.wrap {
  height: calc(100% - 2.666667rem);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.photo-mask {
  position: fixed;
  z-index: 10;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=20);
  -moz-opacity: 0.8;
  opacity: 0.8;
  display: none;
}

.photo-panel {
  position: absolute;
  display: none;
  clear: both;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.photo-panel .photo-div,
.photo-panel .photo-bar {
  width: 100%;
}

.photo-panel .photo-div {
  width: 100%;
  height: auto;
  max-height: 100%;
  z-index: 11;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
.photo-panel .photo-div::-webkit-scrollbar {
        display: none;
    }
.photo-close {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 1.066667rem;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  z-index: 2000;
  line-height: 1.066667rem;
  font-size: .426667rem;
  z-index: 10000;
  display: none
}

.photo-panel .photo-view-w {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.photo-panel .photo-view-w img {
  vertical-align: middle;
  text-align: center;
  float: none;
}

.photo-left,
.photo-right {
  width: 1.6rem;
  height: 1.6rem;
  position: fixed;
  bottom: .533333rem;
  left: 20%;
  margin-left: -.8rem;
  z-index: 10000;
  display: none
}

.photo-right {
  left: 80%;
}

.arrow-prv {
  background: url(../images/l.png);
  background-color: rgba(255, 255, 255, 0.8);
  width: 1.6rem;
  height: 1.6rem;
  background-size: cover;
}

.arrow-next {
  background: url(../images/r.png);
  background-color: rgba(255, 255, 255, 0.8);
  width: 1.6rem;
  height: 1.6rem;
  background-size: cover;
}

.about,.contact{
  overflow: hidden;
}
.about h3,.contact h3{
  padding:.4rem;
  overflow: hidden;
  font-size: .693333rem
}
.about h3 p.f14,.contact h3 p.f14{
  font-size: .506667rem
}
.about ul{
  padding: 0 .4rem;
  line-height: .7rem;
  background: url(../images/map.jpg) center center no-repeat;
  background-size: 100% auto;}
.about ul p{
  text-indent: 2em;
  padding-bottom: .32rem
}
.about img,.contact img{
  width: 100%
}
.contact ul{
  padding: 0 .4rem
}
.contact ul li{
  line-height: .906667rem
}
.news-list{
  padding: .4rem .4rem 0;
  overflow: hidden;
}
.news-list li{
  padding: .266667rem 0 .266667rem 4.2rem;
  position: relative;
  overflow: hidden;
  min-height: 2.133333rem
}
.news-list li img{
  position: absolute;
  left: 0;
  top:50%;
  width: 4rem;
  height: 2.133333rem;
  margin-top: -1.066667rem
}
.news-list li p.title-news{
  font-size: .4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list li p.gray_9{
  font-size: .32rem
}
.news-list li p.text{
  padding-top: .213333rem;
  font-size: .346667rem;
  line-height: .533333rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}


.pagination{
  overflow:hidden;
  padding:.533333rem 0;
  text-align:center;
  width:100%
}

.pagination li{
  display:inline;
  overflow:hidden;
}

.pagination li a{
  padding:0 .2rem;
  margin:0 .106667rem;
}

.news-detail{
  padding: .4rem;
  overflow: hidden;
}
.news-detail h3{
  font-size: .426667rem;
  overflow: hidden;
}
.news-detail li{
  padding: .4rem 0;
  overflow: hidden;
}
.news-detail li img{
  width: 100%;
  float: none;
  clear: both;
}
.news-detail li p{
  line-height: .693333rem;
  padding-bottom: .266667rem;
  overflow: hidden;
  clear: both;
}