@charset "utf-8";
.main {
	padding: 0;
	overflow:hidden;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
}
/*关于我们*/
.main1f {
	padding: 55px 0 60px;
	overflow: hidden;
	background:#fff;
}
.title_1 {
	padding: 0;
	overflow: hidden;
	margin-bottom: 35px;
}
.title_1 a {
	display: block;
	width: 100%;
	height: 100%;
}
.title_1 h2 {
	color: #2b2b2b;
	font-size: 38px;
	line-height: 70px;
}
.title_1 p {
	color: #747474;
	font-size: 17px;
	line-height: 30px;
}
.main1f .about {
	padding: 0;
	overflow: hidden;
	background: url(../images/aboutbg.png) no-repeat bottom center;
}
.main1f .about .aboutimg {
	width: 641px;
	height: 436px;
	padding: 0;
	overflow: hidden;
	transition: all 0.3s;
	/*animation: zoomIn4 2s infinite;*/
}
.main1f .about .aboutimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@keyframes zoomIn4 {
	0% {transform: scale(1,1); }
	50% {transform: scale(0.9,0.9);}
	100% {transform: scale(1,1);}
}
.main1f .about .aboutcon {
	width: 500px;
	padding: 0;
	overflow: hidden;
}
.main1f .about .aboutcon h3 {
	color: #020202;
	font-size: 30px;
	font-weight: normal;
	line-height: 60px;
	margin-bottom: 15px;
}
.main1f .about .aboutcon .aboutnr,.main1f .about .aboutcon .aboutnr p,.main1f .about .aboutcon .aboutnr span {
	color: #4a4a4a;
	font-size: 16px;
	line-height: 35px;
}
.main1f .about .aboutmore {
	display: block;
	width: 180px;
	height: 45px;
	background: #26b2b9;
	margin:25px 0;
	color: #fff;
	border-radius: 25px;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	transition: all 0.3s;
}
.main1f .about .aboutmore:hover {
	box-shadow: 3px 3px 5px 1px #388084;
}

