/*********************************************************************************************/
/* 首页样式 */
/*********************************************************************************************/
/* 轮播部分 */
.banner-box{width: 100%;position: relative;overflow: hidden;}
.banner-swiper .swiper-wrapper{height: 890px!important;}
.banner-swiper .swiper-slide>div{height: 890px!important;}
.banner-left{position: absolute;top: 43%;left: 15%;z-index: 10;margin-top: -200px;max-width: 900px;}
.banner-left>p{color: #FFFFFF;font-size: 48px;font-weight: bold;margin-bottom: 15px;}
.banner-left>span{width: 100%;color: #FFFFFF;font-size: 24px;line-height: 1.5;}
.banner-left .more-btn{margin-top: 60px;}
.banner-left .more-btn img{width: 10px;}
.banner-swiper .swiper-slide{height: auto;}
.banner-bottom{position: absolute;right: 0;bottom: 0;width: 36%;z-index: 10;pointer-events: none;}
.banner-bottom .page-box{position: absolute;right: 28%;bottom: 24%;height: 57px;width: 225px;}
.banner-bottom .page-box .swiper-prev{margin-right: 170px;position: relative;z-index: 15;cursor: pointer;pointer-events: all;}
.banner-bottom .page-box .swiper-next{position: relative;z-index: 15;cursor: pointer;pointer-events: all;}
.banner-bottom .page-box .swiper-num{color: #FFFFFF;font-family: 'enMedi';cursor: default;font-size: 50px;top: -15px;position: absolute;width: 100%;display: inline-block;text-align: center;left: 0;}
.banner-bottom .page-box .swiper-num span{color: #FFFFFF;font-family: 'enMedi';font-size: 50px;}
.banner-right{position: absolute;right:5%;top: 35%;z-index: 15;}
.banner-right .banner-pagination{width: 20px;}
.banner-right .banner-pagination .swiper-pagination-switch{width: 14px;height: 14px;display: block;margin: 0 auto;border-radius: 50%;overflow: visible;position: relative;background: transparent;border: 3px solid #FFFFFF;margin-bottom: 30px;opacity: 1;}
.banner-right .banner-pagination .swiper-pagination-switch:after{content: '';position: absolute;bottom: -29px;opacity: .6;height:23px;width: 1px;border-left: dashed 1px #FFFFFF;left: 50%;z-index: 10;display: block;}
.banner-right .banner-pagination .swiper-pagination-switch:last-child::after{border: none;}
.banner-right .banner-pagination .swiper-pagination-switch.swiper-active-switch{width: 20px;height: 20px;}
.swiper-wrapper{height: 890px;overflow: hidden;}
.swiper-wrapper .swiper-slide{height: 890px;}
/* 介绍部分 */
.index-intro{display: block;margin: auto;max-width: 1450px;padding: 6% 25px;overflow: visible;}
.index-intro .left{float: left;width: 45%;overflow: visible;position: relative;min-width: 480px;}
.index-intro .intro-pic{width: 100%;max-width: 531px;height: 307px;margin-top: -170px;position: relative;z-index: 20;}
.index-intro .intro-line{position: absolute;top: 3%;z-index: 50;left: 75%;}
.intro-count{padding: 8% 0 0 6%;}
.intro-count>div{width: 100%;margin-bottom: 45px;}
.intro-count>div img{float: left;margin-right: 8%;margin-top: 10px;}
.intro-count>div div{float: left}
.intro-count>div div p{color: #666666;font-size: 48px;font-family: 'enMedi';font-weight: 400;}
.intro-count>div div p .km{font-size: 18px;margin-left: 5px;}
.index-intro .right{float: right;width: 45%;}
.index-intro .right>p{font-size: 30px;color: #444444;margin-bottom: 30px;margin-top: 5px;}
.index-intro .right>div p{font-size: 16px;color: #888888;margin-bottom: 30px;line-height: 1.8;}
/* 核心产品 */
.index-product{width: 100%;background: url(../images/index-bgb.png) no-repeat;background-size: 100% 100%;padding: 7% 0;position: relative;overflow: visible;}
.index-product .product-pic{position: absolute;top: -90px;right: 25%;}
.product-box{max-width: 1450px;margin: 0 auto;padding: 0 25px;width: auto;}
.product-box>p{font-size: 36px;color: #9ec506;margin-bottom: 15px;}
.product-box>span{font-size: 18px;color: #FFFFFF;font-family: 'enMedi';}
.product-box .product-list{margin-top: 4%;}
.product-item{position: relative;border-radius: 8px;overflow: hidden;cursor: pointer;margin-bottom: 25px;}
.product-item:nth-child(4n+4){margin-right: 0;}
.product-item p{position: absolute;top: 40px;left: 35px;color: #FFFFFF;font-size: 20px;z-index: 20;}
.product-item .img-box{width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 8px;}
.product-item img{width: 100%;height:243px; object-fit: cover;}
.product-item span{position: absolute;bottom: 80px;left: 35px;color: #FFFFFF;font-size: 14px;font-family: 'enMedi';z-index: 20;}
.product-item .more{width: 22px;height: 22px;position: absolute;bottom: 40px;left: 35px;z-index: 20;}
.product-item .shadow{width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;background:#035faa;background:linear-gradient(90deg,#a7c904,#035faa);opacity: .6;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}
.product-item:hover .shadow{width: 100%;}
.index-product>.clear{width: 100%;max-width: 1400px;}
.index-product div .more-btn{float: right;}
/* 最新资讯 */
.index-news{width: 100%;overflow: visible;}
.index-news .left{float: left;background: #F2F2F2;width: 30%;overflow: visible;padding-bottom: 8%;}
.index-news .left .box{margin-left: auto;height: auto;float: right;margin-top: -40px;position: relative;z-index: 10;width: 328px;}
.index-news .left img{width: 328px;}
.index-news .left .box div{width: 100%;text-align: center;display: inline-block;padding-top: 45px;}
.index-news .left .box div i{font-size: 32px;color: #666666;padding: 0 10px;margin: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.index-news .left .box div span{height: 30px;width: 2px;background: #d0d0d0;display: inline-block;vertical-align: middle;}
.index-news .right{width:70%;float: right;position: relative;padding-left: 2%;}
.index-news .right .news-swiper{width: 84%;padding: 8% 2% 2%;max-width: 1080px;margin: 0;height: 500px;}
.index-news .right .news-swiper .news-item{width: 90%;cursor: pointer;float: left;}
.index-news .right .news-swiper .news-item:last-child{margin:0;}
.index-news .right .news-swiper .news-item span{display: inline-block;vertical-align: middle;width: 100%;color: #c1c1c1;margin-bottom: 25px;}
.index-news .right .news-swiper .news-item span img{margin-right: 10px;}
.index-news .right .news-swiper .news-item>img{width: 100%;border-radius: 8px;margin-bottom: 18px; height: 200px;  object-fit: cover;}
.index-news .right .news-swiper .news-item p{font-size: 16px;color: #666666;line-height: 1.8;margin-bottom: 20px;}
.index-news .right .news-swiper .news-item .bar-box{width: 100%;background: #e6e6e7;height: 2px;}
.index-news .right .news-swiper .news-item .bar{width: 0;height: 2px;background:#a7c904;background:linear-gradient(90deg,#a7c904,#035faa);transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}
.index-news .right .news-swiper .swiper-slide-active .news-item .bar{width: 100%;}
.index-news .right .news-swiper .news-item:hover .bar{width: 100%;}
.index-news .more-btn{position: absolute;right: 20%;bottom: -15%;}
/* 生活之旅 */
.index-active{background-image: url(../images/index-bga.jpg);background-position: center center;background-size: cover;padding: 120px;}
.index-active p{width: 100%;text-align: center;display: inline-block;color: #FFFFFF;font-size: 36px;}
.index-active a{width: 220px;height: 60px;border: 1px solid #FFFFFF;border-radius: 40px;margin: 30px auto 0;text-align: center;display: block;}
.index-active a span{color: #FFFFFF;font-size: 16px;line-height: 60px;}
.index-active a img{margin-left: 10px;width: 12px;margin-top: -5px;}


/*********************************************************************************************/
/* 全响应调节 */
/*********************************************************************************************/
@media (max-width:1200px) {
	.index-intro .intro-line{display: none;}
	.index-news .left .box{margin: 0;width: 100%;}
	.index-news .left img {width: 100%;}
  .index-intro .right>p { font-size: 25px; }
}
@media (max-width:992px) {
	.banner-left{position: absolute;top: 44%;left: 15%;z-index: 10;margin-top: -100px;max-width: 600px;}
	.banner-left>p{color: #FFFFFF;font-size: 32px;font-weight: bold;margin-bottom: 15px;}
	.banner-left>span{width: 100%;color: #FFFFFF;font-size: 15px;line-height: 1.5;}
	.banner-left .more-btn{margin-top: 50px;}
	.banner-bottom{bottom: 30px;}
	.banner-bottom>img{display: none;}
	.index-intro{padding-top: 25px;}
	.index-intro .intro-pic{margin-top: 0;}
	.banner-swiper .swiper-wrapper{height: 600px!important;}
	.banner-swiper .swiper-slide>div{height: 600px!important;}
	.index-intro .left{width: 100%;}
	.index-intro .intro-pic{width: 100%;min-width: 531px;height: auto;margin: 0 auto;display: block;}
	.intro-count{padding: 8% 0 0 6%;}
	.intro-count>div{width: 48%;margin-bottom: 45px;display: inline-block;padding-left: 7%;}
	.intro-count>div img{margin-top: 0;}
	.intro-count>div div p{color: #999999;font-size: 36px;font-family: 'enMedi';font-weight: 400;}
	.index-intro .right{float: right;width: 100%;padding: 0 25px;}
	.index-intro .right>p{font-size: 36px;color: #444444;margin-bottom: 30px;margin-top: 5px;}
	.index-intro .right>div p{font-size: 16px;color: #888888;margin-bottom: 30px;line-height: 1.8;text-align: justify;}
	.index-product .product-pic{display: none;}
	.index-news .right .news-swiper{width: 100%;height: 420px;}
}
@media (max-width:768px) {
	.banner-left{left: 10%;}
	.banner-left>p {color: #FFFFFF;font-size: 17px;font-weight: bold;margin-bottom:0;}
  .banner-left>p:first-child { font-size: 20px; }
	.banner-bottom .page-box .swiper-num{font-size: 30px;top: -8px;}
	.banner-bottom .page-box .swiper-num span {font-size: 30px;}
	.banner-bottom .page-box .swiper-prev {margin-right: 117px;width: 15px;}
	.banner-bottom .page-box .swiper-next {width: 15px;}
	.banner-bottom .page-box{width: 152px;}
	.index-intro{width: 100%;}
	.index-intro .left{float: none;min-width: 100%;}
	.index-intro .intro-pic {width: 100%;min-width: 100%;}
	.index-intro .right{float: right;width: 100%;padding: 0;}
	.index-intro .right>div p{margin-bottom: 20px;}
	.intro-count{padding: 8% 0 2%;}
	.intro-count>div{width: 48%;margin-bottom: 45px;display: inline-block;padding-left: 4%;}
	.intro-count>div div p{color: #999999;font-size: 24px;font-family: 'enMedi';font-weight: 400;}
	.intro-count>div {text-align: center;}
	.intro-count>div img{display: inline-block;float: none;margin: 0;}
	.intro-count>div div{float: none;}
	.index-product div .more-btn{margin-top: 20px;}
	.product-item{margin-bottom: 15px;}
	.index-intro .right>p{font-size: 18px;}
	.index-intro .more-btn,.index-product .more-btn{display: block;margin: 20px auto;float: none!important;}
	.index-news{padding-bottom: 80px;}
	.index-news .left{width: 100%;padding-bottom: 5%;}
	.index-news .left .bg{margin-bottom: 10%;}
	.index-news .left .title{width: 50%;position: absolute;z-index: 10;left: 25%;top: 48%;}
	.index-news .right{width: 100%;}
	.index-news .more-btn{margin: 0 auto;display: block;position: static;}
	.index-news .right .news-swiper{padding-top: 4%;height: 400px!important;width: 95%;margin: 0 auto 0;}
	.swiper-wrapper .swiper-slide{height: 340px!important;}
	.index-news .right .news-swiper .news-item span{margin-bottom: 15px;}
	.index-active{padding: 80px 0;}
	.index-active p{font-size: 24px;}
}