*{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
.top{
    width: 100%;
    height: 1.24rem;
    background: url(../img/top.jpg)no-repeat;
    background-size: 100% 100%;
}
.top_1{
    width: 15rem;
    height: 1.24rem;
    margin: 0 auto;
    position: relative;
}
.top_2{
    font-size: 0.3rem;
    font-weight: 600;
    position: absolute;
    top: 0.48rem;
    left: 2.81rem;
}
.top_2 span{
    color: #ed1904;
}
.top_3{
    font-size: 0.16rem;
    display: block;
    position: absolute;
    top: 0.36rem;
    right: 1.1rem;
}
.top_4{
    font-size: 0.36rem;
    color: #ff2a09;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    position: absolute;
    right: 0.01rem;
    top: 0.55rem;
}
.banner{
    width: 100%;
    height: 9rem;
    background: url(../img/banner.jpg)no-repeat;
    background-size: 100% 100%;
}

.yh{
    width: 100%;
    height: 1.19rem;
    background: url(../img/yh.jpg)no-repeat;
    background-size: 100% 100%;
}
.yh_1{
    width: 15rem;
    height: 1.19rem;
    margin:0 auto;
    position: relative;
}
.butie_2 {
    width: 1.14rem;
    height: 1.16rem;
    font-size: 0.3rem;
    text-align: center;
    line-height: 0.6rem;
    font-style: italic;
    color: #cc0000;
    font-weight: 600;
    position: absolute;
    top: 0rem;
    right: 0.42rem;
}
.video{
    width: 100%;
    height: 9.48rem;
    background: url(../img/videobj.jpg)no-repeat;
    background-size: 100% 100%;
}
.video_tit{
    width: 15rem;
    height: 1.56rem;
    line-height: 1.56rem;
    text-align: center;
    font-size: 0.6rem;
    font-weight: 600;
    margin: 0 auto;
}
.video_2{
    width: 15rem;
    height: 7.76rem;
    margin: 0 auto;
}
.jisy{
    width: 100%;
    height: 8.4rem;
    background: url(../img/840.jpg);
    background-size: 100% 100%;
}
.jisy_1{
    width: 15rem;
    height: 8.4rem;
    margin: 0 auto;
    position: relative;
}
.jisy_2{
    font-size: 0.32rem;
    color: #333;
    position: absolute;
    display: block;
    font-weight: 600;
    top: 0.7rem;
    left: 0.2rem;
}
.jisy_3{
    font-size: 0.3rem;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: #fe9120;
    position: absolute;
    top: 1.2rem;
    left: 0.5rem;
}
.jisy_4{
    font-size: 0.24rem;
    color: #999999;
    letter-spacing: 0.025rem;
    position: absolute;
    top: 3.03rem;
    left: 6.27rem;
}
.jisy_5{
    font-size: 0.36rem;
    color: #666666;
    position: absolute;
    top: 3.33rem;
    left: 6.27rem;
    font-weight: 500;
}
.jisy_6{
    font-size: 0.62rem;
    color: #000000;
    font-weight: 600;
    position: absolute;
    top: 3rem;
    left: 11.08rem;
}
.jisy_7{
    font-size: 1.38rem;
    color: #000000;
    font-weight: 600;
    position: absolute;
    top: 2.3rem;
    left: 12.38rem;
}
.jisy_8{
    font-size: 0.17rem;
    color: #ffffff;
    position: absolute;
    display: block;
    text-align: center;
    top: 6.2rem;
    left: 6.68rem;
}
.jisy_9{
    
    font-size: 0.16rem;
    color: #ffffff;
    position: absolute;
    display: block;
    text-align: center;
    top: 6.17rem;
    left: 9.55rem;

}
.jisy_10{
    
    font-size: 0.16rem;
    color: #ffffff;
    position: absolute;
    display: block;
    text-align: center;
    top: 6.17rem;
    left: 12.77rem;

}
.jisy_11{
    font-size: 0.2rem;
    color: #666666;
    position: absolute;
    bottom: 0.95rem;
    left: 6.34rem;
    font-weight: 600;
}
.jisy_12{
    font-size: 0.3rem;
    color: #009933;
    position: absolute;
    bottom: 0.54rem;
    left: 6.34rem;
    font-weight: 600;
}
.jisy_13{
    width: 2.39rem;
    height: 0.6rem;
    background: #fe9120;
    border-radius: 50px;
    position: absolute;
    font-size: 0.22rem;
    color: #ffffff;
    line-height: 0.6rem;
    text-align: center;
    text-indent: -0.35rem;
    bottom: 0.43rem;
    right: 1.58rem;
}
.jisy_13 img{
    width: 0.33rem;
    height: 0.33rem;
    float: left;
    margin-top: 0.16rem;
    margin-left: 0.52rem;
}
.jisy_13:hover{
    background: #ff632a !important;
    color: #fff !important;
}
.tablist{
    width: 100%;
    height: 9.94rem;
    background: url(../img/tabbj.jpg)no-repeat;
    background-size: 100% 100%;
}
.tablist_1{
    width: 15rem;
    height: 9.94rem;
    margin: 0 auto;
}
.tab {

    position: relative;
    width: 15rem;
    height: 8.3rem;
    padding-top: 0.6rem !important;
    overflow: hidden;
    margin: 0 auto 20px auto;
    font-family: Arial;

}

.tab-nav {

    height: 0.95rem;

    overflow: hidden;

   

}
.foyt .swiper-pagination-bullet-active{
    background: rgba(24, 161, 69, 1);
}
.tab-nav a {

    display: block;

    float: left;

    width: 7.5rem;

    height: 0.95rem;

    line-height: 0.81rem;

    font-size: 0.3rem;

    text-align: center;

    text-decoration: none;

    color: #000;

    font-weight: 600;

    background: url(../img/white.png) no-repeat;

    background-size: 100% 100%;

}

.tab-nav a.current {

    background: url(../img/green.png) repeat !important;

    background-size: 100% 100%;
    color: #fff;

}

.tab-con {

    position: relative;

    width: 15rem;

    height: 6.8rem;
    margin-top: 0.46rem;

    overflow: hidden;

   

}

.tab-con-item {

    display: none;


   

    text-align: center;

    color: #fff;

}

.tabs_first_1{
    width: 5.07rem;
    height: 6.79rem;
    background: #fff;
    position: relative;
    overflow: hidden;
    float: left;
}
.tabs_one_1{
    font-size: 0.36rem;
    color: #000;
    font-weight: 600;
    position: absolute;
    top: 0.52rem;
    left: 0.4rem;
}
.tabs_one_2{
    font-size: 0.2rem;
    color: #009933;
    position: absolute;
    top: 1.15rem;
    left: 0.4rem;
}
.tabs_one_3{
    font-size: 0.2rem;
    color: #009933;
    position: absolute;
    top: 1.52rem;
    left: 0.4rem;
}
.tabs_one_4{
    font-size: 0.2rem;
    color: #009933;
    position: absolute;
    top: 1.87rem;
    left: 0.4rem;
}
.tabs_one_5{
    font-size: 0.2rem;
    color: #009933;
    position: absolute;
    top: 1.15rem;
    left: 2.62rem;
}
.tabs_one_6{
    font-size: 0.2rem;
    color: #009933;
    position: absolute;
    top: 1.52rem;
    left: 2.62rem;
}
.tabscppic{
    width:4.84rem;height: 3.92rem; position: absolute;
    top: 2.77rem;
    left: 0.4rem;
    cursor: pointer;
    transition: all 0.6s;
}
.tabscppic:hover {
    transform: scale(1.1);
    cursor: pointer;
    transition: all ease 0.6s;
}
.tabs_first_2 li{
    width: 4.77rem;
    height: 3.30rem;
    background: #fff;
    float: left;
    position: relative;
    overflow: hidden;
}
.tabs_first_2{
    float: revert;
    margin-left: 5.27rem;
}
.tabs_first_2 li:nth-child(1){
    margin-right: 0.19rem;
    background: url(../img/47701.jpg) no-repeat;
    background-size: 100% 100%;
}
.tabs_first_2 li:nth-child(3){
    margin-right: 0.19rem;
    margin-top: 0.19rem;
    background: url(../img/47703.jpg) no-repeat;
    background-size: 100% 100%;
}
.tabs_first_2 li:nth-child(2){
    background: url(../img/47702.jpg) no-repeat;
    background-size: 100% 100%;
}
.tabs_first_2 li:nth-child(4){
    margin-top: 0.19rem;
    background: url(../img/47704.jpg) no-repeat;
    background-size: 100% 100%;
}
.first_1{
    position: absolute;
    font-size: 0.3rem;
    top: 0.44rem;
    left: 0.38rem;
    color: #000;
    font-weight: 600;
}
.first_2{
    position: absolute;
    font-size: 0.2rem;
    top: 0.9rem;
    left: 0.38rem;
    color: #009933;
}
.tabsdiv1{
    width: 4.77rem;
    height: 3.3rem;
     background: rgba(24, 161, 69, 0.8);
    position: absolute;
    /* display: none; */
    color: #000;
    cursor: pointer;
    left: -4.77rem;
    transition: all 0.1s;
}
.divtit{
    font-size: 0.3rem;
    color: #fff;
    top: 0.5rem;
    font-weight: 600;
    left: 0.9rem;
    position: absolute;

}
.divtit1{
    font-size: 0.2rem;
    color: #fff;
    float: left;
    top: 1.08rem;
    left: 0.9rem;
    position: absolute;
}
.divtit2{
    font-size: 0.2rem;
    color: #fff;
    float: left;
    top: 1.44rem;
    left: 0.9rem;
    position: absolute;
}
.divtit3{
    font-size: 0.2rem;
    color: #fff;
    float: left;
    top: 1.82rem;
    left: 0.9rem;
    position: absolute;
}
.div289{
    width: 2.89rem;
    height: 0.48rem;
    background: url(../img/hqbj.jpg)no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2.28rem;
    left: 0.94rem;
    text-align: center;
    line-height: 0.48rem;
    color: #fff;
    font-size: 0.24rem;
    text-indent: 0.48rem;
}
.gd{
    width: 100%;
    height: 2.12rem;
    background: #fff;
}
.gd_1{
    width: 15rem;
    height: 2.12rem;
    margin: 0 auto;
    text-align: center;
}
.gd_2{
    width: 15rem;
    height: 0.85rem;
    line-height: 0.85rem;
    color: #000;
    text-align: center;
    font-size: 0.48rem;
    font-weight: 600;
}
.gd_3{
    font-size: 0.2rem;
    color: #333;
    text-align: center;
    line-height: 0.4rem;
    height: 0.4rem;
    width: 100%;
}
.gdpic{
    width: 100%;
    height: 6.49rem;
}
.gdpic_1{
    width: 15rem;
    height: 6.49rem;
    background: url(../img/649.jpg)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.ulist{
    width: 100%;
    height: 4.4rem;
}
.ullist_1{
    width: 15rem;
    height: 4.4rem;
    margin: 0 auto;
}
.ullist_2 li{
    float: left;
    width: 3.65rem;
    height: 3.98rem;
    background: #252b37;
}
.ullist_2 li img{
    width: 100%;
}
.ullist_2 li:nth-child(1){
    margin-right: 0.13rem;
}
.ullist_2 li:nth-child(2){
    margin-right: 0.13rem;
}
.ullist_2 li:nth-child(3){
    margin-right: 0.13rem;
}
.ullist_3{
    position: absolute;
    top: 0.05rem;
    left: 0.31rem;
    font-size: 0.28rem;
    color: #fff;
    font-weight: 600;
}
.ullist_4{
    position: absolute;
    top: 0.5rem;
    left: 0.31rem;
    font-size: 0.18rem;
    color: #fff;
}
.ullist_5{
    position: absolute;
    top: 0.8rem;
    left: 0.31rem;
    font-size: 0.18rem;
    color: #fff;
}
.ullist_2 li:hover{
    background: #009933;
    transition: all ease 0.6s;
}
.cps{
    width: 100%;
    height: 1.97rem;
    background: url(../img/cps.jpg)no-repeat;
    background-size: 100% 100%;

}
.cps_1{
    width: 15rem;
    height: 1.97rem;
    margin: 0 auto;
    position: relative;
}
.cps_tel{
    font-size: 0.36rem;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 1.04rem;
    left: 9.7rem;
}
.cps_cps{
    width: 2.39rem;
    height: 0.6rem;
    background: url(../img/zxs.png)no-repeat;
    background-size: 100% 100%;
    position: absolute;
    font-size: 0.2rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 0.6rem;
    text-indent: 0.28rem;
    top: 0.65rem;
    right: 0rem;
}
.lunbos{
    width: 100%;
    height: 6.71rem;
    background: #f5f5f5;
}
.lunbos_1{
    width: 15rem;
    height: 6.71rem;
    margin: 0 auto;
}
.lunbos_2{
    width: 3.27rem;
    height: 6.71rem;
    float: left;
    margin-right: 0.24rem;
    background: url(../img/cms.jpg)no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.lunbos_2 img{
    width: 100%;
}
.lunbos_3{
    width: 11.49rem;
    height: 6.71rem;
    float: right;
}
.lunbos_4{
    width: 100%;
    height: 6.71rem;
    background: red;
}
.swiper {
    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;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .lunbos_5{
      font-size: 0.3rem;
      position: absolute;
      color: #fff;
      top: 5.48rem;
      left: 0.56rem;
      font-weight: 600;
  }
.lb{
    width: 100%;
    height: 4.1rem;
    background: #fff;
}
.lb_1{
    width: 16rem;
    height: 4.1rem;
    margin: 0 auto;
}
.lb_2{
    width: 100%;
    height: 4.1rem;
}
.potys{
    width: 4.8rem !important; 
    height: 4.05rem !important;
    box-shadow: #ccc 10px 5px 10px;
    overflow: hidden;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}
.potys img{
    width: 100%;
    transition: all ease 0.6s;
}
.potys img:hover{
    transform: scale(1.1);
    cursor: pointer;
    transition: all ease 0.6s;
}
.ftr {
    width: 100%;
    height: 5.74rem;
    background: url(../img/574.jpg) no-repeat;
    background-size: 100% 100%;
}
.ftr_1 {
    width: 15rem;
    height: 5.74rem;
    margin: 0 auto;
    position: relative;
    color: #333333;
}
.ftr_1 ul li:nth-child(1) {
    position: absolute;
    font-size: 0.18rem;
    top: 1.8rem;
    left: 0.2rem;
}
.ftr_1 ul li span {
    font-family: impact;
    font-size: 0.36rem;
}
.ftr_1 ul li:nth-child(2) {
    position: absolute;
    font-size: 0.18rem;
    top: 1.8rem;
    left: 3.3rem;
}
.ftr_1 ul li span {
    font-family: impact;
    font-size: 0.36rem;
}
.ftr_1 ul li:nth-child(3) {
    position: absolute;
    font-size: 0.18rem;
    top: 3.8rem;
    left: 0.2rem;
}
.ftr_1 ul li span {
    font-family: impact;
    font-size: 0.36rem;
}
.ftr_1 ul li:nth-child(4) {
    position: absolute;
    font-size: 0.18rem;
    top: 3.8rem;
    left: 3.2rem;
}
.ftr_1 ul li span {
    font-family: impact;
    font-size: 0.36rem;
}
.piy {
    position: absolute;
    font-size: 0.3rem;
    top: 5.1rem;
    left: 6.2rem;
    color: #fff;
    font-weight: 600;
}
.bot {
    width: 100%;
    height: 8.58rem;
    background: url(../img/858.jpg)no-repeat;
    background-size: 100% 100%;
}
.bot_1 {
    width: 16rem;
    height: 8.58rem;
    margin: 0 auto;
    position: relative;
}
.bot_2 {
    width: 16rem;
    height: 8.13rem;
    margin: 0 auto;
}
.bot_3 {
    width: 16rem;
    height: 1rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1rem;
    font-size: 0.47rem;
    color: #000;
    font-weight: 600;
}
.bot_4 {
    width: 11rem;
    height: 1.6rem;
    margin: 0 auto;
    text-align: left;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.35rem;
}
.sss {
    width: 100%;
    position: absolute;
    top: 5.3rem;
}
.piy_5 {
    width: 100%;
    height: 5.07rem;
    overflow: hidden;
    background: #fff;
}
.bots li {
    width: 32%;
    float: left;
    box-shadow: 5px 8px 10px #ccc;
    margin-left: 0.5%;
    margin-right: 0.5%;
    height: 3.43rem !important;
}
.positions{
    width: 100% !important;
}
.bottoms{
    width: 100%;
    height: 1.57rem;
    background: #252b37;
    color: #fff;
}
.bottoms_1{
       width: 15rem;
    height: 1.07rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.32rem;
    padding-top: 0.5rem;
}