/*banner*/
.banner{position: relative;}
.banner .text-box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff;  display: flex; flex-direction: column; justify-content: center;}
.banner .tit{font-weight: bold; font-size: 60px;text-align: center; line-height: 1;}
.banner .tit_desc{font-size: 36px; line-height: 1.3; margin: 26px 0 0; text-align: center;}
/*.banner .swiper-btn-box{position: absolute; right: 8.3%; top: 50%; margin-top: -80px; width: 50px; height: 160px; z-index: 100;}
.banner .swiper-pagination{position: static; margin: 20px 0; height: 20px; line-height: 20px; color: #fff;}
.banner .swiper-pagination-current{ font-size: 16px;}
.banner .swiper-pagination-total{font-size: 12px;}
.banner .swiper-button-next, 
.banner .swiper-button-prev{position: static; width:50px; height: 50px; margin-top: 0; background: url(../images/swiper_next.png) no-repeat center center; background-size: 17px 10px; border-radius: 50%;  opacity:1;}
.banner .swiper-button-next{background-image: url(../images/swiper_next.png); background-color: #0033cc; right: 0;}
.banner .swiper-button-prev{background-image: url(../images/swiper_prev.png); background-color: #0033cc; left: 0;}
.banner .swiper-button-next.swiper-button-disabled{ background-color: #fff; background-image: url(../images/swiper_next_disable.png);}
.banner .swiper-button-prev.swiper-button-disabled{ background-color: #fff; background-image: url(../images/swiper_prev_disable.png);}*/