/*应用领域*/
.main2f {
	padding: 55px 0 75px;
	overflow: hidden;
	background:#f7f8fa;
}
.main2f .title_1 {text-align: center;}
.main2f .title_1 h5 {
	color: #f0f1f2;
	font-size: 89px;
	line-height: 70px;
	text-transform: uppercase;
	font-family: 'Engravers MT';
}
.main2f .title_1 h2 {
	margin-top: -70px;
}
.caselist {
	padding: 0;
	overflow: hidden;
}
.caselist .swiper-slide {
	width: 44%;
}
.caselist .swiper-slide-prev,.caselist .swiper-slide-next {
	opacity: 0.5;
}
.caselist .swiper-slide-active:after{
	content: "";
	width: 112px;
	height: 2px;
	background: #26b2b9;
	position: absolute;
	top:100px;
	right: -30px;
}
.caselist .caseitem {
	width: 100%;
	height: 521px;
	overflow: hidden;
	position: relative;
}
.caselist .caseitem .caseimg {
	width: 100%;
	height:521px;
}
.caselist .caseitem .caseimg a {
	display: block;
	width: 100%;
	height: 521px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
.caselist .caseimg img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caselist .casecon {
	position: absolute;
	background: #fff;
	width: 250px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	padding: 35px 45px;
	overflow: hidden;
}
.caselist .swiper-slide-prev .casecon,.caselist .swiper-slide-next .casecon {
	opacity: 0;
}
.caselist .casecon .caser{
	padding: 0;
	overflow: hidden;
}
.caselist .casecon .caser h2 {
	color: #2b2b2b;
	font-size: 30px;
	font-weight: normal;
	line-height: 45px;
	margin-top: 20px;
	margin-bottom: 25px;
}
.caselist .casecon .caser p {
	color: #7a7a7a;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 35px;
}
.caselist .casecon .caser a {
	display: block;
	color: #25b1b8;
	font-size: 14px;
	line-height: 30px;
    transition: all 0.3s;
}
.caselist .casecon .caser a:hover {
	 color: #25b1b8;
	 padding-left: 10px;
}
.caselist .cfy {
	position: absolute;
    width: 50%;
    left: 25%;
    right: 25%;
    top: 0;
    bottom: 70px;
}
.caselist .cfy .cpag {
	width: 340px;
    right: 90px;
    left: auto;
    font-size: 25px;
    color: #1e1e1e;
}
.caselist .cfy .cpag .swiper-pagination-current {
	color: #1e1e1e;
	font-size: 25px;
}
.caselist .cfy .cpag .swiper-pagination-total {
	color: #8d8d8d;
	font-size: 14px;
}
.caselist .cfy .cprev,.caselist .cfy .cnext {
	width: 50px;
	height: 40px;
}
.caselist .cfy .cnext {
	right: 15px;
	background: url(../images/cright.jpg) no-repeat center;
}
.caselist .cfy .cprev {
	left: 15px;
	background: url(../images/cleft.jpg) no-repeat center;
}
.caselist .cfy .cnext:after,.caselist .cfy .cprev:after {display: none;}

/*相关动态*/
.main3f {
	padding: 60px 0;
	overflow: hidden;
	background: #fff;
}
.main3f .xwleft {
	width: 210px;
	padding: 0;
	overflow: hidden;
}
.main3f .xw {
	width: 945px;
	padding: 0;
	overflow: hidden;
}
.main3f .xwleft .title_1 {
	text-align: center;
}
.main3f .xwleft .xwnav {
	padding: 0;
	overflow: hidden;
	margin-bottom: 78px;
}
.main3f .xwleft .xwnav li {
	padding: 0;
	overflow: hidden;
	line-height: 58px;
	text-align: center;
	border-bottom: 2px solid #b8b8b8;
}
.main3f .xwleft .xwnav li a {
	color: #747474;
	font-size: 17px;
	display: block;
}
.main3f .xwleft .xwnav li:first-child,.main3f .xwleft .xwnav li:hover {
	border-bottom: 2px solid #21b6b5;
}
.main3f .xwleft .xwnav li:first-child a,.main3f .xwleft .xwnav li:hover a {
	color: #21b6b5;
}
.main3f .xwleft .xjt {
	padding: 0;
	overflow: hidden;
	width: 130px;
	height: 60px;
	position: relative;
}
.main3f .xwleft .xjt .xnext,.main3f .xwleft .xjt .xprev{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border:1px solid #bebebe;
	top:0;
	margin-top: 0;
}
.main3f .xwleft .xjt .xnext:after,.main3f .xwleft .xjt .xprev:after {
	color: #a6a6a6;
	font-size: 22px;
}
.main3f .xwleft .xjt .xnext {
	right: 0;
	background: #21b6b5;
	border:1px solid #21b6b5;
}
.main3f .xwleft .xjt .xnext:after {
	color: #fff;
}
.main3f .xwleft .xjt .xprev {
	left: 0;
}
.main3f .xwlist {
	padding: 0;
	overflow: hidden;
}
.main3f .xwlist .swiper-container {
	width: 100%;
	height: 100%;
}
.main3f .xwlist .xwitem {
	padding:0;
	overflow: hidden;
	margin:5px;
	transition: all 0.3s;
}
.main3f .xwlist .xwitem a {
	display: block;
	width: 100%;
	height: 100%;
	margin:0 auto;
}
.main3f .xwlist .xwitem .xwimg {
	width: 100%;
	height: 180px;
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden;
} 
.main3f .xwlist .xwitem .xwimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.main3f .xwlist .xwitem h3 {
	color: #111;
	font-size: 18px;
	line-height: 45px;
	font-weight: normal;
	padding: 0 5px;
}
.main3f .xwlist .xwitem p {
	padding: 0 5px;
	color: #aaa;
	font-size: 15px;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	padding-bottom: 18px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 20px;
}
.main3f .xwlist .xwitem span {
	padding: 0 5px;
	color: #25b1b8;
	font-size: 14px;
	line-height: 25px;
	display: block;
	margin-bottom: 10px;
}
.main3f .xwlist .xwitem:hover {
	margin:0 5px 5px;
	box-shadow: 2px 2px 5px 0px #b2b2b2;
}
.main3f .xwlist .xwitem:hover h3,.main3f .xwlist .xwitem:hover p {
	color: #25b1b8;
	transition: all 0.3s;
}
.main3f .xwlist .xwitem:hover p {
	border-bottom: 1px solid #25b1b8;
	transition: all 0.3s;	
}