/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/

.sjcTop,

.sjcTop2,

.sjcBottom,

.sjcLeft,

.sjcRight,

.bg,

.leftWow,

.rightWow,

.bottomWow {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}



.header{

  position: fixed;

  width: 100%;

  margin: 0 auto;

  height: 165px;

  z-index: 9;

  left: 0;

  top: 0;

  background: none;

  -webkit-transition: .5s;

  transition: .5s;

}



/* page_left */



.page_left{

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 9;

  width: 77px;

  height: 100vh;

  background: rgba(237, 239, 239, 0.68);

  border-right: 1px solid rgba(60, 107, 106, 0.28);

}



.page_left .menu{

  width: 77px;

  height: 16.6vh;

  border-bottom: 1px solid rgba(59, 105, 104, 0.5);

  position: relative;

}



.page_left .menu .menu_ico{

  width: 100%;

  height: 100%;

}

.page_left .menu .menu_ico span{

  width: 100%;

  height: 100%;

  vertical-align: middle;

  display: inline-block;

  background: url(../images/menu.png) no-repeat  center;

}





.page_left .menu .menu_list{

  position: absolute;

  left: 77px;

  top: 0;

  width: 80px;

  height: 0;

  opacity: 0;

  overflow: hidden;

  background: #fff;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.page_left .menu .menu_list ul li{

  height: 50px;

  line-height: 50px;

  border-bottom: 1px solid rgba(59, 105, 104, 0.3);



}



.page_left .menu .menu_list ul li a{

  font-size: 14px;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  padding: 0 5px;

  box-sizing: content-box;

  text-align: center;

}



.page_left .menu:hover .menu_list {

  height: auto;

  opacity: 1;

}



.page_left .menu .menu_list ul li:hover a{

  color: #c80808;



}



.page_left .lift-nav{

  position: relative;

  height: 83.4vh;

  width: 77px;

}





.page_left .lift-nav ul li{

  width: 77px;

  height: 16.7vh;

  border-bottom: 1px solid rgba(59, 105, 104, 0.5);

  position: relative;

}



.page_left .lift-nav ul li span{

  display: inline-block;

  margin: 0 auto;

  width: 100%;

  height: 100%;

  vertical-align: middle;



}



.page_left .lift-nav ul li.p1 span {

  background: url(../images/menu1.png) no-repeat  center;

}



.page_left .lift-nav ul li.p2 span {

  background: url(../images/menu2.png) no-repeat  center;

}

.page_left .lift-nav ul li.p3 span {

  background: url(../images/menu3.png) no-repeat  center;

}



.page_left .lift-nav ul li.p4 span {

  background: url(../images/menu4.png) no-repeat  center;

}



.page_left .lift-nav ul li.p5 span {

  background: url(../images/menu5.png) no-repeat  center;

}





.lift-nav li.active{

  background: #262d2c;

}



.page_left .lift-nav ul li.p1.active span {

  background: url(../images/menu11.png) no-repeat  center;

}



.page_left .lift-nav ul li.p2.active span {

  background: url(../images/menu22.png) no-repeat  center;

}

.page_left .lift-nav ul li.p3.active span {

  background: url(../images/menu33.png) no-repeat  center;

}



.page_left .lift-nav ul li.p4.active span {

  background: url(../images/menu44.png) no-repeat  center;

}



.page_left .lift-nav ul li.p5.active span {

  background: url(../images/menu55.png) no-repeat  center;

}







/* banner */



.banner {

  width: 100%;

  height: 100vh;

  overflow: hidden;

  position: relative;

}



.banner .swiper-container {

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.banner .swiper-slide {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

}



.banner .swiper-slide {

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

}



.banner .swiper-slide img {

  width: 100%;

  height: 100%;

  display: block;

}





.banner .swiper-button-next1{

  position: absolute;

  width: 65px;

  height: 65px;

  background: url(../images/bannerR.png) no-repeat  center;

  right: 4%;

  top: 50%;

  z-index: 5;

}



.banner .swiper-button-prev1{

  position: absolute;

  width: 65px;

  height: 65px;

  background: url(../images/bannerL.png) no-repeat  center;

  left: 4%;

  top: 50%;

  z-index: 5;

}



.banner .swiper-pagination {

  width: 100%;

  bottom: 0.3rem;

}



.banner .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 15px;

  background-color: #c46565;

  width: 10px;

  height: 10px;

  opacity: 1;

  border-radius: 0;

  border-radius: 50%;

}



.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {

  background-color: #c80808;

}





/* product */



.pro_bg{

  width: 100%;

  height: 100vh;

  margin: 0 auto;

  background: url(../images/pro_bg.jpg) no-repeat  center;

  background-size: cover;



}



.pro_bg .product{

  width: 1300px;

  margin: 0 auto;

}



.pro_bg .product .pro_l{

  float: left;

  width: 480px;

  height: 920px;

}



