/* 外框样式 */
.mob-wrap {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 70px;
}

.hengaa{
  background: #2d2d2d;
  padding: 0.5em 0;
  text-align: center;
}
.hengaa h2{
  display: inline-block;
  color: #fff;
  font:500 13px/24px "微软雅黑";
  background: url(../images/ahjgghj.png) no-repeat left center;
  background-size: 24px;
  padding-left: 32px;
}
.hengaa h2 span{
  font-size: 14px;
}

.wh{
  width: 94%;
  margin: 0 auto;
}

/* 头部 */
.mob-head {
  background: #fff;
  padding: 18px 0;
  position: relative;
}

.mob-head .logo {
  padding: 0 110px 0 15px;
}

.mob-head .logo img {
  max-width: 75%;
}

.mob-head .head-btn {
  position: absolute;
  right: 15px;
  height: 38px;
  top: calc(50% - 19px);
  font-size: 0;
}

.mob-head .head-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  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: #0098f3;
  -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: #0f9793;
}

.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: #ffffff;
  margin: 0 2px;
}

.mob-banner .slick-dots li button {
  display: none;
}

.mob-banner .slick-dots li.slick-active {
  background: #0098f3;
}

/* 首页标题 */
.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: 100%;}
.mob-banner .slick-dots li{width: 10px;height: 10px;border-radius: 50%;background: #ffffff;border: 1px solid #ffffff;}
.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;}



.title_aa h2{
  text-align: center;
  color: #333333;
  font:500 22px/2em "微软雅黑";
}
/*cont1*/
.cont1{
  margin-top: 1.8em;
}
.case_list1{
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.2vh;
}
.case_list1 li{
  width: 48.5%;
  margin-bottom: 1.8vh;
}
.case_list1 li a.img{
  display: block;
}
.case_list1 li a.img img{
  width: 100%;
}

/*cont2*/
.cont2{
  margin-top: 1.5em;
}
.abt_tup{
  width: 100%;
  margin: 0.6em auto 0;
}
.abt_tup img{
  width: 100%;
}
.abt_ajhhj h2{
  color: #333333;
  font:500 16px/1.5em "微软雅黑";
  margin-top: 1.5em;
}
.abt_ajhhj h2 span{
  color: #333333;
  font:600 18px/1.5em "Arial";
  display: block;
}
.abt_ajhhj .abt_wen{
  color: #555555;
  font:500 12px/1.5em "微软雅黑";
  margin-top: 0.5em;
}
.abt_ajhhj .abt_wen a{
  color: #0098f3;
}
/*cont3*/
.cont3{
  margin-top: 1.5em;
}
.xg_a3_b1 {
  width: 90%;
  margin: 1em auto 0;
}
.xg_a3_b1 li{
    float: left;
    padding: 0 0.5%;
}
.xg_a3_b1 li a.img{
    display: block;
}
.xg_a3_b1 li a.img img{
    width: 100%;
    /*border:1px solid #b5b5b5;*/
}
.xg_a3_b1 li h2 a{
  display: block;
  color: #333333;
  font:500 12px/2em "微软雅黑";
  padding: 0.5em 0;
  text-align: center;
}
.xg_a3_b1 .slick-arrow{
    border:none;
    font-size: 0;
    background: url(../images/jrr.png) no-repeat left center;
    background-size: 100%;
    position: absolute;
    top: calc( 40% - 15px);
    width: 30px;
    height: 30px;z-index: 999;
    outline: none;
}
.xg_a3_b1 .slick-prev{
    left: -25px;
}
.xg_a3_b1 .slick-next{
    right: -25px;
    transform: scale(-1);
}

/*cont4*/
.cont4{
  background: url(../images/bj1.jpg) no-repeat center top;
  background-size: cover;
      padding: 2em 0;    margin-top: 2em;
}
.a4_b1{
  width: 47%;
}
.a4_b2{
  width: 50%;
}
.a4_b2 img{
  width: 100%;
}
.a4_b1 h2{
  color: #fff;
  font:500 14px/1.5em "微软雅黑";
}
.a4_b1 h2 span{
  display: block;
  font:500 16px/1.5em "微软雅黑";
}
.a4_b1 h3{
  color: #fff;
  font:500 12px/1em "微软雅黑";
  padding: 0.3em 0;
}
.a4_b1 h4{
  color: #fff;
  font:500 13px/2em "微软雅黑";
  border:1px solid rgba(255,255,255,.5);
  margin-top: 1em;
}
/*cont5*/
.cont5{
  margin-top: 2em;
}
.cp_sta1{
   display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5em;
}
.cp_sta1 li{
  width: 50%;
}
.cp_sta1 li a{
  display: block;
  font:500 13px/2.2em "微软雅黑";white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
}

