@charset "utf-8";
html,
body {
	font-size: 16px;
	font-family: "Microsoft YaHei", '微软雅黑';
}

* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	cursor: pointer;
}

:focus {
	outline: none;
}

img {}

.fl {
	float: left;
}

.fr {
	float: right;
}

.mainb {
	width: 90%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
}


/*head*/

.head97 {
	background: #fff;
	box-sizing: border-box;
	/*position: fixed;
	top: 0;
	left: 0;*/
	z-index: 999;
	width: 100%;
	height: 90px;
}

.ihead97 {
	background: #fff;
}

.head97-pos {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	transition: all .6s;
}

.logo97 {
	/*background: #fff;*/
	border-top-right-radius: 60px;
	width: 10%;
}

.ihead97 .logo97 {
	background: #fff;
}

.logo97 a {
	margin: 5px 0;
	display: block;
}

.logo97 a img {
	display: block;
	height: 80px;
}

.nav97 {
	width: 70%;
}

.nav97 li {
	width: 16.663%;
	float: left;
	text-align: center;
	position: relative;
	font-size: 18px;
	/*padding-top: 25px;*/
	height: 80px;
	line-height: 80px;
	box-sizing: border-box;
}

.nav97 li.on {
	border-top: 3px solid #FE6601;
}

.nav97 li + li:after {
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	background: #9e9e9e;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 70%;
	transform: translateY(-50%);
}

.nav97 li>a {
	display: block;
	color: #2d2d2d;
}

.ihead97 .nav97 li>a {
	color: #000;
}

.nav97 li P {}

.nav97 li span {
	font-size: 12px;
	display: block;
	color: #fff;
	opacity: 0.48;
	margin-top: 3px;
	text-transform: uppercase;
}

.ihead97 .nav97 li span {
	color: #000;
}

.nav97 li .down97 {
	position: absolute;
	top: 90px;
	width: 90%;
	left: 50%;
	margin-left: -75px;
	background: rgba(255, 255, 255, .6);
	display: none;
	z-index: 999;
}

.nav97 li .down97 a {
	color: #000;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px dashed #ccc;
}

.ihead97 .nav97 li .down97 a {
	color: #000;
}

.nav97 li .down97 a:last-child {
	border: none;
}

.nav97 li .down97 a:hover {
	background: #FE6601;
	color: #fff;
}

.ma97 {
	width: 20%;
}

.ma97 span {
	display: inline-block;
	width: 40px;
	height: 90px;
	line-height: 90px;
	position: relative;
	cursor: pointer;
}

.ma97 span>img {
	display: inline-block;
	width: 35px;
	vertical-align: middle;
}

.ma97 span .ma {
	display: none;
	position: absolute;
	top: 90px;
	left: -100px;
	width: 150px;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	z-index: 99;
}

.ma97 span:hover .ma {
	display: block;
}

.ma97 span .ma img {
	width: 100%;
	display: block;
}

.navbtn {
	display: none;
}


/*banner*/

.banner {
	position: relative;
}

.banner .swiper {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner .aniss {
	position: absolute;
	width: 90%;
	top: 40%;
	left: 5%;
	/*background: rgba(0, 0, 0, .5);*/
	/*padding: 3% 2%;*/
	color: #fff;
	text-align: center;
	/*box-sizing: border-box;*/
}

.slide-bg1 img {
	width: 100%;
}

.banner .aniss h4 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}

.banner .aniss h1 {
	font-size: 50px;
	/*font-weight: normal;*/
	margin-bottom: 30px;
}

.transition {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.container {
	width: 90%;
	max-width: 1600px;
	margin: 0 auto;
}

.banner .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	border-radius: 12px;
	transition: all linear .2s;
	background: #000;
}

.banner .swiper-pagination-bullet-active {
	width: 20px;
	height: 20px;
	border: 1px solid #FE6601;
	background: #FE6601;
}


/*科技*/

.home_cpvideo {
	padding: 80px 0;
	overflow: hidden;
	/*background: url(/css/../img/KJ-pro.jpg) no-repeat;
	background-size: 100% 100%;*/
}

.home_cpvideo .wrap_box {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	max-height: 666px
}

.home_cpvideo .video_box .video_item {
	padding-left: 8px;
	padding-right: 8px;
	position: relative
}

.home_cpvideo .video_box .btn {
	position: absolute;
}

.home_cpvideo .video_box .video_item .home_video {
	width: 100%;
	height: auto;
	display: block
}

.home_cpvideo .video_box .video_item .video_text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 80px;
	z-index: 33
}