.pro_bg .product .pro_l ul li{

  float: left;

  width: 96px;

  height: 920px;

  position: relative;

  z-index: 5;

  margin-right: 55px;

}



.pro_bg .product .pro_l ul li .txt{

  width: 96px;

  height: 698px;





}



.pro_bg .product .pro_l ul li .txt a{

  display: block;

  padding-top: 165px;

}



.pro_bg .product .pro_l ul li .txt a span{

  font-size: 26px;

  color: #333333;

  font-weight: bold;

  font-family: "Kaiti";

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  writing-mode: tb-rl;

  line-height: 96px;

  height: 135px;

}



.pro_bg .product .pro_l ul li .txt a em{

  display: block;

  margin: 10px auto 30px auto;

  width: 35px;

  height: 34px;

}



.pro_bg .product .pro_l ul li:nth-child(1) .txt a em{

  background: url(../images/pro_ico1.png) no-repeat center;

}



.pro_bg .product .pro_l ul li:nth-child(2) .txt a em{

  background: url(../images/pro_ico2.png) no-repeat center;

}



.pro_bg .product .pro_l ul li:nth-child(3) .txt a em{

  background: url(../images/pro_ico3.png) no-repeat center;

}



.pro_bg .product .pro_l ul li .txt a i{

  font-size: 16px;

  color: #616161;

  font-family: "Kaiti";

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  writing-mode: tb-rl;

  line-height: 96px;

  height: 300px;



}



.pro_bg .product .pro_l ul li .pic{

  width: 96px;

  height: 0px;

  background: #f4eee4;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;



}

