/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;}
.banner .carousel{}

#bannerCarousel .control-box{position: absolute;right: 4%;bottom: 50px;display: flex;color:#ccc;}
#bannerCarousel .carousel-number{line-height: 30px;height: 30px;margin-right: 20px;font-size: 18px;}
#bannerCarousel .carousel-number span{margin:0 3px;}
#bannerCarousel .carousel-number .cur{color:#ffffff;}
#bannerCarousel .control-box .line{height: 30px;border-left: 1px solid #ccc;margin:0 20px;}

#bannerCarousel .carousel-control{width: 36px;height: 30px; background-image:none; opacity: 0.7;position:static;}
#bannerCarousel .carousel-control.left{ background:url(../images/left-icon.svg) center center / 30px auto no-repeat;}
#bannerCarousel .carousel-control.right{ background:url(../images/right-icon.svg) center center / 30px auto no-repeat;}
#bannerCarousel .carousel-control.left:hover{background:url(../images/left-hover-icon.svg) center center / 30px auto no-repeat;}
#bannerCarousel .carousel-control.right:hover{background:url(../images/right-hover-icon.svg) center center / 30px auto no-repeat;}
#bannerCarousel .carousel-control:hover{opacity: 1;}


.index-product{padding:25px 0;background-color: #f5f5f5;}
.index-product .pro-nav{display: flex;justify-content: space-between;align-items: center;}
.pro-nav .pro-nav-title{flex-basis: 250px;}
.pro-nav .pro-nav-title .pro-title-cn{font-size: 24px;font-weight: bold;}
.pro-nav .pro-nav-title .pro-title-en{font-size: 20px;color:#b2b2b2; font-weight: bold;font-style: italic;text-transform:uppercase;}
.pro-nav .pro-nav-a{flex:1;border-left: 1px solid #dddddd;text-align: center;}
.pro-nav .pro-nav-a span{display: block;margin-top: 10px;}
.pro-nav .pro-nav-more{flex-basis: 150px;border-left: 1px solid #dddddd;text-align: center;}
.pro-nav .pro-nav-a:hover{color:#00a0e9;}

.section-head{text-align: center;}
.section-head h3{font-size: 30px;line-height: 44px;display: inline-block;padding:0 40px; position: relative;}
.section-head h3:before{content:"";width: 45px;border-top:1px solid #00b0f0;position: absolute;right: 100%;top: 50%;}
.section-head h3:after{content:"";width: 45px;border-top:1px solid #00b0f0;position: absolute;left: 100%;top: 50%;}
.section-head h4{font-size: 24px;color:#666;line-height: 36px; text-transform:uppercase;}
.index-apply{padding:60px 0;}
.index-apply .cont{text-align: center;font-size: 24px;line-height: 36px;color:#666;padding:30px 0;}
.applySwiper{position: relative;margin-top: 40px;overflow: hidden;}
.applySwiper .swiper-slide{overflow: hidden;}
.applySwiper .swiper-slide .hov{position: absolute;z-index: 111; width: 100%;height: 100%;top:0;left:0;display: flex;color:#f1f1f1;background-color:rgba(0,0,0,0.4);flex-direction: column;align-items: center;justify-content: center;transition: all 0.5s;}
.applySwiper .swiper-slide .hov h4{line-height: 30px;font-size: 30px;margin-bottom: 15px;}
.applySwiper .swiper-slide .hov h4:after{content:"";display: block;width: 40px;height: 1px;background-color: #ccc;margin: 10px auto 0;}
.applySwiper .swiper-slide .hov p{line-height: 24px;color:#ccc;transition: all 0.5s;}
.applySwiper .swiper-slide .hov .more {width: 150px; height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 18px;border-radius: 20px; border: 1px solid #ffffff;}
.applySwiper .swiper-slide .hov:hover .more{background-color: #00a0e9; border-color: #00a0e9;color: #fff;}
.applySwiper .swiper-slide img{width: 100%;transition: all 0.5s;} 
.applySwiper .swiper-button-next{right: 33%;margin-right: -15px;width: 30px;height: 50px;}
.applySwiper .swiper-button-prev{left:33%;margin-left: -15px;width: 30px;height: 50px;} 
.applySwiper .swiper-slide .applyhov:hover{ color:#ffffff;transition: all 0.5s;} 
.applySwiper .swiper-slide .applyhov:hover p{color:#ffffff;transition: all 0.5s;}
.applySwiper .swiper-slide .applyhov:hover + img{transform: scale(1.1);transition: all 0.5s;}

.index-about{padding:80px 0;background:url(../images/index-about-bg.jpg) center center / cover;}
.about-head{text-align: center;}
.about-head h3{font-size: 40px;color:#ffffff; line-height: 60px;}
.about-head h4{font-size: 24px;color:#ffffff;line-height: 36px; text-transform:uppercase;}
.about-body{color:#eee;font-size: 18px; line-height: 30px;max-width: 1010px;text-align: center;margin:50px auto;display: flex;align-items: center;height: 240px;}
/*.about-body p:hover{color:#00a0e9;}*/
.index-about .more{display: block;margin:20px auto;width: 150px;height: 40px;line-height: 40px;color:#eee;border:1px solid #eee;text-align: center;}
.index-about .more:hover{background-color: #00a0e9;border-color:#00a0e9;}

.index-probase{background:url(../images/probase_bg.jpg) top center / cover;margin-top: 80px;display:flex;justify-content: flex-end; padding:80px 0;}
.probasebox{width: 50%;background-color:rgba(0,176,240,0.6);padding:45px 65px;}
.probasebox h3{font-size: 40px;color:#ffffff; line-height: 60px;}
.probasebox h4{font-size: 24px;color:#ffffff;line-height: 36px; text-transform:uppercase;}
.probasebox .cont{color:#eee;font-size: 18px; line-height: 30px;margin-top: 30px;}
.probasebox .more{display: block;margin-top:30px;width: 150px;height: 40px;line-height: 40px;color:#eee;border:1px solid #eee;text-align: center;}
.probasebox .more:hover{background-color: #00a0e9;border-color:#00a0e9;}

.index-news{padding: 80px 0;}
.index-news .newslist{display: flex;margin-top: 40px;}
.index-news .newsleft{margin-right: 15px;flex:1;background-color: #f5f5f5;padding-bottom: 20px;}
.index-news .newsleft .img a{display: block;}
.index-news .newsleft .img img{width: 100%;}
.index-news .newsleft .date{font-size: 14px;color:#999;margin-top: 10px;padding:0 15px;}
.index-news .newsleft .title{font-size: 18px;color:#333;margin-top: 10px;padding:0 15px;}
.index-news .newsleft .title:hover{color:#00a0e9;}
.index-news .newsright{margin-left: 15px;flex:1;}
.index-news .newsright ul li{display: flex;border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-top:15px;}
.index-news .newsright ul li:nth-child(1){margin-top: 0;}
.index-news .newsright ul li .cont{flex:1;}
.index-news .newsright ul li .date{flex:0 0 54px;text-align: center;margin-left: 30px;}
.index-news .newsright ul li .date span{display: block;color:#666;}
.index-news .newsright ul li .date .dd{font-size: 48px;line-height: 60px;}
.index-news .newsright ul li .date .ym{font-size: 14px;line-height: 20px;}
.index-news .newsright ul li h4{font-size: 16px;line-height: 24px;color:#333;margin-bottom: 10px;}
.index-news .newsright ul li .txt{font-size: 14px;line-height: 24px;color:#666;}
.index-news .newsright ul li:hover h4,.index-news .newsright ul li:hover .txt{color: #00a0e9;}

@media (min-width:769px) {
	 
} 
@media (min-width:992px) { 
}

@media (min-width:1200px) { 
}

@media (min-width:1400px) { 

}
 
@media (min-width:1500px) {
	.container {width: 1470px;}
}

@media (min-width:1600px) { 
	#bannerCarousel .carousel-inner .item{height: 100vh;} 
	#bannerCarousel .carousel-inner .item img{width: 100%;height: 100%;object-fit:cover;}

}
@media(max-width:1500px){
	.index-news .newsright ul li .txt{height: 48px;overflow: hidden;}
}
@media(max-width:1200px){
	.index-news .newslist{flex-direction: column;}
	.index-news .newsleft{margin:0 0 20px 0;}
	.applySwiper .swiper-slide .hov h4{font-size: 20px;}
	.applySwiper .swiper-slide .hov .more{height: 30px;line-height: 30px;width: 110px;font-size: 14px;}
	.section-head h3{font-size:30px;}
	.section-head h4{font-size: 20px;}
	.about-head h3{font-size:30px;}
	.about-head h4{font-size: 20px;}
	
}

@media(max-width:768px){
	.index-product .pro-nav{flex-wrap: wrap;}
	.pro-nav .pro-nav-title{flex-basis: 100%;text-align: center;margin-bottom: 20px;}
	.pro-nav .pro-nav-more{border-left: none;flex-basis: 33.33%;margin:10px 0;}
	.pro-nav .pro-nav-a{border-left: none;flex-basis: 33.33%;margin:10px 0;}
	.section-head h3{font-size: 24px;}
	.section-head h4{font-size: 18px;}
	.index-apply{padding:40px 0;}
	.applySwiper .swiper-button-prev{left:5px;margin-left: 0;}
	.applySwiper .swiper-button-next{right: 5px;margin-right:0;}
	.applySwiper .swiper-slide .hov h4{font-size: 20px;}
	.applySwiper .swiper-slide .hov .more{line-height:32px;height: 32px;border-radius:15px;font-size:16px;}
	.index-about{padding:40px 0;}
	.about-head h3{font-size: 24px;line-height:40px;}
	.about-head h4{font-size: 18px;}
	.about-body{font-size: 16px;margin:30px 0;}
	.index-probase{margin-top:0px;padding:80px 15px;}
	.probasebox{width:100%;padding:30px 15px;}
	.probasebox h3{font-size: 24px;line-height:40px;text-align: center;}
	.probasebox h4{font-size: 18px;text-align: center;}
	.probasebox .cont{font-size: 16px;}
	.probasebox .more{margin:30px auto 0;}
	.index-news .newslist{display:block;}
	.index-news .newsleft{margin-bottom: 15px;margin-right:0;}
	.index-news .newsright{margin-left: 0;}
	.index-news .newsright ul li{align-items: center;}
	.index-news .newsright ul li .txt{height: 48px;overflow: hidden;}
	.index-news .newsright ul li .date{margin-left: 15px;}
	.index-news .newsright ul li .date .dd{font-size: 36px;line-height:50px;}
}