.layui-layer{transition: none;}
.x-title{position: relative;}
.x-title h3{font-size: 26px;}
.x-title p{font-size: 14px; color: #777;}
.x-title ul{position: absolute; bottom: 0; right: 0;}
.x-title ul li{float: left;}
.x-title ul li a{display: inline-block; padding:0 15px; line-height: 30px; border-radius: 3px; margin-left: 5px;}
.x-title ul li a i{font-family: simsun;font-style: normal;}
.x-title ul li a.on{background-color: #159BD5; color: #fff;}
.x-title ul li a:hover,
.tab-on a{background-color: #1a803f; color: #fff;}
.x-title ul li a:hover i{ color: #fff;}
@media (max-width:768px) {
	/* .x-title ul{position: static; margin-left: 0; margin-top: 15px;} */
	.x-title ul li a{display: none;}
	.x-title ul li:last-child a{display: block;}
	#pro-tab{position: static; margin-top: 10px;}
	#pro-tab li a{display: block!important;}
}
/*banner*/
.x-banner{position: relative;}
.x-banner .swiper-slide img{ width:100%;}
.x-banner .swiper-pagination-bullet {position: relative;width: 10px;height: 10px;border-radius: 1px; margin-right: 10px;border-radius: 0;}
.x-banner .swiper-pagination-bullet-active{background-color: #fff;}
/*  */
.zhuangbility{ padding: 15px 0; background-color: #fff;}
.zhuangbility ul li{float: left; width: 25%; }
.zhuangbility-box {position: relative; padding:0 15px 15px 90px;font-family: arial;}
.zhuangbility-box span{position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 60px; text-align: center;overflow: hidden;  }
.zhuangbility-box h3{font-size: 16px; font-weight: bold; padding: 5px 0 5px; }
.zhuangbility-box p{font-size: 14px; color: #888;}
.zhuangbility ul li:hover .zhuangbility-box span img{transform: rotateY(360deg);}
@media (max-width:860px) {
	.zhuangbility{display: none;}
}

/*  */
.x-product{background-image: url(images/product-bg.jpg);}
/*  */
.all-search {padding: 25px 0; border-bottom: 1px dashed #e5e5e5; }
.all-search-left{float: left;}
.all-search-left p{padding: 10px 10px 0; font-size: 16px; color: #777;}
.all-search-left p a{margin-left: 8px;}
.all-search-left p a:hover{color: #159BD5;}
.all-search-right{position: relative; float: right; width: 350px;}
.all-search-right i{position: absolute; top: 6px; left: 8px; font-size: 20px;color: #777;}
.all-search-right input{float: left; width: 74%; display: block; margin-right: 2%; line-height: 32px;height: 34px; padding-left:30px; border: 1px solid  #ccc; border-radius: 3px;}
.all-search-right button{float: left; width: 24%; height: 34px; background-color:#1a803f;font-size: 16px; color: #fff; line-height: 34px; border-radius: 3px; cursor: pointer; }
@media (max-width:960px) {
	.all-search {padding: 15px 0;text-align: center;}
	.all-search-left{float: none;}
	.all-search-right{float:none; width: 300px; margin: 15px auto 0;}
}

/*  */
.x-product-link{padding: 20px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.x-product-link ul{margin-left: -95px;}
.x-product-link ul li{float: left; width: 16.66%; padding-left: 95px; margin-bottom: 15px; text-align: center;}
.x-product-link ul li a{display: block;line-height: 40px; background-color: #1a803f; color: #fff; border-radius: 3px;}
.x-product-link ul li a:hover{opacity: .6;}
@media (max-width:960px) {
	.x-product-link ul{margin-left: -35px;}
	.x-product-link ul li{ padding-left: 35px;}
}
@media (max-width:768px) {
	.x-product-link ul{margin-left: -15px;}
	.x-product-link ul li{padding-left: 15px;}
}
@media (max-width:640px) {
	.x-product-link ul{margin-left: -5px;}
	.x-product-link ul li{width: 33.33%;padding-left: 5px; margin-bottom: 5px;}
}
/*  */
.x-product-box{ margin-top: 80px;overflow: hidden;}
.x-product-list{margin-left: -20px; padding: 50px 0; display: none;}
.x-product-list li{float: left; width: 33.33%; padding-left:20px; margin-bottom: 15px; text-align: center;}
.x-product-list li a{display: block; padding-bottom: 15px;background-color: #ebebeb;}
.x-product-list li a h3{padding: 15px 0 5px; font-size: 18px;}
.x-product-list li a p{color: #777;}
.x-product-list-pic{overflow: hidden;}
.x-product-list-pic img{width: 100%;}
.x-product-list li a:hover{background-color: #1a803f;}
.x-product-list li a:hover h3 strong,
.x-product-list li a:hover p{color: #fff;}
.x-product-list li a:hover img{transform: scale(1.2);}
@media (max-width:960px) {
	.x-product-list li{ width: 50%; }
}
@media (max-width:768px) {
	.x-product-box{ margin-top: 20px;}
	.x-product-list{margin-left: -20px; padding: 20px 0;}
}
@media (max-width:640px) {
	.x-product-list li{width: 100%; }
}
/* about */
.x-about{padding: 50px 0; background-image: url(images/about-bg.jpg); }
.x-about .x-title,
.x-about .x-title p{color: #fff;}
.x-about-box{padding: 50px 0;}
.x-about-left{float: left; width: 50%; padding-right: 40px;  font-family: arial;}
.x-about-left h1{position: relative; padding: 15px 0; margin-bottom: 25px; font-size: 20px;color: #fff;}
.x-about-left h1:before{position: absolute; bottom: 0; left: 0; content: ''; width: 40px; height: 1px; background-color: #aaa; }
.x-about-left p{margin-bottom: 12px; color: #777; font-size: 14px; line-height: 24px;color: #fff;}
.x-about-left ul li{float: left; width: 25%;  color: #fff;text-align: center;}
.x-about-left ul li h2{position: relative; display: inline-block; font-size: 52px; }
.x-about-left ul li h2 span{position: absolute; top: 0; right: -15px; font-size: 20px;}
.x-about-left ul li h3{font-size: 14px;}
.x-about-right{float: right; width: 45%;}
.x-about-right video{max-width: 100%;}
@media (max-width:980px) {
	.x-about-box{padding: 0;}
	.x-about-left{float: none;width: 100%; padding: 0;}
	.x-about-right{float: none; width: 50%;margin: 35px auto 0;}
}
@media (max-width:768px) {
	.x-about-left{width: 100%; padding: 0;}
	.x-about-left{padding: 20px 0;}
	.x-about-left ul li{width: 50%;}
	.x-about-right{width: 100%; margin-top: 0;}
}
/*  */
.x-news{padding: 50px 0;}
.x-news-box{margin-left: -40px; margin-top: 40px;}
.x-news-poster{overflow: hidden;}
.x-news-poster img{width: 100%;}
.x-news-list{float: left; width: 33.33%; padding-left: 40px;}
.x-news-list ul{margin-top: 25px;}
.x-news-list ul li a{position: relative; display: block; padding-left: 15px; line-height: 30px;font-size: 16px; color: #777;}

.x-news-list ul li a:before{position: absolute; top: 50%; left: 0; content: ''; margin-top: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #ccc; color: #666; font-size: 16px;}
.x-news-list ul li a:hover{color: #159BD5;}
@media (max-width:840px) {
	.x-news{padding: 30px 0;}
	.x-news-box{margin-left: -40px; margin-top: 20px;}
	.x-news-list{ width: 100%; margin-bottom: 15px;}
}
/*  */
.site-adbox{overflow: hidden;}
.site-adbox img{width: 100%;}
/*  */
.x-partners{padding: 50px 0; background-image: url(images/partners-bg.png);}
.x-partners-list{padding-top: 40px;}
.x-partners-list li{float: left; width: 20%;}
.x-partners-list li:nth-child(3){margin-left: 20%;}
.x-partners-list li:nth-child(5){margin-left: 10%;}
.x-partners-list li:nth-child(9){margin-left: 20%;}
.x-partners-list li a{display: block; margin: 0 auto; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; transform: rotate(45deg); text-align: center; color: #fff;}
.x-partners-list li:nth-child(n+5):nth-child(-n+8){transform: translateY(-30px);}
.x-partners-list li:nth-child(n+9):nth-child(-n+11){transform: translateY(-60px);}
.x-partners-title{width: 100%;transform: rotate(-45deg);}
.x-partners-title img{max-width: 100%;}

.x-partners-list li a:hover .x-partners-title img{transform: rotateY(360deg);}
@media (max-width:1200px) {
	.x-partners-list{margin-top: 40px;}
	.x-partners-list li{margin-left: 0!important;transform: translateY(0)!important;}
	.x-partners-list{padding-top: 0;}
	.x-partners-list li a{width: auto;}
	.x-partners-list li a,
	.x-partners-title{transform: rotate(0);}
}
@media (max-width:960px) {
	.x-partners-list li{ width: 25%;}
}
@media (max-width:768px) {
	.x-partners{display: none;}
}
@media (max-width:640px) {
	.x-partners-list li{ width: 50%;}
}
/*  */
.x-product-video{position: relative;margin-top: 40px;}
.x-product-video .swiper-slide h3{position: absolute; bottom: 0; left: 0; z-index: 4; width: 100%; height: 100%;display: flex;align-items: center; justify-content: center;}
.x-product-video .swiper-slide h3 img{max-width: 100%; width: auto;}
.x-product-video .swiper-slide img{width: 100%;}
.x-product-video .swiper-slide a{display: block;overflow: hidden;}
.x-product-video .swiper-button-next,
.x-product-video .swiper-button-prev{background: none;outline: none;width: 28px; height:40px;margin-top: -20px;}
.x-product-video .swiper-button-next{right: -45px;}
.x-product-video .swiper-button-prev{left: -45px;}
.x-product-video .swiper-slide a:hover>img{transform: scale(1.1);}
@media (max-width:1200px) {
	.x-product-video{padding: 0 40px;}
	.x-product-video .swiper-button-next{right: 0;}
	.x-product-video .swiper-button-prev{left: 0;}
}
@media (max-width:640px) {
	.x-product-video{display: none; }
}
/*  */
.site-adpush{padding: 50px 15px; background-image: url(images/site-adpush-bg.jpg); text-align: center; }
.site-adpush h3{position: relative; display: inline-block;padding: 0 35px; line-height: 50px; border-left: 1px solid #fff;border-right: 1px solid #fff; font-size: 40px; font-weight: bold; color: #fff;}
.site-adpush h3:before,
.site-adpush h3:after{position: absolute;content: ''; width: 20px ; height: 1px; background-color: #fff;}
.site-adpush h3:before{top: 0; left: 0;}
.site-adpush h3:after{bottom: 0; right: 0;}
.site-adpush h3 strong{font-size: 55px; color: #1a803f;}
.site-adpush p{ margin-top: 30px; padding: 5px 25px; font-size: 18px;  color: #fff;}
.site-adpush-tel{ margin-top: 35px; padding: 0 15px; text-align: center;}
.site-adpush-tel-box{display: inline-block; padding-left: 40px; font-size: 16px;font-family: arial;background-color: #1a803f; height: 55px; line-height: 55px; border-radius: 4px; overflow: hidden; }
.site-adpush-tel-box strong{font-size: 20px; color: #fff; }
.site-adpush-tel-box a{display: block;font-size: 20px; margin-left: 30px; padding: 0 35px;  background-color: #E7F4E7 ;color: #1a803f; font-weight: bold;}
@media (max-width:640px) {
	.site-adpush{display: none; }
}
@media (max-width:380px) {
	.site-adpush-tel-box b{ display: none;}
}