.home_cpvideo .video_box .video_item .video_text .v-en {
	color: #ffffff;
	opacity: 0.7;
	font-family: 'futur-m';
	font-size: 20px;
	line-height: 24px;
	display: block;
	text-transform: capitalize
}

.home_cpvideo .video_box .video_item .video_text .v-tit {
	color: #ffffff;
	font-size: 36px;
	line-height: 38px;
	font-family: 'pingfang-b';
	margin-top: 16px
}

.home_cpvideo .video_box .video_item .video_text .v-tit a {
	color: #fff
}

.home_cpvideo .video_box .video_item .video_text .v-more {
	display: inline-block;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 22px;
	border: solid 1px #ffffff;
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	padding: 3px 36px 3px 24px;
	overflow: hidden;
	position: relative
}

.home_cpvideo .video_box .video_item .video_text .v-more:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	width: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.home_cpvideo .video_box .video_item .video_text .v-more:after {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: 7px;
	width: 8px;
	height: 16px;
	background: url(/css/../images_pc/read_more.png) center center no-repeat;
	background-size: 100% auto
}

.home_cpvideo .video_box .video_item .video_text .v-more:hover:before {
	width: 100%
}

.home_cpvideo .video_box .slick-list {
	overflow: visible
}

.home_cpvideo .video_box .slick-prev,
.home_cpvideo .video_box .slick-next {
	width: 36px;
	height: 36px
}

.home_cpvideo .video_box .slick-prev:before,
.home_cpvideo .video_box .slick-next:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	opacity: 0;
	left: 1px;
	transition: all 0.3s ease
}

.home_cpvideo .video_box .slick-prev {
	left: 85px
}

.home_cpvideo .video_box .slick-next {
	right: 85px
}

.home_cpvideo .video_box .slick-prev:hover:before,
.home_cpvideo .video_box .slick-next:hover:before {
	opacity: 0.2
}

@media (min-width: 2400px) {
	.home_cpvideo .wrap_box {
		width: 1300px;
		max-height: 703px
	}
}

@media (max-width: 1920px) {
	.home_cpvideo .video_box .video_item .video_text .v-tit {
		font-size: 34px;
		line-height: 34px
	}
}




/*产品案例板块三*/

.YQ-pro {
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
	background: url(/css/../img/YQpro-bj.jpg) no-repeat;
	padding: 100px 0 30px 0;
	box-sizing: border-box;
}

.YQ-pro:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/css/../img/mengban.png) no-repeat left bottom;
	background-size: 100%;
	pointer-events: none;
}

.YQpro-title {
	margin-bottom: 50px;
}

.YQpro-title .pro-left {
	width: 30%;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	background-image: -webkit-linear-gradient(-25deg, #8a929a 15%, #fff 50%, #8a929a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue6sinfinitelinear;
}

.YQpro-title .pro-left h2 {
	font-size: 43px;
}

.YQpro-title .pro-left h3 {
	font-size: 43px;
}

.YQpro-title .pro-right {
	width: 50%;
}

.YQpro-title .pro-right p {
	font-size: 16px;
	color: #999;
	line-height: 30px;
	height: 90px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.YQ-pro .bd {
	padding: 10px;
	box-sizing: border-box;
}

.YQ-pro .bd ul {
	overflow: hidden;
	zoom: 1;
}

.YQ-pro .bd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 20px;
}

.YQ-pro .bd ul.picList1 li {
	width: calc(14.2% - 16px);
}

.YQ-pro .bd ul.picList2 li {
	width: calc(20% - 16px);
}

.YQ-pro .bd ul.picList3 li {
	width: calc(14.2% - 16px);
}

.YQ-pro .bd ul li .pic {
	text-align: center;
}

.YQ-pro .bd ul li .pic img {
	width: 100%;
}

.YQ-pro .bd ul li .pic a:hover img {
	border-color: #999;
}

.YQ-pro .bd ul li .title {
	line-height: 24px;
}


/*公司简介*/

.YQ-about {
	padding-top: 150px;
}

.YQ-about .top {}

.YQ-about-con {
	width: 50%;
}

.YQ-about-con h2 {
	font-size: 30px;
	color: #FE6601;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.YQ-about-con em {
	display: block;
	width: 100px;
	height: 4px;
	background: #FE6601;
	margin-bottom: 30px;
}

.YQ-about-con p {
	color: #666;
	margin-bottom: 30px;
	line-height: 30px;
	height: 180px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.YQ-about-pic {
	width: 48%;
	height: 350px;
	overflow: hidden;
}

.YQ-about-pic img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: all .6s;
}

.YQ-about-pic:hover img {
	/* transform: rotate(5deg) scale(1.2); */
}

.ibusi-list {
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}

.ibusi-list .hd {
	/*overflow: hidden;*/
	height: 30px;
	/*background: #f4f4f4;*/
	padding: 0 10px;
	position: absolute;
	top: calc(50% - 68px);
	width: 100%;
	z-index: 9;
}

.ibusi-list .hd .prev,
.ibusi-list .hd .next {
	vertical-align: middle;
	width: 34px;
	height: 68px;
	margin-right: 10px;
	display: inline-block;
	content: "";
	position: absolute;
	top: 10px;
}

.ibusi-list .hd .next {
	background: url(/css/../img/YQabout-next.png);
	background-size: 100% 100%;
	left: 0;
}

.ibusi-list .hd .prev {
	background: url(/css/../img/YQabout-pre.png);
	background-size: 100% 100%;
	right: 0;
}

.ibusi-list .bd {
	/*padding: 10px;*/
}

.ibusi-list .bd ul {
	overflow: hidden;
	zoom: 1;
}

.ibusi-list .bd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 20%;
}

