html *::-webkit-scrollbar {

	width: 7px;

	background: #fff;

}



html *::-webkit-scrollbar-thumb {

	background: #ccc;

}



html *::-webkit-scrollbar-track-piece {

	width: 0;

}

.banner{

	overflow: hidden;

}

.banner .ban-item{

	overflow: hidden;

}

.banner .ban-item img{

	display: block;

	width: 100%;

	animation: banner-scale infinite 6s linear;

}

@keyframes banner-scale{

	0%   {

		transform: scale(1);

	}

	50%  {

		transform: scale(1.1);

	}

	100% {

		transform: scale(1);

	}

}

.ban-con .slick-prev,.ban-con .slick-next{

	bottom: 50%;

	margin: 0;

	left: auto;

	transform: translate(0,-50%);

	visibility: hidden !important;

	opacity: 0;

	transition: all ease 0.3s;

}

.banner:hover .slick-prev,

.banner:hover .slick-next{

	visibility: visible !important;

	 opacity: 1;

}

.ban-con .slick-prev{

	left: 5%;

}

.ban-con .slick-next{

	right: 5%;

}

.paging{

	left: 46.5%;

	bottom: 60px;

}

.warp-about{

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.about-pic{

	float: inherit;

	width: 40%;

}

.about-info{

	float: inherit;

	width: 45%;

}

.about-pic img{

	border-bottom-left-radius: 30px;

	border-top-right-radius: 30px;

}



/*  */

#particles-js {

	width: 100%;

	height: 100%;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 30;

}

 #particles-js canvas {

	/*display: block;*/

	vertical-align: bottom;

}

.video-info li:nth-child(3){

	margin-bottom: 0;

}

.index-links .wrap{

	display: flex;

	justify-content: space-between;

	position: relative;

	z-index: 10;

}

.link-pro{

	width: 75%;

	overflow: hidden;

}

.ewm{

	margin-top: 15px;

}

.link-care .ewm img{

	height: 80px;

}

.ewm-text{

	font-size: 14px;

	color: #ccc;

	font-weight: normal;

}

.care-logo{

	margin-bottom: 15px;

}

.ewm div{

	display: inline-block;

	text-align: center;

}

.maps{

	width: 700px;

	height: 500px;

}

.base-txt{

	text-align: center;

	color: #fff;

	margin-bottom: 40px;

}

.base-txt h2,.base-txt p{

	color: #fff;

}

.index-links {

	overflow: hidden;

}

.index-links canvas{

	position: absolute;

	bottom: -200px;

	left: 0;

	opacity: 0.2;

	width: 100% !important;

	height: 600px !important;

}





/* 底部 */

.index-links{

	position: relative;

}

#particles-js1 {

	width: 100%;

	height: 100%;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

}

#particles-js1 canvas{

	display: block;

	vertical-align: bottom;

}

.index-type{

	position: relative;

}

.index-type .cont-bg{

	background: url(../img/ys-bg.jpg) no-repeat center;

	height: 550px;

	background-attachment: fixed;

}



















@media(max-width:1441px){

	.nav{

		width: 65%;

		margin-left: 50px;

	}

	.logo{

		width: 160px;

	}

	.nav li a{font-size: 15px;}

	.nav li{margin-right: 10px;}

	.ban-con .slick-next, .ban-con .slick-prev{

		width: 60px;

		height: 60px;

	}

	.paging{

		left: 44%;

		font-size: 16px;

	}

	.paging .cur{

		font-size: 20px;

	}

	.about-info ul li p,.about-info p{

		font-size: 15px;

	}

	.about-info span{

		width: 200px;

		line-height: 45px;

		font-size: 15px;

	}

	.type-txt{

		padding: 0 30px;

	}

	.type-txt a{font-size: 20px;}

	.type-txt span{font-size: 14px;}

	.hot-font a{font-size: 20px;}

	.hot-font p{font-size: 15px;margin-top: 5px;}

	.hot-font{margin: 15px 0;}

	.index-hot ul{margin-top: 15px;}

	.green-info p{font-size: 15px;line-height: 1.6;}

	.green-info a,.txt-btn a{display: block;font-size: 15px;line-height: 45px;width: 200px;}

	.case-info h3 a{font-size: 20px;}

	.case-info p{font-size: 14px;}

	.video-info strong{font-size: 20px;}

	.video-info p{font-size: 15px;}

	.box-list li a{font-size: 15px;}

	.box-info p.box-font{font-size: 14px;}

	.link-con{width: 23%;margin: 0;}

	.link-con:nth-child(2){width: 31%;}

	.maps{

		width: 650px;

		height: 450px;

	}

	.index-type .cont-bg{

		height: 450px;

	}

}



















































