/*banner*/
@media screen and (min-width: 320px) {
	.banner-swiper .banner-bg{ padding-bottom: 45%; -webkit-background-size: cover;
	background-size: cover; background-position: center center; position: relative;}
	.banner-txt{ padding: 0 10px; position: absolute; left: 0; bottom: 0;  width: 100%; height: 100%; text-align: center; z-index: 11;}
	.banner-txt img{ width: auto; max-width: 100%;  top: 50%; position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	
	.banner-swiper .container{ position: relative; z-index: 9;}
	.banner-btn{ position: absolute; right: 10px; bottom: 10px;}
	.banner-btn div{ width: 28px; height: 28px; background: #fff; float: left; margin-right: 5px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; overflow: hidden; cursor: pointer;}
	.banner-btn div i{ width: 28px; height: 28px; line-height: 28px;	 text-align: center; display: block;}
	.banner-btn div.banner-play i.icon-stop{ display: none;}
	
	.banner-btn div:hover{ background: #207be2;}
	.banner-btn div:hover i:before{ color: #fff;}
	
	.video{object-fit: cover; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%;  }
	
	.banner-shade{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;  background: url(../img/banner-001-shade.png) center center;}
}

@media screen and (min-width: 480px) {
	
}

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

@media screen and (min-width: 1320px) {
	.banner-swiper .banner-bg{ height: 635px; padding: 0;}
	.banner-btn{ bottom: 35px;}
	.video{ height: 635px;}
}


/*快捷入口*/
@media screen and (min-width: 320px) {
		
	.kjrk-box{ padding-top: 25px;}
	

	.kjrk-l{ background: #f0f0f0;}
	/* .kjrk-l a{ padding: 10px; display: block;}
	.kjrk-l i{ width: 80px; height: 80px;}

	
	.kjrk-l li{ width: 33.333%; float: left;}
	.kjrk-l div{ width: 60px; height: 60px; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; background: #4e82e0; color: #fff; line-height: 60px; text-align: center; margin: 0 auto;
  background: -webkit-repeating-linear-gradient(#4e82e0, #2a4d8b 50%,  #213f74 51%,#213f74 100%);
  background: -o-repeating-linear-gradient(#4e82e0, #2a4d8b 50%, #213f74 51%,#213f74 100%);
  background: -moz-repeating-linear-gradient(#4e82e0, #2a4d8b 50%,  #213f74 51%,#213f74 100%);
  background: repeating-linear-gradient(#4e82e0, #2a4d8b 50%,  #213f74 51%,#213f74 100%);
	}
	.kjrk-l div i{ font-size: 36px;}
	.kjrk-l a:hover div {-webkit-transform: scale(1.1); transform: scale(1.1);}
	.kjrk-l li b{ display: block; font-size: 12px; text-align: center; padding-top: 5px; font-weight: normal; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.kjrk-l li p{display: none;} */
	
	
	i.pic-scale-video{ padding-bottom: 35.76%;}
	.kjrk-r span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #207be2; opacity: .6; filter:Alpha(opacity=60);}
	.kjrk-r .icon-play{ width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; z-index: 9; background: #207be2; color: #fff; font-size: 36px;}
	
	.kjrk-r a:hover span{opacity: .3;  filter:Alpha(opacity=30);}
	.kjrk-r a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	.kjrk-r a:hover .icon-play{ background: #fff; }
	.kjrk-r a:hover .icon-play:before{color: #207be2;}
	
	
	.kjrk-l{display: flex;  align-items: center;}
	.kjrk-l dl{ padding: 15px;}
	.kjrk-l dt{ font-weight: bold; font-size: 18px;}
	.kjrk-l dd{ }
	.kjrk-l dd div{ padding: 10px 0;}
	.kjrk-l dd a{display: inline-flex; align-items: center; justify-content: center;}
	.kjrk-l dd a i::before{ padding-right: 10px; font-size: 18px; color: #207be2;}
	.kjrk-l dd a span{ color: #207be2;}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.kjrk-box{ overflow: hidden; padding-top: 40px;}
	.kjrk-l{ float: left; width: 74.21875%;}
	/* .kjrk-l a{ height: 188px; padding: 15px 30px;}
	.kjrk-l li b{ font-weight: bold; font-size: 18px; padding: 5px 0;}
	.kjrk-l li p{ display: block; text-align: center; color: #666; font-size: 12px;} */
	.kjrk-r{ width: 25.78125%; float: left;}
	i.pic-scale-video{ padding-bottom: 75.76%;}
	
	.kjrk-l{height: 187px; }
	
	.kjrk-l dl{padding: 30px;}
	.kjrk-l dt{ font-size: 22px;}
}

@media screen and (min-width: 1320px) {
	/* .kjrk-l a{ height: 250px; padding: 30px 50px;}
	.kjrk-l div{ width: 80px; height: 80px; line-height: 80px;}
	.kjrk-l div i:before{ font-size: 48px;}
	.kjrk-l li b{ padding-top: 10px;}
	.kjrk-l li p{ font-size: 14px; line-height: 22px;} */
	
	.kjrk-r .icon-play{ width: 80px; height: 80px; line-height: 80px; font-size: 48px; margin-left: -40px; margin-top: -40px;}
	
	.kjrk-l{height: 250px;}
	.kjrk-l dl{ padding: 40px;}
	.kjrk-l dt{ font-size: 26px;}
}


/*行业应用*/
@media screen and (min-width: 320px) {
	.hyyy-box{ padding-top: 25px;}
	.ind-tit{ text-align: center; font-size: 18px; padding-bottom: 10px;}
	.ind-tit span{ padding: 0 10px;}
	.ind-tit span.on{ color: #207be2;}
	i.pic-scale-hyyy{ padding-bottom: 120%;}
	
	.hyyy-mess{position: relative; padding: 0 30px;}
	
	.hyyy-link div{ height: 42px; position: absolute; left: 0; bottom: 0; width: 100%; background: #207be2;  background: rgba(32,123,226,.8); z-index: 2;}
	
	.hyyy-link b{ line-height: 42px; text-align: center; color: #fff; width: 100%;display: block; font-style: normal; font-size: 16px; font-weight: normal;}
	.hyyy-link hr{ margin: 15px;  opacity: 0; background: #9cb7d3;}
	.hyyy-link span{ color: #fff; padding: 0 15px; font-style: normal; display: block; text-align: justify; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;}
	
	.hyyy-link:hover b{padding-top: 15px;font-size: 22px; font-weight: bold;}
	.hyyy-link:hover hr{ opacity: 1;}
	.hyyy-link:hover span{}
	.hyyy-link:hover div{ height: 100%;}
	
		
	.hyyy-button{ width: 60px; height: 60px; line-height: 60px; text-align: center; background: #000; background: rgba(0,0,0,.5); position: absolute; top: 50%; margin-top: -30px; z-index: 2; cursor: pointer;}
	.hyyy-button i{ font-size: 36px; color: #fff; line-height: 60px; display: block;}
	.hyyy-button-prev{ left: 0;}
	.hyyy-button-next{ right: 0;}
	.hyyy-button-prev:hover i{ -webkit-transform: translateX(-5px); transform: translateX(-5px);}
	.hyyy-button-next:hover i{ -webkit-transform: translateX(5px); transform: translateX(5px);}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.hyyy-mess{ padding: 0 40px;}
	.hyyy-box{ padding-top: 40px; margin: 0 -40px;}
	
	.ind-tit{ font-size: 34px; padding-bottom: 25px;}
	
	.hyyy-button{ width: 80px; height: 80px; line-height: 80px;}
	.hyyy-button i{font-size: 48px; line-height: 80px;}
	
	.hyyy-link div{ height: 47px;}
	.hyyy-link b{line-height: 47px; font-size: 18px;}
	
	.hyyy-link a:hover b{ padding-top: 30px;}
	.hyyy-link hr{ margin:  20px;}
	.hyyy-link span{padding: 0 20px; line-height: 24px; -webkit-line-clamp: 10;}
}

@media screen and (min-width: 1320px) {
	
}


/*我们的客户*/
@media screen and (min-width: 320px) {
	.customer-bd{ padding-top: 25px;}
	.customer-bg{ padding: 25px 0; background: url(../img/ind-bg.jpg) center center;}
	
	.customer-tit{padding: 0 30px; color: #fff; font-size: 24px; padding-bottom: 10px;}
	
	.customer-box{ padding: 30px; background: #f0f0f0;}
	
	.customer-box dt{ font-size: 16px; font-weight: bold; color: #333; padding-bottom: 5px;}
	.customer-box dd{ color: #666; padding-bottom: 20px;}
	
	i.pic-scale-customer{padding-bottom: 36.96%;}
	
	.customer-box ul{ overflow: hidden; margin: 0 -2px; padding-top: 10px;}
	.customer-box li{ float: left; width: 33.33333%; padding: 2px;}
	.customer-box li a{ display: block; border: solid 1px #d7d7d7;}
	.customer-box li a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.customer-bd{ padding-top: 40px;}
	.customer-bg{ padding: 55px 0;}
	.customer-tit{ font-size: 34px;}
	.customer-box{ padding: 40px;}
	
	.customer-box dt{ font-size: 18px;}
	.customer-box ul{ padding-top: 30px;}
	.customer-box ul{ margin: -5px -9px -5px -8px;}
	.customer-box li{ width: 16.66666%; padding: 5px 9px 5px 8px;}
}

@media screen and (min-width: 1320px) {
	
}



/*企业动态*/
@media screen and (min-width: 320px) {
	.qydt-box{ padding-top: 25px;}
	.qydt-t{ overflow: hidden;}
	.qydt-t .hd{margin-left: -15px;}
	.qydt-t span{ float: left; padding: 0 15px; position: relative; font-size: 18px; color: #222; cursor: pointer; line-height: 36px;}
	.qydt-t span:before{ content: ' '; position: absolute; border-left: solid 1px #a4a4a4; height: 20px; left: 0; top: 50%; margin-top: -10px;}
	.qydt-t span.on{ color: #207be2;}
	
	.qydt-t .bdl{ float: right;}
	.qydt-t a{ line-height: 36px; font-size: 14px; color: #555;}
	.qydt-t a:hover{ color: #207be2;}
	
	.qydt-b{ padding-top: 15px;}
	.qydt-b::after{content: ' '; clear: both; width: 0; height: 0; display: block;}
	
	i.pic-scale-qydt{padding-bottom: 78.22%;}
	.qydt-swiper .swiper-slide i span{ position: absolute; left: 0; bottom: 0; background: #207be2; background: rgba(32,123,226,.7); color: #fff; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; width: 100%; font-style: normal; padding: 15px; padding-bottom: 30px; text-align: center;}
	
	.qydt-swiper .swiper-slide a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.qydt-swiper .qydt-pagination{ position: absolute; left: 0; bottom: 5px; width: 100%; z-index: 3; text-align: center;}
	.qydt-pagination span{ background: #fdf9f6; opacity: .4;}
	.qydt-pagination span.swiper-pagination-bullet-active{opacity: 1;}
	.qydt-btn{ position: absolute;top: 50%; z-index: 2; width: 60px; height: 60px; text-align: center; margin-top: -30px; cursor: pointer; opacity: .5;}
	.qydt-btn i{ font-size: 48px; color: #fff; line-height: 60px; display: block;}
	.qydt-btn-next{ right: 0;}
	
	.qydt-btn:hover{ opacity: 1;}
	.qydt-btn-prev:hover i{-webkit-transform: translateX(-5px); transform: translateX(-5px);}
	.qydt-btn-next:hover i{-webkit-transform: translateX(5px); transform: translateX(5px);}
	.qydt-btn:hover i:before{ color: #207be2;}
	
	.qydt-br{ padding-top: 15px;}
	
	.qydt-br ul{margin: -10px 0;}
	.qydt-br li{ padding: 10px 0;}
	.qydt-br li a{ display: block;}
	.qydt-br li dl{overflow: hidden;}
	.qydt-br li dt{ float: left; padding-right: 15px; border-right: dashed 1px #888;}
	.qydt-br li dt span{ display: block; font-size: 12px; color: #888; line-height: 20px;}
	.qydt-br li dt b{ display: block; color: #207be2; font-size: 36px; line-height: 40px; text-align: center;}
	.qydt-br li dd{ overflow: hidden; padding-left: 15px;}
	.qydt-br li dd b{display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #000; font-size: 16px; font-weight: normal; line-height: 24px;}
	.qydt-br li dd p{ line-height: 18px; color: #999; font-size: 12px;  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; height: 36px;}

.qydt-br li a:hover b{ color: #207be2;}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.qydt-box{padding-top: 40px;}
	.qydt-t .hd{ margin-left: -20px;}
	.qydt-t span{ padding: 0 20px; font-size: 34px;}
	.qydt-t span:before{ margin-top: -15px; height: 30px;}
	
	.qydt-swiper .swiper-slide i span{ padding: 18px; font-size: 16px; padding-bottom: 32px;}
	
	.qydt-b{ padding-top: 25px;}
	
	.qydt-bl{ width: 404px; float: left;}
	.qydt-br{ padding-left: 35px; overflow: hidden; padding-top: 0;}
	
	.qydt-br ul{ margin: -22px 0;}
	.qydt-br li{ padding: 22px 0;}
	
	.qydt-br li dt span{ line-height: 20px; font-size: 14px; text-align: center;}
	.qydt-br li dt b{ line-height: 55px; font-size: 48px;}
	
	.qydt-br li dd b{ line-height: 25px; }
	.qydt-br li dd p{ font-size: 14px; line-height: 22px; height: 50px; padding-top: 6px;}
}

@media screen and (min-width: 1320px) {
	
}



/* 视频弹窗 */
@media screen and (min-width: 320px) {
.video-show{ width: 300px !important; height: 175px !important;}
	
	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px; width: 35px; height: 35px; background: #207be2; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 20px;}
	
	.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
	.jcsp-video{display: none;}
	.jcsp-video video{display: block;}
	.jcsp-video,.jcsp-video video{ width: 100%; height: 100%}
	.video-show video{ width: 100%; height: 100%; display: block;}
}

@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 500px !important;}
}

/*@media screen and (min-width: 1280px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}*/