.ibusi-list .bd ul li .pic {
	width: 100%;
	height: 237px;
	overflow: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
	object-fit: cover;
}

.ibusi-list .bd ul li .pic img {
	width: 100%;
	height: 100%;
	padding: 2px;
	object-fit: cover;
	box-sizing: border-box;
}

.ibusi-list .bd ul li:hover .pic img {
	transform: scale(1.1);
	transition: all .6s;
}

.ibusi-list .bd ul li .title {
	line-height: 35px;
}

.ibusi-list .bd ul li .title a {
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*footer*/

.footer96 {
	background: #f3f3f3;
}

.footer96-con {}

.footer96-con ul {
	padding: 5% 0 3%;
}

.footer96-con ul li {
	width: 33.33%;
	float: left;
	background: url(/css/../img/YQfooter-line.jpg) no-repeat right center;
	padding-left: 7%;
	box-sizing: border-box;
}

.footer96-con ul li h3 {
	color: #000000;
	font-size: 18px;
	font-weight: normal;
}

.footer96-con ul li h3 span {
	color: #999;
	font-size: 15px;
	text-transform: uppercase;
	margin-left: 4px;
}

.footer96-con ul li p {
	line-height: 30px;
	margin: 3% 0 0;
}

.footer96-con ul li p span {
	margin-right: 10px;
	display: inline-block;
}

.footer96-con ul li p span img {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin-right: 10px;
}

.footer96-nav {
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	line-height: 4;
	font-size: 12px;
	color: #b4b4b4;
	text-align: center;
}

.footer96-nav a {
	padding: 0 36px;
	font-size: 15px;
	color: #333;
	display: inline-block;
}

.footer96-nav a:hover {
	color: #FE6601;
}

.copyright96 {
	color: #666;
	padding: 20px 0;
	/*font-size: 15px;*/
	text-align: center;
}

.copyright96 a {
	display: inline-block;
	color: #666;
}


/*右侧悬浮菜单*/

.slideXF {
	width: 50px;
	height: 250px;
	position: fixed;
	top: 50%;
	margin-top: -126px;
	background: #FE6601;
	right: 0;
	border-radius: 5px 0 0 5px;
	z-index: 999;
}

.slideXF ul {
	list-style: none;
}

.slideXF .icon li {
	width: 49px;
	height: 50px;
	background: url(/css/../img/icon3.png) no-repeat;
}

.slideXF .icon .up {
	background-position: -330px -120px;
}

.slideXF .icon li.qq {
	background-position: -385px -73px;
}

.slideXF .icon li.tel {
	background-position: -385px -160px;
}

.slideXF .icon li.wx {
	background-position: -385px -120px;
}

.slideXF .icon li.down {
	background-position: -330px -160px;
}

.slideXF .info {
	top: 50%;
	/* height: 147px; */
	position: absolute;
	right: 100%;
	background: #FE6601;
	width: 0px;
	overflow: hidden;
	margin-top: -73.5px;
	transition: 0.5s;
	border-radius: 4px 0 0 4px;
}

.slideXF .info.hover {
	width: 180px;
}

.slideXF .info li {
	width: 180px;
	color: #fff;
	text-align: center;
}

.slideXF .info li p {
	font-size: 16px;
	line-height: 30px;
	padding: 15px;
	text-align: left;
}

.slideXF .info li.qq p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
}

.slideXF .info li.qq p a:hover {
	color: #FFFFFF;
	border: none;
	background: #00E0DB;
}

.slideXF .info li div.img {
	height: 100%;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}

