header {
  position: absolute;
  z-index: 9;
  width: 100%;
}

html, body {
  position: relative;
  height: 100%;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
}



.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide123123 {
  /*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-slide1-1 {
  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;
}

header .nav .menu {
  width: 100px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: right;
  text-align: center;
  margin-top: -30px;
}

header .nav .menu .menu_box {
  cursor: pointer;
  width: 36px;
  height: 24px;
  position: relative;
  margin-left: -65px;
}

header .nav .menu .menu_box.active div:nth-child(1) {
  top: 50%;
  margin-top: -1.5px;
}

header .nav .menu .menu_box.active div:nth-child(2) {
  opacity: 0;
}

header .nav .menu .menu_box.active div:nth-child(3) {
  bottom: 50%;
  margin-bottom: -1.5px;
}

header .nav .menu .menu_box div {
  width: 100%;
  height: 3px;
  position: absolute;
  background-color: #666b79;
  transition: .3s;
  transform-origin: center;
}

header .nav .menu .menu_box div.active:first-child {
  transform: rotate(45deg);
}

header .nav .menu .menu_box div.active:last-child {
  transform: rotate(-45deg);
}

header .nav .menu .menu_box div:nth-child(1) {
  top: 0;
}

header .nav .menu .menu_box div:nth-child(2) {
  top: 50%;
  margin-top: -1.5px;
}

header .nav .menu .menu_box div:nth-child(3) {
  bottom: 0;
}

header .nav .menu .text {
  /*display: none;*/
  font-size: 16px;
  color: white;
  margin-top: 160%;
}
header .nav .menu .text a{
  color: #666b79;
  padding-top: 30%;
  display: block;
  font-family: "黑体", "Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";
}


header .logo {
  padding-left: 130px;
  box-sizing: border-box;
  display: block;
  /* margin-top: 60px; */
  padding-top: 30px;
  width: 15%;
}
.about_box{
  width: 76%;
  margin: 15% auto;
  height: 58%;
}

.about_box1{
  width: 50%;
  height: 100%;
  float: left;
}
.about_box2{
  width: 40%;
  height: 100%;
  float: right;
  margin-top: 3.2%;
}
.about_box1 p{
  text-align: left;
  font-size: 32px;

}
.about_box1 span{
  text-align: left;
  margin-top: 60px;
  display: block;
  font-size: 14px;
  width: 70%;
  line-height: 2.3;
}
.about_box2 ul li{
  float: left;
  width: 30%;
  display: block;
  text-align: left;
  font-size: 12px;
  height: 100px;
}
.about_box2 ul li p{
  font-size: 32px;
}


.about_bot{
  width: 100%;
  text-align: center;
  float: left;
  font-size: 14px;
  color: #8c8f94;
  background: url(../img/xiajiant.png) no-repeat center ;
  background-position-y: 80%;
  height: 40px;
}
.about_bot a{
  font-size: 14px;
  color: #8c8f94;
}


.swiper-slide3-1 {
  text-align: left;
  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-pagination-bullet1 {
  width: 20px;
  height: 20px;
  text-align: left;
  line-height: 20px;
  font-size: 12px;
  color:#f4f4f4;
  opacity: 1;
  background: rgba(0,0,0,0);
}
.swiper-pagination3-1 .swiper-pagination-bullet-active {
  color:#fff;
  background: #007aff;
  width: 100px;
  background: url(../img/h.png) no-repeat center; background-position-x: 85%;
}
#swiper-pagination3-1 {
  left: 30%;
  bottom: 50px;

}

.an{
  width: 100%;
  height: 100%;
  float: left;
  color: #fff;
}
.an_left{
  width: 30%;
  height: 40%;
  float: left;
  margin: 32% auto;
  margin-left: 7%;
}

.an_rit{
  width: 25%;
  height: 40%;
  float: right;
  margin-left: 7%;
  margin-top: 15%;
}
.an_title{
  color: #fff;
  font-size: 46px;
  font-weight: 600;
}
.an_title1{
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-top: 60px;
}
.an_title_en{
  color: #a7a1a3;
  font-size: 12px;
}

.an_info{
  width: 44px;
  height: 43px;
  background: url(../img/gd.png) no-repeat;
  display: block;
  margin-top: 30px;
}
.an_info1{
  font-size: 14px;
  color: #a7a1a3;
  width: 80%;
  margin-top: 10px;
}



