.section-title h1{color:#cccccc;}.section-title h3{color:#184e6a;}
.mr20{margin-right:20px}
.zq-icon{display:inline-block;background:url(images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-120px 0}
.card-area{margin:0px auto 0; height:660px;width:1280px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;
  transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:19.6%;height:621px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.6)}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-area .card-item.active .card .card-title .short-info br {
    display: none;
}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:100px;line-height:26px;font-size:14px;top:0;background:rgba(35, 94, 125, 0.3);border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#fff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#9ed8f5;font-size:14px;margin-top:0;margin-bottom:0px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:476px;position:absolute;top:100px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:288px;font-size:16px;color:#373d41;margin-top:23px;margin-bottom:23px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:15px; color:#fff; text-shadow:0 1px 1px #000;}
.card-area .card-item .card .card-content.content-first .content-first-list li span{padding:5px 20px; display:inline-block; background-color:rgba(0, 199, 255, 0.2); border-radius:30px; width:120px;border:1px solid #00ebff;}
.card-area .card-item .card .card-content.content-first .content-first-list.long li span{width:200px;}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:20px}
.card-area .card-item .card .card-content.content-second .main-head{color:#9ed8f5;font-size:18px;line-height:28px; font-weight:bold;}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#fff;font-size:12px;line-height:20px; padding-top:10px;}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#235e7d;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #184e6a;font-size:16px!important;color:#184e6a;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#184e6a}
.card-area .card-item .card .card-content .other-info{width:105%;overflow:hidden;line-height:22px;font-size:12px}
/* .other-info a{display: block;height: 100%;} */
.card-area .card-item .card .card-content .other-info img.size92{ max-width:92%;}
.card-area .card-item .card .card-content .other-info img.size100{ max-width:100%;}
.card-area .card-item .card .card-content .other-info .other-info-list{width:45%;height:160px;background:#f2f2f2;margin:12px 12px 0 0; position:relative;z-index:99; overflow:hidden;}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#184e6a}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400; color:#fff; position:absolute; z-index:999; width:100%; display:block; text-align:center;bottom:0px; left:0px; background-color:rgba(0,0,0,.5); padding:5px 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:41%;height:655px}
.card-area .card-item.active .card .card-title{background-color: rgba(0, 211, 255, 0.4);height:114px;top:0px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#fff}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.cytd_box{color:#fff}
.cytd_box .container{margin:0 auto;padding-top:0;padding-bottom:0;}
.cytd_box *{color:#fff}
.cytd_bg{background:rgba(0,0,0,0.5); padding:20px; display:inline-block;}
.cytd_text{padding-top:20px;}
.cytd_text h4,.cytd_text h5{margin-bottom:10px; font-weight:600;}
.cytd_text p{font-size:9px !important;font-weight:200;-webkit-transform-origin-x: 0; -webkit-transform: scale(0.80); }

.swiper-container1 .swiper-slide{background:url("/images/new style/imgborder2.png") no-repeat;background-size: 178px 114px;margin-right: 0px !important;padding-right: 15px !important;}
.swiper-container1 .swiper-slide img{padding:5px;border-radius:3px}
.swiper-container1 .swiper-slide-active img{border-radius:3px;box-shadow:0 0 0 1px #79fff5}
.swiper-container2 .swiper-slide{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container2 .swiper-slide h3{color:#c0e7fc}
.swiper-container2 .swiper-slide p{margin:20px auto}
.swiper-container2{margin-top:20px}
#videobg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0}
#home-cases-box{background:0 0}
.section-title h1{color:#fff}
ul.news-home-list li a{color:#fff}
ul.news-home-list li a:hover{color:#9ed8f5}
.section-title h3{color:#8ed9ff}
#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#fff !important}
.fa-ul li,.fa-ul li i{color:#fff}
.clients-slider h3{color:#ddd}
.two_fourth{margin-left:6%;margin-right:4%}
.copyright,.erweima a,.erweima a:hover{color:#fff}
div{animation-delay:0s;-webkit-animation-delay:0s;-vendor-animation-delay:0s;-vendor-animation-iteration-count:infinite}
#navigation-sticky-wrapper{position:absolute;width:100%}
.mousetip{width:100%;height:230px;position:absolute;top:60%;background:url('/images/new style/mouse-tip.png') no-repeat center;z-index:9}
.mousetip div{text-align:center;position:absolute;width:100%;color:#fff;top:144px;font-size:14px;letter-spacing:1px}
.aniDelay{animation-delay:1.5s}
.fa-ul li{line-height:18px}
.fa-ul1 li{line-height:20px}
#caseline2 .inimg,#caseline3 .inimg,.casetopbox .inimg{float:left;margin:0 5px;cursor:pointer;background:url("/images/new style/imgborder3.png") no-repeat;padding:1px}
#caseline2 img,#caseline3 img,.casetopbox .inimg{width:214px;height:120px}
#caseline2 .title,#caseline3 .title,.casetopbox .title{padding-top:12px;font-size:14px}
#caseline1{width:100%;height:auto;overflow-x:hidden}
#caseline2,#caseline3{float:left}
/* #caseline4{width:5000%} */
#caseline0{position:relative; margin:20px 0 40px}
#caseline0 .arr-l{height:122px;width:46px;position:absolute;left:-46px;top:0;cursor:pointer;background:url(/webimages/left-arr.png) no-repeat center}
#caseline0 .arr-r{height:122px;width:46px;position:absolute;right:-46px;top:0;cursor:pointer;background:url(/webimages/right-arr.png) no-repeat center}
.p5box{width:301px;height:68px;background:rgba(0,0,0,.5);float:left;margin-right:8px;color:#fff;padding:10px;text-align:left}
.p5box:last-child{margin-right:0}
.pp5{width:99%;height:212px;margin:0 auto}
.clear{clear:both}
.p5box .f1{letter-spacing:5px;font-weight:100}
.p5box .f2{font-weight:100;letter-spacing:2px}
.p5box .f3,.p5box .f3 p{color:silver!important;line-height:16px}
.page6 .parallax-overlay .container{padding:40px 20px 40px 20px}
.page6 .contact-details .fa-map-marker{margin:10px 0 20px 0;font-size:31px}
.page6 .container.no-padding{margin-top:0}
.page6 .copyright{margin-top:20px;letter-spacing:.77px}
#back-top{z-index: 99;}
#navigation{ 
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
#contact-parallax{
    align-items: center;
    justify-content: center;
    display: flex;
	flex-direction: column;
	padding: 0 !important;
}

.myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	 background-color: black; /* in case the video doesn't fit the whole page*/
	  background-image: /* our video */;
	  background-position: center center;
	  background-size: contain;
	object-fit: cover; /*cover video background */
	z-index:0;
}

@media (max-width: 320px){
	.card-area .card-item .card .card-content.content-second p{
		margin:0 !important;
		padding-top: 0 !important;
	}
	.card-area .card-item .card .card-content.content-first .content-first-list li{
		margin-bottom: 5px !important;
	}
	.card-area .card-item .card .card-content.content-second .main-head{
		display: none;
	}
	.imagelist .imagetop{
		display: flex;
	}
	#playbox .infogroup a, .imagelist .imagetop a{
		padding: 5px 2px;
		margin-right: 1px;
	}
}
@media (max-width: 640px){
	#bx-pager a img {
		width: 16% !important;
	}
}
@media (max-width: 850px){

	h5.company-address {
		width: 66%;
		margin: 0 auto;
		line-height: 2em;
	}
    .page6 #contact-parallax{
		padding: 0 !important;
		display: flex;
    	justify-content: space-between;
		height: 100vh !important;
	}
	.page6 .copyright {
		margin-bottom: 30px;
		margin-top: 0px !important;
	}
	#fullpage>.section .container{		
		padding:0 0 25px 0 !important;
	}
	/* .h30{display: none !important;} */
	.section-title{
		padding-top: 52px;
	}

	#honor-box .bx-wrapper{
		z-index: 99;
	}.card-area

	/* #bx-pager a img {
		width: 16% !important;
	} */
	#fullpage>.section .container:before,#fullpage>.section .container:after{
		display: none;
	}
	#home-news .swiper-container1 .swiper-slide{
		text-align: center;
		background-position: center !important;
		width: 70vw;
		display: flex;
		justify-content: center;
	}
    #home-cases-box > .container{
        padding-right:0px ;
    }
	#home-news .one_third{
		width: 94% !important;
	}
	#home-news .news-content .swiper-wrapper{
		display: flex;
		flex-direction: column;
	}
	.swiper-container1 .swiper-slide,.swiper-container1 .swiper-slide img{
		background: none !important;
		border:none !important;
	}
	.card-area{
		height: auto !important;
	}
	.card-area .card-item{
		height: 100px !important;
	}
	.card-area .card-item .card .card-content .other-info{
		display: none;
	}
	.card-area .card-item.active .card .card-content .other-info{
		display: block;
	}
	.card-area .card-item .card .card-content.content-first .content-first-list li span{
		border: none;
		background: none;
	}
	#honor-box .fa-ul{
		margin-left: 3.142857em;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	#honor-box .fa-li {
		top: .35285714em;
	}
	#honor-box .fa-ul li {
		line-height: inherit;
		height: auto;
		display:flex;
	}
	#honor-box .fa-ul .fa-li {
		left: -1em;
		width: 1em;
	}
	#honor-box .swiper-slide{
		height: auto;
	}
	#honor-box .swiper-wrapper{
		align-items: stretch;
	}
	.showpic .imagelist .thumb,#scrool_div,#scrool_wrap {
		height: 100px;
	}
	#scrool_wrap{
		padding-top: 20px;
	}
	#scrool_wrap li {
		width: 20vw;
		height: auto;
	}
	#scrool_wrap li img{
		width: 100%;
		height: auto;
	}
	.bg_lightgrey{
		margin-top: -40px;
	}
	.p5box{
		width: 47% !important;
		overflow: hidden;
		height: auto;
	}
	#home-case .container{
		padding: 0;
	}

	.jpal-desc{
		width: 100vw !important;
		flex-grow:1;
	}
	.jpal-desc.swiper-container .p5box{
		width: 100% !important;
	}
	.p5box:last-child .f2{
		text-align: center;
	}
	.p5box:last-child .f3{
		/* display: none; */
	}
	#cardArea .card-item .card .card-content{
		display: none;
	}
	#cardArea .card-item.active .card .card-content{
		display: block;
	}	
	.card-area .card-item .card .card-content.content-second .main-head{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.card-area .card-item .card .card-content.content-second .main-head span{
		padding:0 2px;
		line-height: 20px;
		display: block;
		float: left;
		min-width: 10vw;
		margin: 2px;
	}
	.card-area .card-item .card .card-content.content-second .main-desc{
		text-indent: 1em;
	}
	#honor-box .choosebox, #exhibition .choosebox{
		border: none !important;
	}
	.jpal-desc .pp5{
		flex-wrap: nowrap;
	}
	.p5box .f3, .p5box .f3 p{
		text-align: center;
		/* display: none; */
	}
	.p5box:last-child .f3 p{
		display: none; 
	}
	.p5box:hover .f1,.p5box:hover .f2{
		/* display: none; */
	}
	.p5box:hover .f3,.p5box:hover .f3 p{
		display: block;
	}
	.honor-content{
		min-height: 50vh;
	}
	.news-content .swiper-slide,.honor-content .swiper-slide{
		background: rgba(0,0,0,.0);
		border-radius: 10px;
		/* margin-right: 5px; */
	}
	.phone-icon{
		/* margin-bottom: 0px;
		width: 30px;
		height: 30px; */
	}
	.company-phone a{
		/* font-size: 22px;
		padding: 0px 10px;
		margin-bottom: 0px; */
		letter-spacing: 3.5px;
	}
	#caseline0 .arr-l{
		left: 0 !important;
		top: -20px !important;
		z-index: 99;
		position: relative;
	}
	#caseline0 .arr-r{
		right: 0 !important;
		top: -20px !important;			
		position: relative;	
		z-index: 99;
	}
	#caseline0 div.arr-l,#caseline0 div.arr-r{
		height: 50vw;
		z-index: 996;
	}
	#caseline0 {
		margin: 0px 0px 0px !important;
		display: flex;
		align-items: center;
	}
	#home-center .div-align-center img{
		/* width: 110px; */
	}
	.mousetip{
		background-size: 31.25vw !important;
	}
	.jpal-desc .pp5 {
		display: flex;
		flex-wrap: wrap !important;
		height: 100% !important;
		justify-content: center;
	}
 
	.p5box:last-child .f2 p{
		/* font-size: 10px !important; */
	}
}
@media (max-width: 1300px){
	.card-area{
		max-width: 100% !important;
	}
	.card-area .card-item.active{
		width: 49% !important;
	}
	#bx-pager a img{
		width: 10%;
	}
	#honor-box #bx-pager a{
		margin: 1%;
	}
}
@media (max-width: 1300px){
	#bx-pager a img {
		width: 9%;
	}
}

