html,body{
    font-family:'PingFang';
    font-size:62.5%;

}
@font-face {

    font-family: 'PingFang';

    src: url('../font/.font-spider/PingFang.TTF');

    src:
            url('../font/.font-spider/PingFang.TTF') format('truetype');

    font-weight: normal;

    font-style: normal;

}
/*@font-face {*/
/*    font-family:"PingFangbold";*/
/*    src: url(../font/PINGFANGBOLD.TTF)format("truetype");*/
/*}*/
/*@font-face {*/
/*    font-family:"PingFanglight";*/
/*    src: url(../font/PINGFANGLIGHT.TTF)format("truetype");*/
/*}*/
/*@font-face {*/
/*    font-family:"PingFangmedium";*/
/*    src: url(../font/PINGFANGMEDIUM.TTF)format("truetype");*/
/*}*/
/*@font-face {*/
/*    font-family:"PingFang";*/
/*    src: url(../font/PingFang.TTF)format("truetype");*/
/*}*/
li{
    list-style:none;
}
a{
    text-decoration:none;
    color:#000;
}
/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

/*html, body {*/
/*    position: relative;*/
/*    height: 100%;*/
/*}*/
body {
    background:#fff;
}
.swiper-slide{
    background: #eee;
}
    /*.swiper-container {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
/*.swiper-slide {*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    background: #fff;*/