.index_intro{position: relative;height: 705px;background-color: #f5f5f5;}
.index_intro_main{padding-top: 70px;}
.index_intro_main>.cc_line{margin: auto;}
.index_intro_main>.cc_ltitle{text-align: center;margin-top: 32px;}
.index_intro_main .index_intro_p{font-size: 20px;color: #2c4058;line-height: 34px;margin: 60px auto 0;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;word-break: break-all;}
.index_intro_main .index_intro_icon{margin-top: 120px;}
.index_intro_main .index_intro_icon .icon{float: left;width: 20%;}
.index_intro_main .index_intro_icon .icon .pic{width: 100px;height: 50px;margin: auto;}
.index_intro_main .index_intro_icon .icon .line{width: 30px;height: 1px;background-color: #2c4058;margin: 30px auto 0;}
.index_intro_main .index_intro_icon .icon p{margin-top: 18px;text-align: center;}
.index_case_item{float: left;width: 50%;height: 550px;position: relative;box-sizing: border-box;padding-left: 104px;padding-top: 42px;padding-right: 60px;overflow: hidden;}
.index_case_item .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));opacity: 0;transition: all 0.3s;}
.index_case_item .index_case_article{position: relative;transition: all 0.3s;transform: translateY(100px);opacity: 0;}
.index_case_item .index_case_article>h2{margin-top: 294px;font-size: 27px;color: #fff;}
.index_case_item .index_case_article>h3{color: #fff;font-size: 27px;line-height: 60px;}
.index_case_item .index_case_article>.bb{position: relative;}
.index_case_item .index_case_article>.bb>h4{line-height: 26px;height: 52px;font-size: 16px;color: #fff;-webkit-line-clamp: 2;margin-right: 200px;}
.index_case_item .index_case_article>.bb>a{width: 146px;border: 2px solid #1495f9;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.index_case_item .index_case_article>.bb>a:hover{background-color: #1495f9;color: #fff;}
.index_case .index_case_item:nth-child(n+3){padding-right: 45px;width: 33.33%;height: 476px;}
.index_case .index_case_item:nth-child(n+3) .index_case_article>h2{margin-top: 205px;}
.index_case .index_case_item:nth-child(n+3) .index_case_article>.bb>h4{height: 78px;-webkit-line-clamp: 3;margin-right: 175px;}
.index_case_item:hover .mask{opacity: 1;}
.index_case_item:hover .index_case_article{transform: translateY(0);opacity: 1;}
.index_plan{background-color: #f5f5f5;padding-bottom: 50px;}
.index_plan .cc_ltitle{padding-top: 56px;}
.index_plan .cc_line{margin-top: 46px;}
.index_plan_item{float: left;margin-top: 40px;width: 50%;box-sizing: border-box;}
.index_plan_item>h3{width: 470px;font-size: 30px;color: #333;font-weight: bold;}
.index_plan_item>h4{width: 470px;font-size: 14px;color: #6a6a6a;-webkit-line-clamp: 5;line-height: 28px;margin-top: 12px;}
.index_plan_main .index_plan_item:nth-child(even)>h3{margin-left: auto;margin-right: 0;}
.index_plan_main .index_plan_item:nth-child(even)>h4{margin-left: auto;margin-right: 0;}
.index_product{position: relative;height: 600px;}
.index_product .change{position: absolute;top: 0;right: 0;width: 44%;height: 100%;}
.index_product_box{width: 470px;}
.index_product .cc_ltitle{padding-top: 82px;}
.index_product .cc_line{margin-top: 40px;}
.index_product_title{font-size: 30px;color: #333;font-weight: bold;margin-top: 54px;}
.index_product_cont{font-size: 14px;color: #6a6a6a;-webkit-line-clamp: 5;line-height: 28px;margin-top: 12px;height: 140px;    display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 5;}
.iproduct{position: relative;}
.iproduct .iproduct_bd{width: 310px;margin: auto;}
.iproduct .iproduct_bd .swiper-slide .pic{width: 65px;height: 65px;position: relative;}
.iproduct .iproduct_bd .swiper-slide .pic::after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,0.4);z-index: 1;left: 0;top: 0;}
.iproduct .iproduct_bd .swiper-slide.swiper-slide-active .pic::after{content: '';display: none;}
.iproduct .iproduct_btn{width: 65px;height: 65px;position: absolute;top: 0;cursor: pointer;z-index: 100;}
.iproduct .iproduct_btn:focus{outline: none;}
.iproduct .prev{left: 0;background: url(../img/icon6.png) no-repeat center #eee;background-size: 100%;}
.iproduct .next{right: 0;background: url(../img/icon7.png) no-repeat center #eee;background-size: 100%;}
.index_news{background-color: #f5f5f5;padding-top: 90px;padding-bottom: 136px;}
.index_news_main>li{float: left;width: 356px;box-sizing: border-box;margin-top: 50px;margin-right: 46px;}
.index_news_main>li:nth-child(3n){margin-right: 0;}
.index_news_main>li .title .title_l{float: left;}
.index_news_main>li .title .title_l>h2{font-size: 60px;color: #ccc;font-weight: 100;font-family: Georgia, 'Times New Roman', Times, serif;line-height: 60px;margin-top: -12px;}
.index_news_main>li .title .title_l>h4{font-size: 22px;color: #ccc;margin-top: 6px;}
.index_news_main>li .title .title_r{float: left;text-transform: uppercase;margin-left: 36px;width: 206px;font-size: 25px;line-height: 40px;}
.index_news_main>li .article{margin-top: 58px;font-size: 15px;color: #6a6a6a;line-height: 28px;-webkit-line-clamp: 4;height: 112px;box-sizing: border-box;}
.index_news_main>li .link{width: 170px;height: 48px;line-height: 48px;text-align: center;box-sizing: border-box;border: 1px solid #ccc;color: #999;display: block;border-radius: 100px;margin-top: 46px;}
.index_news_main>li .link:hover{background-color: #1495f9;color: #fff;border: 1px solid #1495f9;}

.video_title{
  width: 100%;
  font-size: 28px;
}

.video_box{
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.video_box1{
  width: 30%;
  height: 90%;
  float: left;
  /*margin: 15% auto;*/
  margin-left: 7%;
}

.swiper-slide4-1{
  padding-top: 40%;
}
.video_box2{
  width: 60%;
  height: 100%;
  float: right;
}

.video_info{
  width: 65%;
  margin-top: 30px;
  line-height: 2.5;
  font-size: 12px;
  display: block;
}

.change{
  display: block;
  height: 100%;
  -webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9),rgba(0,0,0,0.9),rgba(0,0,0,0.9));
}


.video_bot {
  width: 100%;
  /*text-align: center;*/
  float: left;
  font-size: 14px;
  color: #8c8f94;
  /*background: url(../img/xiajiant.png) no-repeat center;*/
  /*background-position-y: 80%;*/
  height: 40px;
  position: relative;
  top: 0;
}
.change img{
  margin: 0 auto;
  display: block;
  padding-top: 40%;


}


.slide7_box{
  width: 82%;
  height: auto;
  margin: 8% auto;

}


.slide7_title{
  margin: 0 auto; color: #fff; font-size: 24px; text-align: center;padding-bottom: 8%;
  padding-top: 5%;
}


.slide7_box ul{
  margin: 2% auto;
  width: 90%;
  display: block;
}
.slide7_box ul li{
  display: block;
  width: 33%;
  /*border-right: 1px solid rgba(255, 255, 255, 0.25);*/
  float: left;
  padding-bottom: 2%;
}
.slide7_box ul li:hover{
  box-shadow: 4px 4px 5px 2px rgb(146 146 146);;

}





.page{
  text-align: center; margin: 30px auto; width: 85%; margin-bottom: 100px;
}
.page>div{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.page span,.page a{width: 30px;height: 30px;line-height: 30px;text-align: center;background: transparent;box-sizing: border-box;border: 1px solid #d0d0d0;margin-right: 7px;color: #757575;transition: all 0.3s;margin-bottom: 7px;}
.page .prev,.page .next{width: auto;padding: 0 15px;}
.page span{background-color: #d8262c;border: 1px solid  #d8262c;color: #fff;}
.page a:hover{background-color: #d8262c;border: 1px solid  #d8262c;color: #fff;}
.page span:hover{cursor: not-allowed;}

/*customer*/
.custwk{position: fixed;right: 0;top: 30%;width: 200px; background: #fff;}

.custwk_p{
  width: 100%;
  background: #434242;
  color: #fff;
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}


.slide7_box ul li .info{
  color: white;
  font-size: 16px;
  /*font-family: 楷体;*/
  font-weight: 600;
  display: block;
  margin-top: 2%; line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}

.slide7_box ul li img{
  width: 100%;
  margin-top: 8%;
}

.slide7_box ul li .time_ym{
  color: #85888d;
  font-size: 14px;
  font-family: 楷体;
  display: block;
  margin-top: 2%;



}

.slide7_box ul li .time_info{
  color: #85888d;
  font-size: 14px;
  display: block;
  margin-top: 4%;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-all;



}


.slide7_box ul li a{
  color: #85888d;
  font-size: 14px;
  font-family: Bold;
  border-radius: 15px;
  display: block;
  line-height: 30px;
  padding-top: 10%;
}







.slide7_box ul li:nth-child(3){
  margin-right: 0;
  border-right:0px solid red;
}

.slide8_title{
  margin: 0 auto; color: #000; font-size: 26px; text-align: center;
  width: 100%;

  padding-top: 5%;
}

.slide8_box{
  width: 90%;
  height: 100%;
  margin: 1% auto;
}
.slide8_box ul li{
  float: left;
  width: 14.2%;
  text-align: center;
  height: 160px;
  margin-top: 3%;

}
.slide8_box ul li img{
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.slide8_box ul li p{
  width: 90%;
  margin: 0 auto;

}
.slide8_box ul li span{
  margin-top: 25px;
  display: block;
}


.swiper-pagination-bullet-active{
  background: #b9b9b9;
}
.swiper-pagination1 .swiper-pagination-bullet{
  background: #b3b3b3;
}

.us_dt{
  width: 30%;
  height: 100%;
  float: left;
}
.us_info{
  width: 70%;
  float: left;
}
.us_info_left{
  width: 50%;
  height:50% ;
  margin-top: 30%;
  margin-left: 10%;
  float: left;
}
.us_title{
  font-size: 24px; color: #fff;
}

.us_span{
  margin-top: 2%;
  color: #8c8f94;
  font-size: 12px;
  display: block;
}

.us_info_rit{
  width: 30%;
  height:50% ;
  float: left;
  margin-top: 20%;
}
.us_info_rit li{
  display: block;
  width: 100%;
  height: 45px;
  margin-top: 15%;

}
.us_info_rit li span{
  margin-left: 20%;
  color: #8c8f94;
  margin-top: 2.5%;
  display: block;
}


footer .w1200 {
  display: flex;
  justify-content: space-between;
}

footer .w1200 ul {
  display: flex;
  align-items: center;
}

footer .w1200 ul li.fj span {
  margin: 0 7px;
}

footer .w1200 ul li span {
  color: #999;
  font-size: 12px;
}

footer .w1200 ul li a {
  margin: 0 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  transition: .3s;
}

footer .w1200 ul li a:hover {
  /*color: #70BC5F;*/
}

footer .w1200 ol {
  display: flex;
}

footer .w1200 ol li span {
  color: #555;
  font-size: 12px;
}

footer .w1200 ol li a {
  font-size: 12px;
  color: #555555;
  margin-left: 10px;
  transition: .3s;
}

footer .w1200 ol li a:hover {
  /*color: #70BC5F;*/
}
footer {
  width: 100%;
  height: auto;
  background: #222;
  padding: 28px 0;
  box-sizing: border-box;
}

.slide5 {
  height: auto;
  background: #161a25;
  width: 100%;
}
.boot{
  width: 45%;
  margin: 5% auto;
  color: #ffffff;
  text-align: right;
  float: left;
  height: 40px;
  line-height: 35px;


}
.boot1{
  width: 50%;
  margin: 5% auto;
  height: 40px;
  color: #ffffff;
  text-align: left;
  float: left;

}
.boot1 a{
  width: 35px;
  height: 35px;
  display: block;
  margin-left: 3%;
  float: left;
}
.bot_box{
  color: #ffffff;width: 85%;overflow: hidden;
  margin: 0 auto;
}
.bot_box .bot_box1{
  width: 25%;
  float: left;
}
.bot_box .bot_us a{
  color:#5b5d64 ;
  display: block;
  margin-top: 5%;
}

.bot_box .bot_cent{
  /*margin-left: 3%;*/
  width: 33.3%;
}
.bot_box .bot_cent ul li{
  float: left;
  width: 25%;
  border-left: 1px solid #272a34;
  text-align: left;
  padding-left: 5%;
  height: 200px;
}



.bot_box .bot_cent ul li:last-child:nth-child(3n) {
  border-right: 1px solid #272a34;
}

.bot_box .bot_cent ul li p{
  font-size: 16px;
  color: #878993;
}
.bot_box .bot_cent ul li a{
  color: #656873;
  font-size: 12px;
  display: block;
  margin-top: 20%;
}
.bot_box .bot_liuy{
  width: 23%;
}
.bot_box .bot_liuy p{
  margin-left: 15%;
  color: #4b4f5c;
  font-size: 18px;

}

.bot_box .bot_liuy form{
  margin-left: 7%;
}
.bot_box .bot_liuy form span{
  float: left;
  line-height: 30px;
  color: #656873;
  font-size: 14px;
  margin-top: 10%;
  width: 25%;
  text-align: right;
  padding-right: 3%;
}
.bot_box .bot_liuy form input{
  float: left;
  height: 30px;
  border-radius: 5px;
  background: #2f323c;
  color: #656873;
  padding-left: 3%;
  margin-top: 10%;
  width: 50%;
}

.bot_box .bot_liuy form textarea{
  float: left;
  height: 50px;
  border-radius: 5px;
  background: #2f323c;
  color: #656873;
  padding-left: 3%;
  margin-top: 10%;
  padding-top: 10px;
  width: 50%;
}

.bot_liuy a{
  height: 30px;
  border-radius: 5px;
  background: #2f323c;
  color: #656873;
  margin-top: 10%;
  width: 50%;
  margin-left: 28%;
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}
.bot_liuy img{
  padding-top: 10%;

}
.bot_box .bot_ewm{
  width: 18%;
}
.bot_box .bot_ewm div{
  width: 34%;
  height: 200px;
  float: left;
  text-align: center;
  margin-left: 14%;

}
.bot_box .bot_ewm img{
  float: left;
  display: block;
  width: 100%;
  padding: 7% 7% 7% 7%;
  border: 2px solid #656873;
  border-radius: 5px;

}
.bot_box .bot_ewm p{
  margin-left: 18%;
  padding-top: 120%;
  color: #656873;
}
.botoom{
  border-top: 1px solid #202532 ;
  height: 100px;
  position: absolute;
  width: 100%;
  top:90%;
  margin: 0 auto;
  text-align: center;
}
.botoom a{
  color:#656873 ;
  text-align: center;
  font-size: 14px;
  line-height: 100px;
  padding-right: 2%;
}


.home_right_box {
  position: absolute;
  right: 5%;
  top: 0;
  width: 100px;
  height: 100%;
  transition: 1s;
  z-index: 3;
  background: #161a25;
  -webkit-mask: -webkit-linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9),rgba(0,0,0,0.9),rgba(0,0,0,0.9));
}

.home_right_box ol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.home_right_box ol li {
  width: 100%;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /*background: url("../img/ty1.png") no-repeat right;*/
  background-position-x: 84%;

}

.home_right_box ol li:hover .dot {
  /*background: #70BC5F;*/
}

.home_right_box ol li:hover .text {
  color: #ffd905;




}

.home_right_box ol li:hover .text:after {
  width: 100%;
  opacity: 1;
  left: 0;

}

.home_right_box ol li .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
  transition: .5s;
}

.home_right_box ol li .dot.active {
  visibility: hidden;
  opacity: 0;
}

.home_right_box ol li .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  white-space: nowrap;
  font-size: 14px;
  transition: .5s;
}

.home_right_box ol li .text:after {
  content: '';
  width: 0%;

  height: 13px;
  /*background: url("../img/ty2.png") no-repeat center;*/
  /*position: absolute;*/
  right: 0;
  opacity: 0;
  /*bottom: -3px;*/
  /*transition: .3s;*/
}

.home_right_box ol li .text.active {
  /*color: #ffd905;*/
}

.home_right_box ol li .text.active:after {
  width: 100%;
  opacity: 1;
  left: 0;
  float: left;
  margin-left: 100%;
  margin-top: -55%;
  /*background: url("../img/ty2.png") no-repeat center;*/
}

.home_right_box .shubiao {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  transition: .3s;
}

.home_right_box .shubiao.active {
  visibility: hidden;
  opacity: 0;
}

.home_right_box .shubiao img {
  margin: auto;
  animation: home_shubiao 1.5s infinite ease-in-out;
}

.home_right_box .shubiao p {
  margin-top: 27px;
  width: 30px;
  line-height: 1.2;
  color: white;
  font-size: 14px;
}

.home_right_box .fanhui {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}

.home_right_box .fanhui.active {
  opacity: 1;
  visibility: visible;
}

.home_right_box .fanhui:hover span {
  /*color: #70BC5F;*/
}

.home_right_box .fanhui:hover p {
  /*color: #70BC5F;*/
}

.home_right_box .fanhui span {
  font-size: 20px;
  color: white;
  display: block;
  margin: auto;
  transition: .3s;
}

.home_right_box .fanhui p {
  margin-top: 10px;
  width: 30px;
  line-height: 1.2;
  color: white;
  font-size: 14px;
  transition: .3s;
}

.anli{
  width: 85%;
  margin: 5% auto;
  height:  auto;
  overflow: hidden;
}
.anli_nav{
  padding-right: 2%;
  font-size: 14px;
}
.anli .on{
  font-weight: 600;
  overflow: hidden;
}
.anli ul{
  display: block;
  padding-top: 1%;
}
.anli ul li{
  float: left;
  width: 31.3%;
  padding-right: 3%;
  padding-top: 3%;
  text-align: center;
}

.anli ul li:nth-child(3n){ padding-right: 0;}

.fw{
  background: #f3f3f3;
  height: auto;
  overflow: hidden;
}
.fw p{
  width: 100%;
  margin: 0 auto;
  font-size: 24px;
  text-align: center;
  padding-top: 7%;
}
.fw ul{
  width: 76%;
  display: block;
  margin: 5% auto;
}
.fw ul li{
  display: block;
  float: left;
  width: 33.3%;
  padding-bottom: 5%;
}



.fw ul li .yuan{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  float: left;
}
.fw ul li .yuan p{
  width: 70%;
  line-height: 1.5;
  text-align: center;
  margin-top: 20%;
  font-size: 18px;


}
.fw ul li a{
  width: 70%;
  display: block;
  margin-left: 35%;
  margin-top: 3%;

}

.news{
  /*background: #f3f3f3;*/
  height: auto;
  overflow: hidden;
}
.news p{
  width: 100%;
  margin: 0 auto;
  font-size: 24px;
  text-align: center;
  padding-top: 4%;
}

.news_list{
  width: 80%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;

}
.news_list li{
  width: 48%;
  height: auto;
  margin-right: 2%;
  float: left;
  margin-top: 5%;
}
.lablett{
  width: 100%;
  font-size: 22px;
  color: #333333;
  height: 77px;
  display: inline-block;
}
.info{
  margin-top: 10px; font-size: 14px; line-height: 1.8; color: #6a6a6a;
  display: inline-block;
  height: 55px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.time_md{
  color: #000;
  font-size: 22px;
  margin-top: 10px;

}
.time_y{
  color: #333333; padding-left: 2%;
  margin-top: 10px;

}
.text{
  display: none;
}

/* 详情页 */
.view_box{width: 70%;margin:20px auto;padding-bottom: 100px;}
.view_box_title{text-align: center;font-size: 28px;font-weight: bold;letter-spacing: 1px;}
.view_box_pp{text-align: center;font-size: 12px;font-family: "宋体";color: #5a5a5a;padding-top: 30px;padding-bottom: 24px;border-bottom: 1px solid #181818;}
.view_box_pp>span+span{margin-left: 35px;}
.view_box_content{padding-top: 40px;min-height: 40vh;padding-bottom: 60px;}
.view_box_content p{text-indent: 2em;font-size: 18px;color: var(--flc);line-height: 30px;font-family: "黑体","Microsoft Yahei", "STXihei", "Helvetica Neue", "Helvetica", "Arial";}
.view_box_content video{display: block;max-width: 100%;height: auto;}
.view_box_content img{display: block;max-width: 100%;height: auto;margin: auto;}
.view_box_pg{line-height: 40px;font-size: 16px;color: #000;}
.view_box_pg:hover>a{color: var(--dnc);text-decoration: underline;}
/* 详情页 end */