/* 外框样式 */
.mob-wrap {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 50px;
}

/* 头部 */
.mob-head {
  background: #fff;
  padding: 10px 0;
  position: relative;
}

.mob-head .logo {
  padding: 0 110px 0 15px;
}

.mob-head .logo img {
  max-width: 100%;
}

.mob-head .head-btn {
  position: absolute;
  right: 15px;
  height: 26px;
  top: calc(50% - 13px);
  font-size: 0;
}

.mob-head .head-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  line-height: 26px;
  text-align: center;
}

.mob-head .head-btn a .iconfont {
  font-size: 20px;
  vertical-align: middle;
}

.mob-head .head-btn a .icon-sousuo {
  font-size: 25px;
}

.mob-head .head-btn .search-btn {
  border-right: 1px solid #aaaaaa;
  margin-right: 10px;
  width: 40px;
}

/* 搜索框样式 */
.search {
  border-top: 1px solid #ddd;
  padding: 10px 15px;
  display: none;
}

.search form {
  width: 100%;
  border: 1px solid #444444;
  border-radius: 10px;
  background-color: #fff;
  height: 38px;
  padding: 7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search input[type="text"] {
  width: 70%;
  padding-left: 15px;
  font-size: 16px;
  color: #323232;
  height: 22px;
  line-height: 22px;
  border: none;
  outline: none;
  background: none;
}

.search input[type='submit'] {
  width: 25%;
  border: none;
  border-left: 1px solid #b6b6b4;
  text-align: center;
  height: 22px;
  font-size: 16px;
  color: #323232;
  background: none;
  outline: none;
  border-radius: 0;
}

/* 导航样式 */
.mob-nav {
  z-index: 9999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #13519a;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.mob-nav .close-btn {
  text-align: right;
  padding: 15px 15px 0 0;
}

.mob-nav .close-btn .iconfont {
  font-size: 30px;
  color: #fff;
}

.mob-nav li a {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
}

.mob-nav li a:hover {
  background: #1e7039;
}

.mob-nav li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.mob-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/* 首页banner */
.mob-banner {
  position: relative;
}

.mob-banner .slick-slide {
  outline: none;
}

.mob-banner a {
  display: block;
}

.mob-banner a img {
  width: 100%;
}

.mob-banner .slick-dots {
  position: absolute;
  z-index: 99;
  left: 0;
  width: 100%;
  bottom: 10px;
  text-align: center;
  font-size: 0;
}

.mob-banner .slick-dots li {
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #13519a;
  margin: 0 2px;
}

.mob-banner .slick-dots li button {
  display: none;
}

.mob-banner .slick-dots li.slick-active {
  background: #13519a;
}

/* 首页标题 */
.mob-title {
  text-align: center;
  margin-bottom: 20px;
}

.mob-title h3 {
  font-size: 20px;
  color: #252222;
  margin-bottom: 10px;
}

.mob-title h3 span {
  color: #e4007f;
}

.mob-title p {
  font-size: 12px;
  color: #252222;
  text-transform: uppercase;
}




.fl{float: left;}
.fr{float: right;}
*{margin: 0;padding: 0;}
img{    vertical-align: middle;}
.head-btn img{display: block;width: 85%;}
.mob-banner .slick-dots li{width: 10px;height: 10px;border-radius: 50%;background: #13519a;border:1px solid #13519a;}
.mob-banner .slick-dots li.slick-active{background: transparent;}

.ftt{text-align: center;margin-top: 30px;}
.ftt dd{color: #5a5a5a;font-size: 20px;font-weight:bold;}
.ftt dt{color: #787878;font-size: 14px;text-transform: uppercase;margin-top: 6px;}
.flist{margin-top: 33px;}
.flist li{text-align: center;width: 33.333%;margin-bottom: 15px;}
.flist li a{}
.flist li .img{width:60%;margin:0 auto;text-align: center;}
.flist li .img img{width:100%;margin:0 auto;}
.flist li h3{color: #494949;font-size: 12px;font-weight: normal;text-align: center;margin-top: 10px;}







.plist{margin-top: 20px;}
.plist li{width: 46%;margin: 0 2% ;}
.plist li  h2{color: #333333;font-size: 14px;font-weight: normal;text-align: center;line-height: 40px;}
.plist li img{display: block;width: 100%;}
.mht1{margin-top: 20px;}
.mht1 img{display: block;width: 100%;}
.yul{margin: 20px 2%;}
.yul li{position: relative;}
.yul li a img{display: block;width:100%;}
.yul li .bj1{position: absolute;background: rgba(255,255,255,.7);height: 70%;width:100%;bottom: 0;left: 0;z-index: 99;text-align: center;}
.yul li .bj1 .img2{position: absolute;top:-23px;left: 43%;}
.yul li .bj1  h3{color: #404040;font-size: 16px;margin-top: 35px;font-weight:bold;}
.ys1{color: #393939;font-size: 12px;margin-top: 5px;padding: 0 2%;line-height: 18px;}
.slick-dots{position: absolute;bottom: 10px;right: 10px;}
.slick-dots li{display: inline-block;margin: 0 2px;}
.slick-dots li button{border-radius: 50%;width:7px;height: 7px;border:1px solid #13519a;background: transparent;outline: none;font-size: 0;}
.slick-dots li.slick-active button{background: #13519a;}

.box1{width: 96%;margin: 0 auto;}
.yt1{background: url(../images/line1.png) no-repeat  center;line-height: 35px;color: #535353;font-size: 14px;text-indent: 12px;margin-top: 11px;background-size: 100%;font-weight:bold;}
.yt1 span{color: #9e9e9e;font-size: 12px;padding-left: 5px;text-transform: uppercase;font-weight:normal;}

.ling{display: flex;flex-wrap:wrap;}
.ling li{height: 30px;line-height: 30px;border:1px solid #959595;text-align: center;padding: 0 1.4%;margin: 3px 1%;color:#535353;}
.lul{margin-top: 20px;}
.lul li{width: 21%;margin:0 2% 10px 2%;}
.lul li a img{display: block;width: 100%;}



.cul{margin-top: 20px;}
.cul li{width: 46%;margin: 0 2%;}
.cul li  h2{color: #333333;font-size: 13px;font-weight: normal;text-align: center;line-height: 40px;}
.cul li img{display: block;width: 100%;}


.abouts {background: url(../images/bj1.jpg) no-repeat top center;padding-top: 50px;background-size: 100% 100%;}
.abouts  .att{color: #fff;font-size: 20px;font-weight: bold;text-align: center;}
.abouts  .att span{color: #fff;font-size: 14px;display: block;font-weight: normal;margin-top: 5px;}
.bt1{color: #13519a;font-size: 16px;text-transform: uppercase;background: url(../images/line2.png) no-repeat left center;background-size: 30%;padding-left: 34%;}
.abox{width:90%;margin: 0 auto;margin-top: 55px;padding-bottom:40px;}
.acon{color: #505050;font-size: 12px;margin-top: 15px;line-height: 19px;}
.gd a{color: #13519a;text-transform: uppercase;text-align: center;display: block;}
.nul{margin-top: 10px;}
.nul li a{display: block;line-height: 40px;border-bottom: 1px dashed #e5e5e5;padding-left:10%;background:url(../images/dian.png) no-repeat 4% center;color: #666666;font-size: 14px;}

.xlist1{margin-top:3%;}
.xlist1 li{width:100%;margin:0 auto;border-bottom: 1px dashed #e5e5e5;padding:4% 0;}
.xlist1 li .nei{width:96%;margin:0 auto;}
.xlist1 li .time{width:20%;height:68px;background:#13519a;float:left;color:#fff;text-align:center;}
.xlist1 li .time1{font-weight:bold;font-size:20px;background: url(../images/x.png) no-repeat center bottom;line-height:30px;padding-top:7px;}
.xlist1 li .time2{font-size:14px;padding-top:5px;}
.xlist1 li .det{width:78%;float:right;}
.xlist1 li h3{color:#666666;font-size:14px;font-weight:bold;line-height:28px;}
.xlist1 li p{color:#666666;font-size:12px;padding-top:5px;line-height:20px;}
.xlist1 li:last-child{border:none;}










.mlx{background:#13519a;color: #fff;font-size: 14px;line-height: 28px;padding: 15px;margin-top:4%;}


/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;padding:1% 0;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  font-size: 0;
}

.footer ul li.active {
  background: #fff;
}

.footer ul li a {
  display: block;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}



.footer ul li{line-height: 20px;height: 60px;font-size: 14px;}
.footer ul li span{display: block;padding-top: 34px;font-size: 14px;color:#393939;}
.footer ul li .span1{background:url(../images/a1.png) no-repeat center 5px;background-size: 23%;}
.footer ul li .span2{background:url(../images/a2.png) no-repeat center 6px;background-size: 22%;}
.footer ul li .span3{background:url(../images/a3.png) no-repeat center 5px;background-size: 23%;}