.slideXF .info li div.img img {
	width: 100%;
	height: 100%;
}
/*控制菜单的按钮*/
			.index_cy{
				width: 30px;
				height: 30px;
				background: url(/css/../img/index_cy.png);
				position: fixed;
				right: 0;
				top: 50%;
				margin-top: 140px;
				background-position: 62px 0;
				cursor: pointer;
			}
			.index_cy2{
				width: 30px;
				height: 30px;
				background: url(/css/../img/index_cy.png);
				position: fixed;
				right: 0;
				top: 50%;
				margin-top: 140px;
				background-position: 30px 0;
				cursor: pointer;
			}
			
			/*自适应 当屏小于1050时隐藏*/
			@media screen and (max-width: 1050px) {
				.slideXF{
					display: none;
				}
				#btn{
					display: none;
				}
				
			}

/*iprodetail*/

.iprodetail.icontent {
	padding-top: 130px;
}

.iprodetail-top {}

.iprodetail-top:after {
	content: "";
	display: block;
	clear: both;
}

.iprod-pic {
	width: 32%;
	overflow: hidden;
}

.iprod-pic img {
	width: 100%;
}

.iprod-info {
	width: 66%;
}

.iprod-info h2 {
	font-size: 30px;
	letter-spacing: 2px;
	color: #FE6601;
	padding-bottom: 10px;
	border-bottom: 2px solid #e0e1e2;
	position: relative;
}

.iprod-info h2:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	background: #FE6601;
	width: 10%;
	height: 2px;
}

.iprod-info p {
	color: #555;
	line-height: 35px;
	margin-top: 30px;
	height: 70px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.iprod-info ul {
	margin: 30px 0;
}

.iprod-info ul li {
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	color: #333;
	text-align: center;
}

.iprod-info ul li:after {
	content: "";
	display: block;
	clear: both;
}

.iprod-info ul li span {
	background: #eaeaea;
	font-style: normal;
	display: block;
	width: 15%;
	float: left;
}

.iprod-info ul li i {
	background: #eaeaea;
	font-style: normal;
	display: block;
	width: 83%;
	float: right;
}

.iprod-info .tel .more {
	width: 250px;
	height: 50px;
	line-height: 50px;
	background: #FE6601;
	color: #fff;
	display: inline-block;
	text-align: center;
}


/* .iprod-info .tel .more:before {
		vertical-align: middle;
		width: 20px;
		height: 20px;
		margin-right: 10px;
		display: inline-block;
		content: "";
		background: url(/css/../img/icon1.png);
		background-size: 100% 100%;
	} */

.iprod-info .tel em {
	font-size: 30px;
	font-style: normal;
	color: #FE6601;
	font-weight: bold;
	margin-left: 80px;
	line-height: 50px;
}

.iprod-info .tel em:before {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	display: inline-block;
	content: "";
	background: url(/css/../img/icon2.png);
	background-size: 100% 100%;
}

.iprodetail-bottom {
	margin-top: 20px;
}

.iprodetail-bottom .title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #FE6601;
	margin-bottom: 20px;
}

.iprodetail-bottom .title li {
	display: inline-block;
	width: 200px;
	background: #FE6601;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
	margin-right: 1%;
}

.iprodetail-bottom .title li a {
	color: #fff;
}

