@CHARSET "UTF-8";

/* 自定义动画 */

.animate {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-duration: var(--animate-duration);

	animation-duration: var(--animate-duration);

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



/* 动画延时 */

.animate.animate_delay05 {

	-webkit-animation-delay: calc(1s / 2);

	animation-delay: calc(1s / 2);

	-webkit-animation-delay: var(--animate-delay) / 2;

	animation-delay: var(--animate-delay) / 2;

}

.animate.animate_delay1 {

	-webkit-animation-delay: 1s;

	animation-delay: 1s;

	-webkit-animation-delay: var(--animate-delay);

	animation-delay: var(--animate-delay);

}

.animate.animate_delay2 {

	-webkit-animation-delay: calc(1s * 2);

	animation-delay: calc(1s * 2);

	-webkit-animation-delay: calc(var(--animate-delay) * 2);

	animation-delay: calc(var(--animate-delay) * 2);

}

.animate.animate_delay3 {

	-webkit-animation-delay: calc(1s * 3);

	animation-delay: calc(1s * 3);

	-webkit-animation-delay: calc(var(--animate-delay) * 3);

	animation-delay: calc(var(--animate-delay) * 3);

}

.animate.animate_delay4 {

	-webkit-animation-delay: calc(1s * 4);

	animation-delay: calc(1s * 4);

	-webkit-animation-delay: calc(var(--animate-delay) * 4);

	animation-delay: calc(var(--animate-delay) * 4);

}

.animate.animate_delay5 {

	-webkit-animation-delay: calc(1s * 5);

	animation-delay: calc(1s * 5);

	-webkit-animation-delay: calc(var(--animate-delay) * 5);

	animation-delay: calc(var(--animate-delay) * 5);

}

/* 动画速度 */

.animate.animate_5ms {

	-webkit-animation-duration: calc(1s / 2);

	animation-duration: calc(1s / 2);

	-webkit-animation-duration: calc(var(--animate-duration) / 2);

	animation-duration: calc(var(--animate-duration) / 2);

}

.animate.animate_8ms {

	-webkit-animation-duration: calc(1s * 0.8);

	animation-duration: calc(1s * 0.8);

	-webkit-animation-duration: calc(var(--animate-duration) * 0.8);

	animation-duration: calc(var(--animate-duration) * 0.8);

}

.animate.animate_2s {

	-webkit-animation-duration: calc(1s * 2);

	animation-duration: calc(1s * 2);

	-webkit-animation-duration: calc(var(--animate-duration) * 2);

	animation-duration: calc(var(--animate-duration) * 2);

}

.animate.animate_3s {

	-webkit-animation-duration: calc(1s * 3);

	animation-duration: calc(1s * 3);

	-webkit-animation-duration: calc(var(--animate-duration) * 3);

	animation-duration: calc(var(--animate-duration) * 3);

}

@-webkit-keyframes getIn {

	from {opacity: 0;}

	to {opacity: 1;}

}

@keyframes getIn {

	from {opacity: 0;}

	to {opacity: 1;}

}

@-webkit-keyframes getInUp {

	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

	to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

}

@keyframes getInUp {

	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

	to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

}

@-webkit-keyframes getInRight {

	0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@keyframes getInRight {

	0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@-webkit-keyframes getInLeft {

	0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@keyframes getInLeft {

	0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@-webkit-keyframes getzoomOut {

	from {opacity: 1;}

	50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

	to {opacity: 0;}

}

@keyframes getzoomOut {

	from {opacity: 1;}

	50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

	to {opacity: 0;}

}

@-webkit-keyframes getzoomIn {

  from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  50% {opacity: 1;}

}

@keyframes getzoomIn {

  from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  50% {opacity: 1;}

}

@-webkit-keyframes getOut {

  from {opacity: 1;}

  to {opacity: 0;}

}

@keyframes getOut {

  from {opacity: 1;}

  to {opacity: 0;}

}



/* background-image: linear-gradient(rgba(225, 225, 225, 0.5), rgba(225, 225, 225, 0));  background: rgba(225, 225, 225, 0.4); */

body{padding-top: 6.25rem !important; overflow: hidden;}

html{

  scroll-padding-top: 100px;

}

a{cursor: pointer;}

.mores{display: inline-block;}

.mores .mores_order{display: inline-block;  line-height: 2.875rem; background: #3B95BD url(../images/icon3.png) no-repeat 90% center; font-size: 0.875rem; color: #FFFFFF; padding: 0 5.625rem 0 1.875rem; transition: all 0.5s;}

.mores .mores_order:hover{background: rgba(225, 225, 225, 1) url(../images/icon31.png) no-repeat 90% center; color: #3B95BD;}

.main{width: 100%; padding: 6.875rem 0;}

.public_title{width: 100%; text-align: center;}

.public_title h2{font-size: 2.75rem; line-height: 3.625rem; color: #283E56; font-weight: bold;}

.public_title h1{font-size: 1.75rem; line-height: 2.5rem; color: #3B95BD;}

.public_title.white_title h2,.public_title.white_title h1{color: #FFFFFF;}

#back_top {position: fixed;bottom: 100px;right: 3vw;height: 50px;width: 50px;text-align: center;background-color: #3B95BD;display: flex;justify-content: center;align-items: center;z-index: 999999999999;cursor: pointer;transition: all 0.4s;}

#back_top:hover{background-color: #5DAFD6;}

#back_top span {display: block;font-weight: bold;padding-top: 14px;background: url(../images/icon11.png) no-repeat center top;color: #FFFFFF;text-transform: uppercase;}



.banners{width: 100%;height: 20vw; min-height: 175px; position: relative;}

.banners .banners_bg{width: 100%;height: 100%; position: absolute; overflow: hidden;}

.banners .banners_bg img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.banners .banners_txt{position: absolute; z-index: 9; top: 30%;}

.banners .banners_txt h3{text-transform: uppercase; color: #FFFFFF; font-size: 2.75rem; font-weight: bold; line-height: 200%;}

.banners .banners_txt h2{ color: #FFFFFF; font-size: 1.75rem;}

.product_banner .banners .banners_txt{left: 10%; text-align: left; top: 30%;}

.cases_banner .banners .banners_txt,.new_banner .banners .banners_txt{right: 10%; text-align: right;}

.field_banner .banners .banners_txt{left: 10%; text-align: left;}



.menus{width: 100%; height: 5rem; display: flex; justify-content: space-between; align-items: center; padding: 0 8.5%; border-bottom: #F0F0F0 solid 1px;}

.menus .menu2{font-size: 0;}

.menus .menu2 a{display: inline-block; position: relative; padding: 0 1.625rem; line-height: 5rem; border-left: #F0F0F0 solid 1px;}

.menus .menu2 a::after{content: " "; display: inline-block; width: 0; height: 100%; position: absolute; left: 0; z-index: -1; background-color: #5DAFD6; transition: all 0.8s;}

.menus .menu2 #nowMenu::after,.menus .menu2 a:hover::after{width: 100%;}

.menus .menu2 #nowMenu,.menus .menu2 a:hover{color: #FFFFFF;}

.menus a{font-size: 14px; display: inline-block; line-height: 32px; margin: 0 5px; transition: all 0.5s;}

.menus .crumbs a:first-child{padding-left: 30px; background: url(../images/icon12.png) no-repeat left center; background-size: 36%;}

.menus .crumbs a:hover{color: #5DAFD6;}

@media only screen and (max-width:1024px) {

	.menus{padding: 0 15px;}

}

/* body {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

} */



/*<<<<<<<<<<<<<<<<<<<<<< 公共头部 >>>>>>>>>>>>>>>>>>>>>>>*/

.header {width: 100%;  position: fixed; top: 0; left: 0; background-color: #FFFFFF; z-index: 99999;transition: all 0.4s;height: 6.25rem;}

.header .head_m{height: 6.25rem; display: flex; justify-content: space-between; align-items: center;}

.header .head_m .head_l a{display: block; height: 4.375rem;}

.header .head_m .head_l a img {height: 100%;width: auto;}

.header .head_r .nav>li{padding: 0 1.5vw; position: relative; transition: all 0.5s;word-break: keep-all;white-space: nowrap; min-width: 72px;}

.header .head_r .nav>li>a{line-height: 6.25rem; transition: all 0.4s;}

/* PC端头部 */

@media only screen and (min-width:1025px) {

	.div_phone{display: none !important;}

	html,body{font-size: 16px;}

	.header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 10%;border-bottom: rgba(225, 225, 225, 0.3) 1px solid;}

	.header .head_r{flex: 1;}

	.header .head_r .nav>li:before{content: '';position: absolute;left: 0;bottom: 0; width: 100%;height: 0;background: #3B95BD;z-index:-1; transition: all 0.5s;}

	.header .head_r .nav>li>a{font-size: 18px; display: block;width: 100%;word-break: keep-all;white-space: nowrap;}

	.header .head_r .nav>li.nav_on:before{height: 100%;}

	.header .head_r .nav>li.nav_on>a{color: #FFFFFF;}

	.header .head_r .nav>li:hover>a{color: #FFFFFF;}

	.header .head_r .nav>li:hover:before {height: 100%;}

	.header .head_r .nav{display: flex; justify-content: flex-end;}

	.header .head_r .nav_two{display: none; width: 200%; text-align: center; position: absolute; top: 100px; left: -50%; background-color: #FFFFFF; padding: 10px 0;}

	.header .head_r .nav_two>ul>li>a{display:block;line-height: 50px; font-size: 16px; transition: all 0.6s;}

	.header .head_r .nav_two>ul>li>a:after{content: " "; display: block; position: absolute; left: 50%; width: 100%; height: 1px; background-color: #3B95BD; transition: all 0.5s;transform: scaleX(0);transform-origin: left;}

	.header .head_r .nav_two>ul>li>a:hover:after{transform: scaleX(1);left: 0;}

	.header .head_r .nav_two>ul>li>a:hover{color:#3B95BD; font-size: 18px;}

}

/* 移动端头部 */

@media only screen and (max-width:1024px){

	html,body{font-size: 8px !important;}

	.mores .mores_order{line-height: 30px; background: #3B95BD url(../images/icon3.png) no-repeat 90% center; background-size: 14px; font-size: 12px;}

	.mores .mores_order:hover{background: rgba(225, 225, 225, 1) url(../images/icon31.png) no-repeat 90% center;background-size: 14px;}

	.div_pc{display: none !important;}

	.header .head_m{padding: 0 15px; border-bottom: rgba(225, 225, 225, 0.3) 1px solid;}

	.header .head_r{display: none; background-color: #FFFFFF; width: 100%;overflow: auto; height: -webkit-calc(100vh - 51px);height: -moz-calc(100vh - 51px);height: calc(100vh - 51px);}

	.header .head_r::-webkit-scrollbar {display: none;}

	.header .head_r::-moz-scrollbar {display: none;}

	.header .head_r .nav>li{border-bottom: #D8D8D8 solid 1px;}

	.header .head_r .nav>li:nth-child(n+2){background: url(../images/icon1.png) no-repeat 98% 20px; transition: all 0.4s;}

	.header .head_r .nav>li.plan_on{background: url(../images/icon2.png) no-repeat 98% 20px;}

	.header .head_r .nav>li.plan_on>a{color: #3B95BD;}

	.header .head_r .nav>li.nav_on>a{color: #3B95BD;}

	.header .head_r .nav>li>a{font-size: 16px;}

	.header .head_r .nav_two li a{display: block; width: 100%; font-size: 15px; line-height: 30px; padding-left: 1%;}

	.header	.navBox{width: 24px;}

	.header .head_r .nav_two{display: none; margin-bottom: 10px;}

	.navBox .menu {width: 26px;height: 20px;position: relative;transition-duration: 1s;display: block;cursor: pointer;z-index: 99;}

	.icon {height: 2px;width: 26px;top: 50%;background-color: #3B95BD;border-radius: 20px;position: absolute;transition-duration: 0.5s;}

	.icon:before {left: 0;position: absolute;top: -7px;height: 2px;width: 26px;background-color: #3B95BD;content: "";border-radius: 20px;}

	.icon:after {left: 0;position: absolute;top: 7px;height: 2px;width: 26px;background-color: #3B95BD;content: "";border-radius: 20px;}

	.burger_lin .icon {transition-duration: 0.5s;transition-delay: 0.5s;}

	.burger_lin .icon:after {transition: transform 0.5s, top 0.5s 0.5s;transition-delay: 0.5s;}

	.burger_lin .icon:before {transition: transform 0.5s, top 0.5s 0.5s;transition-delay: 0.5s;}

	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;width: 0;}

	.burger_lin.open .icon:before {transition: top 0.5s, transform 0.5s 0.5s;top: 0;transform: rotateZ(-45deg);}

	.burger_lin.open .icon:after {transition: top 0.4s, transform 0.5s 0.5s;top: 0;transform: rotateZ(45deg);}

	.burger_lin.cloase {display: none;}

}



/*<<<<<<<<<<<<<<<<<<<<<< 公共底部 >>>>>>>>>>>>>>>>>>>>>>>*/

footer{ clear:both;width: 100%;}

.foot1{width: 100%; padding: 3.75rem 0 3rem;background: url(../images/foot_Bg.png) no-repeat center center; background-size: cover;}

.foot1 .foot1c{width: 83%; margin: 0 auto;}

.foot1c .foot11{display: flex; justify-content: space-between; margin-bottom: 3.25rem;}

.foot1c .foot11 .foot112{height: 100%;}

.foot1c .foot11 .foot112 .foot_icon{display: inline-block; margin-left: 45px; position: relative;}

.foot1c .foot11 .foot112 .foot_icon .icons{cursor: pointer; width: 47px; height: 47px; border-radius: 100%;}

.foot1c .foot11 .foot112 .foot_icon .icons img{width: 100%; height: auto;}

.foot1c .foot11 .foot112 .foot_icon .icon_cont{display: none; position: absolute; word-break:keep-all;white-space:nowrap; bottom: 110%; padding: 0 20px; transform: translateX(-50%);left: 50%; line-height: 200%; text-align: center; background-color: #FFFFFF;}

.foot1c .foot12{display: flex; justify-content: space-between;}

.foot1c .foot12 .foot121{display: flex;}

.foot1c .foot12 .foot121 ul{margin-right: 5vw;}

.foot1c .foot12 .foot121 ul:last-child{margin: 0;}

.foot1c .foot12 .foot121 ul .foot12_lis{margin-bottom: 1.5vw;}

.foot1c .foot12 .foot121 ul .foot12_lis a{font-size: 1.03125vw;}

.foot1c .foot12 .foot121 ul li a{color: #DFDFDF; font-size: 0.802081vw; line-height: 200%; transition: all 0.5s;}

.foot1c .foot12 .foot121 ul li a::after{content: " "; display: block; width: 0; height: 1px; background-color: #FFFFFF; transition: all 0.8s;}

.foot1c .foot12 .foot121 ul li a:hover{color: #FFFFFF;}

.foot1c .foot12 .foot121 ul li a:hover::after{width: 100%;}

.foot1c .foot12 .foot122 {display: flex; text-align: right;}

.foot1c .foot12 .foot122 .foot_infors a{display: block; padding: 0 0.5vw; text-align: center; font-size: 0.802081vw; line-height: 48px; background-color: #FFFFFF;}

.foot1c .foot12 .foot122 .foot_infors span{display: block; color: #FFFFFF;font-size: 0.802081vw; line-height: 40px;}

.foot1c .foot12 .foot122 .foot_infors span:last-child{font-size: 1.03125vw; font-weight: bold; line-height: 100%;}

.foot1c .foot12 .foot122 .foot_qrcode{width: 110px; margin-left: 1vw;}

.foot1c .foot12 .foot122 .foot_qrcode img{width:100%; height: auto;}

.foot2{background-color: #327EA0; line-height: 50px;}

.foot2 .foot2c{width: 83%; margin: 0 auto; display: flex; justify-content: space-between;}

.foot2 .foot2c .foot21{color: #DFDFDF; font-size: 12px;}

.foot2 .foot2c .foot21 a{margin-left: 20px;}

.foot2 .foot2c a{ color: #DFDFDF; transition: all 0.4s; font-size: 12px;}

.foot2 .foot2c a:hover{ color: #FFFFFF;}

@media only screen and (max-width:1024px){

	.foot1 .foot1c{width: 100%;}

	.foot1c .foot12{display: inline;}

	.foot1c .foot12 .foot122{flex-direction: column; align-items: center; text-align: center;}

	.foot1c .foot12 .foot122 .foot_infors{margin-bottom: 20px;}

	.foot2 .foot2c{display: block; text-align: center; width: 100%;}

	.foot2{line-height: 200%;}

}



/* 首页banner */

.banner{width: 100%; height: calc(100vh - 6.25rem); overflow: hidden;}

@media only screen and (max-width:1024px){

	.banner{width: 100%; height: 400px; overflow: hidden;}

}

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

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

.banner .home_banner .swiper-slide .home_banner_bg img{width: 100%; min-height: 100%; height: auto; object-fit: cover;transition: 1s linear 2s;transform: scale(1.1, 1.1);}

.banner .home_banner .swiper-slide.swiper-slide-active .home_banner_bg img,.banner .home_banner .swiper-slide.swiper-slide-duplicate-active .home_banner_bg img {transition: 6s linear;transform: scale(1, 1);}

.banner .home_banner .swiper-slide.swiper-slide-active{opacity: 1 !important;}

.banner .home_banner .swiper-slide .banner_txt{position: absolute; color: #FFFFFF;}

.banner .home_banner .swiper-slide .banner_txt h2{font-size: 3rem; line-height: 4.375rem; font-weight: bold;}

.banner .home_banner .swiper-slide .banner_txt .banner_txt_li{margin: 40px 0;}

.banner .home_banner .swiper-slide .banner_txt .banner_txt_li span{font-size: 16px; line-height: 32px; margin-right: 20px;}

.banner .home_banner .swiper-slide .banner_txt .mores .mores_order{background: #1576A1 url(../images/icon3.png) no-repeat 90% center;}

.banner .home_banner .swiper-slide .banner_txt .mores .mores_order:hover{background: rgba(225, 225, 225, 0.3) url(../images/icon3.png) no-repeat 90% center; color: #FFFFFF;}

.banner .home_banner .swiper-slide .banner1{left: 8%; top: 20%;}

.banner .home_banner .swiper-slide .banner1 h1{font-size: 3.75rem; line-height: 6.25rem; font-weight: bold;}

.banner .home_banner .swiper-slide .banner1 h6{text-transform: uppercase; font-size: 1.5rem;}

.banner .home_banner .swiper-slide .banner1 .mores{margin-top: 50px;}

.banner .home_banner .swiper-slide .banner2{left: 50%; transform: translateX(-50%); top: 20%; text-align: center;}

.banner .home_banner .swiper-slide .banner3{right: 15%; top: 30%;}



.banner .swiper-container-horizontal > .swiper-pagination-bullets{ width: auto; position: absolute; left: 10%; bottom: 5%; z-index: 999;}

.banner .nation .swiper-pagination-bullet{width: 50px; height: 5px; border-radius: 100px;}

.banner .nation .swiper-pagination-bullet-active{background: #c8463f;}

.banner .nation .swiper-pagination-bullet-active::after{content: ""; display: block; width: 100%; height: 100%;}





/*<<<<<<<<<<<<<<<<<<<<<< 首页main内容区 >>>>>>>>>>>>>>>>>>>>>>>*/

.home{padding: 0!important;}

.home1{display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; margin-bottom: 80px;}

.home1 .home11{width: 50%;text-align: right; padding: 5vw 8vw 6vw; display: flex; flex-direction: column; justify-content: space-between; background-color: #F8F8F8;}

.home1 .home11 .home11_txt h3{color: #283E56; font-size: 2.75rem; font-weight: bold; line-height: 3.625rem;}

.home1 .home11 .home11_txt h2{color: #3B95BD; font-size: 1.75rem; line-height: 200%;}

.home1 .home11 .home11_txt h4{font-size: 1.625rem; line-height: 3.125rem; display: flex; align-items: center; justify-content: flex-end;}

.home1 .home11 .home11_txt h4::before{content: " "; display: inline-block; width: 6vw; height: 1px; background-color: #333333; margin-right: 0.3125rem;}

.home1 .home11 .home11_txt h5{font-size: 1rem; color: #666666; font-weight: bold; line-height: 3.125rem; margin-bottom: 0.625rem;}

.home1 .home11 .home11_txt p{font-size: 1rem; color: #999999; line-height: 1.75rem;}

.home1 .home13{width: 50%;}

.home1 .home13 img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.home1 .home12{position: absolute; z-index: 999; width: 83%; height: 8.75rem; padding: 0 2vw; transform: translateX(-50%); left: 50%; bottom: -80px; background-color: #FFFFFF; box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 16%);}

.home1 .home12 ul{height: 100%; display: flex; justify-content: space-between; align-items: center;}

.home1 .home12 ul li{padding: 0 2.5vw; text-align: center;}

.home1 .home12 ul li.num_hr{padding: 0; border: 0; display: block; width: 1px; height: 60%; background-color: #D8D8D8;}

.home1 .home12 ul li:last-child{border: none;}

.home1 .home12 ul li .num{font-size: 1rem; font-weight: bold;}

.home1 .home12 ul li .num em{font-size: 3.125rem; font-family: Arial, Helvetica, sans-serif;}

.home1 .home12 ul li .num_txt{ font-size: 1rem; color: #666666;}

@media only screen and (max-width:1440px) and (min-width:1025px){

	.home1 .home11{padding: 2vw 4vw 6vw;}

	.home1 .home12{width: 92%; padding: 0 1vw;}

}

@media only screen and (max-width:1024px){

	.home{padding: 0!important;}

	.home1{flex-direction: column; margin-bottom: 20px;}

	.home1 .home11{width: 100%; text-align: left; padding: 5vw 15px 6vw;}

	.home1 .home11 .home11_txt h4{justify-content: flex-start;}

	.home1 .home11 .home11_txt p{line-height: 24px;}

	.home1 .home11 .mores{margin-top: 20px;}

	.home1 .home12{position: static; width: auto;padding: 0; margin: 0 15px 20px; height: auto; transform: translateX(0); box-shadow: 0 0 0.5rem 0.1rem rgb(0 0 0 / 16%);}

	.home1 .home12 ul{flex-wrap: wrap; padding: 10px 0;}

	.home1 .home12 ul li{width: 49%; border: none; margin: 10px 0;}

	.home1 .home12 ul li:nth-child(even){border-left: #D8D8D8 solid 1px;}

	.home1 .home13{width: 100%;}

}



.home2{width: 100%; margin-top: 190px; padding: 5rem 0 100px; background: url(../images/home2_bg.png) no-repeat; background-size: cover; max-height: 54.6875rem;}

.home2 .public_title h1,.home2 .public_title h2{color: #FFFFFF;}

.home2 ul{width: 80%; margin: 3.125rem auto 0; display: flex; justify-content: space-between;}

.home2 ul li{width: 25%; text-align: center;}

.home2 a .home2_img{box-sizing: border-box; width: 13vw; height: 13vw; margin: 0 auto; border-radius: 100%; border: #5DAFD6 solid 0.9375rem; overflow: hidden;box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 16%);}

.home2 a .home2_img img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.home2 a .home2_txt{margin-top: 1.25rem;}

.home2 a .home2_txt .txt1{color: #FFFFFF; font-size: 1rem; line-height: 200%;}

.home2 a .home2_txt .txt2{color: #D0D0D0; font-size: 0.875rem; line-height: 200%; text-transform: capitalize;}

@media only screen and (max-width:1024px){

	.home2{margin: 0;padding: 5rem 15px 100px; overflow: hidden; max-height: fit-content;}

	.home2 .home2_swiper{margin-top: 20px; width: 100%; height: 100%; overflow: hidden; position: relative;}

	.home2 a .home2_img{height: 35vw; width: 35vw;}

	.home2 a .home2_txt{text-align: center;}

	.home2 .swiper-button-next,.home2 .swiper-container-rtl .swiper-button-prev{background: url(../images/icon10.png) no-repeat; background-size: 30px; width: 30px !important; height: 30px !important;

    transform: translateY(-50%);}

	.home2 .swiper-button-prev,.home2 .swiper-container-rtl .swiper-button-next{background: url(../images/icon9.png) no-repeat; background-size: 30px; width: 30px !important; height: 30px !important;

    transform: translateY(-50%);}

}



.home3{width: 100%; display: flex; justify-content: space-between; }

.home3 .home3s{flex: 1; cursor: pointer;position: relative; height: 770px; transition: all 1s;}

.home3 .home3ing{flex: 1.5 !important; transition: all 1s;}

.home3 .home3s .home3_bg{position: relative; overflow: hidden; height: 100%;}

.home3 .home3s .home3_bg img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.home3 .home3s .home3_txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgb(46  71  99 / .8); color: #FFFFFF; padding: 40px 50px 60px; transition: all 0.8s;overflow: hidden;}

.home3 .home3s .home3_txt .home3_txtbox{width: 100%; display: flex; flex-direction: column;align-items: flex-start; text-align: center; position: absolute; top: 10vw; left: 0; transition: all 2s;padding: 2vw 4vw 6vw;}

.home3 .home3s .home3_txt .num{color: rgb(225 225 225 / .4); font-weight: bold; font-size: 6vw; transition: all 0.8s;}

.home3 .home3s .home3_txt .tit{font-size: 1rem;padding-top: 4.375rem; margin-top: 1vw; display: block; transition: all 0.8s;}

.home3 .home31 .home3_txt .tit{background: url(../images/home311.png) no-repeat center 0;}

.home3 .home32 .home3_txt .tit{background: url(../images/home322.png) no-repeat center 0;}

.home3 .home33 .home3_txt .tit{background: url(../images/home333.png) no-repeat center 0;}

.home3 .home34 .home3_txt .tit{background: url(../images/home344.png) no-repeat center 0;}

.home3 .home35 .home3_txt .tit{background: url(../images/home355.png) no-repeat center 0;}

.home3 .home36 .home3_txt .tit{background: url(../images/home366.png) no-repeat center 0;}

.home3 .home3s .home3_txt p{display: none;font-size: 14px; line-height: 28px; text-align: left; -webkit-animation-name: getInUp;animation-name: getInUp;}

.home3 .home3s .home3_txt .mores{width: 3.125rem; margin-top: 2vw; height: 3.125rem; text-align: left; border-radius: 100%; background: #3B95BD url(../images/icon4.png) no-repeat center center;}

.home3 .home3s .home3_txt .mores a{width: 0; height: 0; padding: 0; overflow: hidden; transition: all 2s;}

.home3 .home3ing .home3_txt{background: rgba(59, 149, 189, 0.8); transition: all 0.8s;}

.home3 .home3ing .home3_txt .home3_txtbox{ height: 100%; top: 0; justify-content: space-between;}

.home3 .home3ing .home3_txt .num{font-size: 24px; color: #FFFFFF; font-weight: normal; transition: all 0.8s;}

.home3 .home3ing .home3_txt p{display: block;}

.home3 .home3ing .home3_txt .mores{width: auto; height: auto; border-radius: 0; background: none;}

.home3 .home3ing .home3_txt .mores a{width: auto; height: auto; padding: 0 4vw 0 2vw; font-size: 0.7vw;transition: all 0.8s; -webkit-animation-name: getInUp;animation-name: getInUp;}

@media only screen and (max-width:1024px){

	.home3{flex-direction: column; margin-top: 0;}

	.home3 .home3s .home3_txt .home3_txtbox{align-items: center;}

	.home3 .home3s .home3_txt .tit{padding-top: 50px; margin-top: 30px;}

	.home3 .home3ing .home3_txt .mores a{padding:	0 5.625rem 0 1.875rem;}

	.home3_more{margin-top: 20px; text-align: center;}

	.home3_more a{display: none; width: 100%; font-size: 14px; line-height: 34px; color: #FFFFFF; background-color: #5DAFD6; }

}



.home4{width: 100%; padding: 7.5rem 0 6.25rem; background: url(../images/home4_bg.png) no-repeat center center; background-attachment: fixed; background-size: cover;}

.home4 .home4c{width: 83%; margin: 3.125rem auto 5rem; display: flex; justify-content: space-between;}

.home4 .home41{width: 66%; display: flex; justify-content: space-between;}

.home4 .home42{width: 32%;}

.home4 .home41 .home41s{width: 49%; padding: 0.625rem; height: 30vw; background-color: #FFFFFF;position: relative; overflow: hidden;}

.home4 .home41 .home41s .home41_img{width: 100%;height: 17.989vw; overflow: hidden;}

.home4 .home41 .home41s .home41_img img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.home4 .home41 .home41s .home41_txt{width: 100%; position: absolute; left: 0; bottom: 0; height: 38%; padding: 2.5rem 1.875rem; transition: all 0.8s;}

.home4 .home41 .home41s .home41_txt .txt1{display: flex; justify-content: space-between;align-items: center;margin-bottom: 0.802081vw;}

.home4 .home41 .home41s .home41_txt .txt1 span{color: #3B95BD;font-size: 0.916666vw;}

.home4 .home41 .home41s .home41_txt .txt1 span.txt1_time{font-size: 0.802081vw; color: #999999; padding-left: 26px; background: url(../images/icon5.png) no-repeat left center;}

.home4 .home41 .home41s .home41_txt h4{font-size: 1.03125vw; margin-bottom: 0.316666vw; overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: nowrap;}

.home4 .home41 .home41s .home41_txt p{font-size: 0.802081vw; line-height: 200%; color: #999999; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.home4 .home41 .home41s .home41_txt a{font-size: 1.03125vw; color: #FFFFFF; margin-top: 2vw;}

.home4 .home41 .home41s:hover .home41_txt{color: #FFFFFF; background-color: #5DAFD6; height: 100%;padding: 5rem 3.75rem; display: flex; flex-direction: column; justify-content: space-between;}

.home4 .home41 .home41s:hover .home41_txt .txt1 span{color: #FFFFFF;}

.home4 .home41 .home41s:hover .home41_txt p{color: #FFFFFF; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.home4 .home42 .home42c{display: flex; justify-content: space-between; align-items: center; margin-top:1.1vw; padding-bottom: 1.1vw; border-bottom: #D8D8D8 solid 1px;}

.home4 .home42 .home42s:last-child .home42c{border: none;}

.home4 .home42 .home42c .home42_img{width: 40%; height: 7.767vw; overflow: hidden;}

.home4 .home42 .home42c .home42_img img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.home4 .home42 .home42c .home42_txt{width: 56%;}

.home4 .home42 .home42c .home42_txt h4{display: block;font-size: 1.03125vw; line-height: 200%; overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: nowrap; transition: all 0.5s;}

.home4 .home42 .home42c .home42_txt p{ font-size: 0.802081vw; color: #9E9E9E; line-height: 200%; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.home4 .home42 .home42c .home42_txt .det_href{display: inline-block; position: relative;margin-top: 1vw; width: 20px;height: 1px; background-color: #BEBEBE; transition: all 0.6s;}

.home4 .home42 .home42c .home42_txt .det_href em{width: 1px;bottom: 0px;right: 1px;display: block;position: absolute;transform: skewX(30deg);height: 8px;

background: #BEBEBE;transition: all 0.6s;}

.home4 .home42 .home42c:hover .home42_txt h4{color: #5DAFD6;transform: scale(1.02);}

.home4 .home42 .home42c:hover .home42_txt .det_href{width: 30px; background-color: #5DAFD6;}

.home4 .home42 .home42c:hover .home42_txt .det_href em{background-color: #5DAFD6;}

.home4 .mores{display: block; text-align: center;}

@media only screen and (max-width:1024px){

	.home4{padding: 35px 15px;}

	.home4 .home4c{width: 100%; flex-direction: column;}

	.home4 .home41{flex-direction: column; width: 100%;}

	.home4 .home41 .home41s{width: 100%; height: 100vw; margin-bottom: 10px;}

	.home4 .home41 .home41s .home41_img{height: 60.989vw;}

	.home4 .home42{width: 100%;}

	.home4 .home42 .home42c .home42_img{height: 26.767vw;}

	.home4 .home42 .home42c .home42_txt h4{font-size: 16px;}

}



/* 关于我们 */

.abouts .banners .banners_txt{right: 10%; text-align: right;}

.about{padding: 0;}

.about .home1 .home11{text-align: left; padding: 5vw 5vw 6vw;}

.about .home1 .home11 .home11_txt p{margin-top: 1.25rem;}

.about2{width: 100%; background: url(../images/about2_bg.png) no-repeat center center; background-attachment: fixed; background-size: cover; padding: 6.25rem 0;}

.about2 .about2_swiper{width: 100%; padding-right: 10%; margin:5.625rem 0 0;}

.about2 .about2_swiper .swiper-slide{height: 100%;}

.about2 .about2_swiper .swiper-slide .about2_img{width: 100%; height: 18.5vw; overflow: hidden;}

.about2 .about2_swiper .swiper-slide .about2_img img{width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.about2 .about2_swiper .swiper-slide .about2_txt{line-height: 200%; color: #FFFFFF; text-align: center; font-size: 1rem; margin-top: 2.5rem;}

.about2 .about2_swiper.swiper-container-free-mode>.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;

}

.about3{width: 83%; margin: 6.25rem auto 0;}

.about3 .about3_td{margin-top: 1.875rem; text-align: center;}

.about3 .about3_td span{display: inline-block; font-size: 1rem; cursor: pointer; line-height: 2.875rem; border: #D8D8D8 solid 1px; padding: 0 3.125rem; margin: 0 1.5625rem; transition: all 0.5s;}

.about3 .about3_td span:hover,.about3 .about3_td span.td_ing{background-color: #5DAFD6; border: #5DAFD6 solid 1px; color: #FFFFFF;}

.about3 .swiper-container{margin-top: 3.125rem;}

.about3 .about3_tb{position: relative;  -webkit-animation-name: getIn;animation-name: getIn;}

.about3 .about3_tb .swiper-slide{padding: 1.25rem 0; background-color: #f6f6f6; text-align: center;}

.about3 .about3_tb .swiper-slide .about3_img{width: 80%; height: 23vw; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center;}

.about3 .about3_tb .swiper-slide .about3_img img{ max-width: 100%; max-height: 100%;}

.about3 .about3_tb .swiper-slide .about3_txt{margin-top: 1.25rem; text-align: center;}

.about3 .about3_tb .swiper-slide .about3_txt span{font-size: .875rem; line-height: 200%; color: #666666; width: 90%; display: inline-block; overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: nowrap;}

.about3 .about3_tb .swiper_next,.about3 .about3_tb .swiper_prev{position: absolute; top: 50%; display: block; width: 3.125rem; height: 3.125rem; z-index: 99; cursor: pointer; transition: all 0.4s;}

.about3 .about3_tb .swiper_next{background: url(../images/icon10.png) no-repeat; background-size: cover; right: -6%;}

.about3 .about3_tb .swiper_prev{background: url(../images/icon9.png) no-repeat; background-size: cover; left: -6%;}

.about3 .about3_tb .swiper_next:hover{background: url(../images/icon101.png) no-repeat; background-size: cover; right: -6%;}

.about3 .about3_tb .swiper_prev:hover{background: url(../images/icon91.png) no-repeat; background-size: cover; left: -6%;}

.about4{width: 100%; padding: 6.25rem 0; background: url(../images/about4_bg.png); background-attachment: fixed; background-size: cover; margin-top: 3.125rem;position: relative;}

.about4 .about4_swiper{width: 83.33333%; margin-top: 3.125rem;}

.about4 .swiper-slide{color: #FFFFFF;}

.about4 .swiper-slide .time_y{font-size: 1.953122vw; line-height: 200%;}

.about4 .swiper-slide .time_y::after{content: " "; display: block;width: 100%; height: 3.0967vw; background: url(../images/icon13.png) no-repeat left center;}

.about4 .icon_hr{position: relative;}

.about4 .icon_hr::before{content: " "; display: block; position: absolute; top: 5.4vw; width: 100vw; height: 1px; background-color: #D8D8D8;}

.about4 .swiper-slide .time_icon{ width: 1.5rem; height: .75rem; margin-left: 1.75rem; border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:.75rem solid #1576A1;}

.about4 .swiper-slide .about4_li{background-color: #1576A1; padding: 1.95313vw; display: flex; flex-direction: column; justify-content: space-between; }/*height: 21.5vw;*/

.about4 .swiper-slide .about4_li .li_time{font-size: 1.17188vw; line-height: 200%;}

.about4 .swiper-slide .about4_li .li_p{font-size: 0.91146vw; height: 4.6667vw; color: #CACACA; line-height: 2vw;display: block; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.about4 .swiper-slide .about4_li .li_img{ width: 100%; height: 12vw; text-align: center; display: flex; align-items: center;display: none;}

.about4 .swiper-slide .about4_li .li_img img{max-width: 100%; max-height: 100%;}

.about4 .about4-next,.about4 .about4-prev{position: absolute; top: 50%; width: 3.125rem; height: 3.125rem; border-radius: 100%; cursor: pointer;}

.about4 .about4-prev{left: 3vw; background: #89BFD7 url(../images/icon14.png) no-repeat center center;}

.about4 .about4-next{right: 3vw; background: #89BFD7 url(../images/icon15.png) no-repeat center center;}

.about4 .swiper-button-disabled{opacity: 0.4;}

.about5{padding: 6.25rem 0; background-color: #f6f6f6;}

.about5 .about5_li{width: 83%; margin: 0 auto;}

.about5 .li_show{display: flex; margin-top: 80px;  -webkit-animation-name: getIn;animation-name: getIn;}

.about5 .li_show .li_txt{width: 50%; flex: 1; padding: 4% 1% 4% 2%; background-color: #FFFFFF;}

.about5 .li_show .li_txt h3{font-size: 1.75rem; line-height: 200%;}

.about5 .li_show .li_txt h3::after{content: " ";display: block; width: 3.125rem; height: 1px; background-color: #1576A1; margin-bottom: 1.875rem;}

.about5 .li_show .li_txt p{font-size: 1rem; color: #666666; line-height: 200%;}

.about5 .li_show .li_img{width: 50%; flex: 1;}

.about5 .li_show .li_img img{max-width: 100%; height: auto; min-height: 100%; object-fit: cover;}

.about5 .about5_ul{width: 83%; margin: 2.5rem auto 0; display: flex; justify-content: space-between;}

.about5 .about5_ul span{flex: 1; text-align: center;}

.about5 .about5_ul span a{padding: 0 5vw 0 1vw; font-size: 1rem; cursor: pointer; display: inline-block; line-height: 3.125rem; background-color: #FFFFFF; transition: all 0.4s;}

.about5 .about5_ul span:nth-child(1) a{background:#FFFFFF url(../images/about5_icon1.png) no-repeat 90% center; background-size: 1.375rem;}

.about5 .about5_ul span:nth-child(2) a{background:#FFFFFF url(../images/about5_icon2.png) no-repeat 90% center; background-size: 1.375rem;}

.about5 .about5_ul span:nth-child(3) a{background:#FFFFFF url(../images/about5_icon3.png) no-repeat 90% center; background-size: 1.375rem;}

.about5 .about5_ul span:nth-child(4) a{background:#FFFFFF url(../images/about5_icon4.png) no-repeat 90% center; background-size: 1.375rem;}

.about5 .about5_ul span:nth-child(5) a{background:#FFFFFF url(../images/about5_icon20230625.png) no-repeat 90% center; background-size: 1.375rem;}



.about5 .about5_ul span:nth-child(1).ul_ing a,.about5 .about5_ul span:nth-child(1) a:hover{background: #1576A1 url(../images/about5_icon11.png) no-repeat 90% center; background-size: 1.375rem; color: #FFFFFF;}

.about5 .about5_ul span:nth-child(2).ul_ing a,.about5 .about5_ul span:nth-child(2) a:hover{background: #1576A1 url(../images/about5_icon21.png) no-repeat 90% center; background-size: 1.375rem; color: #FFFFFF;}

.about5 .about5_ul span:nth-child(3).ul_ing a,.about5 .about5_ul span:nth-child(3) a:hover{background: #1576A1 url(../images/about5_icon31.png) no-repeat 90% center; background-size: 1.375rem; color: #FFFFFF;}

.about5 .about5_ul span:nth-child(4).ul_ing a,.about5 .about5_ul span:nth-child(4) a:hover{background: #1576A1 url(../images/about5_icon41.png) no-repeat 90% center; background-size: 1.375rem; color: #FFFFFF;}

.about5 .about5_ul span:nth-child(5).ul_ing a,.about5 .about5_ul span:nth-child(5) a:hover{background: #1576A1 url(../images/about5_icon41.png) no-repeat 90% center; background-size: 1.375rem; color: #FFFFFF;}

.about6{width: 100%; display: flex; justify-content: space-between; margin-top: 12.375rem;}

.about6 .about6_txt{width: 50%; padding: 3% 4% 4%; display: flex; flex-direction: column; justify-content: space-between;}

.about6 .about6_txt .public_title{text-align: left;}

.about6 .about6_txt p{font-size: 1rem; line-height: 200%; color: #666666;}

.about6 .about6_txt .about61{font-size: 0;width:fit-content; background-color: #3B95BD; padding: 10px 0;}

.about6 .about6_txt .about61 span{font-size: 14px; padding: 6px 15px; color: #FFFFFF;}

.about6 .about6_txt .about61 span:first-child{border-right: #D8D8D8 1px solid;}

.about6 .about6_img{width: 50%;}

.about6 .about6_img img{width: 100%; height: auto;}


.about7 { clear:both; width: 100%; overflow: hidden; text-align: center; margin: 0 auto}
.about7 img { display:block; width: 100%; height: auto;}
.about7 .about7L { width: 50%; height: 46rem; float: left; padding: 4% 5% 1% 7%; box-sizing: border-box; overflow-y: scroll;}
.about7 .about7L img { display:block; width: 100%; height: auto;}
.about7 .about7R { width: 50%; float: right; color: #fff; position: relative;}
.about7 .about7R img { display: block; width: 100%; height: auto;}
.about7 .about7R p { width: 100%; height: 79px; position: absolute; left: 0; top: 50%; margin-top: -40px;}
.about7 .about7R p span { display: block; width: 100%;}
.about7 .about7R .sp1 { font-size:1.6rem; font-weight: bold; line-height: 38px; margin-bottom: 15px;}
.about7 .about7R .sp2 { font-size:.8rem; line-height: 26px;}

/*@media (max-width:1200px) {
	.about7 { width: 83%; padding-bottom: 5%}
	.about7 .about7L { width: 100%; padding: 4% 5%;overflow-y:inherit;}
	.about7 .about7R { width: 100%; height:auto}	
}*/

@media only screen and (max-width:1024px){
	

	.about{padding-top: 0;}

	.about .home1 .home1_more{padding: 0 15px;}

	.about .home1 .home1_more a{display: block; line-height: 32px; font-size: 12px; color: #FFFFFF; background-color: #327EA0; text-align: center;}

	.about2{margin-top: 15px;}

	.about4 .swiper-slide .time_y{font-size: 15px;}

	.about4 .swiper-slide .time_y::after{height: 20px;}

	.about4 .swiper-slide .about4_li .li_time{font-size: 15px;}

	.about4 .swiper-slide .about4_li .li_p{font-size: 12px; line-height: 200%; height: auto;}

	.about4 .swiper-slide .about4_li .li_img{height: 150px; padding-bottom: 0;}

	.about4 .swiper-slide .about4_li .li_img img{width: 100%; height: auto; object-fit: cover;}

	.about4 .icon_hr::before{top: 38.5px;}

	.about5 .li_show{flex-direction: column; margin-top: 20px;}

	.about5 .li_show .li_txt{width: 100%;}

	.about5 .li_show .li_img{width: 100%;}

	.about6{flex-direction: column; margin-top: 30px;}

	.about6 .about6_txt{width: 100%;}

	.public_title h2{font-size: 22px;}

	.public_title h1{font-size: 16px;}

	.about6 .about6_txt .public_title{margin-bottom: 1vw;}

	.about6 .about6_txt p{margin-bottom: 2vw; font-size: 12px;}

}

@media only screen and (max-width:1360px){

	.about6{align-items: center;}

}

@media only screen and (max-width: 750px){

	.about6{padding: 0 15px;}

	.about6 .about6_txt{padding: 3% 0;}

	.about6 .about6_img{width: 100%;}

}

@media only screen and (min-width: 751px) and (max-width: 1024px){

	.about4 .swiper-slide .about4_li{height: 30.5vw;}
}

@media only screen and (max-width: 750px){

	.about5 .about5_li{width: 100%; padding: 0 15px;}

	.about2 .about2_swiper .swiper-slide .about2_img{height: 55.5vw;}

	.about4 .about4_swiper{width: 78%;}

	.about4 .swiper-slide .about4_li .li_img{height: 20vw;}

	.about4 .swiper-slide .about4_li{height: 46.5vw; max-height: 271px;}

}



/* 产品列表 */

.product .home2 ul{flex-wrap: wrap; justify-content: start;}

.product .home2{padding: 0; margin: 0; background: none;}

.product .home2 a .home2_txt .txt1{color: #333333;}

.product .home2 a .home2_txt .txt2{color: #999999;}



/* 产品详情 */

.products{width: 83%; margin: 0 auto;}

.pro_dets .pro1{padding: 0 0 1.875rem; display: flex; justify-content: space-between;}

.pro_dets .pro1 .pro_swiper{width: 49%;position: relative;}

.pro_dets .pro1 .pro_swiper .gallery-top .swiper-slide{height: 30vw; display: flex; justify-content: center; align-items: center; padding: 4%; background-color: #F5F5F5;}

.pro_dets .pro1 .pro_swiper .gallery-top img{max-width: 100%; max-height: 100%; object-fit: cover;}

.pro_dets .pro1 .pro_swiper .gallery-thumbs{height: 6vw; margin-top: 1.25rem; width: 86%; min-height: 60px;}

.pro_dets .pro1 .pro_swiper .gallery-thumbs .swiper-slide{display: flex; justify-content: center; align-items: center;  cursor: pointer;}

.pro_dets .pro1 .pro_swiper .gallery-thumbs .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}

.pro_dets .pro1 .swiper-button-next.swiper-button-white,.pro_dets .pro1 .swiper-container-rtl .swiper-button-prev.swiper-button-white{background: url(../images/icon17.png) no-repeat !important; background-size: cover;}

.pro_dets .pro1 .swiper-button-prev.swiper-button-white,.pro_dets .pro1 .swiper-container-rtl .swiper-button-next.swiper-button-white{background: url(../images/icon16.png) no-repeat !important;background-size: cover;left: 0;}

.pro_dets .pro1 .swiper-button-prev,.pro_dets .pro1 .swiper-button-next{width: 21px !important; height: 41px !important; top: 92%; right: 0;}

.pro_dets .pro1 .pro1_txt{width: 49%;}

.pro_dets .pro1 .pro1_txt h3{font-size: 2.5rem; margin-bottom: 1.25rem;}

.pro_dets .pro1 .pro1_txt .intros0809{font-size: 1rem; line-height: 2rem; color: #666666; padding-bottom: 1.25rem; border-bottom: solid 1px #D8D8D8;}

.pro_dets .pro1 .pro1_txt .phone{font-size: 1.125rem; color: #5DAFD6; margin:2.5rem 0 1.875rem;}

.pro_dets .pro1 .pro1_txt .phone em{margin-left: 1.25rem;}

.pro_dets .pro1 .pro1_txt a{display: inline-block; font-size: 14px; line-height: 32px; height: 32px; padding: 0 20px; background-color: #1576A1; color: #FFFFFF;}

.pro_dets .pro2 .pro2_tit{background-color: #F5F5F5; line-height: 4.375rem;}

.pro_dets .pro2 .pro2_tit h4{color: #FFFFFF; background-color: #5DAFD6; font-size: 1rem; display: inline-block; line-height: 4.375rem; padding: 0 1.875rem;}

.pro_dets .pro2 .pro2_det{font-size: 1rem; line-height: 2rem; color: #666666; margin-top: 3.125rem;}

.pro_dets .pro2 .pro2s{position: relative;}

.pro_dets .pro2 .pro2s h5{background-color: #5DAFD6; color: #FFFFFF; line-height: 2.5rem; font-size: 0.875rem; padding: 0 1rem; margin-top: 2.5rem;}

.pro_dets .pro2 .pro2s .about31_swiper{margin-top: 2.5rem;}

.pro_dets .pro2 .pro2s .about31_swiper .about3_img{width: 100%; height: 20vw; display: flex; justify-content: center; align-items: center; overflow: hidden;}

.pro_dets .pro2 .pro2s .about31_swiper .about3_img img{width: 100%; height: auto; object-fit: cover;}

.pro_dets .pro2 .pro2s .about31_swiper .about3_txt{text-align: center; line-height: 200%; margin-top: 1.25rem;}

.pro_dets .pro2 .pro2s .swiper_next,.pro_dets .pro2 .pro2s .swiper_prev{position: absolute; top: 50%; z-index: 999; display: block; width: 3.125rem; height: 3.125rem; z-index: 99; cursor: pointer; transition: all 0.4s;}

.pro_dets .pro2 .pro2s .swiper_next{background: url(../images/icon10.png) no-repeat; background-size: cover; right: -6%;}

.pro_dets .pro2 .pro2s .swiper_prev{background: url(../images/icon9.png) no-repeat; background-size: cover; left: -6%;}

.pro_dets .pro2 .pro2s .swiper_next:hover{background: url(../images/icon101.png) no-repeat; background-size: cover; right: -6%;}

.pro_dets .pro2 .pro2s .swiper_prev:hover{background: url(../images/icon91.png) no-repeat; background-size: cover; left: -6%;}

.pro_dets .pro2 .pro21_txt table{border: #D4D4D4 solid 1px; margin-top: 2.5rem; width: 100% !important;}

.pro_dets .pro2 .pro21_txt table tbody tr td{height: 2.875rem; text-align: center; font-size: 0.875rem; line-height: 150%; color: #666666;}

/* .pro_dets .pro2 .pro21_txt table tbody tr td:first-child{width: 30%;} */

/* .pro_dets .pro2 .pro21_txt table tbody tr td:last-child{width: 70%;} */

.pro_dets .pro2 .pro21_txt table tbody tr:nth-child(odd){background-color: #EBF4F8;}

.pro_dets .pro2 .pro21_txt td{padding: 1rem;}



@media only screen and (max-width:1024px){

	.products{width: 100%; padding: 6.875rem 15px;}

	.pro_dets .pro1 .pro1_txt .phone_88{display: flex; justify-content: space-between; align-items: center;}

	.pro_dets .pro2 .pro2s .swiper_next{background: url(../images/icon10.png) no-repeat; background-size: cover; right: 1%;}

	.pro_dets .pro2 .pro2s .swiper_prev{background: url(../images/icon9.png) no-repeat; background-size: cover; left: 1%;}

	.pro_dets .pro2 .pro2s .swiper_next:hover{background: url(../images/icon101.png) no-repeat; background-size: cover; right: 1%;}

	.pro_dets .pro2 .pro2s .swiper_prev:hover{background: url(../images/icon91.png) no-repeat; background-size: cover; left: 1%;}

	.pro_dets .pro1{flex-direction: column-reverse;}

	.pro_dets .pro1 .pro_swiper{width: 100%; max-width: 400px; margin: 0 auto;}

	.pro_dets .pro1 .pro1_txt{width: 100%;}

}



/* 合作伙伴 */

.part_det{width: 83%; margin: 0 auto;position: relative;}

.part_det .swiper-slide {text-align: center; box-shadow: 0 0 0.5rem 0.1rem rgb(0 0 0 / 16%); transition: 300ms;transform: scale(0.7);}

.part_det .swiper-slide-active,.part_det .swiper-slide-duplicate-active{transform: scale(0.9);}

.part_det .swiper_next,.swiper_prev{position: absolute; top: 50%; z-index: 999; display: block; width: 3.125rem; height: 3.125rem; z-index: 99; cursor: pointer; transition: all 0.4s;}

.part_det .swiper_next{background: url(../images/icon10.png) no-repeat; background-size: cover; right: -6%;}

.part_det .swiper_prev{background: url(../images/icon9.png) no-repeat; background-size: cover; left: -6%;}

.part_det .swiper_next:hover{background: url(../images/icon101.png) no-repeat; background-size: cover; right: -6%;}

.part_det .swiper_prev:hover{background: url(../images/icon91.png) no-repeat; background-size: cover; left: -6%;}

.part_det .par_txt{font-size: 1.25rem; line-height: 2.5rem; background-color: #5DAFD6; color: #FFFFFF;}

.part_det .par_det{padding: 5% 5% 10%;}

.part_det .par_det .par_det1{width: 100%; height: 6vw; min-height: 50px; display: flex; justify-content: center; align-items: center;}

.part_det .par_det .par_det1 img,.part_det .par_det .par_det2 img{max-width: 100%; max-height: 100%;}

.part_det .par_det .par_det2{width: 100%; font-size: 1rem; color: #333; line-height: 150%; min-height: 200px; padding: 5%; display: flex;margin: 10px 0; justify-content: center; align-items: center; background-color: #F5F5F5;}

.part_det .par_det .par_det3{font-size: 1rem; line-height: 180%; color: #666666;}



.field_ul{width: 83%; margin: 0 0 -65px auto; display: flex; flex-wrap: wrap;}

@media only screen and (min-width:751px){

	.field_ul .field_li{width: 14.5%; margin-bottom: 3%;}

	.field_ul .field_li:not(:nth-child(6n)) {margin-right: 2%;}

	.field_ul .field_li .field_img{width: 100%; height: 11.5vw; display: flex; justify-content: center; align-items: center;}

}

@media only screen and (max-width:750px){

	.field_ul{width: 100%; padding: 6.875rem 15px;}

	.field_ul .field_li{width: 49.5%; margin-bottom: 3%;}

	.field_ul .field_li:not(:nth-child(2n)) {margin-right: 1%;}

	.field_ul .field_li .field_img{width: 100%; height: 31vw; display: flex; justify-content: center; align-items: center;}

}

.field_ul .field_li .field_img img{max-width: 100%; max-height: 100%;}

.field_ul .field_li .field_txt{font-size: 1rem; text-align: center; line-height: 200%; color: #666666;  overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: nowrap;}



/* 新闻资讯 */

.field_ul .new_li{border: #D8D8D8 solid 1px;}

.field_ul .new_li.field_li .field_img{overflow: hidden;}

.field_ul .new_li.field_li .field_img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}

.field_ul .new_li.field_li .field_txt{text-align: left;font-size: 1.125rem; padding: 1% 2%; border-bottom: #D8D8D8 solid 1px; transition: all 0.6s;}

.field_ul .new_li.field_li .mores{display: block; font-size: 0.875rem; line-height: 200%; color: #999999; padding: 2%; transition: all 0.8s;}

.field_ul .new_li.field_li:hover .field_txt{color: #5DAFD6;}

.field_ul .new_li.field_li:hover .mores{color: #FFFFFF; background-color: #5DAFD6;}

.field_ul .new_li.field_li:hover img{transform: scale(1.05);}



/* 新闻详情页 */

.newsinfor{ width: 68%; margin: 0 auto;}

.newsinfor .infor_top{text-align: center; border-bottom: #D8D8D8 solid 1px; padding-bottom: 3.125rem;}

.newsinfor .infor_top h2{font-size: 2.5rem; margin-bottom: 1.25rem;}

.newsinfor .infor_top span{color: #999999; font-size: .875rem; margin: 0 .625rem;}

.newsinfor .infor_body{padding: 3.75rem 0; color: #666666;}

.newsinfor .infor_body p{line-height: 200%; font-size: 1rem;}

.newsinfor .infor_foot{border-top: #D8D8D8 solid 1px; padding-top: 1.875rem; display: flex; justify-content: space-between;}

.newsinfor .infor_foot span{font-size: .875rem;}

.newsinfor .infor_foot span a{font-size: .875rem; color: #666666; transition: all 0.5s;}

.newsinfor .infor_foot span a:hover{ color: #333333;}
.newsinfor p { margin-bottom: 10px;}
.newsinfor img { display:block; max-width: 72%!important; margin: 0 auto; height: auto!important; margin-bottom: 10px;}

@media only screen and (max-width:750px){

	.newsinfor{ width: 100%; padding: 0 15px;}
	.newsinfor img { max-width: 100%!important; height: auto!important;}
	
}



.joins{padding-top: 3.125rem;}

.join1{display: flex; justify-content: center; width: 83%; margin: 0 auto 3.125rem;}

.join1 .join1_txt{width: 50%;}

.join1 .join1_txt h3{color: #283E56; font-size: 2.75rem; font-weight: bold;}

.join1 .join1_txt h2{color: #5DAFD6; font-size: 1.625rem; line-height: 200%;}

.join1 .join1_txt ul{margin-top: 10px;}

.join1 .join1_txt ul li{font-size: 0.9375rem; padding: 0.625rem 0; line-height: 200%; color: #666666;}

.join1 .join1_img{width: 50%;}

.join1 .join1_img img{width: 100%; height: auto;}

@media only screen and (max-width:1024px){

.join1{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 0 15px;}

.join1 .join1_txt{width: 100%;}

.join1 .join1_img{margin-top: 20px; width: 100%; max-width: 750px;}

}

.join2{width: 100%;}

.join2 img{width: 100%; height: auto;}

.join3{padding-top: 3.125rem; width: 83%; margin: 0 auto;}

.join3 .title{font-size: 1.875rem; line-height: 200%; text-align: center;}

.join3 .rec_ul{margin-top: 3.125rem;}

.join3 .rec_ul .rec_li{border-bottom: #D8D8D8 solid 1px;}

.join3 .rec_ul .rec_top{position: relative;}

.join3 .rec_ul .rec_top::after{content: " "; display: block; width: 1.8vw; height: 1.8vw; background: url(../images/icon19.png) no-repeat center center; transition: all 0.6s; position: absolute; right: 1%; top: calc(50% - 0.9vw); cursor: pointer;}

.join3 .rec_ul .rec_top.plan_on::after{background: url(../images/icon18.png) no-repeat center center;top: calc(25% - 0.9vw);}

.join3 .rec_ul .rec_top h4{font-size: 1.25rem; font-weight: bold; line-height: 4.375rem; -webkit-animation-name: getIn;animation-name: getIn;}

.join3 .rec_ul .rec_top .rec_infos{display: none;}

.join3 .rec_ul .rec_top .rec_tops{display: flex; position: relative;}

.join3 .rec_ul .rec_top .rec_tops::before{content: " "; display: block; width: 100%; height: 4.375rem; background-color: #5DAFD6; position: absolute; top: 0; z-index: -1;}

.join3 .rec_ul .rec_top .rec_tops li:first-child{padding-left: 1.25rem;}

.join3 .rec_ul .rec_top .rec_tops li:last-child{margin-right: 60px;}

.join3 .rec_ul .rec_top .rec_tops li{ height: 8.75rem; margin-right: 2vw; min-width: 60px;}

.join3 .rec_ul .rec_top .rec_tops li div{height: 50%;}

.join3 .rec_ul .rec_top .rec_tops li div.top_tit{display: flex; align-items: center;}

.join3 .rec_ul .rec_top .rec_tops li div.top_txt{display: flex; align-items: center; overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.join3 .rec_ul .rec_top .rec_tops li .top_tit{line-height: 4.375rem; font-size: 16px; color: #FFFFFF; white-space: nowrap;}

.join3 .rec_ul .rec_cont{border: #D8D8D8 solid 1px; padding: 2.5rem 1.875rem; line-height: 200%; display: none; margin-bottom: 1.25rem;}

.join3 .rec_ul .rec_cont .conts{margin-bottom: 1.875rem;}

.join3 .rec_ul .rec_cont .conts h5{font-size: 1rem; margin-bottom: 10px;}

.join3 .rec_ul .rec_cont .emails{font-size: 0.875rem; color: #5DAFD6;}

@media only screen and (max-width:1024px){

	.join3{width: 100%; padding: 0 15px;}
	.about5_li .bp p{margin-top:4px!important;}

}



.lianxi1{width: 86%; margin: 0 auto; display: flex; justify-content: space-between; padding-bottom: 1.875rem;}

.lianxi1 .lianxi1_txt{width: 50%; background-color: #3B95BD; color: #FFFFFF; padding: 3%;}

.lianxi1 .lianxi1_txt h3{font-size: 2rem; line-height: 200%;}

.lianxi1 .lianxi1_txt h3:after{content: " ";display: block; width: 100%; height: 1px; background-color: rgb(225 225 225 / .2); margin: 1.25rem 0;}

.lianxi1 .lianxi1_txt .lianxi_phone{font-size: 1.25rem; padding-left: 2.5rem; line-height: 200%; background: url(../images/icon20.png) no-repeat left center; background-size: 1.875rem; margin-bottom: 1.25rem;}

.lianxi1 .lianxi1_txt .txt3{font-size: 0.9375rem; line-height: 200%; margin-bottom: 0.625rem;}

.lianxi1 .lianxi1_txt .txt4{width: 7.5rem; margin-top: 1.875rem;}

.lianxi1 .lianxi1_txt .txt4 img{width: 100%; height: auto;}

.lianxi1 .lianxi1_map{width: 50%; flex: 1; height: auto;}

.lianxi2::before{content: " "; display: block; width: 100%; height: 2px; border-bottom: #D8D8D8 dashed 1px;}

.lianxi2{border-top: #D8D8D8 dashed 1px; background: url(../images/forms_bg.png) no-repeat center center; background-size: cover;}

.lianxi2 .forms{width: 83%;margin: 3.125rem auto;}

.lianxi2 .forms .form_tit{text-align: center; font-size: 1.875rem; line-height: 200%; margin-bottom: 1.875rem;}

.lianxi2 .forms form{display: flex; justify-content: space-between; flex-wrap: wrap;}

.lianxi2 .forms form .formlist{width: 49%; margin-bottom: 1.25rem;}

.lianxi2 .forms form .formlist input{width: 100%; border: #E5E5E5 solid 1px; font-size: 0.9375rem; line-height: 200%; height: 4.375rem; padding: 0 2%;}

.lianxi2 .forms form .formlist.form5{width: 100%;}

.lianxi2 .forms form .formlist.form5 textarea{width: 100%; height: 8.75rem; font-size: 15px; line-height: 200%; border: #E5E5E5 solid 1px; padding: 0.5% 1%;}

.lianxi2 .forms form .notice{width: 100%; margin-bottom: 1.875rem;}

.lianxi2 .forms form .bbtn,.lianxi2 .forms form .clear{width: 49%;}

.lianxi2 .forms form .clear input{width: 100%; font-size: 1.125rem; height: 4.375rem; border: #D8D8D8 solid 1px; background-color: #BCB8B8; color: #FFFFFF; transition: all 0.5s;}

.lianxi2 .forms form .clear input:hover{background-color: #3B95BD; }

.lianxi2 .forms form button{width: 100%; font-size: 1.125rem; height: 4.375rem;color: #FFFFFF; line-height: 200%; background-color: #3B95BD; border: none; transition: all 0.5s;}

.lianxi2 .forms form button:hover{ line-height: 200%; background-color: rgba(59, 149, 189, 0.5);}

@media only screen and (max-width:750px){

	.lianxi1{width: 100%; padding: 0 15px; flex-direction: column;}

	.lianxi1 .lianxi1_txt{width: 100%;}

	.lianxi1 .lianxi1_map{width: 100%;}

	.lianxi2 .forms form .formlist{width: 100%;}

	.home1 .home11 .home11_txt h5{font-size: 13px;}

	.home1 .home11 .home11_txt p,.home1 .home12 ul li .num,.home1 .home12 ul li .num_txt,.home2 a .home2_txt .txt2{font-size: 12px;}

	.home2{padding: 5rem 15px 30px;}

	.home2 a .home2_img{width: 60vw; height: 60vw;}

	.home2 a .home2_txt .txt1{font-size: 14px;}

	.home3 .home3_txt .tit{ background-size: 80% !important; font-size: 14px !important; padding-top: 60px !important;}

	.home3 .home3s .home3_txt .mores a{font-size: 12px;}

	.home3 .home3s .home3_txt p{font-size: 12px; line-height: 200%;}

	.home4 .home41 .home41s .home41_txt .txt1 span{font-size: 13px;}

	.home4 .home41 .home41s .home41_txt .txt1 span.txt1_time{font-size: 12px; background-size: 14px;}

	.home4 .home41 .home41s .home41_txt h4{font-size: 13px; line-height: 200%;}

	.home4 .home41 .home41s .home41_txt p,.home4 .home41 .home41s .home41_txt a{font-size: 12px;}

	.home4 .home42 .home42c .home42_txt p{font-size: 12px; margin-top: 0;}

	.home4 .home42 .home42c .home42_txt .det_href em{height: 6px;}

	.foot1c .foot12 .foot122 .foot_infors a{font-size: 12px; padding: 0 20px;}

	.foot1c .foot12 .foot122 .foot_infors span{font-size: 12px !important;}

	.foot2 .foot2c{padding: 20px 15px;}

	.foot2 .foot2c .foot21 a{display: block;}

	.foot2 .foot2c .foot21,	.foot2 .foot2c a{line-height: 200%;}

	.about2 .about2_swiper .swiper-slide .about2_txt,.about3 .about3_td span{font-size: 14px;}

	.about3 .about3_tb .swiper-slide .about3_txt span,.about5 .li_show .li_txt p{font-size: 12px;}

	.about5 .li_show .li_txt h3{font-size: 15px;}

	.about5 .about5_ul{ flex-wrap: wrap;}

	.about5 .about5_ul span {display: block; width: 50%; flex: auto;}

	.about5 .about5_ul span a{font-size: 14px;margin: 0 20px 20px; padding:6% 30% 6% 4%;}

	.part_det .par_txt{font-size: 14px; line-height: 200%;}

	.part_det .par_det .par_det3,.field_ul .new_li.field_li .mores{font-size: 12px;}

	.field_ul .new_li.field_li .field_txt{font-size: 14px;}

	.join1 .join1_txt h2{font-size: 16px;}

	.join1 .join1_txt ul li{font-size: 12px;}

	.join3 .title{font-size: 16px;}

	.join3 .rec_ul .rec_top h4{font-size: 15px;}

	.join3 .rec_ul .rec_top .rec_tops li .top_tit,.join3 .rec_ul .rec_top .rec_tops li div.top_txt{font-size: 12px;}

	.join3 .rec_ul .rec_top .rec_tops li{height: auto;}

	.join3 .rec_ul .rec_top .rec_tops li>div:first-child{height: 4.375rem;}

	.join3 .rec_ul .rec_top .rec_tops li div:last-child{padding: 20px 0; height: auto;}

	.join3 .rec_ul .rec_cont .conts h5{font-size: 14px;}

	.join3 .rec_ul .rec_cont .edits{font-size: 13px; margin-bottom: 10px;}

	.join3 .rec_ul .rec_cont .emails,.lianxi1 .lianxi1_txt .txt3,.lianxi2 .forms form .formlist input,.lianxi2 .forms form .formlist.form5 textarea,.lianxi2 .forms form .notice{font-size: 12px;}

	.lianxi1 .lianxi1_txt .lianxi_phone{font-size: 14px;}

	.lianxi2 .forms form button,.lianxi2 .forms form .clear input{font-size: 13px;}

	.newsinfor .infor_top span,.newsinfor .infor_foot span a{font-size: 12px;}

	.newsinfor .infor_body p{font-size: 12px;}

	.newsinfor .infor_foot{flex-wrap: wrap;}

	.newsinfor .infor_foot span{font-size: 12px; line-height: 200%; margin-bottom: 10px; display: block; width: 100%;}

	.main.products{padding: 30px 15px;}

	.pro_dets .pro1 .pro1_txt .intros0809{font-size: 12px; line-height: 200%;}

	.pro_dets .pro1 .pro1_txt .phone,.pro_dets .pro2 .pro2s .about31_swiper .about3_txt{font-size: 12px;}

	.pro_dets .pro1 .pro1_txt .phone_88{flex-direction: column; align-items: flex-start; margin-bottom: 10px;}

	.pro_dets .pro1 .pro_swiper .gallery-top .swiper-slide{height: 90vw;}

	.pro_dets .pro1 .swiper-button-prev, .pro_dets .pro1 .swiper-button-next{top: 93%;}

	.pro_dets .pro2 .pro2_tit h4{font-size: 14px; line-height: 38px;}

	.pro_dets .pro2 .pro2_det,.pro_dets .pro2 .pro21_txt table tbody tr td{font-size: 12px; line-height: 200%;}

	.pro_dets .pro2 .pro2s h5{font-size: 13px; line-height: 200%;}

	.pro_dets .pro2 .pro2s .about31_swiper .about3_img{height: 31vw;}

	

}

.newsinfor .infor_body img{max-width: 100%; height: auto;}
.about5_li .bp { display: flex; align-items:flex-start; justify-content: flex-start}
.about5_li .bp p{margin-top:15px; margin-left: 20px;}


.tdjs_1 { height: 450px;width: 1240px; margin: 0 auto; margin-top: 20px;}
.tdjs { float:left;  width: 600px; }
.tdjs_2 { float:right; width:600px;}


@media only screen and (max-width:1024px){
	.tdjs_1 {width:100%; height: auto;}
.tdjs { float:inherit;  width: 100%; }
.tdjs_2 { float:inherit; width:100%;}
	.tdjs img{width: 100%;}
		.tdjs_2 img{width: 100%;}
	
}