/*    !* Center slide text vertically *!*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: -webkit-flex;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    -webkit-align-items: center;*/
/*    align-items: center;*/
/*    transition: 300ms;*/
/*    transform: scale(0.8);*/
/*}*/
/*.swiper-slide-active,.swiper-slide-duplicate-active{*/
/*    transform: scale(1);*/
/*}*/
#menu{
    width: 100%;
    height: 100px;
  line-height: 84px;
    background-color: white;
    position: absolute;
    top: 0;
    box-shadow: 0 0 5px #888;
}
.logo {
    display: block;
    width: 18rem;
    height: 37px;
    background: url(../images/logo.png) 100% no-repeat;
    background-size: contain;
    position: absolute;
    top: 30px;
    left: 13%;
}
.li_group{
    float: right;
    padding-right: 13%;
}
.max-width{
    /*width:116.66rem;*/
    position: relative;
    margin: 0 auto;
    height: auto;
}
.li_group li a{
    color: #070000;
    font-family:"PingFangbold";
    font-size: 22px;

}
.img1{
    background: url(../images/banner1.png) 100% no-repeat;
}
.img2{
    background: url(../images/banner2.png) 100% no-repeat;
}
.img3{
    background: url(../images/banner3.png) 100% no-repeat;
}
.group1 h1{
    font-family: 'PingFangmedium';
    font-size:65px;
    color: #fff;
}
.group .fp-tableCell{
    /*vertical-align: top !important;*/
    /*padding-top: 100px;*/
}
.title{
    padding:60px 0 60px 0;
}
.title  p{
    font-size: 26px;
}
.section h3{
    font-family: 'PingFangmedium';
    text-align: center;
    color: #070000;
    font-size:40px;
}
.group1 p{
    text-align: center;
    color: #7d7d7d;
    font-size: 32px;
}
.group2-content{
    position: relative;
    height: 600px;
}
.group2_left{
        width:62.5rem;
    height: 36.66rem;
    overflow:hidden;
    position: absolute;
    z-index: 88;
    left: 0;
    top: 2.583rem;
}
.group2_left img{
    width: 100%;
    height: 100%;
}
.group2_right{
    width:77%;
    height: 41.666rem;
    right: 0;
    background-color:#f2f2f2 ;
    position: absolute;
    z-index: 80;
}
.group2_div{
    width:50rem;

    overflow: hidden;
    padding:2.5rem;
    background-color: white;
    position: absolute;
    z-index: 90;
    left: 45%;
    top:6.75rem;


}
.group2_div p{
    font-family:"PingFang";
    font-size: 24px;
   text-indent: 2em;
    text-align: left;
    font-weight: bold;
    color: #7d7d7d;
}
/*两排布局*/
ul{
    margin: 0;
    padding:0;
}
.kc_container {
    position: relative;
}
.kc_container ul {
    overflow: hidden;
}
.kc_container ul li:nth-child(2n+1) {
    padding-right:2.5rem;
}
.kc_container ul li:nth-child(2n) {
    padding-left:2.5rem;
}
.kc_container ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-bottom: 5px;
    position: relative;
    overflow: hidden;
}
.kc_container ul li img{
    width: 100%;
    height: 100%;
}
.list-bottom{
    font-family:"PingFangmedium";
    height: 12.5rem;
    line-height: 12.5rem;
    background-color: #f2f2f2;
    font-size: 36px;
    color:#070000 ;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    overflow: hidden;
}
.section3_top{
    width: 100%;
    height:37.5rem;
    background:url("../images/beijin.png")100%  no-repeat ;
    background-size: cover;
}
.section3{
    background-color: #f2f2f2;
}
/*.section3{*/
/*    background-color: #f2f2f2;*/
/*}*/
.title1{
    padding: 5rem 0 5rem 0;
}
.title1 h3{
    font-family: 'PingFangmedium';
    text-align: center;
    color: #fff;
    font-size: 40px;
}
.title1 p {
    font-size: 26px;
    color: #fff;
}
.section3_container{
    width: 100%;
    display: flex;
    font-size: 0.14rem;
    color: #676769;
    position: absolute;
bottom: 0;
}
.section3_list{
    /*height: 2.6rem;*/
    flex: 1;
    padding: 0.4rem 0.3rem 0.28rem 0.36rem;
    margin: auto 2.5rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);


}
.section3{
    position: relative;
}
/*.section3_img  .name{*/
/*    color: #070000 !important;*/
/*}*/
.section3_img{
    width: 16.25rem;
    height: 16.25rem;
    overflow: hidden;
    margin: 0 auto;
    padding: 2.08rem;
}
.section3_img img{
    width: 100%;
    height: 100%;
}
.nane{
    font-size: 1.77083vw !important;
    font-weight: normal;
    color: #070000 !important;
}
.nane_yw{
    color: #7d7d7d;
    font-size: 1.1458vw;
    font-weight:lighter;
}
.section3_feng{
    width: 30px;
    height: 4px;
    background-color:#00923f ;
    margin: 15px auto;


}
.section3_list p{
    font-size: 24px;
    color: #7d7d7d;
    padding: 15px;
    font-weight: 600;
}
.section5{
    width: 100%;
    height: auto;
    background:url("../images/sebeijing.png")100%  no-repeat ;
    background-size: cover;
}
.section5_content{

    max-width: 1400px;
    margin: 3.75rem auto 6.5rem;
}
.section5_text p{
    font-family:"PingFangmedium";
font-size: 35px;
    color: #fff;
}
.section5_content ul{
    display: flex;
}
.section5_content ul li{
    transition: all .5s;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center;
}
.section6{
    display: flex;
}
.section6_content{
    flex: 1;
}
.section6_left{
background-color: #f1f1f1;
    padding: 2.5rem;
    border-radius: 10px;
}
.section6_left h1{
    font-size: 1.770vw;
    color: #7d7d7d;
}
.section6_right{
    margin-left: 45px;
}
.section6_right p{
    font-family:"PingFangbold";
    padding: 23px 45px;
    color: #7d7d7d;
    font-size: 34px;
    background-color: #f2f2f2;
    margin-bottom: 40px;
    text-align: left;
}
.map{
    float: left;
}
img{
    vertical-align: middle;
}
.nanf_content{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100vh;
    background: url(../images/erji.jpg)100% no-repeat;
    background-size: cover;
}
.nanf_content h1{
    font-size: 44px;
    color: #fff;
    padding: 60px 0;
    text-align: center;

}
.nanf_content .retun{

    position: absolute;
    top: 75px;
    left: 0;
}
.nanf_content .retun img{
    vertical-align: middle;
}
.nanf_left{
    width: 55%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    position: relative;
}
.nanr_text{
    position: absolute;
    width:520px;
    height: 520px;
    padding: 80px 60px;
    top: 20%;
    display: flex;
   justify-content: center;
    align-items: center;
    background: url(../images/erjiright.png) 100% no-repeat;
    background-size: contain;
    color: #fff;
    right: 0;
    overflow: hidden;
    font-size: 30px;

}
.kc_group{
    background-color: #fff;
}
.mobile_content{
    display: none;
}
.modal_group{
    display: none;
}
.fp-controlArrow.fp-prev{
    border-width: 0;
    width: 30px;
    height: 20px;
   background: url("../images/left.png") no-repeat 100%;

}
.fp-controlArrow.fp-next{
    border-width: 0;
    width: 30px;
    height: 20px;
    background: url("../images/right.png") no-repeat 100%;

}