*{  margin: 0; border: 0;}
html{height: 100%;min-height: 100%;}
body{  font-family:"黑体","微软雅黑" ,"宋体",Helvetica, sans-serif;color: #666;
line-height: 1.5;margin: 0 auto;min-height: 100%;height: 100%;}
img{border:0 none; max-width: 100%;}
.index{width:100%;height:100%;}
.index_logo{position: absolute;z-index: 1;left:40px;top:30px;}
.icon_Arrow{position: absolute;z-index: 1;margin-left: -40px;left:50%;bottom:40px;
  animation: fadeInDown 1s backwards infinite;
}
.index_img{position: absolute;transform: translateY(-50%);top:50%;width:100%;height:auto;max-height:none;}
.menupage{width:100%;height:100%;background:url(../images/catalogue_bg.jpg) ;background-size: 100% 100%;position:relative;}
.menu_line1{width:580px;height:57px;background-color:rgba(0,156,220,.2);position: absolute;top:94px;
}
.menu_line2{width:4px;height:1120px;background-color:#009cdc;position: absolute;left:152px;
}
.menu_list{width:509px;position: absolute;left:117px;top:182px;z-index: 1;}
.menu_list img{/*margin-top:15px;*/}
.title1{position: absolute;top:41px;left:180px;z-index: 1;
}
.title2{position: absolute;top:107px;left:180px;z-index: 1;
}
.class_top{width:632px;height:403px;position: relative;background:url(../images/title_box.png);background-size: 100% 100%;margin-left:59px;margin-top:62px;}
.class_top div{padding:95px 43px 58px 43px;line-height:42px;font-size:28px;color:#595757;}
.class_top p{
    line-height:42px;font-size:28px;color:#595757;
    position: absolute;
    top: 53%;
    left: 51%;
    transform: translate(-50%,-50%);
    width: 90%;
}
.title_jy{position: absolute;top: -35px;left:50%;transform: translateX(-50%);}
.class_list{width:552px;margin:0 auto;margin-top:45px;overflow: hidden;    margin-bottom: 65px;}
.class_list ul li{font-size:26px;color:#7d7871;line-height:42px;background:url(../images/class_line.png);background-position:left bottom;background-repeat: no-repeat;
  padding-bottom:18px;padding-left:22px;margin-top:54px;}
.class_list ul li span{font-size:36px;color:#7d7871;}
.btnbox{width:90%;margin:0 auto;    margin-top: .6rem;
    margin-bottom: .6rem;}
.View_top{width:100%;display: flex;justify-content:space-between;margin-top:25px;}
.an_pic{
  height: 6.9rem;
  overflow: hidden;
}
.View_tip{
  font-size: .48rem;
  padding-left: .76rem;
  padding-right: .28rem;
  background-color: #525252;
  height: .64rem;
  line-height: .64rem;
  color: #fff;
  margin-top:.28rem;
}
.view_logo{width:1.2rem;margin-right:.4rem;height:1.2rem;}
.view_title{
  width: 12.4rem;
  margin: 0 auto;
  font-size: .9rem;
  line-height: 1.3rem;
  padding-top: .32rem;
  padding-bottom: .66rem;
}
.view_title span{font-size:.84rem;display: block;font-weight: 900;}
.view_product{background-color:#8c8c8c;font-size:.6rem;line-height: .8rem;padding: .4rem 1.2rem;color:#fff;text-align: center;}
.view_box{padding:1.5rem 1.2rem 0 ;font-size:.56rem;line-height: .8rem;}
.view_box .memo{font-size:.56rem;line-height: .8rem;padding:.26rem .26rem;}
.view_box p{padding-bottom:.6rem;text-align: justify;}
.view_box p:first-child{    padding-bottom: .4rem;
    padding-top: 0px;}
.khfk{width:100%;display: flex;justify-content : space-between;flex-wrap: wrap;min-height: 5.1rem;}
.fk_left{background:url(../images/fk_left.jpg);background-position: top;width:3.2rem;background-size: 100% auto;background-repeat: no-repeat;}
.fk_right{background:url(../images/fk_right.jpg);background-position: bottom;width:3.4rem;background-size: 100% auto;background-repeat: no-repeat;}
.fk_memo{font-size:.56rem;line-height:.72rem;font-weight: bolder;width:8.3rem;padding: .4rem;text-align: justify;display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.fk_memo_span{font-size:.46rem;line-height:.72rem; text-align:right;font-weight:lighter;height: 2rem;}
.btnbox img{width:48%;}
.btnbox a{width:50%;}
h4{margin-top:1rem;font-weight:bolder;    font-size: .655rem;
    padding-bottom: .6rem;}
#swiper1{width:100%;}
.swiper-pagination-bullet-active{background: #917a5d;}
.swiper-slide{display: flex;
    justify-content: center;
    flex-direction: column;}

.logo_group{
      width: 405px;
      overflow: hidden;
      margin-left: 270px;
      margin-bottom: 42px;
    }
.logo_group img{
      width: 80%;
    }
.logosbox{
      width:663px;
      height:1070px;
      position:relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
          margin-top: -60px;
    }
.logo_title{position: absolute;bottom:0px;left:0px;}
.tip{width:100%;height:58px;    color: #217fc4;
    font-size: 25px;
    background-color: #b5e0fa;line-height: 58px;padding:0 20px;z-index:999;}
.tip a{color:#217fc4;}