.pro_bg .product .pro_l ul li .pic img{

  width: 96px;

  height: 0px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.pro_bg .product .pro_l ul li::after{

  position: absolute;

  left: 0px;

  top: 0px;

  content: "";

  z-index: -1;

  width: 100%;

  height: 0%;

  background: #e5e5e5;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.pro_bg .product .pro_l ul li.on::after{

  height: 100%;

}



.pro_bg .product .pro_l ul li.on .pic{

  height: 222px;

}



.pro_bg .product .pro_l ul li.on .pic img{

  height: 222px;

} 





.pro_bg .product .pro_r{

  float: right;

  width: 790px;

  margin-top: 140px;

} 



.pro_bg .product .pro_r ul li{

  float: left;

  width: 197px;

  margin: 0 0 20px 65px;

}



.pro_bg .product .pro_r ul li .pic{

  width: 197px;

  height: 306px;

  background: url(../images/pro_list.png) no-repeat center;

}



.pro_bg .product .pro_r ul li .pic img{

  width: 166px;

  height: 272px;

  margin: 17px 15px;

}



.pro_bg .product .pro_r ul li .txt{

  height: 47px;

  line-height: 47px;

  border-bottom: 1px solid #e5e5e5;

  position: relative;

  z-index: 5;



} 



.pro_bg .product .pro_r ul li .txt a{

  font-size: 18px;

  color: #333333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  text-align: center;



}



.pro_bg .product .pro_r ul li .txt::after{

  position: absolute;

  left: 0px;

  bottom: 0px;

  content: "";

  width: 0%;

  height: 1px;

  background: #4f4f4f;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.pro_bg .product .pro_r ul li:hover .txt::after{

  width: 100%;

}







/* about */



.ab_bg{

  width: 100%;

  height: 100vh;

  margin: 0 auto;

  background: url(../images/ab_bg.jpg) no-repeat  center;

  background-size: cover;

}



.ab_bg .about{

  width: 1300px;

  margin: 0 auto;

  padding-top: 128px;

}



.ab_bg .about .ab_t{

  float: left;

  margin-top: 35px;

}



.ab_bg .about .ab_t img{

  display: block;

  width: 267px;

  height: 569px;

}



.ab_bg .about .ab_nr{

  float: left;

  margin-left: 45px;

  margin-top: 35px;

  height: 640px;

  overflow: hidden;

}



.ab_bg .about .ab_nr p{

  font-size: 15px;

  color: #333;

  line-height: 52px;

  width: 468px;

  height: 640px;

  overflow: hidden;

  writing-mode: tb-rl;

  letter-spacing: 3px;



  

}



.ab_bg .about .ab_img{

  float: right;

  width: 501px;

  height: 689px;

  background: url(../images/ab_list.png) no-repeat  center;

  margin-right: -45px;

} 



.ab_bg .about .ab_img img{

  width: 397px;

  height: 555px;

  margin: 67px 0 0 53px;



}





/* fc */



.fc{

  width: 1300px;

  margin: 0 auto;

  padding-top: 145px;

  height: 485px;

}



.fc .fc_t{

  float: left;

  margin-left: -20px;

}



.fc .fc_t img{

  display: block;

  width: 86px;

  height: 234px;

}





.fc .fc_box{

  float: right;

  width: 1205px;

} 



.fc .fc_box ul li{

  float: left;

  width: 356px;

  margin-left: 45px;

}



.fc .fc_box ul li .pic{

  width: 356px;

  height: 281px;

  background: url(../images/fc_list.png) no-repeat center;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.fc .fc_box ul li .pic img{

  width: 325px;

  height: 247px;

  margin: 17px 15px;



}



.fc .fc_box ul li .txt {

  height: 55px;

  line-height: 55px;

  border-bottom: 1px solid #e5e5e5;

  position: relative;



}



.fc .fc_box ul li .txt a{

  font-size: 16px;

  color: #333333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  text-align: center;



}



.fc .fc_box ul li .txt::after{

  position: absolute;

  left: 0px;

  bottom: 0px;

  content: "";

  width: 0%;

  height: 1px;

  background: #4f4f4f;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.fc .fc_box ul li:hover .txt::after{

  width: 100%;

}



/* news */



.news_bg{

  width: 100%;

  height: 100vh;

  margin: 0 auto;

  background: url(../images/news_bg.jpg) no-repeat  center;

  background-size: cover;

}



.news_bg .news{

  width: 1300px;

  margin: 55px auto 0 auto;

  position: relative;

}



.news_bg .news .news_t{

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 5;

}



.news_bg .news .news_t img{

  display: block;

  width: 128px;

  height: 96px;



}



.news_bg .news .news_box{

  margin: 0 auto;

}



.news_bg .news .news_box .news_l{

  float: left;

  width: 580px;

}



.news_bg .news .news_box .news_l .time{

  width: 100px;

  float: left;

  margin-top: 193px;

  background: url(../images/buttom2.png) no-repeat  5px top;

  height: 50px;

}



.news_bg .news .news_box .news_l .time span{

  display: block;

  float: left;

  font-size: 20px;

  color: #333;

  font-family: "Kaiti";

  line-height: 24px;

}



.news_bg .news .news_box .news_l .time i{

  display: block;

  font-size: 50px;

  color: #333;

  font-family: "Kaiti";

  float: left;

  margin-left: 25px;

  line-height: 50px;

}



.news_bg .news .news_box .news_l .nr{

  float: right;

  width: 426px;

}



.news_bg .news .news_box .news_l .nr .news_img{

  width: 426px;

  height: 166px;



}



.news_bg .news .news_box .news_l .nr .news_img img{

  width: 426px;

  height: 166px;

  object-fit: cover;

}



.news_bg .news .news_box .news_l .nr .txt{

  margin-top: 15px;



} 



.news_bg .news .news_box .news_l .nr .txt h5{

  margin-bottom: 0;

}



.news_bg .news .news_box .news_l .nr .txt h5 a{

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  background: url(../images/buttom1.png) no-repeat  left center;

  padding-left: 18px;

  line-height: 40px;

}



.news_bg .news .news_box .news_l .nr .txt p{

  font-size: 14px;

  color: #666;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  line-height: 30px;

}



.news_bg .news .news_box .news_l .nr .txt .more{

  display: block;

  width: 101px;

  height: 30px;

  line-height: 30px;

  background: #8d9295;

  text-align: center;

  font-size: 12px;

  color: #fff;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news_bg .news .news_box .news_l:hover .nr .txt .more{

  background: #c80808;

  color: #fff;



}



.news_bg .news .news_box .news_r{

  float: right;

  width: 650px;

}



.news_bg .news .news_box .news_r ul li{

  width: 650px;

  height: 165px;

  padding-top: 28px;

  border-top: 1px dashed #e5e5e5;



}



.news_bg .news .news_box .news_r ul li .txt_t{

  height: 40px;

  line-height: 40px;



}



.news_bg .news .news_box .news_r ul li .txt_t a{

  font-size: 16px;

  color: #333333;

  font-weight: bold;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  float: left;

  width: 450px;

}



.news_bg .news .news_box .news_r ul li .txt_t span{

  display: block;

  font-size: 14px;

  color: #333333;

  font-family: Arial, Helvetica, sans-serif;

  float: right;

}



.news_bg .news .news_box .news_r ul li p{

  font-size: 14px;

  color: #666666;

  line-height: 30px;

  height: 60px;

  overflow: hidden;

  margin-top: 10px;

} 



.news_bg .news .news_box .news_r ul li:hover .txt_t a{

  color: #c80808;

}





.footer_bg{

  width: 100%;

  margin: 0 auto;

  height: 100vh;

  background: url(../images/footer_bg.jpg) no-repeat  center;

  background-size: cover;

}



.footer_bg .footer{

  height: 770px;

}



.footer_bg .footer .message{

  display: block;

}



.headerColor{

  background: rgba(255, 255, 255, 0);

  -webkit-transition: .1s;

  transition: .1s;

  opacity: 0;

}