.cp_listaa1{
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1.2vh;
}
.cp_listaa1 li{
  width: 48.5%;
}
.cp_listaa1 li a.img{
  display: block;
}
.cp_listaa1 li a.img .img{
  font-size: 0;
  border:1px solid #d2d2d2;
}
.cp_listaa1 li a.img img{
  width: 100%;
}
.cp_listaa1 li h2{
  color: #333333;
  font:500 14px/2em "微软雅黑";
  white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
   padding: 0.4em 0 0.6em;
   text-align: center;
}
/*cont6*/
.cont6{
  background: url(../images/bj2.jpg) no-repeat center top;
  background-size: cover;
  padding: 3em 0;
  margin-top: 1em;
}
.cont6 .wh{
  background: #fff;
}
.cont6 .wh .title_aa{
  padding-top: 1.5em;
}
.ys_tup{
  width: 95%;
  margin: 2% auto 0;
}
.ys_tup img{
  width: 100%;
}
.ys_list{
  width: 97.5%;
  padding: 1em 0 2em;
}
.ys_list li h2{
  color: #333333;
  font:600 16px/2em "微软雅黑";
  padding-left: 2.4em;
  background: url(../images/aghgh.png) no-repeat left center;
  background-size: 2.3em 1px;
}
.ys_list li h2 b{
  padding-right: 5px;
  font-size: 20px;
}
.ys_list li h3{
  color: #545454;
  font:500 12px/1.5em "微软雅黑";
   padding-left: 4.5em;
}
.ys_list li+li{
  margin-top: 0.5em;
}

/*cont7*/
.cont7{
  margin-top: 2em;
}
.a7_b1{
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5em;
}
.a7_b1 li{
  width: 23%;
  margin-bottom: 1.2vh;
}
.a7_b1 li a.img{
  display: block;
}
.a7_b1 li a.img img{
  width: 100%;
}
/*cont8*/
.cont8{
  margin-top: 1.6em;
}
.news1{position:relative; width:99.5%; margin:0 auto; background:#fff;color:#000;padding-bottom:10px;}
.news1 li{height:38px; line-height:38px; background:url(../images/nbj.png) 0 center no-repeat;width: 100%;margin:0 auto;    padding: 0.2em 0;}
.news1 li+li{
    border-top:1px solid #dedede; 
}
.news1 li a{font:500 14px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;color:#666666;white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; }

/**/
.d_jkhah{
    background: #2b323a;
    padding: 2vh 0 0;
    margin-top: 2vh;
}
.d_tiit{
  margin-bottom: 1em;
}
.d_tiit h2{
    color: #0793d7;
    font:600 22px/1.6em "微软雅黑";
    text-align: left;text-transform: uppercase;
}
.d_tiit h2 span{
    display: block;
    color: #ffffff;
    font:500 14px/1.2em "微软雅黑"; text-align: left;
}
.d_tiit h2:after{
    content: "";
    display: block;
    width: 45px;
    height: 1px;
    background: #95999d;
    margin-top: 8px;
}
.d_erm{
    width: 25%;
    text-align: center;
    color: #fff;
    font:500 12px/2em "微软雅黑";
}
.d_erm img{
    width: 100%;
}
.d_lianx{
    width: 72%;
    /*margin-left: 3%;*/
    color: #fff;
    font: 500 12px/1.7em "微软雅黑";
}
.d_lahva{
    margin-top: 2vh;
}
.d_ajhhja{
    padding: 0.5em 0;
    border-top: 1px solid #3d444d;
    margin-top: 2vh;
    text-align: center;
}
.d_ajhhja,.d_ajhhja a{
 color: #abaeb1;
    font: 500 14px/2em "微软雅黑";
}




.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 #0098f3;background: transparent;outline: none;font-size: 0;}
.slick-dots li.slick-active button{background: #0098f3;}

.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: #0098f3;font-size: 16px;text-transform: uppercase;background: url(../images/line2.png) no-repeat left center;background-size: 30%;padding-left: 36%;}
.abox{width:90%;margin: 0 auto;margin-top: 50px;padding-bottom:40px;}
.acon{color: #505050;font-size: 12px;margin-top: 15px;line-height: 19px;}
.gd a{color: #0098f3;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:#0098f3;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:#0098f3;color: #fff;font-size: 14px;line-height: 28px;padding: 15px;margin-top:4%;}


/* 页脚 */

.footer{background: #f2f2f2;display:-webkit-box;width:100%;margin-top:6px;background-size:9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:74px;display:block;margin:0 auto;text-align: center;font: 400 14px/105px "微软雅黑";color: #333333;height: 70px;}
.footer span.span1{
    background: url(../images/1.png) center 13px no-repeat;
    background-size: 24px 24px;
    }
.footer span.span2{background: url(../images/2.png) center 11px no-repeat;background-size: 20px 24px;}
.footer span.span3{background: url(../images/3.png) center 14px no-repeat;background-size: 20px 19px;}

