.wrap{background: #fff}
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;margin-top:-2rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ban .swiper-pagination-bullets{bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:0.5rem; height:0.5rem;background:#fff;opacity: 1;border-radius:50%;vertical-align: middle;}
.ban .swiper-pagination-bullet-active{background: #f39800;width:0.8rem;height: 0.8rem}
/**/
.abo{ padding:3.8rem 2.8% 0;}
h2{ text-align: center;color: #005bac; font-size: 2.1rem; padding-bottom: 3.5rem; position: relative;}
h2:before{ content:""; position:absolute;height:0.2rem;width:2.5rem;left:46.25%;top:62%; background:#0086cd;}
.abo ul{ overflow: hidden;}
.abo ul li{ float: left; width: 33.33%; text-align: center; color: #005bac; font-size: 1.25rem; border-right: 1px solid #d8e3ed; box-sizing: border-box;}
.abo ul li:last-of-type{ border-right: none;}
.abo ul li img{ display: inline-block; width: 3.9rem;}
.abo ul li i{ display: block;}
.abo p{ color: #5f717a; font-size: 1.2rem; line-height: 2.3rem; padding: 1.2rem 0 4rem 0;}
/**/
.pro{ overflow: hidden; margin: 0 3.1%;}
.pro h3{ overflow: hidden; padding-bottom: 1.75rem;}
.pro h3 a{ display: inline-block; margin-bottom: 0.6rem; height: 3.6rem; line-height: 3.6rem; background: #0086cd; border-radius: 0.35rem; width: 48.95%; color: #fff; text-align: center; font-size: 1.4rem;}
.pro h3 a:nth-child(2n){ float: right;}
.pro h4{ text-align: center; color: #005bac; font-size: 1.4rem; margin-bottom: 1.2rem;background: url(../images/hot.png) no-repeat 36% 0.2rem; background-size:1.1rem 1.4rem;}
.pro ul{ overflow: hidden;}
.pro ul li{ width:48.5%; float: left; box-sizing: border-box; text-align: center; font-size: 0; line-height: 0; margin-bottom: 1.5rem;}
.pro ul li:nth-child(2n){ float: right;}
.pro ul li i{ display: block; border: 1px solid #eee; border-top: none; height: 3rem; line-height: 3rem; color: #434343; font-size: 1.2rem;}
.pro ul li a{ display: block; color: #434343; font-size: 1.3rem;}
.pro h5{background: url(../images/btn.jpg) no-repeat center 0; background-size:100% 10.15rem; height: 10.15rem; line-height: 7.2rem;}
.pro h5 a{ display: block; text-align: center; font-size: 1.3rem; color: #fff;}
/**/
.minf{background: url(../images/tt.jpg) no-repeat center 0; background-size:100% 16.75rem; height: 16.75rem; padding-right: 9.3%; box-sizing: border-box;text-align: right; margin-bottom: 4.8rem;}
.minf h3{ padding-top: 2.6rem; height: 6.2rem; color: #005bac; font-weight: bold; font-size: 2rem;}
.minf h3 span{ display: block; color: #0086cd; font-size: 1.25rem; padding-top: 0.25rem;}
.minf p{ height: 3.5rem; color: #536574; font-size: 0.8rem;}
.minf p i img{ display: inline-block; width: 0.75rem; padding-right: 0.4rem;}
.minf p span{ display: block;}
.minf p span a{ color: #005bac; font-size: 1.2rem; font-weight: bold;}
.minf em a{ display: inline-block; font-size: 1.2rem; color: #fff; height: 2.7rem; line-height: 2.7rem; width: 8.85rem; text-align: center;}
/**/
.anl{background:#e8eff6; margin-bottom: 4.8rem; box-sizing: border-box; padding-top:3.1rem; position: relative; padding-bottom: 5.3rem;}
.anl h3{ overflow: hidden; padding-bottom: 0.35rem;}
.anl h3 a{ display: inline-block; float: left; width: 33.33%; text-align: center; color:#005bac; font-size: 1.225rem; padding-top: 6.6rem; height: 3.1rem;
    background: url(../images/cio1.png) no-repeat center 0; background-size:6rem;}
.anl h3 a:nth-child(2){background: url(../images/cio2.png) no-repeat center 0; background-size:6rem;}
.anl h3 a:nth-child(3){background: url(../images/cio3.png) no-repeat center 0; background-size:6rem;}
.anl h3 a:nth-child(4){background: url(../images/cio4.png) no-repeat center 0; background-size:6rem;}
.anl h3 a:nth-child(5){background: url(../images/cio5.png) no-repeat center 0; background-size:6rem;}
.anl h3 a:nth-child(6){background: url(../images/cio6.png) no-repeat center 0; background-size:6rem;}

.anl .al_j2{    position: absolute; width: 3rem; bottom:2.5rem; left:35%; z-index: 55;}
.anl .al_j1{ position: absolute; width: 3rem; bottom: 2.5rem; right: 35%; z-index: 55;}
.al_nr{padding:0 2.7%;}
.al_nr dl{ background: #fff;}
.al_nr dt{font-size:0;line-height: 0}
.al_nr dd{padding:2.5rem 5% 0;}
.al_nr dd h4 a {display: block;height: 2rem;line-height: 2rem;font-size:1.5rem;color: #1b1b1b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:0.5rem;}
.al_nr dd p {font-size:1.2rem;color: #707070;line-height: 2.5rem;padding-bottom:1.1rem; padding-top:0.2rem; min-height: 10rem;}
.al_nr .swiper-slide-active dd{display:block}


.shil{ overflow: hidden; padding-bottom: 3.6rem;}
.shil ul li{ overflow: hidden; border: 1px solid #e5e5e5; border-radius: 0.35rem; margin: 0 3.1% 0.9rem; padding: 1.9rem 5% 1.4rem;}
.shil ul li i{ display: inline-block; float: left; width: 3.5rem;}
.shil ul li em{ display: inline-block; float: right; width: 82%; color: #7d7d7d; font-size: 1.2rem; line-height: 1.82rem;}
.shil ul li em strong{ display: block; color: #005bac; font-size: 1.6rem; padding-bottom: 0.5rem;font-weight: normal;}
.shil ul li em strong span{font-weight: bold;}
.shil ul li em img{ display: block; width: 0.6rem; margin: 0 auto; padding-top: 1rem;}
.shil ul li:first-child em img{ display: none;}

.news{padding:0 3.125% 0;overflow: hidden; box-sizing: border-box; margin-bottom:2.35rem;}
.ns_nr dl{border-top:1px solid #dedede; padding: 1.5rem 0; overflow: hidden;}
.ns_nr dt{float:left;width:42.83%;}
.ns_nr dd {float:right;width:52.83%;}
.ns_nr dd h4 a {display: block;font-size:1.2rem;color: #1a1a1a;height: 2.5rem;line-height: 2.5rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_nr dd p {font-size:1.1rem;color: #808080;line-height: 1.8rem;}
.news h5{background: url(../images/btn.jpg) no-repeat center 0;
    background-size: 100% 10.15rem;
    height: 10.15rem;border-top:1px solid #dedede;
    line-height: 7.2rem; margin-top: 0.75rem;}
.news h5 a {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    color: #fff;
}




html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
/*.wrap{ opacity:0; }/*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/
/*.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}*/
/*首次加载页面切入效果*/
/*.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;
}



@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}