@media ( min-width: 1023px){	
	.p5box{
		width: 33.33333% !important;
		margin-bottom: 9px;
		padding: 10px !important;
	}
	.p5box .f1{
		font-size: 18px !important;
	}
	.p5box:last-child .f2 p{
		font-size: 12px !important;
	}
}
@media ( min-width: 1300px){
	.pp5{
		position: relative;
	}
	.p5box{
		width: 351px !important;
		margin-bottom: 9px;
		padding:18px 15px !important;
	}
	.p5box .f1{
		font-size: 24px !important;
	}
	.p5box:last-child{
		width: 351px !important;
		padding:18px 15px !important;
	}
	.p5box:last-child .f2 p{
		font-size: 15px !important;
	}
}
#home-news .swiper-container2 h3.p{
	display: block;
}
#home-news .swiper-container2 h3.t{
	display: none;
}
@media (max-width: 1023px){
	.card-area .card-item .card{
		background: none !important;
	}
	#home-news .swiper-container2 h3.p{
		display: none;
	}
	#home-news .swiper-container2 h3.t{
		display: block;
	}
	#navigation,#navigation-sticky-wrapper{
		display: none;
	}
	.card-area .card-item .card .card-content .other-info .other-info-list{
		height: auto !important;
	}
	.card-area .card-item .card .card-content{
		height: auto !important;
	}
	.swiper-container2 .swiper-slide{
		display: flex;
		flex-direction: column;
	}
	#fp-nav .active span{
		border-radius: 2px !important;
		box-shadow: 0px 0px 10px #00f8ff;
	}
	#mouset{
		display: none !important;
	}
	#honor-box .section-title .h1{
		display: none;
	}	
	#honor-box .section-title .h2{
		display: block !important;
	}
	.other-info.infolist a::after{
		content: "";
		position: absolute;
		width: 100%;
		display: block;
		text-align: center;
		background-color: rgba(0, 0, 0, .5);
		padding: 5px 0;
		height: 88%;
		bottom: 0;
		z-index: 0;
	}
	.other-info.infolist span{
		bottom: auto;
		top: 10px;
		z-index: 1;
	}
	.other-info.infolist i{
		z-index: 1;
		bottom: auto;
		top: 30px;
		line-height: 15px;
		width: 90%;
	}
	#caseline1{
		margin-bottom: 20px;
	}
	.card-area .card-item .card .card-content{
		height: 100%;
	}
	.card-area .card-item.active .card .card-content.content-second {
		position: absolute;
		left: 10px;
		width: 79vw;
		min-height: 60vh;
		padding:2vw 5vw 5vw;
		background: rgb(40, 128, 152,0.7);
		box-shadow: inset 0px 0.5px 10px 0px #00f8ff;
		border-radius: 5px;
	}
	.card-area .card-item:nth-child(1).active  .card .card-content.content-second{		
		left: 5vw !important;
	}
	.card-area .card-item:nth-child(2).active  .card .card-content.content-second{		
		left: -19vw !important;
	}
	.card-area .card-item:nth-child(3).active  .card .card-content.content-second{		
		left: -36vw !important;
		width: 70vw;
	}
	.card-area .card-item:nth-child(4).active  .card .card-content.content-second{		
		left: -19vw!important;
	}
	/* .pright{
		position: absolute !important;
		right: 0 !important;
	}
	.card-area .card-item{
		height: 30px;
		overflow: hidden;
		 
	}
	.card-area .card-item .card{
		background-color: transparent;
	}
	.card-area .card-item .card .card-title{
		border-left:none;
	} */
	#fullpage>.section{
		min-height:100vh;
		display: flex;
		align-items: stretch;
	}
	.fp-scrollable,.fp-scroller{
		min-height:100vh;
		min-width: 100vw;
	}
	#bx-pager a {
		margin: 0%;
	}

	.card-area .card-item .card .card-title .short-info{
		display: none;
	}
	.section-title h1,.section-title .border{
		 /* display: none; */
	}
	.section-title h3{
		color: #fff;
		font-weight: bold;
		font-size: 18px !important;
		/* text-align-last: justify; */
		text-align-last: center; 
	}


	.card-area{
		/* width: 100% !important; */
		/* height: 80vh !important; */
		/* overflow-x: hidden; */
		/* display: flex; */
		/* justify-content: center; */
	}
	.card-area .card-item{
		opacity: 0.5;
	}
	.card-area .card-item.active{
		/* width: 100% !important;
		position: absolute;
		z-index: 2; */
		opacity: 1;
	}
	.card-area .card-item .card .card-content.content-first .content-first-list li span{
		width: 85% !important;		
		padding: 5px 0px !important;
		font-size: 14px;
	}
	.card-area .card-item .card .card-content.content-second{
		left: 10px !important;
	}
	.card-area .card-item .card .card-content.content-second .main-head{
		font-size: 14px !important;
		display: none;
	}
	.section-title{
		margin-bottom: 10px !important;
		text-align: center; 
		text-align-last: center; 
		text-justify: center;/*¼æÈÝie*/
	}
	.page6 .section-title{		
		text-align: center; 
		text-align-last: center;
		top: 34px;
	}
	.page6 .parallax-overlay{
		flex-grow: 1;
		display: flex;
		align-items: center;
	}
	#fullpage section{		
		overflow: hidden;
	}
	#home-news{
		background:url("/images/new%20style/bg06-2.jpg") no-repeat fixed;
	}
	#home-case{
		background:url("/images/new%20style/bg09-2.jpg") no-repeat fixed;
	}
	#fullpage section > .container{
		width: 100% !important;
		padding:0 !important;
		margin: 0% !important;
		display: flex;
		height: 100vh;
		flex-direction: column;
		justify-content: space-between;
	}
	#fullpage>.section .container>.section-title{
		flex-grow: 0;
	}
	#fullpage>.section .container>div{
		flex-grow: 1;
	}
	#fullpage .page6  .container{
		height: auto !important;
	}
	#home-case .section-title {
		/* flex-grow: 1 !important; */
	}
	#home-case .jpal-desc{
		 
	}
	.card-area .card-content{
		/* display: none; */
	}
	.card-area .active .card-content{
		display: block;
	}

	.card-area .card-item .card .card-title{
		height: 35px !important;
	}
	.card-area .card-item.active .card .card-title{
		height: 30px !important;
		position: relative;
		top: -6px;
		/* background: linear-gradient(to left, #CCA56B 10%, #BE955A 0);
		clip-path: polygon(10% 0%, 100% 10%, 10% 1000%, 0% 20%); */

	}
	.card-area .card-item .card .card-content{
		top: 30px !important;
	}
	.card-area .card-item .card .card-title h1{
		font-size: 14px !important;
	}
	.card-area .card-item .card .card-title .short-info{
		width: 80%;
	}
	.card-area .card-item.active .card-content{
		text-align: center;
	}
	.card-area .card-item.active .card-content content-second{
		margin: 0 auto;
	}
	#home-news .swiper-container2 .swiper-wrapper{
		border-radius: 5px;
	}
	#home-news .swiper-container2 .swiper-slide p{
		color: #ccc;
	}
	#home-news h3{
		font-size: 19px;
		line-height: 30px;
	}
	#home-news *,#honor-box *,.page6 *{
		/* font-size: 1.4em; */
		margin-top: 0;
		margin-bottom: 0;
		position: relative;
	}
	ul.news-home-list li{
		font-size: 11pt;
		padding: 3px 0;
	}
	#honor-box .choosebox{
		padding: .5rem 0;
		margin: 0 3vw;
		width: 94vw;	
		background-color: rgb(0,0,0,0.2);
	}
	#honor-box .bx-wrapper{
		margin: 10px 0;
	}
	.section-title h1{	
		padding-top: 15px;
	}
	#home-news .section-title h1{ 
		font-size: 22px;
	}
	.section-title h1{
		font-size: 22px;
		 margin-bottom: 0;
		 text-align: justify; 
		 white-space: nowrap;
		 background: linear-gradient(to right, blue,#00f8ff);        -webkit-background-clip: text;        color: transparent;
	} 
	.page6 .section-title h1{
		letter-spacing: 2vw;
	}
	.border{
		width: 50vw;
		margin-bottom: 0;
	}
	.swiper-container1 .swiper-slide img{
		padding: 7px;
	}
	#home-news .swiper-container2{
		margin-top: 16px;
		height: 101px;
		flex-grow: 0 !important;
	}
	#honor-box .one_third{
		border-radius: 0;
		background: none;
	}
	#home-news .one_third,#honor-box .one_third{
		width: 70vw;
		float: left;
	}
	.news-content{
		margin: 5vw !important;
		padding: 0 2vw !important;
	}
	.honor-content{
		margin-top: -30px !important;
	}
	#honor-box .clients-slider li{
		padding: 0 !important;
	}
	#home-news .container  .one_third:first{
		background-color: red !important;
		display: none  !important;
	}

	#caseline2 img, #caseline3 img{
		width: 70vw  !important;
		height: auto  !important;		
	}
	#caseline2 .inimg, #caseline3 .inimg{
		background-size: contain !important;
	}
	.pp5{
		height: auto !important;
		min-height:150px  !important;	
		flex-wrap: nowrap !important;	
	}
	.p5box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 1vh 0 !important;
		margin-right:0%  !important;
	}
	.p5box .f1,.p5box .f2{
		font-size: 14px !important;
		margin:0  !important;
	}
	.pp5 .p5box:nth-child(4) .f1{		
		line-height: 20px !important;
		font-size: 12px !important;
	}
	#home-case .pp5:last-child .p5box:nth-child(4) p{
		font-size: 12px;
	}
	#home-case .pp5:last-child .p5box:nth-child(4) .f3{
		/* display: none; */
	}
	.company-phone a {
		/* font-size: 26px;
		padding: 0px 25px 0px 75px;
		margin-bottom: 20px; */
	}
	.page6 .parallax-overlay .container{
		/* padding-top: 80px !important; */
	}
	.phone-icon {
		/* margin-bottom: 30px;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 10px;
		left: 18px; */
		bottom: 5vh;
	}
	#contact-parallax{
		padding-left: 0 !important;
	}
	#contact-parallax .container.no-padding {
		padding-top: 0px !important;
	}

	.jpal-desc .swiper-slide{
		/* min-height: 30vh !important; */
	}
	.jpal-desc .p5box {
		/* background: rgba(0,0,0,.1) !important; */
		 
	}
	.jpal-desc .p5box:nth-child(even) {
		margin: 0 0 2vw 2vw ;
	}
	.jpal-desc .p5box:nth-child(odd) {
		margin: 0 2vw 2vw 0;
	}
}

#caseline4 .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*֮ǰÊÇease-out*/
? ? -moz-transition-timing-function: linear;
? ? -ms-transition-timing-function: linear;
? ? -o-transition-timing-function: linear;
? ? transition-timing-function: linear;
}