.banner .swiper-pagination{bottom:40px;}
.banner .swiper-pagination-bullet{position:relative; vertical-align: top; width: 16px; height: 16px; margin: 0 5px; border:1px solid transparent; background: none; opacity: 1;}
.banner .swiper-pagination-bullet::after{  content: ""; width: 6px; height: 6px; margin: 4px; vertical-align: top; border-radius: 50%; background: #fff; display: inline-block;}
.banner .swiper-pagination-bullet-active{border: 1px solid #fff;}
@media (min-width:1200px) and  (max-width:1599px){
	.banner .tit{font-size: 50px;}
	.banner .tit_desc{font-size: 30px; margin: 20px 0 0;}
}
@media (min-width:992px) and  (max-width:1199px){
	.banner .tit{font-size: 40px;}
	.banner .tit_desc{font-size: 24px; margin: 20px 0 0;}
}
@media (min-width:768px) and  (max-width:991px){
	.banner .tit{font-size:30px;}
	.banner .tit_desc{font-size: 18px; margin: 20px 0 0;}
}
@media (max-width:767px){
	.banner .tit{font-size:20px;}
	.banner .tit_desc{font-size: 14px; margin: 20px 0 0;}
	.banner .swiper-btn-box{width: 100%;bottom: 0; top: auto; right: 0; left: 0; height: auto; margin: 0;}
	.banner .swiper-pagination{margin: 10px 0;}
	.banner .swiper-button-next, 
	.banner .swiper-button-prev{display: none;}
}

/*about*/
.about{margin:50px 0; }
.about .container{position: relative;padding: 56px 0 30px ;}
.about .container .bg{position: absolute; top:0; right: -56px;}
.about .cont{overflow: hidden; position: relative; z-index: 100;}
.about .cont .info{float: left; width: 40%;}
.about .cont .info .desc{font-size: 16px; line-height: 28px; margin: 40px 0 86px;}
.about .cont .pic-box{float: right; width: 49%; display: flex;}
.about .cont .pic-box ul{float: left;}
.about .cont .pic-box ul:first-child{margin-right: 10px;}
.about .cont .pic-box li{position:relative; margin: 0 0 10px;}
.about .cont .pic-box li.video:after{content:''; position:absolute; top: 50%; left: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; background:url(../images/icon_video.png) no-repeat top left; display:block;}
.video-box{display:none;}
.layer-myskin{width: 960px!important; height:550px;}
.layer-myskin .layui-layer-content{height:100%;}
.my-video video{width:100%; height: 100%;object-fit: fill}
@media (min-width:1200px) and  (max-width:1599px){
	
}
@media (min-width:992px) and  (max-width:1199px){
	
}
@media (min-width:768px) and  (max-width:991px){
	
}
@media (max-width:767px){
	.about {margin: 0;}
	.about .container{padding: 30px 15px;}
	.about .container .bg{display: none;}
	.about .cont .info{ width: 100%;}
	.about .cont .info .desc{margin: 20px 0; font-size: 13px; line-height: 24px;}
	.about .cont .pic-box{width: 100%; margin: 20px 0 0;}
  	.layer-myskin{width: 360px!important; height:206px;}
  .banner .swiper-pagination{
  bottom:10px;}
}


/*product*/
.product{background: url(../images/product_bg.png) no-repeat top center; overflow: hidden; padding: 80px 0 43px;}
.product .container{position: relative; padding-bottom: 27px;}
.product .container .bg{position: absolute; bottom: 0; right: -56px;}
.product .common_tit{color: #fff;}
.product .common_tit h2.tit::after{background: #fff;}
.product .cont{margin: 34px 0 0;}
.product .item{background: #fff; display: block; border: 1px solid #e5e5e5;}
.product .item .picfocus{}
.product .item p{position: relative; font-size: 14px; line-height: 20px; padding: 18px 15px; -webkit-transition: 0.5s ease all;transition: 0.5s ease all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; border-top: 1px solid #e5e5e5;}
.product .item p::after{opacity: 0; content: ""; position: absolute; top: 13px; right: 20px;  width: 30px; height: 30px; background: #73BF1C url(../images/news_more_on.png) no-repeat center center; border-radius: 50%;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.product .item:hover p{background: #0033CC; color: #fff; text-align: left; padding-right: 60px;}
.product .item:hover p::after{opacity: 1;}
.product .other-box{position: absolute; top: 67px; right: 0; display: inline-block;}
.product .swiper-btn-box{ float: left; position: relative; margin: 5px 60px 5px 0; height: 40px;}
.product .swiper-button-next, 
.product .swiper-button-prev{ position: static; float: left; margin: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #0033cc; background-size: 10px 18px; opacity: 1;}
.product .swiper-button-next{background-image:url(../images/icon_next_white.png);}
.product .swiper-button-prev{background-image:url(../images/icon_prev_white.png);}
.product .swiper-pagination{float: left; position: static; height: 16px; margin: 16px;}
.product .swiper-button-next.swiper-button-disabled{background-color: #d6d6d6; background-image:url(../images/icon_next_blue.png);}
.product .swiper-button-prev.swiper-button-disabled{background-color: #d6d6d6; background-image:url(../images/icon_prev_blue.png);}
.product .swiper-pagination-bullet{position: relative; vertical-align: top; width: 16px; height: 16px; margin: 0 5px; border:1px solid transparent; background: none; opacity: 1;}
.product .swiper-pagination-bullet::after{  content: ""; width: 6px; height: 6px; margin: 4px; vertical-align: top; border-radius: 50%; background: #0033cc; display: inline-block;}
.product .swiper-pagination-bullet-active{border: 1px solid #0033cc;}
@media (min-width:1200px) and  (max-width:1599px){
	
}
@media (min-width:992px) and  (max-width:1199px){
	
}
@media (min-width:768px) and  (max-width:991px){
	
}
@media (max-width:767px){
	.product { padding: 30px 0 ;}
	.product .container{padding-bottom: 100px;}
	.product .container .bg{display: none;}
	.product .common_tit{color: #262626;}
	.product .common_tit h2.tit::after{background: #D52419;}
	.product .cont{margin: 20px 0 0;}
	.product .other-box{top: auto; bottom: 0; width: 100%; text-align: center;}
	.product .swiper-button-next, .product .swiper-button-prev{display: none;}
	.product .swiper-btn-box{width: 100%; margin: 0; height: auto;}
	.product .swiper-pagination{width: 100%;}
	.product .more_btn{ width: 100%;}
}



/*news*/
.news{background: url(../images/news_bg.jpg) no-repeat top center; padding: 80px 0 67px;}
.news .container{position: relative;}
.news .common_tit{position: relative;}
.news .common_tit .more_btn{position: absolute; right: 0; top: 67px;}
.news .cont{margin: 35px 0 0;}
.news li{margin-bottom: 30px;}
.news .item{ background: #fff; overflow: hidden; display: flex; -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.news .item .picfocus{float: left; width: 210px;}
.news .item .info{float: left; width: calc(100% - 210px); padding: 30px 46px 0 28px; border: 1px solid #e5e5e5;}
.news .item .info::after{content: ""; position: absolute; top: 23px; right: 35px; width: 30px; height: 30px; background: url(../images/news_more.png) no-repeat top left;  -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.news .item .info .date{line-height: 16px; color: #818181;  -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.news .item .info .tit{font-size: 18px; line-height: 24px; margin: 30px 0 0; font-weight: bold; -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.news .item .info .desc{line-height: 20px; color: #7D7D7D; margin: 14px 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.news .item:hover{background: #0033CC;}
.news .item:hover .info .date{color: #FFF;}
.news .item:hover .info .tit{color: #FFF;}
.news .item:hover .info .desc{color: #FFF;}
.news .item:hover .info::after{background-image: url(../images/news_more_on.png);}
.news .more_btn{position: absolute; right: 0; top: 67px;}
@media (min-width:1200px) and  (max-width:1599px){
	
}
@media (min-width:992px) and  (max-width:1199px){
	
}
@media (min-width:768px) and  (max-width:991px){
	
}
@media (max-width:767px){
	.news{padding: 30px 0 ; background-size: cover;}
	.news .cont{margin: 20px 0 0;}
	.news li {margin-bottom: 15px;}
	.news .item .picfocus{width: 150px;}
	.news .item .info{width: calc(100% - 150px); padding: 15px ;}
	.news .item .info .tit{ margin: 15px 0 0; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.news .item .info::after{ top: 10px; right: 24px;}
	.news .more_btn{position: static; width: 100%; text-align: center;}
}


.about .cont .pic-box li.video {
  cursor: pointer;
  position: relative;
}

.about .cont .pic-box li.video:hover::after {
  transform: rotate(180deg);
}

.about .cont .pic-box li.video::after {
  transition: 0.3s ease all;
}

.about .cont .pic-box li.video .txt {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  width: 100%;
  padding: 10px 10px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align:center;
}





.newaddrongyuzizhi{overflow: hidden;   padding: 80px 0 43px;}
.newaddrongyuzizhi .container{position: relative; padding-bottom: 27px;}
.newaddrongyuzizhi .common_tit{color: #333;}
.newaddrongyuzizhi .common_tit h2.tit::after{background: #D52419;}
.newaddrongyuzizhi .cont{margin: 34px 0 0;}
.newaddrongyuzizhi .row{margin: 0 -14px;}
.newaddrongyuzizhi .row li{padding: 14px;}
.newaddrongyuzizhi .item{background: #fff; display: block; border: 1px solid #e5e5e5;}
.newaddrongyuzizhi .item .picfocus{height:263px;}
.newaddrongyuzizhi .item p{position: relative; font-size: 14px; line-height: 20px; padding: 18px 15px; -webkit-transition: 0.5s ease all;transition: 0.5s ease all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; border-top: 1px solid #e5e5e5;}
.newaddrongyuzizhi .item p::after{opacity: 0; content: ""; position: absolute; top: 13px; right: 20px;  width: 30px; height: 30px; background: #73BF1C url(../images/news_more_on.png) no-repeat center center; border-radius: 50%;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.newaddrongyuzizhi .item:hover p{background: #0033CC; color: #fff; text-align: left; padding-right: 60px;}
.newaddrongyuzizhi .item:hover p::after{opacity: 1;}
.newaddrongyuzizhi .other-box{position: absolute; top: 67px; right: 0; display: inline-block;}
.newaddrongyuzizhi .swiper-btn-box{ float: left; position: relative; margin: 5px 60px 5px 0; height: 40px;}
.newaddrongyuzizhi .swiper-button-next, 
.newaddrongyuzizhi .swiper-button-prev{ position: static; float: left; margin: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #0033cc; background-size: 10px 18px; opacity: 1;}
.newaddrongyuzizhi .swiper-button-next{background-image:url(../images/icon_next_white.png);}
.newaddrongyuzizhi .swiper-button-prev{background-image:url(../images/icon_prev_white.png);}
.newaddrongyuzizhi .swiper-pagination{float: left; position: static; height: 16px; margin: 16px;}
.newaddrongyuzizhi .swiper-button-next.swiper-button-disabled{background-color: #d6d6d6; background-image:url(../images/icon_next_blue.png);}
.newaddrongyuzizhi .swiper-button-prev.swiper-button-disabled{background-color: #d6d6d6; background-image:url(../images/icon_prev_blue.png);}
.newaddrongyuzizhi .swiper-pagination-bullet{position: relative; vertical-align: top; width: 16px; height: 16px; margin: 0 5px; border:1px solid transparent; background: none; opacity: 1;}
.newaddrongyuzizhi .swiper-pagination-bullet::after{  content: ""; width: 6px; height: 6px; margin: 4px; vertical-align: top; border-radius: 50%; background: #0033cc; display: inline-block;}
.newaddrongyuzizhi .swiper-pagination-bullet-active{border: 1px solid #0033cc;}
@media (min-width:1200px) and  (max-width:1599px){
	.newaddrongyuzizhi .item .picfocus{height:223px;}
}
@media (min-width:992px) and  (max-width:1199px){
	
}
@media (min-width:768px) and  (max-width:991px){
	
}
@media (max-width:767px){
	.newaddrongyuzizhi { padding: 30px 0 10px;}
	.newaddrongyuzizhi .container{padding-bottom: 0;}
	.newaddrongyuzizhi .container .bg{display: none;}
	.newaddrongyuzizhi .cont{margin: 20px 0 0;}
	.newaddrongyuzizhi .row{margin: 0 -7px;}
	.newaddrongyuzizhi .row li{padding: 0 7px; margin-bottom: 14px;}
	.newaddrongyuzizhi .item p{padding: 10px ;}
	.newaddrongyuzizhi .other-box{top: auto; bottom: 0; width: 100%; text-align: center;}
	.newaddrongyuzizhi .swiper-button-next, .newaddrongyuzizhi .swiper-button-prev{display: none;}
	.newaddrongyuzizhi .swiper-btn-box{width: 100%; margin: 0; height: auto;}
	.newaddrongyuzizhi .swiper-pagination{width: 100%;}
	.newaddrongyuzizhi .more_btn{ width: 100%;}
   .newaddrongyuzizhi .item .picfocus{height:100px;}
}



.about .cont .pic-box li.video:hover::after{
			background-image:url(../images/icon_video22222.png);
		}




@media (min-width:768px){
.newaddrongyuzizhi .more_btn{
 position: absolute;
    right: 0;
    top: 67px;
}
}
@media (max-width:767px){

  .newaddrongyuzizhi .more_btn{
  	    display: flex;
    justify-content: center;
  }
}