/***********/
.home1Swip h1 {
	font-size: 3em;
	line-height: 1.2em;
	max-width: 10.58em;
	font-weight: bold;
}
.home1Swip h2{
	font-size: 1.5em;
	margin-top: 0.3em;
}
.web_banner {
	padding-top: 44%;

}

.home1Swip .textbox {
	position: absolute;
	top: 26%;
	left: 0;
	width: 100%;

}

.home1 {
	color: #fff;
}
.home1Swip .textbox{
	position: relative;
}
.home1 .text {
	font-size: .8em;
	margin-top: 1.5em;
	line-height: 2em;
	letter-spacing: 29px;
}
.bannertext_box{
	position: absolute;
	left: 4%;
	bottom: 2em;
}

.home1 .swiper-slide .text{
	letter-spacing: 2em;
}
.home1 .swiper-slide:nth-child(4) .text{
	letter-spacing: 0
}
.home1 .swiper-slide:nth-child(2) .text{
	letter-spacing: .85em;
}
.home1Swip h2{
	letter-spacing: .03em;
}
.useImg{
	position: absolute;left: 50%;
	top: 35%;
	width: 1.2rem;
	margin-left: -.6rem;
	margin-top: -.6rem;
}
.video-js{
	object-fit: cover;
	padding-top: 44%;
}
.home1 .hr_btn2 {
	margin-left: 0;
	border: 1px solid #fff;
	margin-top: 1.5em;
	position: absolute;
	bottom: 9em;
	left: 12.5em;
}

.home1Swip .textbox {
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 99;
}

.home1Swip .active .textbox {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
}

.homebg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
}

.homepag {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 999;
	bottom: 1.5em !important;
}

.homepag span {
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	background-color: transparent;
	margin: 0 10px !important;
}

.homepag .swiper-pagination-bullet-active {
	background-color: #72ceac;
	border: 1px solid transparent;
}

.hometit {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding-top: 4em;
}

.home2 .imgs {
	width: 100%;
	padding-top: 53.4%;
}

.home2 .xxl-inner {
	padding: 0 3.5em;
}

.home2 .textbox {
	margin-top: -1.5rem;
	position: relative;
	z-index: 10;
	background-color: #fff;
	width: 86%;
	padding: 1.9rem 0 0 0;
}

.home2 .textbox h4 {
	font-size: 1em;
	margin-bottom: 1em;
}

.home2 .textbox .text {
	font-size: .7em;
	color: #666666;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home2Swip {
	margin-top: 2em;
}

.home2 {
	background: url(/content/img/images/home3.png) no-repeat;
	background-position: top 6em left 16em;
}

.home2btn {
	width: 4em;
	height: 4em;
	background-color: #fff;
	opacity: .3;
	border-radius: 50%;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 30%;
	z-index: 999;
	transition: all .3s;
	-webkit-transition: all .3s;

}

.home2btn svg {
	width: 21px;
	height: 17px;
	color: #333;
}

.home2btn1 {
	left: 1.5em;
}

.home2btn2 {
	right: 1.5em;
}

.home2 .hr_btn2 {
	margin-top: 3em;
}

.swiper-button-disabled {
	opacity: .3 !important;
	cursor: auto;
	display: none;
}

.home3 .contact1 .home3Swip {
	width: 73.5%;
	float: left;
	height: 100%;
}
.contact1 .imgs{
	width: 100%;
}
.contact1 .imgs{
	transition: all 1s;
	-webkit-transition: all 1s;
}
.contact1 .active .imgs{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
}
.home3 .contact1 .textbox {
	width: 26.5%;
	background-color: #242424;
	color: #fff;
	padding-left: 0;
}

.home3 .text {
	max-width: 220px;
	margin: auto;
	font-size: .8em;
	line-height: 1.66;
	text-align: center;
}

.home3 h1 {
	width: 100%;
	text-align: center;
	max-width: 1000px;
	font-size: 2em;
	margin-bottom: .6em;
}

.home3 .btn-viewdet {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	font-size: .7rem;
	line-height: 1em;
	padding: 0.5rem 0;
	color: #5acda6;
/* 	width: 120px; */
	margin: auto;
	justify-content: center;
	border-bottom: solid 1px #5acda6;
	transition: all .3s;
	-webkit-transition: all .3s;
		
		margin: auto;
		margin-top: 4em;
}

