/* head-top */

.head_top {
    position: fixed;
    z-index: 9;
}
/* .head_top::after {
    content: "";
    display: block;
    width: 100%;
    height: 2.42rem;
    background: url(../images/headbg.png) no-repeat center top;
    background-size: 19.2rem 2.42rem;
    position: absolute;
    top: -.5rem;
    left: 0;
    z-index: -1;
} */

/*logo*/



.swiper-container {margin: 0px;padding: 0px;width: 100%;height: 100%; }
.swiper-wrapper {width: 100%;height: 100%;}
.swiper-wrapper  .swiper-slide {width: 100%;height: 100%;z-index: 99;overflow: hidden;}



.sectiontit span {display: block;color: #fff}
.sectiontit span.sen{font-size: 0.3rem; background: url(../images/line1.png) no-repeat left bottom;padding-bottom: 0.2rem;margin-bottom:0.15rem; }
.sectiontit span.scn{font-size: 0.24rem;}


/* 通用 */

.section_tit span {
    display: block;
    font-size: .43rem;
    color: #000;
    margin-bottom: .06rem;
    
}



.section1 .banner_float {
    position: absolute;
    right: -3rem;
    top: 1rem;
    width: 200%;
    height: 100%;
    background: url(../images/banner_titbg.png) no-repeat right top;
    background-size: 8.37rem 10.52rem;
   

}
.section1 .banner_float .banner_txt  {
    padding-right: 3.8rem;
    text-align: right;
    padding-top: 5rem;
    
}
.section1 .swiper-container-homebanner .swiper-slide img {
    display: block;



}

.section1 .swiper-container-homebanner .swiper-slide img.s-show{
    display: none;

}
.section1 .swiper-container-homebanner .swiper-slide img.imgH {

  }


.section1 .banner_float span{
    display: block;
    font-size:.23rem;
    color: #000;
    opacity: 0.6;
    line-height: .28rem;
    margin-bottom: .4rem;
}
.section1 .banner_float h2{
    font-size:.54rem;
    color: #000;
    line-height: .74rem;
    margin-bottom: .75rem;
}
.section1 .banner_float h2 b{
    display: block;
    font-size:.54rem;
    font-weight: 600;
}
.section1 .banner_float a{
    display: inline-block;
    box-sizing: border-box;
    width: 2rem;
    height: .5rem;
    background: #fff;
    padding: 0 .3rem;
    border-radius: .25rem;
    font-size: .16rem;
    color: #000;
    line-height: .5rem;
    text-align: left;
    background: url(../images/banner_icon.png) no-repeat 1.5rem center #fff;
    background-size: .28rem .16rem;
}
.section1 .banner_float a:hover{
    background: url(../images/banner_icon2.png) no-repeat 1.5rem center #d6000f;
    background-size: .28rem .16rem;
    color: #fff;
}

.section1 .tabicons {
    position: absolute;
    width: 100%;
    bottom: .5rem;
    text-align: center;
}
.section1 .tabicons span{
    display: inline-block;
    width: .15rem;
    height: .15rem;
    background: #fff;
    opacity: .8;
    border-radius: 50%;
    cursor: pointer;
    margin: .05rem;
}
.section1 .tabicons span.on{
    background: #c7102c;
}

.section1 .swiper-container-homebanner .banner_icons {
  position: absolute;
  z-index: 9;
  bottom: 0.9rem;
  left: 0;
  text-align: center;
}
.section1 .swiper-container-homebanner .banner_icons span {
  display: inline-block;
  cursor: pointer;
  width: 0.1rem;
  height: 0.1rem;
  border: 1px solid #fff;
  border-radius: 1rem;
  margin: 0 0.05rem;
  opacity: 1;
  background: #fff;
}
.section1 .swiper-container-homebanner .banner_icons span.icons-active {
  width: 0.3rem;
  height: 0.08rem;
  border: none;
  border: 1px solid #283148;
  background: #283148;
  opacity: 1;
}






.swiper-container {height: 100%;}
.pagination {font-size:0.3rem;color: #fff }
.pagination span {font-size:0.3rem;}
.pagination .swiper-pagination-current {font-size:0.72rem;}

.swiper-button {position: absolute;right: 1.57rem;bottom: 1.13rem;z-index: 9;}
.swiper-button .button {display: inline-block; width: 0.58rem;height: 0.58rem;border:2px solid #fff;cursor: pointer;}
.swiper-button .button-next {background: url(../images/to_r.png) no-repeat center;}
.swiper-button .button-prev {background: url(../images/to_lw.png) no-repeat center;margin-left: 0.2rem;}

.section  {position: relative;overflow: hidden;}

 .section1 .slide1 .slideL {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay:-0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
} 


 
.section1 .slide1 .slideR img.img1 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section1 .slide1 .slideR img.img2 {
    -webkit-animation-duration: 0.9s;
    animation-duration:0.9s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section1 .slide1 .slideR img.img3 {
    -webkit-animation-duration: 0.6s;
    animation-duration:0.6s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
} 



/* 以岭动态 */
.section2 {
    padding-left:2rem;
    padding-right: 2rem;
    box-sizing: border-box;
    display: table;
    z-index: 100!important;
    background: #fff;

}
.section2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:13rem;
    background:#414b65;
    z-index: -1;
    background: url(../images/xwlm-1.png) no-repeat;
}
.section2 .divtab_top {
    overflow: hidden;
    position: relative;
    margin-bottom: .4rem;
   
}
.section2 .divtab_top .section_tit {

}
.section2 .divtab_top .arrows {

    position: absolute;
    right: 0;
    bottom: 0;
}

.section2 .tabdivs .div_l {
    width:57%;
}
.section2 .tabdivs .div_l a {
    display: block;
    width: 100%;
    overflow: hidden;
}
.section2 .tabdivs .div_l img {
    display: block;
    width: 100%;
    height: 6.52rem;
    transform:scale(1.05);
    transition: all 1s;
}


.section2 .tabdivs .div_l .imgH {
-webkit-transform: scale(1);
transform: scale(1);
}

.section2 .tabdivs .div_r {
    width:43%;
    height: 10rem;
}


.section2 .arrows::after {
    content: "";
    display: block;
    clear: both;
}
.section2 .arrows span{
    display: inline-block;
    overflow: hidden;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    border:1px solid #ccc;
    cursor: pointer;
    color: #939599;
    font-size: .16rem;
    font-family:"Microsoft YaHei";
}
.section2 .arrows span.s_prev{
    background: url(../images/arrow_l.png) no-repeat center;
    border-radius: .17rem 0 0 .17rem;
    background: url(../images/arrow_lh.png) no-repeat center #283148;
    border:1px solid #283148;
}
.section2 .arrows span.s_prev:hover{
    background: url(../images/arrow_lh.png) no-repeat center #68aa35;
    border:1px solid #68aa35;
}
.section2 .arrows span.s_next{
    background: url(../images/arrow_r.png) no-repeat center;
    border-radius: 0  .17rem .17rem 0;
    background-color: aliceblue;
}
.section2 .arrows span.s_next:hover{
    background: url(../images/arrow_rh.png) no-repeat center #68aa35;
    border:1px solid #68aa35;
}
.section2 .tabdivs {
    height: 6.52rem;
    overflow: hidden;
}

.section2 .tabdivs .div_r  {
    background: #fff;
    border-radius: 0 1rem 0 0;
}
.section2 .tabdivs .div_r ul li  {
   padding:0 .5rem 0 1rem;
   
}
.section2 .tabdivs .div_r ul li:last-child  h3::after{
    display: none;
 }


.section2 .tabdivs .div_r ul li h3 {
    position: relative;
    padding:0.15rem 0;
    min-height: .6rem;
 }
 .section2 .tabdivs .div_r ul li h3::after {
    content: "";
    display: block;
    height: 1px;
    background: #e6e5e5;
    width: 100%;
    position: absolute;
    bottom: 0;
 }
 .section2 .tabdivs .div_r ul li h3 a{
    display: inline-block;
    /* font-size: .2rem; */
    font-size: 17px;
    color: #000;
    line-height: 1.5;
    width: 4.5rem;
 }

.section2 .tabdivs .div_r ul li p {
    font-size: .14rem;
    color: #666;
    line-height: 1.5;
    display: none;
 }
.section2 .tabdivs .div_r ul li span {
    font-size: .14rem;
    color: #353535;
    position: absolute;
    bottom: .15rem;
    right: 0;
 }
.section2 .tabdivs .div_r ul li.current {
    background: -webkit-linear-gradient(bottom,#001239, #46a6ff);
    padding:.35rem .5rem .35rem 1rem;
    border-radius: 0 50rem 50rem 0;
 }
 .section2 .tabdivs .div_r ul li.current h3 a{
     color: rgb(255, 255, 255);
 }
 .section2 .tabdivs .div_r ul li.current h3::after  {
    display: none;
 }
.section2 .tabdivs .div_r ul li.current h3 {
    width: auto;
    font-weight: bold;
}
.section2 .tabdivs .div_r ul li.current h3 a {
    width: auto;

}
 .section2 .tabdivs .div_r ul li.current p {
    display: block;
}
.section2 .tabdivs .div_r ul li.current span {
    bottom: .15rem;
}
.section2 .tabdivs .div_r ul li.bn h3::after {
   display: none;
 }


 .section2 .tabdivs .div_r ul li:nth-child(1) {
    animation-duration: 0s;
    -webkit-animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 }
 .section2 .tabdivs .div_r ul li:nth-child(2) {
    animation-duration: .9s;
    -webkit-animation-duration: .9s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 }
 .section2 .tabdivs .div_r ul li:nth-child(3) {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 }
 .section2 .tabdivs .div_r ul li:nth-child(4) {
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 }
 .section2 .tabdivs .div_r ul li:nth-child(5) {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 }
 .section2 .tabdivs .div_r ul li:nth-child(6) {
    animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 }



.section_inner .div_more {
    text-align: center;
    padding-top: .4rem;
}
.section_inner .div_more a {
    font-size: .16rem;
    color: #7f7f7f;
    padding-bottom: .05rem;
    border-bottom: 1px solid #7f7f7f;
}
.section_dh{
    padding: 17px 0;
    border-bottom: 1px solid #444444;
    margin-bottom: 25px;
  }
  .section_dhul{
    display: flex;
    justify-content: space-between;
    font-size: 0.2rem;
  }
  .section_dhul li a span{
    color: #feffff;
  }






/* 走进以岭 */
.section3 {
    padding-left:2rem;
    box-sizing: border-box;
    display: table;
    /* background: url(../images/section3bg1.jpg) no-repeat center; */
    background-size: cover;
    overflow: hidden;
    transform:scale(1.1);
    transition: all ease-out 2s;
    -moz-transition: 2s; /* Firefox 4 */
    -webkit-transition: 2s; /* Safari 和 Chrome */
    -o-transition: 2s;
}
.section3H {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.section3 .videoBox {
    position:absolute;
    width: 100%;
    height: 100%;
    background: url(../images/beijing-1-1.jpg) no-repeat center;
    background-size:cover;
    left: 0;
    top: 0;
    z-index: 1;
}
.section3 .section_inner {
    position: relative;
    z-index: 4;
}
.section_inner {
    display: table-cell;
    vertical-align: middle;
}
.section3 .section_div {
    width: 7.0rem;
    height: 4.7rem;
    padding: 0.3rem 1.2rem 0.3rem 0.3rem;
    box-sizing: border-box;
    /* background:url(../images/section3_icon1.png) no-repeat right bottom #f1f1f1; */
    background-size: 4.82rem 5.67rem;
    /* background-color: rgba(241, 241, 241, 0.8); */
    background: -webkit-linear-gradient(135deg, #46a6ffab, #001239f0);
border-radius: 6px;
}

.section3 .section_div .section_div_content {
    /* width: 6.28rem; */
    height: 2.8rem;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -1.9rem;
    /* padding: 1.1rem; */
    /* box-sizing: border-box; */
    /* background:url(../images/section3_icon1.png) no-repeat right bottom #f1f1f1; */
    /* background-size: 4.82rem 5.67rem; */
}

.section3 .section_div .div_a {
    position: absolute;
    bottom: 0rem;
    left: 0rem;
}
.div_tit p{
    font-family: inherit;
    font-size: 15px;
    margin-top: 7px;
    color: aliceblue;
}
.section3 .section_div .div_tit{
    margin-bottom: .2rem;
}
.section3 .section_div .div_tit h3 {
    font-size: .32rem;
    color: #ffffff;
    font-weight: bold;
    font-family: monospace;
}
.section3 .section_div .div_text {
    margin-bottom: .5rem;
}
.section3 .section_div .div_text p {
    font-size: .2rem;
    color: #ffffff;
    line-height: .32rem;
    margin-bottom: .5rem;
}
.section3 .section_tit {
    float: left;
    margin-top: -.6rem;
}

.section3 .vidoIcon {
    display: block;
    width: 1.04rem;
    height: 1.04rem;
    background: url(../images/section3_icon2.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left:4rem;
    cursor: pointer;
    
    
}


.section3   .video_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
  }
  .section3  .video_wrap #video_index {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .section3  .video_wrap .imgclose {
    position: absolute;
    bottom: 10%;
    width: 2.29167vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
  }


  .section3 .videoClose {
    display: block;
    width: .58rem;
    height: .58rem;
    background: url(../images/video_close.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: 1rem;
    opacity: .85;
    cursor: pointer;
    display: none;
    opacity: 0;
    z-index: 29;

}





/*.section4*/
.section4 {
    position: relative;
    /* padding-left:2rem; */
    box-sizing: border-box;
    display: table;
    /* background: url(../images/section4bg1.jpg) no-repeat center #fff; */
    background-size: cover;
    z-index:101!important ;
}
.section4 .section_inner {
    height: 100%;
    position: relative;
}
.section4  .section_tit {
    position: absolute;
    top: 1rem;
}
.section4  .section_tit .sen,.section4  .section_tit .scn {
    color: #fff;
}


.section4 .tabicons {
    /* width: 2.9rem; */
    width: 14%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.section4 .tabicons ul {
    height: 100%;
}
.section4 .tabicons ul li {
    height: 25%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.section4 .tabicons ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

.section4 .tabicons ul li div {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity:0.6 ;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.section4 .tabicons ul li div span {
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: .3rem;
    z-index: 5;
    
}

.section4 .tabicons ul li.current div {
    top: 0;
}




.section4 .tabicons .arrows{
    display: inline-block;
    overflow: hidden;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    
    cursor: pointer;
    color: #939599;
    font-size: .16rem;
    font-family:"Microsoft YaHei";
    position: absolute;
    right: 1.25rem;
    z-index: 10;
}
.section4 .tabicons .arrows.s_up{
    background: url(../images/arrow_top.png) no-repeat center #283148;
    border-radius: 0 0 .17rem .17rem;
    top: 0;
    

}

.section4 .tabicons .arrows.s_down{
    background: url(../images/arrow_down.png) no-repeat center #283148;
    border-radius:  .17rem .17rem 0 0;
    bottom: 0;
    

}


.section4 .tabdivs .tabbox {
    display: none;
    height: 100%;
}

.section4 .tabdivs .tabbox:nth-child(1) {
    display: block;
}
.section4 .tabdivs .div_l {
    /* width: 8rem; */
    width: 100%;
    height: 100%;
    text-align: right;
    display: block;
    /* padding-left: 1rem; */
}
.section4 .tabdivs .div_l img {
    display: block;
    width: 100%;
    height: 78em;

}
.section_inner .tabdivs{
    width: 86%;
}

.section4 .tabdivs .div_r{
    width: 5rem;
    padding-right: 4rem;
    /* padding-top: 2.4rem; */
   /* height: 450px;*/
    overflow-y: hidden;
    position: relative;
    top: 50%;
    margin-top: -200px;
}
.section4 .tabdivs .div_r .div_tit {
    margin-bottom: .45rem;
}
.section4 .tabdivs .div_r .div_tit h3 {
    font-size: .42rem;
    color: #030303;
    font-weight: bold;
}
.section4 .tabdivs .div_r .div_text {
    margin-bottom: 0.2rem;
    /*height: 300px;*/
    overflow-y: hidden;
}
.section4 .tabdivs .div_r .div_text p {
    font-size: .16rem;
    color: #030303;
    line-height: .32rem;
}

.section4 .tabdivs .div_r .div_text_mobile {
    margin-bottom: 0.2rem;
    /*height: 300px;*/
    overflow-y: hidden;
}
.section4 .tabdivs .div_r .div_text_mobile p {
    font-size: .16rem;
    color: #030303;
    line-height: .32rem;
}


@media screen and (max-width:768px) {
    .section4 .tabdivs .div_r .div_text {
        display: none;
    }

    .section4 .tabdivs .div_r .div_text_mobile {
        display: block;
    }

    .section4 .tabdivs .div_r .div_text_mobile p {
        font-size: .2rem;
        color: #ffffff;
        line-height: .32rem;
    }
}

@media screen and (min-width:769px) {
    .section4 .tabdivs .div_r .div_text {
        display: block;
    }

    .section4 .tabdivs .div_r .div_text_mobile {
        display: none;
    }

    .section4 .tabdivs .div_r .div_text_mobile p {
        font-size: .16rem;
        color: #030303;
        line-height: .32rem;
    }
}

.section4 .tabicons ul li.li1 {
    background: url(../images/01bg.png) no-repeat center;
    background-size: cover;
}
.section4 .tabicons ul li.li2 {
    background: url(../images/02bg.png) no-repeat center;
    background-size: cover;
}

.section4 .tabicons ul li.li3 {
    background: url(../images/03bg.png) no-repeat center;
    background-size: cover;
}

.section4 .tabicons ul li.li4 {
    background: url(../images/04bg.png) no-repeat center;
    background-size: cover;
}

.section4 .tabicons ul li.li5 {
    background: url(../images/05bg.png) no-repeat center;
    background-size: cover;
}



















.section4 .business_list ul li.li1 .divtext {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section4 .business_list ul li.li2 .divtext {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section4 .business_list ul li.li3 .divtext {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}





/*首页-信富会 section5*/

.section5 {
    position: relative;
    padding:0 1.6rem;
    box-sizing: border-box;
    display: table;
    background: url(../images/section5bg1.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;

    transform:scale(1.1);
    transition: all ease-out 2s;
    -moz-transition: 2s; /* Firefox 4 */
    -webkit-transition: 2s; /* Safari 和 Chrome */
    -o-transition: 2s;
}

.section5H {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.section5 .section_tit .div_text {
    width: 3.4rem;
    padding-top: .5rem;
    margin-bottom: .25rem;

}
.section5 .section_tit .div_text p{
    font-size: .25rem;
    color: #000;
    line-height: .4rem;
    margin-bottom: .5rem;
}
.section5 .div_r {
    width: 10rem;
}
.section5 .div_r ul  {

}
.section5 .div_r ul li {
    float: left;
    width: 4.8rem;
    height: 2.06rem;
    box-sizing: border-box;
    padding: .65rem .5rem 0 .5rem;
    margin-left: .15rem;
    margin-bottom: .15rem;
    position: relative;
    box-shadow: 0 0.1rem 0.15rem 0.1rem rgb(0 0 0 / 10%);
}
.section5 .div_r ul li h3 {
    font-size: .32rem;
    line-height: .42rem;
}
.section5 .div_r ul li a.more {
    font-size: .16rem;
    color: #7f7f7f;
    padding-bottom: .05rem;
    position: absolute;
    right: .5rem;
    top:50%;
    width: .62rem;
    background: url(../images/section5_aw.png) no-repeat bottom right;
    background-size: .62rem .09rem;
}
.section5 .div_r ul li a.more:hover {
    color: #d6000f;
    background: url(../images/section5_awh.png) no-repeat bottom right;
}
.section5 .div_r ul li:nth-child(1) {
    background: url(../images/youshi-01.png) no-repeat;
    background-size: cover;

    
}
.section5 .div_r ul li:nth-child(2) {
    background: url(../images/youshi-02.png) no-repeat;
    background-size: cover;
}
.section5 .div_r ul li:nth-child(3) {
    background: url(../images/youshi-03.png) no-repeat;
    background-size: cover;
    -webkit-animation-duration: 1.3s;
    animation-duration:1.3s;
    -webkit-animation-delay: 1s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.section5 .div_r ul li:nth-child(4) {
    background: url(../images/youshi-04.png) no-repeat;
    background-size: cover;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 1s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section5 .toTop {
    position: absolute;
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/arrow_top.png) no-repeat center #283148;
    right: .5rem;
    bottom: .5rem;
    cursor: pointer;

}


/* footer */



/*联系我们*/

.section_footer .footer_nav {overflow: hidden;padding: 0 1.6rem;padding-top: .4rem;height: auto;}
.section_footer .footer_nav .fonav  {overflow: hidden;padding-top: .25rem;}
.section_footer .footer_nav .fonav li {float: left;padding: 0 .2rem;line-height: 1;position: relative;margin-bottom: .3rem;}
.section_footer .footer_nav .fonav li::after {content: "";display:block;width: 1px;height: .16rem;position: absolute;right: 0;top: 0;background: #333;}
.section_footer .footer_nav .fonav li:nth-child(6)::after {display: none;}
.section_footer .footer_nav .fonav li:nth-child(10)::after {display: none;}
.section_footer .footer_nav .fonav li a {font-size: .14rem;color: #333;}


.section_footer .footer_nav .foimg {overflow: hidden;}

.section_footer .footer_nav .foimg li {float: left;text-align: center;}
.section_footer .footer_nav .foimg li img {display: inline-block;width: 1.7rem;}




.footer_co {background: #f8f8f8;position: absolute;bottom: 0px;height: .8rem;left: 0;width: 100%;box-sizing: border-box;padding: 0 1.6rem;}

.footer_co .div_l p {line-height: .8rem;font-size: .14rem;color: #999;}
.footer_co .div_r .divlink {position: relative;}
.footer_co .div_r .divlink p {line-height: .8rem;font-size: .14px;color: #999;}
.footer_co .div_r .divlink p span {background:url(../images/linkicon.png) no-repeat right center;padding-right: 20px;cursor: pointer;}
.footer_co .div_r .divlink .linkbox {position: absolute; bottom: 50px; right: 0 ;background: #fff;padding: 10px;width: 120px;border:1px solid #e1e1e1;display: none;}
.footer_co .div_r .divlink .linkbox a {display: block;color: #999;line-height: .23rem;margin: 2px 0;}
.footer_co .div_r .divlink .linkbox a:hover {color: #c7102c;}




.loader {background: #fff;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 9999;}
.loader-wrap {width: 16rem;margin: 0 1.6rem;position: relative;}

.loader_line {position: absolute;top:6.2rem; width: 16rem;}
.loader_line .loader_logo {width:2.43rem;margin-bottom: 0.83rem;}

.loader_line .linebox {width: 100%;height:1px;background: #e5e5e5}
.loader_line .lineto {width: 0;height:1px;background: #c7102c }

.loader_number {font-size: 3rem;color: #e5e5e5;position: absolute;right: 0;top: 3.8rem;}




.div_l {float: left;}
.div_r {float: right;}


#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {width: 18px;height: 18px;margin: 0px;opacity: 1}


#fp-nav.navred ul li a span, .navred .fp-slidesNav ul li a span {background: url(../images/point2.png) no-repeat center;}
#fp-nav.navw ul li a span, .navw .fp-slidesNav ul li a span {background: url(../images/point1.png) no-repeat center;}





/* 右侧圆点 */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #c7102c;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:15px 0 ;
}
.swiper-container-vertical>.swiper-pagination-bullets {
    right: 45px;
}
.swiper-pagination-bullet-active {
    box-shadow: 0 0 0 6px rgba(199, 16, 44,0.2);
}


.swiper-pagination-colorw .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #fff;
}
.swiper-pagination-colorw .swiper-pagination-bullet-active {
    box-shadow: 0 0 0 6px rgba(255, 255, 255,0.1);
}

@media screen and (max-device-width: 360px){
	/*oppo  STYLES GO HERE */
	 .section2 .divtab_top {
    position:inherit;
        margin-bottom: .2rem;
         text-align: right;
    }
    
    .section2 .tabdivs {
    height: 10.5rem;
    overflow: hidden;
	}
	.section2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:2.8rem;
    /* background:#e7edf6; */
    background:#2f3649;
    z-index: -1;
	}
} 


@media screen and (max-device-width: 360px)  and (max-device-heght: 640px)
{
	/*oppo  STYLES GO HERE */
	 .section2 .divtab_top {
    position:inherit;
        margin-bottom: .2rem;
         text-align: right;
    }
    
    .section2 .tabdivs {
    height: 9.5rem;
    overflow: hidden;
	}
	.section2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:2.8rem;
    background:#e7edf6;
    z-index: -1;
	}
} 


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	/* iphone6/7/8 STYLES GO HERE */
	 .section2 .divtab_top {
    position:inherit;
        margin-bottom: .2rem;
         text-align: right;
    }
    
    .section2 .tabdivs {
    height: 10rem;
    overflow: hidden;
	}
	.section2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:2.8rem;
    background:#e7edf6;
    z-index: -1;
	}
} 

@media screen and (min-width:1025px) and  (max-width:1367px) {
    
    .section1 .banner_float h2 {
        font-size: .44rem;
    }
    .section1 .banner_float h2 b {
        font-size: .44rem;
    }
    .section1 .banner_float .banner_txt {
        padding-top: 4rem;
    }


    .section2 .section_tit span {
        font-size: .33rem;
    }
    .section2 .section_tit span {
        font-size: .33rem;
    }
    .section2 .divtab_top {
    position:inherit;
        margin-bottom: .2rem;
         text-align: left;
    }

    .section2 .tabdivs {
        height: auto;
    }
    .section2 .tabdivs .div_r ul li h3 {
        padding: 0.105rem 0;
    }
    .section2 .tabdivs .div_l img {
        height: auto;
    }
    .section2 .tabdivs .div_r ul li {
        padding: 0 .25rem 0 .5rem;
    }
    .section2 .tabdivs .div_r ul li.current {

        padding: .15rem .25rem .15rem .5rem;
        border-radius: 0 50rem 50rem 0;
    }
    .section2 .tabdivs .div_r ul li h3 a {
        font-size: 1.3em;
        line-height: 1.5;
    }
    .section2 .tabdivs .div_r {

        border-radius: 0 .8rem 0 0;
    }
    .section3 .section_div .div_text p{
        font-size: 1.3em;
    }
    .section_inner .tabdivs{
        width: 94%;
    }
    .section5 .section_tit .div_text p{
        font-size: 1.3em;
    }
    .section5 .div_r ul li h3{
        font-size: 1.3em;
    }
    .footer .phone ul li p{
        font-size: 1.3em;
    }
    .footer .section_bottom p{
        font-size: 1.3em;
    }
    .footer .divlink span{
        font-size: 1.3em;
    }
    .section4 .tabicons{
        width: 18%;
    }
    .section4 .tabdivs .div_l img{
        height: 60em;
    }

    .section4 {
        /* padding-left: 1.5rem; */
    }
    .section4 .tabdivs .div_l {
        padding-left: 0;
    }

    .section4 .tabdivs .div_r {
        padding-right: 3.5rem;
    }

}

@media screen and (max-width:1023px) {

    .section1 .home_banner ul li img {
        width: auto;
        float: right;
    }

    .section1 .banner_float {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }



    .section2,.section3,.section4 {
        padding: 0 .2rem;
        
    }
    
    .section2 .tabdivs .div_l {
        display: none;
        border-radius: 0 5rem 0 0;
    }
    .section2 .tabdivs .div_r {
        width: 100%;
    }
    .section2 .tabdivs .div_r {
        background: none;
    }

    .section3 {
        padding: 0 .5rem;
    }
    .section3 .section_div {
        width: auto;
        padding: .2rem;
        margin-top: 3.5rem;
        height: 5rem;
background-color: rgba(241, 241, 241, 0.7);
 border-radius: 10px;
    }
    .section3 .vidoIcon {
        left: 3rem;
        top: 2rem;
        display: none!important;
    }
    .section3 .section_tit {
        margin-bottom: .5rem;
        float: right;
        margin-top: .5rem;
    }
.section3 .section_div .div_text p {
    font-size: .25rem;
    line-height: .4rem;
}
.section3 .section_div .div_a {   
    margin-left: 3rem;
    margin-bottom: -15px;
}
    .section4 {
        background-position: -2rem center;
    }
    .section4 .section_tit {
       top: 0.2rem;
       left: 1.5rem;
    }
    .section4 .tabicons {
        width: 2.5rem;
        right: -.2rem;
    }
    .section4 .tabdivs .div_l {
        width:4rem;
        padding-top: 1rem;
    }
    .section4 .tabdivs .div_r {
        width: 4rem;
    }
    .section4 .tabdivs .div_l img {
        width: 100%;
        height: auto;
    }
    .section4 .tabicons .arrows {
        right: 1rem;
    }
    
    .section4 .tabdivs .div_r {
   
        float: left;
        padding: 0;
        padding-left: .2rem;
        box-sizing: border-box;
    }
    .section4 .tabdivs .div_r .div_tit h3,.section4 .tabdivs .div_r .div_text p {
        color: #fff;
    }
    
    .section4 .tabdivs .div_l {
        padding-left: 0;
    }



    .section5 {
        padding: 0 .5rem;
        display: flex;
        align-items: center;
    }
    .section5  .section_inner {
        
    }
    .section5 .div_r {
        padding-top: .5rem;
    }
    .section5 .div_r ul li {
        float: none;
        padding:.2rem .2rem;
        height: auto;
        margin: 0;
        margin-bottom: .1rem;
    }
    .section5 .section_tit .div_text {
        width: 6rem;
        padding-top: .1rem;
    }
     
    .section5 .div_r ul li h3 {
        text-align: center;
    }
 .section5 .section_tit .scn  {
 text-align: right;
}
 .section5 .section_tit  .sen {
 text-align: right;
}

    .section1 .banner_float {
        background: url(../images/banner_titbg_phone.png) no-repeat right center;
        background-size:4.41rem 13.34rem;
        width: 100%;
        right: 0;
    }
    .section1 .banner_float .banner_txt {
        padding-right:.5rem;
    }



}


@media screen and (max-width:768px) {
    .section1 .swiper-container-homebanner .swiper-slide img.l-show {
        display: none;

    }
    .section1 .swiper-container-homebanner .swiper-slide img.s-show {
        display: block;

    }



    .section1 .banner_float {
        background: none;
        display: block;
    }
    .section1 .banner_float .banner_txt {
        padding-top: .5rem;
    }
    .section1 .banner_float h2 {
        height: 9rem;
        margin-bottom: 0;
    }


    .section4 .tabicons ul li {
        align-items: center;
        display: flex;
    }
    .section4 .tabicons ul li img {
        height: auto;
    }



}