@charset "utf-8";

body{overflow-x: hidden;}
.video-box{overflow: hidden; background: url(/style/images/banner.jpg) no-repeat center; background-size: cover; position: relative; }
.video-box video{ width: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.video-box video source { text-align: center; margin: 0 auto;}

.video-img{width: 100%; height: auto; z-index: -1;}

.bofang{display: none; text-align: right;}
.bofang img{width: 10%;}

/*  */
.about{position: absolute; bottom: 150px; left: 100px; color: #fff;}
.about span{display: inline-block; margin: 10px 0;}
.about h3{font-size: 50px;font-weight: bold; text-shadow: 0 2px 5px rgba(0,0,0,.5); margin: 10px  0;}
.about h6{font-size: 28px; font-weight: normal; margin: 8px  0;}
.about p{font-size: 26px; font-family: Arial, Helvetica, sans-serif; margin: 8px 0;}
.about a{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #fff; margin: 10px 0; display: inline-block; padding: 6px 15px; border-radius: 5px; background: rgba(0,0,0,.3);}

@media (max-width:1400px) {
	.about{left: 50px;}
	.about span img{width: 50%;}
	.about h3{font-size: 40px;}
	.about h6{font-size: 24px;}
	.about p{font-size: 20px;}
	.about a{background: rgba(0,0,0,.5);}
}
@media (max-width:1200px) {
	.about{left: 60px; bottom: 50px;}
	.about span img{width: 50%;}
	.about h3{font-size: 30px;}
	.about h6{font-size: 22px;}
	.about p{font-size: 18px;}
}
@media (max-width:996px) {
	.about{ bottom: 30px;}
	.about span{display: none;}
	/* .about span img{width: 40%;} */
	.about h3{font-size: 26px;}
	.about h6{font-size: 18px;}
	.about p{font-size: 16px;}
	.about a{background: rgba(0,0,0,.7); font-size: 14px;}
	
	.bofang{position: absolute; bottom: 50px; right: 50px; cursor: pointer; display: block;}
}		
@media (max-width:768px) {
	.about{left: 40px; bottom: 20px;}
	.about span{margin: 5px 0;}
	.about span img{width: 30%;}
	.about h3{font-size: 22px; margin: 3px 0;}
	.about h6{font-size: 16px; margin: 3px 0;}
	.about p{font-size: 14px; margin: 3px 0;}
	.about a{margin: 3px 0;}
	.bofang{ bottom: 20px; right: 15px;}
}
@media (max-width:600px) {
	.about{left: 20px; bottom: 20px;}
	.about span{margin: 1px 0;}
	.about span img{width: 30%;}
	.about h3{margin: 1px 0; font-size: 18px;}
	.about h6{font-size: 14px; margin: 1px 0;}
	.about p{font-size: 12px; margin: 1px 0; display: none;}
	.about a{font-size: 12px; margin: 3px 0 0; padding: 2px 6px;background: rgba(72,175,246,0); border-radius: 3px; border:1px solid #fff;}
}
@media (max-width:400px) {
	.about{left: 15px;}
	.about span img{width: 23%;}
	/* .about h3{font-size: 14px;}
	.about h6{font-size: 12px;} */
}

/*  */
.news{position: absolute; bottom: 70px; right: 40px; color: #fff; text-align: right;}
.news-title{font-size: 20px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px;}
.news-title span{position: relative;}
.news-title span::before{content: ''; position: absolute; left: 0; bottom: -6px; width: 100%; height: 3px; width: 100%; background-color: #eee; display: inline-block;}
.news li{font-size: 16px;  margin-top: 20px;}
.news li a{color: #fff; padding: 6px 15px; background-color: rgba(0,0,0,.3); border-radius: 3px;}
@media (max-width:996px) {
	.news{display: none;}
}
/*  */
.i-title {font-size: 40px; text-transform: uppercase; padding: 80px 50px; text-align: center;}
.i-title span{padding: 0 35px;}
@media (max-width:1400px) {
	.i-title {font-size: 36px; padding: 50px 50px 40px;}
	.i-title span{padding: 0 15px;}
}
@media (max-width:1200px) {
	.i-title {font-size: 30px; padding: 30px;}
}
@media (max-width:996px) {
	.i-title {font-size: 26px;}
}
@media (max-width:768px) {
	.i-title {font-size: 20px;}
	.i-title span{padding: 0px;}
}
@media (max-width:480px) {
	.i-title { padding: 30px 10px; font-size: 16px;}
	.i-title span{display: block;}
	.i-title a{font-size: 14px !important; margin-top: 5px !important;}
}
@media (max-width:400px) {
	.i-title { padding: 30px 10px;}
	.i-title span{display: block;}
	.i-title a{font-size: 14px !important; margin-top: 5px !important;}
}
/*  */
.product{padding: 0 10px;}
.product-big,.product-l{width: 50%; float: left; padding: 0 2.5px;}
.product-big{height: 609px;}
.product-pic{position: relative; width: 100%; height: 100%; overflow: hidden;}
.product-nav{position: absolute; left: 0; top: 0; padding: 10px 0; width: 100%; background-color: rgba(0,0,0,.6); color: #ddd; text-align: center; font-size: 20px;}
.product-nav a{color: #fff; margin: 0 40px;}
.product-img,.product-img img {width: 100%; height: 100%;}
.product-txt{position: absolute; left: 20px; top: 0; height: 100%; display: flex; align-items: center;}
.product-txt span{display: inline-block; color: #fff; font-family: "宋体"; font-size: 64px; line-height: 84px; }

.product-text{position: absolute; right: 20px; bottom: 50px; width: 35%; font-size: 26px; color: #fff;}
.product-text span{float: left; display: inline-block;}
.product-text a{display: block; color: #fff; font-size: 18px; background: url(/style/images/jt.png) no-repeat 120px center; margin-top: 15px;}
.product-text b{font-weight: normal;}
.product-text b i{font-style: normal;}
.scrollDiv {height: 30px; line-height: 30px; overflow: hidden; float: left;display: inline-block; margin-top: 4px;}
.scroll{padding:0px 10px;}
.scroll li {height: 30px; color: #000; font-weight: 600; text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff; text-align: center;}

.product-r{width: 50%; float: right; padding: 0 2.5px; }
.product-l img,.product-r img{display: none;}
.long-pic,.short-pic{height: 307px; overflow: hidden; padding-bottom: 5px;}
.square-pic{width: 40%; float: left; height: 100%;}
.small-pic{width: 60%; float: right; height: 100%; padding-left: 5px;}
.square-pic>div,.small-pic>div{height: 100%;}
.pic-box{width: 100%; height: 100%; position: relative;}
.wenan{position: absolute; left: 15px; right: 10px; bottom: 20px; color: #fff; font-size: 20px; text-shadow: 0 0 5px rgba(0,0,0,.8);}
.wenan span{display: block; margin-top: 5px; font-size: 18px;}

@media (max-width:1400px) {
	.product-big{height: 509px;}
	.long-pic,.short-pic{height: 257px;}
	.product-big{margin-bottom: 5px;}
	.product-txt span{font-size: 54px; line-height: 74px;}
	.product-text{width: 50%;}
}
@media (max-width:1200px) {
	.product-big{height: 449px;}
	.long-pic,.short-pic{height: 227px;}
	.product-txt span{font-size: 48px; line-height: 68px;}
}
@media (max-width:996px) {
	.scrollDiv {height: 22px; line-height: 22px; }
	.scroll li {height: 22px;}
	
	.product-big{height:500px;margin-bottom: 10px;}
	.product-nav{font-size: 16px; padding: 5px 0;}
	.product-nav a {margin: 0 20px;}
	.product-text{font-size: 20px ; width:35%;}
	.product-big,.product-r,.product-l{width: 100%; float: none; overflow: hidden;}
	
	.long-pic, .short-pic {height: auto;}
	.product-l img,.product-r img{display: block; height: 100%; width: 100%;}
	.pic-box{height: 500px;}
	/* .pic-box img{display: none;} */
	.pic-box{background: none !important;}
	.square-pic,.small-pic{width: 100%; float: none;}
	.square-pic,.long-pic,.short-pic{padding-bottom:10px;}
	.product-txt{left: 20px; top: 0; height: 100%;  display: flex; align-items: center;}
	.product-txt span{font-size: 44px;	line-height: 64px;}
	.small-pic{padding-left: 0px;}
	.wenan{font-size: 18px;}
}
@media (max-width:768px) {
	.product-big,.pic-box {height: 400px;}
	.product-txt span{font-size: 40px; line-height: 56px;}
}
@media (max-width:650px) {
	.product-txt span {font-size: 36px;line-height: 40px;}
	.product-big,.pic-box {height: 350px;}
	.product-text{ width: 50%;}
}
@media (max-width:550px) {
	.product-big,.pic-box {height: 300px;}
	.product-txt span {font-size: 30px; line-height: 36px;}
	/* .product-text{ width: 34%;} */
	
	.product-text b i{display: block;}
}
@media (max-width:480px) {
	.product-big,.pic-box {height: 260px;}
	.product-txt{left: 20px; top: 40px;}
	.product-txt span {font-size: 18px;line-height: 26px; text-shadow: 0px 1px 3px rgba(0,0,0,.7);}
	.product-text {font-size: 14px;right: 10px; bottom: 20px; width: 33%;}
	.product-text a{font-size: 12px;background: url(/style/images/jt.png) no-repeat 80px 4px; margin-top: 10px;background-size: 12%;}
	.product-text b{display: inline-block;}
	.scrollDiv {height: 20px; line-height: 20px; margin-top: 0;}
	.scroll li {height: 20px;}	
	.product-nav{font-size: 14px;}
	.wenan{font-size: 16px;}
}

@media (max-width:400px) {
	.product-txt{top: 25px;}
	.product-txt span {font-size: 20px;line-height: 26px;}
	.product-text {font-size: 14px; bottom: 10px;width: 30%;right: 15px;}
	.product-text span,.product-text b{line-height: 16px;}
	.product-text a{margin-top:5px;}
	.scrollDiv {height: 14px; line-height: 14px; margin-top: 0px;}
	.scroll{padding:0px;}
	.scroll li {height: 14px; padding: 0px;}
	
	.wenan{font-size: 14px;}
	.wenan span {font-size: 14px;}
	.pic-box,.product-big{height: 200px;}
}


.news-list .swiper-slide{position: relative;}
.news-list .swiper-slide>a{overflow: hidden;}
.news-list .swiper-slide>a>img{height: 100%;}
.wenzi{position: absolute; top: 100px; left: 15%; width: 70%; height: 80%; display: flex; align-items: center; justify-content: flex-start;}
.wenzi-box{padding: 0px 40px; color: #fff; width: 100%;}
.wenzi-box span{display: block; font-size: 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wenzi-box b{display: block; font-size: 44px; margin: 25px 0; }
.wenzi-box a{color: #fff; display: inline-block; font-size: 18px;}
.wenzi-box i{font-style: normal; width: auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block;padding: 2px 5px 2px 0;}
.wenzi-box img{width: auto; display: inline; margin-top: -15px;}
.swiper-button-next,.swiper-button-prev{width: 35px !important; height: 58px !important; background-size: cover !important;}
.swiper-button-next{right: 50px !important;}
.swiper-button-prev{left: 50px !important;}
.swiper-pagination-bullet{background-color: #fff !important; width: 16px !important; height: 16px !important; margin: 0 10px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 25px !important;}

@media (max-width:1400px) {
	.wenzi{top: 80px; left: 10%;width: 75%;}
	.wenzi-box span{font-size: 26px;}
	.wenzi-box b{font-size: 40px;}
	.wenzi-box a{font-size: 16px;}
}
@media (max-width:996px) {
	.wenzi-box{padding: 0px 50px;}
	.wenzi{top: 50px; left: 8%;width: 80%;}
	.wenzi-box span{font-size: 22px; }
	.wenzi-box b{font-size: 30px; margin: 20px 0; }
	.wenzi-box a{font-size: 14px;}
}
@media (max-width:768px) {
	.wenzi-box{padding: 0px 30px;}
	.wenzi{top: 20px; left: 6%; width: 75%;}
	.wenzi-box span{font-size: 18px; }
	.wenzi-box b{font-size: 22px;margin: 10px 0;}
	.wenzi-box a{font-size: 12px;}
	
	.swiper-button-next{right: 20px !important;}
	.swiper-button-prev{left: 20px !important;}
	.swiper-button-next,.swiper-button-prev{width: 20px !important; height: 35px !important;}
	.swiper-pagination-bullet{ width: 12px !important; height: 12px !important; margin: 0 5px !important;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px !important;}
	.news-list .swiper-slide>a>img{height: 400px;}
}
@media (max-width:650px) {
	.news-list .swiper-slide>a>img{height: 350px;}
}
@media (max-width:550px) {
	.news-list .swiper-slide>a>img {height: 300px;}
}
@media (max-width:480px) {
	.wenzi-box i,.wenzi-box img{display: none;}
	.news-list .swiper-slide>a>img{height: 260px;}
}
@media (max-width:400px) {
	.wenzi-box b{font-size: 16px; margin: 7px 0;}
	.wenzi-box span{font-size: 14px; }
}