/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap img{ width:100%; display:block;}

.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:2rem;}
.ban .swiper-pagination-bullet{ background:#2a323e; opacity:1; width:1.2rem; height:1.2rem; border-radius:1.2rem; margin:0 2%;}
.ban .swiper-pagination-bullet-active{ background:#00439c;}

.tit{ text-align:center; font-size:2.25rem; font-weight:bold; color:#434b58;}
.tit em{ display:block; font-size:1.2rem; color:#666; font-weight:normal;}


.g-pro{ padding:2.5rem 0;}
.m-prot{ width:92%; margin:2rem auto 1.4rem; height:6rem; background:#434b58;}
.m-prot a{ display:block; width:33.33%; height:6rem; float:left; padding-top:1rem; box-sizing:border-box; background:#3c424e;text-align:center; line-height:2rem; font-size:1.3rem; color:#fff; position:relative;}
.m-prot em{ display:block; width:2.3rem; height:2.15rem; overflow:hidden; margin:0 auto;}
.m-prot a:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,0.1);}
.m-prot a:nth-child(3n):before{ background:none;}
.m-prot .active{ background:#00439c;}
.m-pro{ width:92%; margin:0 auto 1.2rem; overflow:hidden; background:#f3f3f3;}
.g-pro dd{ padding:0 4% 1.6rem 6%;}
.g-pro dd h3{ font-size:1.8rem; line-height:4.8rem; height:4.8rem; border-bottom:2px solid #6a747e; background:url(/template/default/wap/images//pro_arr.png) no-repeat right center; background-size:1.5rem 1.5rem; color:#434b58; font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:1rem;}
.g-pro dd h5{ display:none;}
.g-pro dd p{ font-size:1.1rem; color:#6e6e6e; margin-top:0.2rem; line-height:1.6rem;}

.g-pro2{ width:92%; margin:0 auto; overflow:hidden;}
.g-pro2 li{ width:48.9855%; float:left;}
.g-pro2 li em{ display:block; height:3rem; text-align:center; line-height:3rem; margin-bottom:0.75rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.2rem; color:#333;}
.g-pro2 a:nth-child(2n) li{ float:right;}


/* 优势 */
.m-super{ padding:2.5rem 0; background:#f3f3f3;}
.super{ position:relative; padding-top:5.5rem;}
.super-nav{ width:92%; position:absolute; top:2rem; left:4%; z-index:4; height:7rem; background:#3c424e; border-radius:7rem;}
.super-nav p{ width:25%; float:left; height:7rem; text-align:center; font-size:1.2rem; color:#fff; padding-top:1.3rem; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2);}
.super-nav p em{ display:block; width:2.2rem; overflow:hidden; margin:0 auto 0.3rem;}
.super-nav .cur{ background:#00439c; color:#fff; font-weight:bold;}
.super-nav p:nth-child(5){ border:0;}
.super-nav p:nth-child(1).cur{ border-radius:6rem 0 0 6rem;}
.super-nav p:nth-child(4).cur{ border-radius:0 6rem 6rem 0;}
.super-con{ overflow:hidden;}
.super-con dd{ padding:1.3rem 4% 0.2rem;color:#000;}
.super-con dd h3{ font-size:2.4rem; font-weight:bold; color:#3b495a; padding-bottom:1.5rem;}
.super-con dd h3 em{ display:block; font-size:1.5rem; color:#34363f; font-weight:normal;}
.super-con dd p{ font-size:1.2rem; line-height:1.9rem; color:#666; margin-bottom:1rem;}
.arr1{ width:100%; height:2.2rem; position:relative;}
.arr1 .swiper-button-prev{ background:url(/template/default/wap/images//super_l.png) no-repeat; background-size:100% auto; width:2.4rem; height:2.2rem; top:0; left:22%;}
.arr1 .swiper-button-next{ background:url(/template/default/wap/images//super_r.png) no-repeat; background-size:100% auto; width:2.4rem; height:2.2rem;top:0; right:22%;}
.arr1 .swiper-button-prev:after,.arr1 .swiper-button-next:after{ content:"";}
.arr1 .swiper-pagination{bottom: 0rem !important; z-index: 1; width:100%;}
.arr1 .swiper-pagination .swiper-pagination-bullet{width: 0.9rem; height: 0.9rem; margin:0.9rem 0.6rem !important;background-color: #3c424e; opacity: 1; position: relative;}
.arr1 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #00439c;border:0.1rem solid #00439c;width: 3.7rem; height: 0.7rem; border-radius:0.8rem;}


.g-case{ margin:2.6rem 0 2rem;}
.m-caset{ height:4.2rem; margin:1.5rem 0 2.2rem; }
.m-caset a{ display:block; width:23%; float:left; text-align:center; font-size:1.3rem; color:#3b495a; border-right:1px solid #ddd; box-sizing:border-box;}
.m-caset em{ display:block; width:2.4rem; margin:0 auto 0.2rem;}
.m-caset a:nth-child(2){ width:31%;}
.m-caset a:last-child{ border:0;}
.case-con{ position:relative;}
.case-con dl{ width:78.66%; background:#3b495a; margin:0 auto; padding:1.8rem 5.9% 2.8rem; box-sizing:border-box;}
.case-con dd h3{ height:5rem; overflow:hidden; border-bottom:1px solid #6e7680; font-size:1.5rem; font-weight:bold; color:#fff; line-height:5rem;}
.case-con dd p{ font-size:1.2rem; line-height:1.8rem; color:#fff;}
.case-con dd p em{ display:block; padding:1.3rem 0 0.8rem;}
.case-con dd span{ display:block; width:40%; height:2.5rem; background:#00439c url(/template/default/wap/images//case_more.png) no-repeat 75% center; background-size:1rem 1rem; line-height:2.5rem; border-radius:5rem; color:#fff; font-size:0.8rem; padding-left:10%; box-sizing:border-box; margin-top:1.4rem;}
.case-con .swiper-button-prev{ background:#e7e9eb url(/template/default/wap/images//case_l.png) no-repeat center center; background-size:1.55rem 2.4rem; width:3.2rem; height:30rem; top:3.8rem; left:0; z-index:8;}
.case-con .swiper-button-next{ background:#e7e9eb url(/template/default/wap/images//case_r.png) no-repeat center center; background-size:1.55rem 2.4rem; width:3.2rem; height:30rem; top:3.8rem; right:0;z-index:8;}
.case-con .swiper-button-prev:after,.arr1 .swiper-button-next:after{ content:"";}


.m-news{ padding:2.7rem 0; background:#f1f1f1;}
.news{width: 100%;margin:0 auto;}
.news-nav{ width:92%;position:relative;margin:1.2rem auto 0; height:3rem; border-bottom:1px solid #ccc;}
.news-nav:before{ content:""; position:absolute; top:0.9rem; left:27%; background:url(/template/default/wap/images//new_line.png) no-repeat; background-size:0.7rem 1.1rem; width:0.7rem; height:1.1rem;}
.news-nav p{ float:left; line-height:3rem; font-size:1.2rem; color:#444444; font-weight:bold; width:24%; margin-right:10%;}
.news-nav p em{ display:block; width:1.4rem; height:1.5rem; float:left; margin:0.8rem 4% 0 0; overflow:hidden;}
.news-nav p.cur{color: #00439c; border-bottom:2px solid #00439c; box-sizing:border-box;}
.news-nav p.cur em img{ margin-top:-1.5rem;}
.news-nav h5{ float:right; line-height:3rem; font-size:1.2rem; color:#666; display:block;}

.news-con{position: relative; width:92%; margin:0 auto; overflow:hidden;}
.news-con dl{padding:1.4rem 0;width:100%; border-bottom:1px solid #c8c8c8;}
.news-con dl dt{width:31.884%; float:left; border-radius:5rem;}
.news-con dl dt img{width: 100%;display: block;}
.news-con dd{width:64.0579%; float:right;}
.news-con dd h3{font-size: 1.3rem;color:#333333;margin:0.8rem 0 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight:bold;}
.news-con dd p{font-size: 1.2rem;line-height:2rem;text-align: justify;color:#666;}
.news-con a:last-child dl{ border:0;}



.g-about dt img{ display:block; width:100%;}
.g-about dd{ width:92%; margin:-7.7rem auto 2.3rem; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #ccc; position:relative; z-index:5; padding:0 0 2rem;}
.g-about h3{background:#00439c; height:6.3rem; padding:1.4rem 0 0 5%; font-size:2.25rem; font-weight:bold; color:#fff; position:relative;}
.g-about h3:before{ content:""; position:absolute; top:7.7rem; left:5%; width:0; height:0; border-top:0.6rem solid #00439c; border-left:0.6rem solid rgba(0,0,0,0);border-right:0.6rem solid rgba(0,0,0,0);}
.g-about h3 em{ display:block; font-size:1.3rem; font-weight:normal;}
.g-about dd p{ font-size:1.2rem; line-height:1.9rem; color:#727a85; margin-top:2.2rem; padding:0 5%;}


.g-pic{ width:92%; margin:0 auto 3.5rem; overflow:hidden;}
.pict{ width:92%; margin:0 auto; height:5.8rem;}
.pict em{ display:block; width:33.33%; float:left; text-align:center; font-size:1.2rem; color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; position:relative;}
.pict em:before{ content:""; position:absolute; top:0.4rem; right:0; width:1px; height:3.5rem; background:#eee;}
.pict em:last-child:before{ background:none;}
.pict em i{ display:block; width:2.3rem; height:2.1rem; margin:0 auto 0.5rem; overflow:hidden;}
.pict .active{ font-weight:bold; color:#00439c;}
.pict .active img{ display:block; position:relative; margin-top:-2.1rem;}
.g-pic li{ width:48.985%; float:left;}
.g-pic li img{ border-radius:0.2rem;}
.g-pic li em{ display:block; text-align:center; height:3rem; font-size:1.2rem; line-height:3rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; color:#666;}
.g-pic a:nth-child(2n) li{ float:right;}


/*开屏秀*/

.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}