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

/* 头部 */
.mob-head {
  background: #2474b9;
  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: 45px;
  top: calc(50% - 22px);
  font-size: 0;
}

.mob-head .head-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  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: #2474b9;
  -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: #2474b9;
}

.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: #2474b9;
  margin: 0 2px;
}

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

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

/* 首页标题 */
.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: #d2d2d2;}
.mob-banner .slick-dots li.slick-active{background:#004092;}



.box1{}
.ads li{width:25%;float:left;}
.ads li img{width:100%;margin:0 auto;}


.box2{margin-top:8%;}
.pbt{position:relative;height:40px;}
.pbt span{float:left;width:43%;background:#2474b9;color:#fff;font-size:22px;text-align:center;border-top-right-radius:25px;border-bottom-right-radius:25px;line-height:40px;}
.pbt a{float:right;width:35%;background:#2474b9;color:#fff;font-size:18px;line-height:40px;text-align:center;}
.box2 .cont{margin-top:8%;}
.cul{}
.cul li{width: 46%;margin: 0 2%;}
.cul li  h2{color: #666666;font-size:14px;font-weight: normal;text-align: center;line-height: 40px;}
.cul li img{display: block;width: 100%;border:1px solid #ddd;}



.box3{margin-top:3%;background:#f8f9fb;padding:8% 0 3%;}
.cul2{margin-top:6%;}
.cul2 li{width:32%;}
.cul2 li+li{margin-left:2%;}
.cul2 li  h2{color: #666666;font-size:14px;font-weight: normal;text-align: center;line-height: 40px;}
.cul2 li img{display: block;width: 100%;border-radius:10px;}




.nei5Con{
  width:100%;
    margin:0 auto;
    margin-top:7%;
}
#marquee1 {
    height: auto;
    overflow: hidden;
}
#marquee1 ul li {
    float: left;
    padding: 0 0.5rem;
    width:10rem;
}


#marquee1 ul li img {
    display: block;
    width: 100%;border-radius:10px;
}
#marquee1 ul li  h2{color: #666666;font-size:14px;font-weight: normal;text-align: center;line-height: 40px;}






.cul3{margin-top:6%;}
.cul3 li{width:30%;margin-left:2.3%;}
.cul3 li img{display: block;width: 100%;margin:0 auto;}









.xlist1{margin-top:8%;}
.xlist1 li{border-bottom:1px solid #dddddd;padding-bottom:4%;margin-bottom:4%;}
.xlist1 li .img{border:1px solid #c6c6c6;width:40%;float:left;margin-left:3%;}
.xlist1 li .img img{width:100%;margin:0 auto;}
.xlist1 li .det{width:50%;float:right;margin-right:3%;}
.xlist1 li h3{color:#666666;font-size:14px;}
.xlist1 li span{color:#999999;font-size:12px;background:url(../images/tm.png) no-repeat left center;display:block;padding-left:25px;line-height:20px;margin:5px 0;}
.xlist1 li p{color:#999999;font-size:12px;line-height:18px;}
.xlist1 li:last-child{border:none;margin-bottom:0;}





.box2 .conts{background:#f8f9fb;padding:5% 4%;margin-top:7%;font-size:13px;line-height:36px;}



.jszc{color:#666666;font-size:14px;background:url(../images/js.png) no-repeat center center;background-size:100%;text-align:center;margin-top:6%;}





.des{height:45px;}

/* 页脚 */
.footer{ width:100%; margin-top:6px;position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer1{max-width:640px;margin:0 auto;background:#2474b9;display:-webkit-box; }
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:74px; display:block; margin:0 auto; text-align:right; font:100 16px/70px "微软雅黑"; color:#fff; height:70px;}
.footer span.span11{background:url(../images/sy.png) 0 20px no-repeat; background-size:28px 28px;}
.footer span.span1{background:url(../images/a1.png) 0 20px no-repeat; background-size:28px 28px;}
.footer span.span2{background:url(../images/a2.png) 0 20px no-repeat; background-size:28px 29px;}
.footer span.span3{background:url(../images/a3.png) 0 20px no-repeat; background-size:26px 26px;}




#gotop {
    position: fixed;
    right:0;
    bottom:25%;
}