.m-header-nav{ position: fixed; top: 60px; right: 0; left: 0; bottom: 0; background: #ffffff;  z-index: 50; display: none;}



.m-header-nav a{display: block;color: #333333;  line-height: 0.45rem; font-size: 18px; padding: 0.05rem 0.3rem;}

.m-cont-bg{display: none;}

/* 手机端导航 */

@media (max-width: 1100px){

.pc-header{

	display: none;

}

.m-header{display: inline;}

.m-header{position: fixed;   top: 0; left: 0; right: 0; z-index: 99;}



.m-header .m-header-title{display: flex;align-items: center;height: 60px; padding: 0 20px;z-index: 56;  background: #fff;}



.m-header .m-header-title img{width: 1rem;}



.m-header .nav-icon {



  display: block;



  position: absolute;



  right: 15px;



  top: 50%;



  margin-top: -7px;



}



.m-header .nav-icon span {



  display: block;



  width: 22px;



  height: 2px;



  background: #333;



  border-radius: 2px;



  transition: all .3s linear;



}



.m-header .nav-icon span:not(:first-child) {



  margin-top: 4px;



}



.m-header .nav-icon.on span:nth-of-type(1) {



  -webkit-transform: matrix(1,0,0,1,0,6) rotate(



45deg



);



  transform: matrix(1,0,0,1,0,6) rotate(



45deg



);



}



.m-header .nav-icon.on span:nth-of-type(2) {



  width: 0;



}



.m-header .nav-icon.on span:nth-of-type(3) {



  -webkit-transform: matrix(1,0,0,1,0,6) rotate(



45deg



);



  transform: matrix(1,0,0,1,0,-6) rotate(



-45deg



);



}



.m-header-nav{ position: fixed; top: 60px; right: 0; left: 0; bottom: 0; background: #ffffff;  z-index: 50; display: none;}



.m-header-nav a{display: block;color: #333333;  line-height: 0.45rem; font-size: 18px; padding: 0.05rem 0.3rem;}



.slick-slider{

	top: 60px;

	padding-bottom:60px;

}

.paging{display: none;}

.txt-name{width: 100%}



}

@media (max-width: 600px){

	.about-pic{display: none;}

	.about-info{

		width: 100%

	}

	.index-about{

		padding: 45px 0;

	}

	.index-type ul{

		width: 100%;

	}

	.about-info h1{

		font-size: 26px;

	}

	.index-txt h2{

		font-size: 26px;

	}

	.index-txt p{

		font-size: 14px;

		margin-top:0;

	}

	.index-type li{

		border-right:1px solid rgba(255,255,255,0);

	}

	.type-txt a{

		font-size: 16px;

	}

.m-cont-bg{display: inline;}

.pc-cont-bg{display: none;}

#particles-js1{display: none;}

.cont-bg1{

	background: url(../img/ys-bg.jpg) no-repeat center;

	width: 100%;

	padding:40px 20px;

	margin-top: 40px;

}

.cont-bg2{

	float: left;

	width: 50%;

}

.textcontent img {width: 60px;height: 60px}

.textcontent div a,span{color: #fff }

.hot03:before{display: none}

.hot-font a{font-size: 16px}

.hot01{width: 100%}

.hot02{width: 100%;margin-top:0;}

.hot03{width: 100%;margin-top:0;}

.index-hot{padding:45px 0 20px 0;}

.hot-txt h2{font-size: 26px}

.hot-txt p{font-size: 16px;line-height: 18px;}

.green-show{width: 100%;padding: 46px 20px 0;}

.green-pic{position: relative;width: 100%; margin-top: 50px;}

.green-show strong{font-size: 26px}

.green-info{padding: 15px}

.green-info p{font-size: 14px}

.txt-name h2{font-size: 26px}

.txt-name p{font-size: 16px;line-height: 24px}

.txt-btn{float: left;margin-top:30px;}

.index-case{padding-top: 50px;overflow: hidden;}

.header{min-width: initial;}

.case-link li{width: 100%}

.txt-btn span, .txt-btn a{

	font-size: 14px;

	line-height:45px;

	width: 200px;

}

.index-video{margin-top: 0;padding:70px 0;}

.base-txt h2{font-size: 26px;color: #fff}

.base-txt p{font-size: 16px;color: #fff}

.video-base{width: 100%}

.maps{width: 100%}

.video-info{width: 100%}

.index-news{padding: 70px 0 0 0}

.txt-con{font-size: 16px}

.news-box{width: 100%;margin-bottom:40px;}

.box-fr{margin-left: 0}

.link-pro{display: none;}

.link-care{margin:0 auto;}

.box-pic{width: 100%}

.box-list li {margin-top: 0}

.txt-con:before{width: 0}

.m-header-title img{display: inline;}

}

.clear{clear:both;}

.textcontent{

	text-align: center;

	margin:  0 auto;

}





}