.iprodetail-bottom .title em {
	float: right;
	text-transform: uppercase;
	color: #999;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}

.iprodetail-bottom .title em a {
	color: #999;
}


/*上一页下一页*/

.updown {
	margin-top: 20px;
}

.updown p {
	height: 50px;
	line-height: 50px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.updown p span {
	/*width: 95px;*/
	font-size: 16px;
	float: left;
	color: #fff;
	background: #FE6601;
	/*text-align: center;*/
	padding: 0 15px;
	margin-right: 15px;
}

.updown p a {
	display: block;
	/*float: right;*/
	width: calc(100% - 120px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}
.Mpro {display:none;}
/*新闻*/
.news77 {
	background-color: #f4f4f4;
	padding: 40px 0;
}

.news77 .mainb:after {
	content: "";
	display: block;
	clear: both;
}

.news77-l {
	width: 40%;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	padding: 30px;
	box-sizing: border-box;
}

.news77-l .pr {
	position: relative;
}

.news77-l dl {
	position: absolute;
	left: 0;
	bottom: -35px;
	color: #fff;
	background-color: #FE6601;
}

.news77-l dl dt {
	font-size: 28px;
	padding: 15px 10px 10px 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.news77-l dl dd {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}

.news77-l .img {
	width: 100%;
	height: 387px;
}
.news77-l .img a{
	width: 100%;
	height: 100%;
}
.news77-l .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news77-l:hover .mask,
.inewsindex2-right li:hover .mask {
	opacity: 1;
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}

.news77-l .mask,
.inewsindex2-right li .mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}

.news77-l .wjdh-link {
	background: url(/css/../img/links2.png) no-repeat center center;
	background-size: 100% 100%;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 22px;
	line-height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
}

.news77-l .title-a {
	font-size: 18px;
	color: #404040;
	margin-bottom: 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news77-l p {
	margin-top: 40px;
	color: #999;
	line-height: 35px;
	height: 70px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-indent: 2em;
	margin-bottom: 10px;
}

.news77-l .more {
	display: block;
	width: 250px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #d0d0d0;
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
	box-sizing: border-box;
}

.news77-l:hover .more {
	background-color: #FE6601;
	border: 1px solid #FE6601;
	color: #fff;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.news77-l .more span {
	overflow: hidden;
	line-height: 45px;
	height: 45px;
	color: #404040;
}

.news77-l .more i {
	_display: inline;
	*display: inline;
	display: inline-block;
	zoom: 1;
	width: 0;
	height: 35px;
	background: url(/css/../img/arrow.gif) no-repeat left center;
	vertical-align: middle;
	margin-left: 10px;
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
}

.news77-l:hover .more span {
	color: #fff;
}

.news77-l:hover .more i {
	width: 33px;
}

.news77 .news77-r {
	width: 58%;
}

.news77 .news77-r .title {
	margin-bottom: 20px;
}

.news77 .news77-r .title dl {
	float: left;
	width: 40px;
	text-align: center;
	color: #FE6601;
	text-transform: uppercase;
}

.news77 .news77-r .title dl dt {
	font-size: 37px;
	height: 28px;
	line-height: 28px;
}

.news77 .news77-r .title dl dd {
	font-size: 12px;
	height: 12px;
	line-height: 12px;
}

.news77 .news77-r .title .title-h3 {
	width: calc(100% - 40px);
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
}

.news77 .news77-r .title .title-h3 h3 a {
	font-size: 26px;
	font-weight: bold;
	color: #FE6601;
	border-bottom: 1px solid #FE6601;
	padding-bottom: 4px;
}

.news77 .news77-r .title .more {
	float: right;
	text-transform: uppercase;
	color: #999;
	margin-top: 10px;
}

.news77 .news77-r .list li {
	border: 1px solid #e4e4e4;
	width: 100%;
	/*height: 98px;*/
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background-color: rgba(255, 255, 255, .8);
	* background-color: #fff;
	_background-color: #fff;
	margin-top: 17px;
}

.news77 .news77-r .list li:after {
	content: "";
	display: block;
	clear: both;
}

.news77 .news77-r .list li:hover {
	border: 1px solid #FE6601;
	transform: translate(-10px, -10px);
	-webkit-transform: translate(-10px, -10px);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)
}

.news77 .news77-r .list li .more {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/css/../img/add.png) no-repeat center center;
	background-color: #999;
}

.news77 .news77-r .list li:hover .more {
	background-color: #FE6601;
}

.news77 .news77-r .list li .date {
	padding: 35px 10px;
	width: 12%;
	text-align: center;
	box-sizing: border-box;
}

.news77 .news77-r .list li .date span {
	font-size: 32px;
	display: block;
	color: #999;
	text-transform: uppercase;
}

.news77 .news77-r .list li:hover .date span {
	color: #FE6601;
}

.news77 .news77-r .list li .date em {
	font-style: normal;
	color: #b7b7b7;
}

.news77 .news77-r .list li .con {
	width: 88%;
	padding: 15px 15px 15px 40px;
	box-sizing: border-box;
}

.news77 .news77-r .list li .con a {
	display: block;
	font-size: 18px;
	color: #404040;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news77 .news77-r .list li .con p {
	color: #999;
	line-height: 35px;
	height: 70px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/*MOVE*/

@media screen and (max-width:1600px) {
	html,
	body {
		font-size: 15px;
	}
	.head97{
		height:80px;
	}
	.logo97 a img{
		height:70px;
	}
	.nav97 li {
		font-size: 16px;
	}
	.nav97 li + li:after{
		top:54%;
	}
	.nav97 li .down97 a {
		height: 50px;
		line-height: 50px;
	}
	.nav97 li .down97{top:80px;}
	.banner .aniss h4 {
		font-size: 20px;
	}
	.banner .aniss h1 {
		font-size: 48px;
	}
	.home_cpvideo {
		padding: 65px 0;
	}
	.home_title .tit_p {
		font-size: 16px;
		margin-top: 20px;
	}
	.home_cpvideo .wrap_box {
		margin-top: 50px;
	}
	.YQ-pro {
		padding: 90px 0 30px 0;
	}
	.YQpro-title .pro-left h2,
	.YQpro-title .pro-left h3 {
		font-size: 41px;
	}
	.YQ-about {
		padding-top: 120px;
	}
	.YQ-about-con h2 {
		font-size: 24px;
	}
	.YQ-about-con em {
		margin-bottom: 15px;
	}
	.YQ-about-con p {
		margin-bottom: 15px;
	}
	.YQ-about-pic {
		height: 250px;
	}
	.ibusi-list {
		margin-top: 10px;
	}
	.ibusi-list .bd ul li .pic {
		height: 203px;
	}
	.footer96-con ul li h3 {
		font-size: 16px;
	}
	/*产品*/
	.iprod-info h2 {
		font-size: 26px;
	}
	.iprod-info p {
		line-height: 30px;
		margin-top: 15px;
		height: 60px;
	}
	.iprod-info ul {
		margin: 20px 0;
	}
	.iprod-info ul li {
		height: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.iprod-info .tel .more {
		width: 200px;
		height: 40px;
		line-height: 40px;
	}
	.iprod-info .tel em {
		font-size: 26px;
		margin-left: 20px;
		line-height: 40px;
	}
	.iprodetail-bottom .title span {
		width: 180px;
		font-size: 22px;
	}
	.iprodetail-bottom .title {
		height: 40px;
		line-height: 40px;
	}
	.inewsdetail-title h2 {
		font-size: 22px;
	}
	.ibusi-list .bd ul li .title a{font-size:16px;}
	
	.home_cpvideo .video_box .video_item .video_text .v-en{font-size:18px;}
	
	.news77-l .title-a,.news77 .news77-r .list li .con a{font-size:16px;}
	
	.news77-l .more,.news77-l .more span {height: 40px;line-height: 40px;}
	
	.news77 .news77-r .list li .con p {line-height: 30px;height: 60px;}
	
	.news77 .news77-r .list li .date {width: 14%;}
	
	.news77 .news77-r .list li .con {width: 86%;}
	
	.news77,.foot .bottom {padding: 30px 0;}

}
@media screen and (max-width:1440px) {
	/* .home_cpvideo {
		margin-top: 80px
	} */
	.home_cpvideo{
		padding:50px 0;
	}
	.home_cpvideo .video_box .video_item .video_text .v-tit {
		font-size: 30px;
		line-height: 36px
	}
	.home_cpvideo .video_box .video_item .video_text .v-p {
		font-size: 16px
	}
	.YQpro-title .pro-left h2, .YQpro-title .pro-left h3 {font-size: 38px;}
	
	.ibusi-list .bd ul li .pic{height:180px;}
	
	.YQ-about {padding-top: 90px;}
	
	.slick-slide img {height: 450px;}
	
	.home_cpvideo .video_box .video_item .video_text .v-en{font-size:16px;!important;}
	
	.news77 .news77-r .list li .date {width: 15%;}
	
	.news77 .news77-r .list li .con {width: 85%;}

}
@media screen and (max-width:1360px){
	
	.home_cpvideo {padding: 40px 0;}
	
	.home_title .tit_h {font-size: 38px;}
	
	.home_cpvideo .wrap_box {margin-top: 30px;}
	
	.slick-slide img {height: 400px;}
	
	.home_cpvideo .video_box .video_item .video_text .v-en{font-size:15px!important;}
	
	.YQ-pro {padding: 70px 0 20px 0;}
	
	.YQ-about {padding-top: 60px;}
	
	.ibusi-list .bd ul li .pic{height:169px;}
	
	.news77 .news77-r .list li .date {width: 16%;}
	
	.news77 .news77-r .list li .con {width: 84%;}
}
@media screen and (max-width:1280px) {
	.home_cpvideo .video_box .video_item .video_text .v-tit {
		font-size: 28px;
		line-height: 32px
	}
	.YQpro-title .pro-left h2, .YQpro-title .pro-left h3 {font-size: 36px;}
	
	.YQpro-title { margin-bottom: 30px;}
	
	.ibusi-list .bd ul li .pic{height:160px;}
	
	.banner .aniss h1{font-size:40px;}
	
	.news77 .news77-r .list li .date {width: 17%;}
	
	.news77 .news77-r .list li .con {width: 83%;}
}
.mfoot58{display:none;}
@media screen and (max-width:959px) {
		html,
		body {
			min-width: 768px;
			max-width: 768px;
			overflow-x: hidden;
		}
		.mainb {
			width: 98%;
		}
		.head97 {
    height: auto;
}
		.logo97 {
			width: 100%;
			z-index: 99999;
			position: relative;
		}
		.logo97 a {
			width: 80%;
			margin: 5px 0;
		}
		.logo97 a img {
			height: 55px;
		}
		.nav97 {
			display: none;
			position: fixed;
			width: 100%;
			height: 100%;
			bottom: 100%;
			margin-left: 0;
			float: none;
			background: rgba(255,255,255,.95);
			padding: 70px 0;
			box-sizing: border-box;
			z-index: 9999;
			right: 0;
			transition: all .5s;
		}
		.ihead97 .nav97{
			background: #fff;
		}
		.nav97.lef {
			bottom: 0;
		}
		.nav97 li {
			width: 100%;
			height: 90px;
			line-height: 90px;
			border-bottom: 1px dashed #ccc;
			padding-top: 0;
			font-size: 20px;
			font-weight: bold;
		}
		.nav97 li .down97 {
			display: none!important;
		}
		.navbtn {
			position: absolute;
			right: 10px;
			top: 22px;
			display: block;
			background: none;
			outline: none;
			border: none;
			/*z-index: 99999;*/
		}
		.navbtn span {
			display: block;
			width: 28px;
			height: 3px;
			background-color: #fe6601;
			/* margin-left: calc(50% - 15px); */
			margin-bottom: 5px;
			transition: all .5s ease-out;
			transform-origin: 0 0;
			background: #fe6601;
		}
		
		.ihead97 .navbtn span {background: #FE6601;}
		
		.navbtn.active {
			padding: 2px;
		}
		.navbtn.active span:first-child {
			transform: rotate(45deg) translate(5px, -4px);
		}
		.navbtn.active span:nth-child(2) {
			opacity: 0;
		}
		.navbtn.active span:last-child {
			transform: rotate(-45deg) translate(-1px, 6px);
		}
		.ma97,
		.nav97 li span {
			display: none;
		}
		.nav97 li .down97 {
			display: none!important;
		}
		.banner .aniss h4{font-size:16px;}
		
		.banner .aniss h1{font-size:32px;}
		
		.home_cpvideo{padding:20px 0;}
		
		.home_title .tit_h{font-size:30px;line-height:30px;}
		
		.YQpro-title .pro-left{width:40%;}
		
		.YQpro-title .pro-left h2, .YQpro-title .pro-left h3{font-size:30px;}
		
		.YQpro-title .pro-right p { font-size: 15px;line-height: 25px;height: 75px;}
		
		.YQ-pro {padding: 50px 0 20px 0;}
		
		.YQ-about {padding-top: 40px;}
		
		.YQ-about-con,.YQ-about-pic {width: 100%;}
		
		.ibusi-list .bd ul li .pic{height:104px;}
		
		.ibusi-list,.ibusi-list .bd ul{display:none;}
		
		.footer96-nav{display:none;}
		
		 .news77-l .more, .news77-l .more span{height: 35px;line-height: 35px;}
		 
		 .news77-l{width:100%;}
	
	.news77 .news77-r{width:100%;margin-top:15px;}
	
	.news77 .news77-r .title dl dt {font-size: 32px;}
	
	.news77 .news77-r .title .title-h3 h3 a {font-size: 24px;}
	
	.news77 {padding: 15px 0;}
	
	.news77-l{padding:15px 0 0 0;}
	
	.news77-l .img {height: 250px;}
	
	.news77-l p {line-height: 25px; height: 50px; -webkit-line-clamp: 2;}
	
	.news77-l .more{margin-bottom:15px;}
	
	.news77 .news77-r .title { margin-bottom: 10px;}
	
	.news77 .news77-r .list li {margin-top: 10px;}
	
	.news77 .news77-r .list li .date{display:none;}
	
	.news77 .news77-r .list li .con{width:100%;padding:15px;}
	
	.news77 .news77-r .list li .more {width: 20px;height: 20px;}
		
		
}
@media screen and (max-width:640px) {
		html,
		body {
			min-width: 100%;
			max-width: 100%;
		}
		.mainb {
			width: 98%;
		}
		.logo97 a img {
			height: 45px;
		}
		.navbtn {
			top: 15px;
		}
		.nav97 li {
			height: 70px;
			line-height: 70px;
			font-size: 18px;
		}
		.nav97 li {height: 60px; line-height: 60px; font-size: 16px;}
		.banner .aniss h4,.banner .aniss h1{display:none;}
		
		.banner .swiper-pagination-bullet{width:10px;height:10px;}
		
		.Mpro {
		display: block;padding-top:15px;
	}

	.Mpro ul {
		padding: 10px 0 10px 0;
	}
	.Mpro ul li {
		width: 49.5%;
		margin-right: 1%;
		float: left;
		margin-bottom: 10px;
	}
	.Mpro ul li:nth-child(2n) {
		margin-right: 0;
	}
	.Mpro .pic {
		width: 100%;
		height: 123px;
		overflow: hidden;
		    
	}
	.Mpro .pic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.Mpro li h3 {
		font-size: 15px;
		font-weight: normal;
		text-align: center;
		color: #fff;
		background: #FE6601;
		height: 35px;
		line-height: 35px;
	}
		
		.YQ-pro .bd ul.picList1 li,.YQ-pro .bd ul.picList2 li,.YQ-pro .bd ul.picList3 li{width:calc(50% - 10px);}
		
		.YQ-pro .bd ul li{margin:0 5px;}
		
		.YQpro-title .pro-left{width:100%;text-align:center;margin-bottom:10px}
		
		.YQpro-title .pro-right{width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
		
		.YQpro-title .pro-left h2, .YQpro-title .pro-left h3 {font-size: 24px;}
		
		.YQ-pro {padding: 30px 0 20px 0;}
		
		.YQpro-title .pro-right p{height:auto;}
		
		.YQpro-title{margin-bottom:5px;}
		
		.YQ-about {padding-top: 20px;margin-bottom:55px;}
		
		.YQ-about-con h2 {font-size: 22px;}
		
		.YQ-about-con p {line-height: 25px;height: 150px;}
		
		.footer96{display:none;}
		
		.mfoot58 {
				width: 100%;
				height: 55px;
				position: fixed;
				bottom: 0;
				z-index: 1080;
				display:block;
			}
			
			.mfoot58:before {
				content: '';
				display: block;
				width: 100%;
				height: 55px;
				overflow: hidden;
				border-radius: 5px;
				position: absolute;
				left: 0;
				bottom: 0;
				background-image: url(/css/../img/swt_bg.png);
				background-position: left bottom;
				background-repeat: no-repeat;
				-webkit-background-size: 100% auto;
				background-size: 100% auto;
			}
			
			.mfoot58 .mfoot58-msg {
				width: 35%;
				float: left;
				text-align: center;
				font-size: 16px;
				color: #3e3e3e;
				display: block;
				height: 55px;
				line-height: 55px;
				position: relative;
				z-index: 1;
			}
			
			.mfoot58 .mfoot58-msg:before {
				content: '';
				display: inline-block;
				width: 25px;
				height: 25px;
				vertical-align: middle;
				margin-right: 10px;
				background-image: url(/css/../img/swt_msg.png);
				background-position: center center;
				background-repeat: no-repeat;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
			}
			
			.mfoot58 .mfoot58-phone {
				display: block;
				width: 57%;
				height: 40px;
				float: right;
				margin-right: 12px;
				position: relative;
				z-index: 1;
				padding-left: 10px;
				/*padding-top: 10px;*/
				margin-top: 5px;
				box-sizing: border-box;
			}
			
			.mfoot58 .mfoot58-phone i,
			.mfoot58 .mfoot58-phone span,
			.mfoot58 .mfoot58-phone strong {
				display: block;
			}
			
			.mfoot58 .mfoot58-phone i {
				position: absolute;
				left: 3px;
				top: 3px;
				width: 30px;
				height: 30px;
				z-index: 2;
				padding: 2px;
			}
			
			.mfoot58 .mfoot58-phone i img {
				display: block;
				width: 100%;
			}
			
			.mfoot58 .mfoot58-phone span,
			.mfoot58 .mfoot58-phone strong {
				width: 100%;
				overflow: hidden;
				position: relative;
				z-index: 2;
			}
			
			.mfoot58 .mfoot58-phone span {
				font-size: 15px;
				color: #ffc601;
				margin-left: 30px;
				/*margin-top: -8px;*/
			}
			
			.mfoot58 .mfoot58-phone strong {
				font-size: 15px;
				color: #ffffff;
				font-weight: bold;
				letter-spacing: 2px;
				margin-left: 30px;
			}
			
			.mfoot58 .mfoot58-phone:before,
			.mfoot58 .mfoot58-phone:after {
				content: '';
				display: block;
				position: absolute;
				border-radius: 30px;
			}
			
			.mfoot58 .mfoot58-phone:before {
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: #f5353c;
				background: -webkit-linear-gradient(left, #fd5a50, #ee1128);
				background: linear-gradient(to right, #fd5a50, #ee1128);
				opacity: 0.7;
			}
			
			.mfoot58 .mfoot58-phone:after {
				left: 0.05333rem;
				right: 0.05333rem;
				top: 0.05333rem;
				bottom: 0.05333rem;
				background: #f6373d;
				z-index: 1;
			}
}