.home3 svg {
	width: 0.75rem;
	height: 0.75rem;
	margin-left: 2.45rem;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.width100 {
	width: 100%;

}
.home3 .contact1{
	margin-top: 8em;
	height: 22.5em;
}
.home3{
	background-image: url(/content/img/images/home3bg.jpg);
	background-position:bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 15.7em;
}
.home4 .news-list{
	margin-top: 2em;
	padding: 0 3.5em;
} 
.home4 .news-list .item-date{
	color: #666;
	line-height: 1.7;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box; 
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical;
    display: -moz-box; 
    -moz-line-clamp:2; 
    -moz-box-orient:vertical;
    word-wrap: break-word; 
    word-break: break-all; 
    white-space: normal;
}
.home4 .news-list li{
	padding: 0 15px;
}
.home4 .news-list .item-bd {
	padding-left: 2em;
}
.news-list .box{
	transition: all .3s;
	-webkit-transition: all .3s;
}
.home1Swip .swiper-wrapper {
    transition-timing-function: cubic-bezier(0, 0, 0, 0.97);
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 0.97);
}
.home2Swip .swiper-wrapper {
    transition-timing-function: cubic-bezier(0, 0, 0, 0.97);
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 0.97);
}
@media(max-width: 1780px){
	.home1Swip  .global-inner{
		padding-left: 3.8vw;
	}
	.home3{
		padding-bottom: 11.7em;
	}
}
@media(max-width: 1680px){
	.home1Swip  .global-inner{
		padding-left: 5.8vw;
	}
	
}
@media(max-width: 1550px){
	.home1Swip  .global-inner{
		padding-left: 7.8vw;
	}
	
}
.video-js .vjs-tech{
	object-fit: cover!important;
}
@media(max-width:991.98px){
    #my-video1_html5_api{
    	height: 100%;
    }
     .modal-content .imgbox{
    	position: relative;
    }
    .modal-content{
    	height: 4rem;
    	top: 45%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	position: absolute;
    }
	.home4 .news-list{
		padding: 0;
	}
	.home3 .contact1 .home3Swip{
		width: 100%;
		float: none;
	}
	.home4 .news-list .item-bd{
		padding-left: 0;
	}
	.contact1 .imgs{
		height: auto;
	}
	.modal-schbox .modal-content{
		padding: 0 0 0 0rem;
		overflow: initial;

		position: relative;
	}
	.hometit{
		font-size: .48rem;
		padding-top: 1.2rem;
	}
	.home1Swip h1{
		font-size: .48rem;
		line-height: .68rem;
		text-align: center;
		margin-top: 0!important;
	}
	.home2 .textbox .text{
		font-size: .28rem;
		line-height: .48rem;
		margin-top: .25rem;
	}
	.home2 .textbox h4{
		font-size: .36rem;
	}
	.home1Swip h2{
		text-align: center;
	}
	.home2btn{
		width: .8rem;
		height: .8rem;
	}
	.home1Swip .global-inner{
		text-align: center;
	}
	.home2btn1{
		left: .3rem;
	}
	.home3 .contact1 .textbox{
		width: 100%;
		padding: 1rem 0;
	}
	.home3 .text{
		max-width: ;
		font-size: .28rem;
		line-height: .48rem;
	}
	.home1 .swiper-slide .text{
	letter-spacing: 0!important
}
	.home3{
		background-image: url(/content/img/images/home3wap.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 1.2rem .3rem;
		margin-top: 1.2rem;
	}
	.home3 h1{
		font-size: .48rem;
	}
	.home3 .contact1{
		margin-top: 0;
		height: auto!important;
	}
	.home3 svg{
		width: .3rem;
		height: .8rem;
		margin-left: 1.2rem;
	}
	.home3 .btn-viewdet{
		font-size: .28rem;
		margin-top: .42rem;
		padding: 0;
	}
	.home2 .hr_btn2 svg{
		top: 1.2em;
	}
	.home3 .contact1 .imgs{
		width: 100%;
	}
	.home2{
		background-image: none;
	}
	.home2btn2{
		right: .3rem;
	}
	.home2 .hr_btn2{
		width: 4.5rem;
		line-height: .9rem;
		height: .9rem;
		margin-top: .9rem;
	}
	.home2 .textbox{
		padding-top: .55rem;
		margin-top: 0;
		padding-left: .3rem;
		padding-right: .3rem;
		width: 100%;
	}
	.home2 .xxl-inner{
		padding: 0!important;
	}
	.home1Swip h1{
		max-width:5.5rem;
		margin: auto;
		margin-top: .6rem;
		font-weight: 400;
	}
	.home1btn{
		position: absolute;
		bottom: 50%;
		z-index: 999;
	}
	.home1btn svg{
		width: .23rem;
		height: .42rem;
		/*color: #333;*/
	}
	.home1 .text{
		font-size: .3rem;
		color: #333;
		text-align: center;

	}
/*	.home1{
		border-bottom: 1px solid #e6e6e6;
	
	}*/
	.home1btn1{
		left: .15rem;
	}
	.about3op  .modal-content{
		background: transparent;
	}
	.modal-close{
		position: absolute;
		right: 0;
		top: -30px;

	}
	.modal-close svg{
		width: .35rem;
		height: .35rem;
		color: #fff;
	}
	.home1 .xxl-inner{
		padding: 0!important;
	}
	.home1btn2{
		right: .15rem;
	}
	.home1 .hr_btn2{
		display: none;
	}
	.app_banner{
		height: 7.5rem;
	}
	.homepag span{
		border: 0px;
		width: .12rem;
		height: .12rem;
		margin: 0 .1rem!important;
		background-color: #999999;
	}
	.home1Swip .textbox{
		position: initial;
		color: #333333;
		transform: translate(0)!important;
		opacity: 1!important;
		margin-top: .5rem;
		display: none;
	
	}
	.p-home .main-box{
		padding-top: 0;
	}
	/*.home1Swip {
		padding-bottom: .8rem;
	}*/
	.homebg{
		display: none;
	}
	.homepag{
		bottom: .8rem!important;
	}
	.useImg {
		top: 44%
	}
}
@media(min-width:992px) {
	.home2btn:hover {
		opacity: 1;
	}

	.hr_btn2:hover {
		border: 1px solid #5acda6 !important;
	}
	.home3 .btn-viewdet:hover{
		/* width: 130px; */
	}
	.home3 .btn-viewdet:hover svg{
		margin-left: 2.75rem;
	} 
	.news-list .box:hover img{
		height: 103%;
	}
}