* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

/*html.has-scroll-smooth, html{
		position: relative;
		overflow: auto;
	}
*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1756719818621') format('woff2'),
       url('../fonts/iconfont.woff?t=1756719818621') format('woff'),
       url('../fonts/iconfont.ttf?t=1756719818621') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.gw_sx{
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 2vw;
    z-index: 10;
}

.sx_box{
    width: 200px;
    height: auto;
    position: relative;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
    padding:10px 20px;
    margin: 0px 0.5vw;
}

.sx_box .sx_current{
    width: 100%;
    height: auto;
    position: relative;
    text-align: left;
    line-height: 40px;
    z-index: 2;
    cursor: pointer;
}

.sx_list{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 60px;
    background: #0067ae;
    padding: 10px;
    line-height: 25px;
    display: none;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, .05);
    color: #fff;
    font-size: 14px;
}

.sx_list p{
    cursor: pointer;
    line-height: 30px;
    opacity: 0.75;
}

.sx_list p:hover{
    opacity: 1;
}

.sx_box.active .sx_list{
    display: block;
}

.sx_box:after{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    background: url(../images/jt_icon_down.png) no-repeat;
    background-size: cover;
    content: '';
}

.joblist{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.joblist a{
    width: calc(25% - 15px);
    height: auto;
    position: relative;
    background: #fff;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    -webkit-transition:all 0.6s;
}

.joblist.two a{
    width: calc(50% - 10px);
}

.joblist.three a{
    width: calc(33.33% - 12px);
    margin-right: 18px;
    margin-bottom: 18px;
}

.joblist.three a:nth-child(4n){
    margin-right: 18px;
}

.joblist.three a:nth-child(3n){
    margin-right: 0px;
}

.joblist.two a:nth-child(2n){
    margin-right: 0%;
}

.joblist a:hover{
    box-shadow: 10px 10px 30px rgba(0,0,0,.1);
}

.joblist a:nth-child(4n){
    margin-right: 0%;
}

.joblist a .title{
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.joblist a .title .icon{
    width: 20px;
    height: 20px;
    position: relative;
    background: #0067ae;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-top: 2.5px;
}
.joblist a .title .name{
    width: calc(100% - 25px);
    margin-left: 5px;
    line-height: 25px;
    position: relative;
    height: 50px;
    overflow: hidden;
    font-size: 20px;
}

.joblist a .bk{
    width: 100%;
    margin-top: 15px;
    opacity: 0.3;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.joblist a .bk span{
    margin: 0px 10px;
    background: rgba(0, 0, 0, .3);
    width: 1px;
    height: 15px;
    display: block;
}


@font-face {
	font-family: Montserrat-Medium;
	src: url(../fonts/Montserrat-Medium.ttf);	
}

@font-face {
	font-family: Montserrat-Regular;
	src: url(../fonts/Montserrat-Regular.ttf);	
}

html,
body {
	font-family: 'Montserrat-Regular','SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";

	color: #272727;
}

.menu_btn{
	outline: none;
}

.menu_btn {
    position: absolute;
    right: 0px;
    display: none;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: transparent;
    color: transparent;
    border: none;
}

.menu_btn span {
    top: 50%;
	left: 50%;
	width: 20px;
	-webkit-transform: translate(-50%, -50%);
}

.menu_btn span, .menu_btn span:after, .menu_btn span:before {
    position: absolute;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.menu_btn span:after, .menu_btn span:before {
    content: "";
    left: 0;
    -webkit-transform: translateY(0px) rotate(0deg);
}

.menu_btn span:before {
    top: -6px;
    width: 14px;
}

.menu_btn span:after {
    top: 6px;
    width: 12px;
}

.menu_btn.active span {
    background-color: transparent;
}

.menu_btn.active span:before {
    -webkit-transform: translateY(6px) rotate(-45deg);
}

.menu_btn.active span:after {
    -webkit-transform: translateY(-6px) rotate(45deg);
}

.menu_btn.active span:after, .menu_btn.active span:before {
    width: 20px;
}



input,
textarea {
	font-family: 'SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}



.video{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
}

.video video{
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
}

.banner-swiper{
	width: 100%;
  height: 100vh;
  position: relative;
  margin-top: 0vh;
}
.banner-swiper .swiper-slide {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.banner-swiper .swiper-slide .parallax {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.banner-swiper .swiper-slide .parallax .back_img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  background: center center no-repeat;
    background-image: none;
    background-size: auto;
  background-size: cover;
}
.banner-swiper .swiper-slide .parallax .back_img.mob {
  display: none;
}
.banner-swiper .swiper-slide  .slide_txt {
  width: 80%;
  height: auto;
  position: absolute;
  left: 10%;width: 80%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  color: #fff; text-align:center;
}
.banner-swiper .swiper-slide  .slide_txt .p1 {
  width: 100%;font-family: Montserrat-Medium;
/*  display: flex;*/
  position: relative;
  font-size:2.2vw;
  font-weight: bold;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
  overflow: hidden;-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .7s;opacity: 0;
}
.banner-swiper .swiper-slide.swiper-slide-active  .slide_txt .p1{
	-webkit-transform: translateY(0%);opacity: 1;
}
.banner-swiper .swiper-slide  .slide_txt  .banner_btn{-webkit-transition-delay: 1.2s; margin-top:4vh; display:inline-block; font-size:14px; background-color:#CF2B1E; padding:15px; color:#FFFFFF;-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .7s;opacity: 0;}
.banner-swiper .swiper-slide.swiper-slide-active  .slide_txt  .banner_btn{
	-webkit-transform: translateY(0%);opacity: 1;-webkit-transition-delay: 1.2s;
}
.banner-swiper .swiper-slide  .slide_txt  .banner_btn a{color:#FFFFFF;}



.mouse_icon {
	width: 150px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom:-140px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	z-index: 5;
}

.mouse_icon p {
	font-size: 14px;
	display: block;
	margin-top: 15px;
}

.mouse_icon .mouse {
	width: 30px;
	height: auto;
	margin: 0px auto;
	position: relative;
}

.mouse_icon .mouse::before {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .1);
	border-radius: 50%;
	content: '';
}

.mouse_icon .mouse img {
	-webkit-animation: upAnimate 2s ease infinite;
}

@-webkit-keyframes upAnimate {

	0%,
	100% {
		-webkit-transform: translateY(-4px);
	}

	50% {
		-webkit-transform: translateY(4px);
	}
}

.mouse_icon .icon {
	width: 18px;
	margin: 0px auto;
}

.mouse_icon .icon img {
	-webkit-animation: upAnimate2 2s ease infinite;
}

@-webkit-keyframes upAnimate2 {

	0%,
	100% {
		-webkit-transform: translateY(-1px);
	}

	50% {
		-webkit-transform: translateY(3px);
	}
}





.header{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 10;
	display: flex;
	align-items: center;
	-webkit-transform: translateY(0%);
	-webkit-transition: all .5s;background-color: #fff; border-top:#0E468C 3px solid;height: 180px;
}
.header .header_height{ position:relative; width:100%; height:100%; text-align:center;}


.header.active{
	-webkit-transform: translateY(-100%);
}

.wecht{
	width: 45px;
	height: 45px;
	position: relative;
	background: rgba(0, 0, 0, .35);
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	color: rgba(255,255,255,1);
	font-size: 24px;
	cursor: pointer;
}

.wecht::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	background: #0062ad;
	border-radius: 50%;
	-webkit-transition: all .45s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	-webkit-transform: scale(0.5);
	opacity: 0;
}

.wecht:hover::before{
	-webkit-transform: scale(1);
	opacity: 1;
}

.wecht .icon{
	width: 20px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
}

.wecht .img{
	width: 100px;
	height: auto;
	position: absolute;
	background: #fff;
	left: 50%;
	top: 69px;
	margin-left: -50px;
	border-radius: 5px;
	-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
	visibility: hidden;
}

.wecht:hover .img{
	top: 60px;
	opacity: 1;
	visibility: visible;
}

.wecht .img::after{
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -6px;
	content: '';
}
.wecht .img img{
	border-radius: 5px;
}
/*.header::before {
    width: 100%;
    height: 14vw;
    position: absolute;
    left: 0%;
    top: 0%;
    content: '';
    background: url(../images/shadow.png) top center no-repeat;
	background-size: cover;
    pointer-events: none;
	opacity: 0.5;
}*/

.logo{
	width: 200px;
  display: flex;
  position: relative;
  margin: 0px auto;
    margin-top: 0px;
  margin-top: 80px;
}

.logo img:nth-child(2){
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	opacity: 0;
}

.header .header_height .language_top{ position:absolute; top:20px; right:3%; font-size:14px;}
.header .header_height .language_top a  .active{color:#999}
.header .header_height .language_top a  .active{font-family: Montserrat-Medium; color:#000000}


.nav{
	width: 800px;
  position: relative;
  margin: 0px auto;margin-top: 10px;
}

.slogan{
	width: 100%;
	height: auto;
	position: absolute;
	top: 45%;
	-webkit-transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 3.5vw;
	letter-spacing: 0.5vw;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	font-family: alibaba;
	display: flex;
	justify-content: center;
}

.slogan p{
	margin-left: 1.5vw;
}

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

.nav ul li{
	/*width: calc(100% / 6);*/
	position: relative;
	text-align: center;
	font-size: 14px;
	width:auto;text-transform: uppercase;
}
.nav ul li.on .firstLab a p{font-family: Montserrat-Medium; color:#0E468C; font-weight:bold}
#pro_info .nav ul li.Selected_nav03 .firstLab a p{font-family: Montserrat-Medium; color:#0E468C; font-weight:bold}

.nav ul li .firstLab{
	width: 100%;
	position: relative;
}

.nav ul li .firstLab::after{
	width: 0px;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left: 0px;
	bottom: 0px;
	content: '';
	background: #fff;
	border-radius: 5px;
	-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.nav ul li:hover .firstLab::after{
	width: 50px;
	margin-left: -25px;
}

.nav ul li .second{
	width: 200px;
	left: 50%;
	margin-left: -100px;
	height: auto;
	position: absolute;
	background: rgba(0, 0, 0, .2);
	backdrop-filter: blur(5px);
	font-size: 14px;
	line-height: 25px;
	padding: 10px 0px;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	
}

.nav ul li:hover .second{
	-webkit-transition: all .85s;
	opacity: 1;
	visibility: visible;
}
.nav ul li .second a{
	line-height: 35px;
	font-size: 14px;
	-webkit-transform: translateY(5px);
	opacity: 0;
	position: relative;
}

.nav ul li .second a p{
	color: rgba(255, 255, 255, .75);
	-webkit-transition: all .35s;
}

.nav ul li .second a::after{
	width: 0px;
	height: 1px;
	position: absolute;
	left: 50%;
	margin-left: 0px;
	content: '';
	bottom: 0px;
	background: rgba(255, 255, 255, .3);
	-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.nav ul li .second a:hover::after{
	width: 60px;
	margin-left: -30px;
}

.nav ul li .second a:hover p{
	color: rgba(255, 255, 255, 1);
}

.nav ul li:hover .second a:nth-child(2){
	-webkit-transition: all .5s ease .1s;
}

.nav ul li:hover .second a:nth-child(3){
	-webkit-transition: all .5s ease .2s;
}

.nav ul li:hover .second a:nth-child(4){
	-webkit-transition: all .5s ease .3s;
}

.nav ul li:hover .second a:nth-child(5){
	-webkit-transition: all .5s ease .4s;
}
.nav ul li:hover .second a:nth-child(6){
	-webkit-transition: all .5s ease .5s;
}
.nav ul li:hover .second a:nth-child(7){
	-webkit-transition: all .5s ease .6s;
}

.nav ul li:hover .second a:nth-child(8){
	-webkit-transition: all .5s ease .7s;
}

.nav ul li:hover .second a:nth-child(9){
	-webkit-transition: all .5s ease .8s;
}

.nav ul li:hover .second a:nth-child(10){
	-webkit-transition: all .5s ease .9s;
}
.nav ul li:hover .second a:nth-child(11){
	-webkit-transition: all .5s ease 1s;
}

.nav ul li:hover .second a{
	-webkit-transition: all .5s ease 0s;
	-webkit-transform: translateY(0px);
	opacity: 1;
}

.nav ul li a{
	display: block;
	overflow: hidden;
	position: relative;
	color: #000;
	line-height: 50px;
}
.nav ul li a:hover{color: #0E468C;font-family: Montserrat-Medium;}

.nav ul li a p{
	/* margin-left: -10px;
	padding-left: 10px; */
	white-space: nowrap;
}
.nav ul li a p::after{
	/* content: attr(data-text);
	padding-left: 10px;
	position: absolute; */
}

.nav ul li a:hover p{
	/* animation: loop-link 2s linear infinite; */
}


@-webkit-keyframes loop-link{
	0% {
	    transform: translateX(0);
	}
	100% {
	    transform: translateX(-100%);
	}
}

.goTop {
  width: 50px;
  height: 50px;
  display: block;
  border: 1px solid rgba(255, 255, 255, .1);
  line-height: 48px;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  color: rgba(0, 0, 0, .3);
  -webkit-transition: all .35s;
  position: absolute;
  right: 0px;
  bottom: 10px;
}


.footer{
	position: relative; background-color:#0E468C;
	background-size: cover;
	padding: 50px 0px 0px;
	color: rgba(255,255,255,.5);
	font-size: 14px;
}

.footer a{
	color: rgba(255, 255, 255, .5);
}

.footer a:hover{
	color: rgba(255, 255, 255, 1);
}

.footer_top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-bottom: 50px;
}

.f_nav{
	width: 60%;
}

.f_nav ul{
	width: 100%;
	display: flex;
	position: relative;
}

.f_nav ul li{
	width: 20%;
	position: relative;
}

.pcHide{
	display: none;
}

.f_nav ul li a{
	width: 100%;
  position: relative;
  color: rgba(255, 255, 255, .5);
  display: block;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 1.4vh;
}

.f_nav ul li a:first-child{
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;text-transform: uppercase;
}

.f_company {
  width: 30%;
  height: auto;
  position: relative;
  text-align: left;
  line-height: 2;
  font-size: 14px;
  padding-right: 6%;
}
.f_company .f_company_tit{ margin-bottom:15px;font-size:16px;font-family: Montserrat-Medium;color: #fff;}
.f_company p{line-height: 1.5;
  margin-bottom: 1.4vh;}

.f_ewm{
	width: 120px;
	height: auto;
	position: relative;
	text-align: center;
}

.f_ewm .img{
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}

.f_ewm .img::before{
	content: "";
	width: 100%;
	height: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	animation: gradient-rectangle 2s ease infinite;

}
@-webkit-keyframes gradient-rectangle {
	0%{
		top: 100%;
		-webkit-transform-origin: bottom;
		background: linear-gradient(to top,rgba(10, 150, 80, 0),rgba(10, 150, 80, 0.6));
		opacity: 1;
	}
	100% {
		top: -100%;
		-webkit-transform-origin: bottom;
		background: linear-gradient(to top,rgba(10, 150, 80, 0),rgba(10, 150, 80, 0.6));
		
		opacity: 1;
	}
}
.f_ewm b{
	color: #fff;
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}

.f_ewm p{
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}

.cySwiper{
	display: none;
}

.copyright{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 20px 0px;
	font-size: 13px;
}


#container{ position:relative}
.side1{ position:relative; width:100%;height: calc(100vh - 180px);}


.Who_We_Are { text-align:center; padding-top:8vh;padding-bottom:8vh;margin-top: 180px;}
.home_tit{width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 2vw;
  font-size: 1.8vw;
  display: block; color:#0E468C;font-family: Montserrat-Medium;text-align: center;}
.home_tit p{ display:inline-block;position: relative;}
.home_tit p::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2vw;
  height: 4px;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
  bottom: -1vw;
}
.home_about{font-size: 14px;line-height: 2;}

.home_link{ margin-top:3vh;}
.home_link a{ display:inline-block;font-size: 14px; border:#0E468C 1px solid; padding:0.6vw 0.8vw; color:#0E468C; -webkit-transition: all 0.5s;position: relative;}
.home_link a p{ position:relative; z-index:2;display:inline-block; }
.home_link a:hover{ background-color:#0E468C;color:#fff;}
.home_link a::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: #0E468C;
	-webkit-transition: all .45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	color:#fff;
	-webkit-transform: scale(0);
	opacity: 0;
}

.home_link a:hover::after{
	-webkit-transform: scale(1.05);
	opacity: 1;
}

.indus_box{width:80%;
  height:50vh; margin:0px auto}

.indus_box2 {
  height: 50vh;
  position: relative;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0vw;
}


.home_img_show{width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  overflow: hidden;}
  .home_img_show img {
  object-fit: cover;
  height: 100%;}
  
.service_home { text-align: center;
  padding-top: 8vh;
  padding-bottom: 8vh;}  
  
.Product_Display{padding-bottom: 8vh;}
.Product_Display .Product_Display_list{ margin-top:3vh}
.Product_Display .Product_Display_list > ul > li{ margin-bottom:6vh}
.Product_Display .Product_Display_list > ul > li .Product_one_tit{}
.Product_Display .Product_Display_list > ul > li .Product_one_tit{width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 2vw;
  font-size: 1.2vw;
  display: block; color:#222;font-family: Montserrat-Medium;text-align: center;}
.Product_Display .Product_Display_list > ul > li .Product_one_tit p{ display:inline-block;position: relative;}
.Product_Display .Product_Display_list > ul > li .Product_one_tit p::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2vw;
  height: 3px;
  background: #222;
  transition: width 0.3s ease-in-out;
  bottom: -1vw;
}
.Product_Display .Product_Display_list > ul > li .Product_one_imgs{}
.Product_Display .Product_Display_list > ul > li .Product_one_imgs ul {display: flex;
  justify-content: space-between; padding:0 3% }
.Product_Display .Product_Display_list > ul > li .Product_one_imgs ul li{width:32%;
  height: 55vh;
  position: relative;
  overflow: hidden;}
  .Product_Display .Product_Display_list > ul > li .Product_one_imgs ul li .img_show{width:100%;
  height: 100%;
  position: relative;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;}
  
  .Product_Display .Product_Display_list > ul > li .Product_one_imgs ul li .img_show{
	-webkit-transform: scale(1);
	-webkit-transition: all 0.6s;
}
.Product_Display .Product_Display_list > ul > li .Product_one_imgs ul li:hover .img_show{
	-webkit-transform: scale(1.05);
}
.service_home_lists{ margin:0 3%; margin-top: 5vh; margin-bottom: 3vh;overflow:hidden}
.service_home_lists .swiper-slide{ padding:0 3%}
.service_home_lists .swiper-slide .service_home_icon{ text-align:center; margin-bottom:5vh;}
.service_home_lists .swiper-slide .service_home_icon img{width:4vw;margin: 0px auto;}
.service_home_lists .swiper-slide .service_home_fonts{}
.service_home_lists .swiper-slide .service_home_fonts H3{margin-bottom: 2vh;
  font-size: 1vw;
  display: block;
  color: #222;
  font-family: Montserrat-Medium;
  text-align: center;}
.service_home_lists .swiper-slide .service_home_fonts .descipe {
  font-size: 14px;
  line-height: 2;-webkit-transition-delay: 1.2s;
}
.service_home_lists .swiper-button-prev{ background: url(../images/left_btn.svg) center center no-repeat;}
.service_home_lists .swiper-button-next{ background: url(../images/right_btn.svg) center center no-repeat;}
.swiper-button-next:after,.swiper-button-prev:after { display:none}


/*联系我们页面 样式 开始*/
.padding_top180{ padding-top:180px;}
.contact_in{width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top:5vh; padding-bottom:10vh}
.titile_show_in{width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 3vw;
  font-size: 1.6vw;
  display: block; color:#0E468C;font-family: Montserrat-Medium;text-align: left;}
.titile_show_in::after {
  content: '';
  position: absolute;
  left: 0%;
  width: 2vw;
  height: 4px;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
  bottom: -1.5vw;
}
.contact_in_left{ width:40%;}
.contact_in_left .contact_in_list{}
.contact_in_left .contact_in_list ul{}
.contact_in_left .contact_in_list ul li{ padding-top:2.5vh;}

.contact_in_left .contact_in_list ul li .contact_in_list_tit{display: flex; justify-content:flex-start;padding-bottom:1.2vh;font-size: 14px;}
.contact_in_left .contact_in_list ul li .contact_in_list_tit img{ height:18px;width: auto; display:inline-block; margin-right:10px;}
.contact_in_left .contact_in_list ul li .contact_in_descipe{font-family: Montserrat-Medium; font-size:16px; line-height:1.8;-webkit-transition-delay: 1.2s;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom:1.5vh;}
.contact_in_left .contact_in_list ul li .contact_in_descipe p{ margin-bottom:1vh}
.contact_in_left .contact_in_list ul li:nth-child(1) .contact_in_list_tit{-webkit-transition-delay: 0.4s;}
.contact_in_left .contact_in_list ul li:nth-child(1) .contact_in_descipe{-webkit-transition-delay: 0.8s;}
.contact_in_left .contact_in_list ul li:nth-child(2) .contact_in_list_tit{-webkit-transition-delay: 1.2s;}
.contact_in_left .contact_in_list ul li:nth-child(2) .contact_in_descipe{-webkit-transition-delay: 1.6s;}
.contact_in_left .contact_in_list ul li:nth-child(3) .contact_in_list_tit{-webkit-transition-delay:2s;}
.contact_in_left .contact_in_list ul li:nth-child(3) .contact_in_descipe{-webkit-transition-delay: 2.4s;}
.contact_in_left .contact_in_list ul li:nth-child(4) .contact_in_list_tit{-webkit-transition-delay:2.8s;}
.contact_in_left .contact_in_list ul li:nth-child(4) .contact_in_descipe{-webkit-transition-delay: 3.2s;}



.contact_in_right{ width:45%; background-color:#F2F2F2; border-radius:10px; padding:3vh;}
.guest_name{font-family: Montserrat-Medium; font-size:1.2vw; color:#000000;padding-bottom:2vh;}
.liuyan .hang  input{
  width: 100%; background-color:#FFFFFF;
  height: 4vh;
  line-height: 4vh;
  margin-bottom: 1.5vh; padding-left:10px; border:#C9C9C9 1px solid;border-radius:6px;font-size: 14px; color:#333333;
}
.liuyan textarea {
  width: 100%;
  padding-left:10px; padding-top:12px;
  height: 12vh;
  border: 1px solid #C9C9C9;
  border-radius: 6px;
  resize: none;
  line-height: 2vh;
  vertical-align: top;
  font-size: 14px; color:#333333;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;margin-bottom:2vh;
}
.liuyan .hang2  .btn2{background-color: #000;
  border-radius: 6px;
  color: #fff;
  height: 5vh;
  line-height: 5vh;
  border: 0;
  width: 100%;font-size: 16px;}



/*新闻资讯页面 样式开始*/
.news_in_list{ padding-top:2vh}
.news_in_list ul li:nth-child(n+9) {
  display: none;
}
.news_in_list ul li a{padding-top: 3vh;padding-bottom: 3vh;border-bottom: 1px solid rgba(0, 0, 0, 0.1);display: flex;
  justify-content: space-between;}
.news_in_list ul li a:hover{border-bottom: 1px solid #0E468C;}  
.news_in_list ul li a .news_in_time{ width:12%;font-family: Montserrat-Medium;}
.news_in_list ul li a .news_in_img{ width:20%;height:12vh;overflow: hidden;-webkit-transition-delay: 1s;}
.news_in_list ul li  a .news_in_img .news_in_img_back{position: relative; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover;vertical-align: middle;-webkit-transform: scale(1);-webkit-transition: all 0.6s;}
.news_in_list ul li a:hover .news_in_img .news_in_img_back{box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);-webkit-transform: scale(1.08);}
.news_in_list ul li a .news_in_font{ width:56%;text-align: left;}
.news_in_list ul li a .news_in_font .name{margin-bottom: 2vh;
  font-size: 1vw;
  display: block;
  color: #222;
  font-family: Montserrat-Medium;
  }
.news_in_list ul li a .news_in_font .dsecip {
  font-size: 14px;
  line-height: 2;
  -webkit-transition-delay: 1.2s;
}
	
#loadMoreBtn{ text-align: center;
  margin-top: 5vh;
  margin-bottom: 10vh;}
#loadMoreBtn a:hover{
  transform: translateY(-10px);
}
#loadMoreBtn a{ display:inline-block;border: #242933 1px solid;border-radius:60px;
  padding:15px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #242933;
  font-size:14px;color: #242933;
  font-weight: 300;
  width:10vw;margin: 0px auto;transition: transform 0.3s ease;}
#loadMoreBtn a img {
height: 8px;
  margin-left: 5px;
  width: 12px;
}
#noMoreText{color: #242933;
  font-size:14px; display:none;text-align: center;text-align: center;
  margin-top: 5vh;
  margin-bottom: 10vh;}
.news_info{margin-bottom:8vh;padding-top:4vh;
  position: relative;
  z-index: 10;}
  .back_pre{ text-align:left}
  .back_pre img {
  height:1.8vh;width: auto; margin-bottom:3vh;
}
.news_info_titile{ border-bottom:#000 1px solid; padding-bottom:3vh; text-align:left; }
.news_info_titile span{ display:block;font-size:14px;
  color: #999;
  font-weight: 300;}
.news_info_titile p{ margin-top: 2vh;
  font-size: 1vw;
  display: block;
  color: #222;
  font-family: Montserrat-Medium;}
.new_info_font{line-height:2.2;padding-top: 5vh; padding-bottom: 5vh; font-size:14px; border-bottom:#000 1px solid; margin-bottom:3vh}
.new_info_font img{width:auto; max-width:100%;display: initial;}
.Related_titles  {
  font-size: 1.2vw;
  display: block;
  margin-bottom: 3vh;
  color: #222;
  font-family: Montserrat-Medium;
  position: relative;
  padding-left: 20px;
}
.Related_titles::after {
  content: '';
  position: absolute;
  left:0%; top:0;
  transform: translateX(-50%);
  width: 4px;
  height: 100%;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
}
.more_news_show { overflow:hidden;}
.more_news_show .swiper-slide a{display: block;}

.more_news_show .swiper-slide a .left_img{position: relative; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover;vertical-align: middle;transition: transform 0.5s ease;  transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;border-radius: 0.06rem;}
.more_news_show .swiper-slide a .left_img_over { height:15vh;overflow: hidden;}
.more_news_show .swiper-slide a .right_font{ text-align: left; padding:3vh 0;border:none;}
.more_news_show .swiper-slide a .right_font .times{ font-size: 14px;
  line-height: 1;
  color: rgb(153, 153, 153);
  margin-bottom:2vh;font-weight: 300; -webkit-transition-delay: 1.5s;}
.more_news_show .swiper-slide a .right_font .name{font-size:1.2vh;
  line-height: 1.8;
  font-family: Montserrat-Medium;
  color: rgb(0, 0, 0);
  margin-bottom:2vh;-webkit-transition-delay: 1s;}
.more_news_show .swiper-slide a:hover .right_font .name{color:#A42B1C;}
.more_news_show .swiper-slide a .right_font .dsecip{ font-size:14px; line-height:2; color:#666;}
.more_news_show .swiper-slide a:hover  .left_img{transform: scale(1.06);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.swiper-pagination-clickable .swiper-pagination-bullet{height:8px;width:8px;background:#eee;border-radius:50%}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#A42B1C;
}
.more_news_show .slick-dots{ bottom:0rem;}


/*关于我们 页面样式 开始*/
.banner_in_show{position: relative; height:50vh; width:100%; background-position: center center; background-repeat: no-repeat; background-size: cover;vertical-align: middle;-webkit-transform: scale(1);-webkit-transition: all 0.6s; overflowh: hidden}
.banner_in_show .banner_pro_font{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 1.6vw;
  color: #fff;
  font-family: Montserrat-Medium; line-height:1.6;text-align: center;-webkit-transition-delay: 1s;}
.banner_in_show img{object-fit: cover;object-position: center;height: 100%;position: relative;}  
.padding_3{ padding:0 3%;}
.about_in{width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top:12vh;
  padding-bottom: 10vh;}
.about_in  .about_in_left{ width:20%; text-align:left;}
.about_in  .about_in_left .about_titile_decipe {font-size:18px; font-weight:bolder; line-height:2;}
.about_titile{ font-size:18px; margin-bottom:3vh;}
.about_titile span{ position:relative; display:inline-block;}
.about_titile span::after {
  content: '';
  position: absolute;
  right:-126px; top:50%;
  width: 110px;
  height: 1px;
  background: #000;
  transition: width 0.3s ease-in-out;
}
.about_in  .about_in_right{ width:60%; text-align:left; padding-right:15%;}
.about_descipe_font{ font-size:14px; line-height:1.8; padding-bottom:4vh;}
.about_in  .about_in_right .vedio_btn a{ position:relative;display: flex; width:290px;justify-content: space-between; border-bottom:#000 1px solid; padding-bottom:15px;font-size:14px; font-weight:bold;align-items: center;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.about_in  .about_in_right .vedio_btn a img{ height:18px; width:22px;}
.about_in  .about_in_right .vedio_btn a:hover{ color:#0E468C;width:300px;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.about_in  .about_in_right .vedio_btn a::after {
  content: '';
  position: absolute;
  left:0; bottom:-1px;
  width: 0%;
  height: 1px;
  background: #0E468C;
  transition: width 0.3s ease-in-out;
}
.about_in  .about_in_right .vedio_btn a:hover::after {
  content: '';
  position: absolute;
  left:0; bottom:-1px;
  width: 100%;
  height: 1px;
  background: #0E468C;
  transition: width 0.3s ease-in-out;
}

.about_pics{ padding-bottom:12vh;overflow: hidden;}
.about_pics .swiper-slide{}
.about_pics .swiper-slide a .about_pics_one{height:36vh;overflow: hidden;}
.about_pics .swiper-slide a .about_pics_one .about_pics_one_img{position: relative; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover;vertical-align: middle;transition: transform 0.5s ease;  transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.about_pics .swiper-slide a:hover .about_pics_one .about_pics_one_img{transform: scale(1.06);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}

.home_vedio_show{
position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.7);
  display: none;backdrop-filter: blur(15px);
}
.vedios {
  position: fixed;
  top: 0%;
  left: 0%;
  width:100%;
  z-index: 20001; height:100%; text-align:center;
  display: none;
}
.vedios  video{ max-width:60%;}
.vedios .position_re{ position:relative;display: flex;justify-content: center;width:100%;align-items: center; height: 100%; }
.vedios .position_re .close_btn{ display:none; position:absolute; top:10%; right:10%;}
.vedios .position_re .close_btn img{ width:2.5vh;}
.vedios .position_re .close_btn img:hover{transform: rotate(90x)}	
	
	
.Corporate_Culture{ margin-left:40%;width: 60%;text-align: left;padding-right: 15%; padding-bottom:2vh}
.join_list{ margin-top:6vh;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.join_list ul li{padding-top: 2.5vh;padding-bottom: 2.5vh;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.join_list ul li .joinTit{display: flex;justify-content: space-between;align-items: center;}
.join_list ul li .joinTit  .number{ width:10%; text-align:left}
.join_list ul li .joinTit  .icon_piC_font{ width: 80%;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1vw;
  font-weight: bolder;
}
.join_list ul li .joinTit  .icon_piC_font img{width: 10%;
  display: inline-block;
  margin-right: 3%;}
.join_list ul li .joinTit  .icons_jiantou{ width:10%; text-align:right;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.join_list ul li .joinTit  .icons_jiantou img{ width:16px; height:16px;float: right;}
.join_list ul li .joinDeta{ margin-left: 20.5%;
  padding-right: 15%;
  font-size: 14px;
  margin-top: 0;
  line-height: 2;}
  .join_list ul li .joinTit.curr .icons_jiantou{transform: rotateX(180deg);transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.Company_background{}
.Company_background_img{ margin-top:-6vh; margin-bottom:12vh;position: relative;
  height: 60vh; width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; overflow: hidden}
.Company_background_img img{object-fit: cover;object-position: center;height: 100%;position: relative;}    
.Worldwide{ padding-bottom:13vh}
.Worldwide .Worldwide_img{ margin-top:0vh; padding-left:15%; padding-right:15%;  }
.Worldwide .Worldwide_img img{-webkit-clip-path: circle(0%);
	-webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 0s; width:100%;}
.Worldwide .Worldwide_img img.is-inview{
	-webkit-clip-path: circle(100%);-webkit-transition-delay:1s;
}
.titile_show_in.text_agin_center::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 2vw;
  height: 4px;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
  bottom: -1.5vw; margin-left:-1vw;
}


/*OPERATIONAL CAPABILITY  页面样式开始*/
.Supply_Solutions{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 12vh;
  padding-bottom: 12vh;}
.Supply_Solutions  .Supply_Solutions_left{width: 60%;
  text-align: left;
  padding-right: 10%;}
.Supply_Solutions  .Supply_Solutions_right {
  width: 30%;
  text-align: left;-webkit-transition-delay: 1s;
}
.Supply_Solutions  .Supply_Solutions_right ul li{border: 1px solid rgba(0, 0, 0, 0.1);border-radius:10px; padding:3vh;display: flex; justify-content: space-between;align-items: center; margin-bottom:2vh}
.Supply_Solutions  .Supply_Solutions_right ul li .Supply_Solutions_icon{ width:25%; height:25%;}
.Supply_Solutions  .Supply_Solutions_right ul li .fonts_show{ width:65%}
.Supply_Solutions  .Supply_Solutions_right ul li .fonts_show .tit_font{margin-bottom: 1.5vh;
  font-size: 1vw;
  display: block;
  color: #222;
  font-family: Montserrat-Medium;}
.Supply_Solutions  .Supply_Solutions_right ul li .fonts_show .tit_descipe {
  font-size: 14px;
  line-height: 1.8;
  -webkit-transition-delay: 1.2s;
}
.Our_Advantages{width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5vh; }
.Our_Advantages  .Our_Advantages_tit{ width:30%; text-align:left}
.Our_Advantages  .Our_Advantages_decipe{ width:40%; text-align:right;font-size: 14px;line-height: 1.8;}
.Sustainable_development{ position:relative; margin-bottom:15vh;}
.Sustainable_development .Sustainable_development_font{ position:absolute; left:0; bottom:-3vh; width:70%; padding:3vh; color:#fff;background-color: rgba(14, 70, 140, 0.90);border-radius: 0 3vh 0 0; z-index:2;backdrop-filter: blur(10px);}
.Sustainable_development .Sustainable_development_font .titile_show_in{ color:#fff;}
.Sustainable_development .Sustainable_development_font .Our_Advantages_decipe {
  font-size: 14px;
  line-height: 1.8;
}
.Sustainable_development_img_show{height: 70vh; width:100%; overflow:hidden}
.Sustainable_development .Sustainable_development_img{
  position: relative;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  -webkit-transform: scale(1);
  -webkit-transition: all 0.6s; overflow: hidden;
}
.Sustainable_development .Sustainable_development_img img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  position: relative;
}

.Sustainable_development:hover .Sustainable_development_img{box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);-webkit-transform: scale(1.05);}
.Our_Advantages_lists{margin-bottom: 10vh;}
.Our_Advantages_lists .swiper-slide{ width:75%;opacity: 0.3;}
.Our_Advantages_lists .swiper-slide.swiper-slide-active{opacity: 1;}
.Our_Advantages_lists .swiper-slide a{}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_img{ position:relative; z-index:2;height: 64vh; width:100%; overflow:hidden}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_img .Our_Advantages_img_over{position: relative;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  -webkit-transform: scale(1);
  -webkit-transition: all 0.6s;}
.Our_Advantages_lists .swiper-slide a:hover .Our_Advantages_img .Our_Advantages_img_over{box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);-webkit-transform: scale(1.05);}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font{ position:relative; width:80%; margin:0px auto; margin-top:-8vh; padding:3vh 4vh;background-color: rgba(255, 255, 255, 0.90);border-radius:2vh; z-index:2;backdrop-filter: blur(10px); padding-right:30%;box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);opacity: 0;
  transform: translateY(50px);
  transition: 1.2s cubic-bezier(.26,1,.48,1);}
.Our_Advantages_lists .swiper-slide.swiper-slide-active a .Our_Advantages_font{-webkit-transform: translateY(0px);opacity: 1;-webkit-transition-delay:0.8s;}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .icon_show{ position:absolute; top:50%; right:4vh; width:12vh; height:12vh; margin-top:-2vh;}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .Our_Advantages_font_name{width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 3vw;
  font-size: 1.2vw;
  display: block;
  color: #0E468C;
  font-family: Montserrat-Medium;
  text-align: left;opacity: 0;
  transform: translateY(50px);
  transition: 1.2s cubic-bezier(.26,1,.48,1);}
  .Our_Advantages_lists .swiper-slide.swiper-slide-active a .Our_Advantages_font .Our_Advantages_font_name{-webkit-transform: translateY(0px);opacity: 1;-webkit-transition-delay:1.2s;}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .Our_Advantages_font_name::after {
  content: '';
  position: absolute;
  left: 0%;
  width: 2vw;
  height: 4px;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
  bottom: -1.5vw;
}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .Our_Advantages_decipe{font-size: 14px;
  line-height: 1.8;
  padding-bottom: 2vh; padding-top:2vh;opacity: 0;
  transform: translateY(50px);
  transition: 1.2s cubic-bezier(.26,1,.48,1);}
.Our_Advantages_lists .swiper-slide.swiper-slide-active a .Our_Advantages_font .Our_Advantages_decipe{-webkit-transform: translateY(0px);opacity: 1;-webkit-transition-delay:1.5s;}


/*产品页面样式 开始*/
.pro_in_content{ padding-top:8vh;}
.pro_in_lists{padding-top:1vh;}
.pro_in_lists ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.pro_in_lists ul li{
	width: 22%;
  position: relative;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
  background-color: #EFF3F6;
  height: 45vh;-webkit-transition-delay:0.5s;
}
.pro_in_lists ul li:nth-child(n+13) {
  display: none;
}

.pro_in_lists ul li:nth-child(4n){
	margin-right: 0%;
}
.pro_in_lists ul li a{ display:block; width:100%; height:100%;}
.pro_in_lists ul li a .pro_in_img{position: relative;
  height: 40vh; width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pro_in_lists ul li a .pro_in_img_hover{position: relative;
  height: 40vh; width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pro_in_lists ul li a .pro_in_fonts{ position:absolute; left:5%; bottom:5%; width:70%; z-index:2; color:#fff; text-align:left;opacity: 0;
  transform: translateY(50px);
  transition: 1.2s cubic-bezier(.26,1,.48,1); }
  
  .pro_in_lists ul li a:hover .pro_in_fonts{-webkit-transform: translateY(0px);opacity: 1;-webkit-transition-delay:1.2s;}
.pro_in_lists ul li  a  .caption .pro_in_names{margin-bottom:1.5vh;
  font-size: 1vw;
  display: block;
  color: #fff;
  font-family: Montserrat-Medium;}
.pro_in_lists ul li  a  .caption .pro_in_descipe {
  font-size: 14px;
  line-height:1.2;  color: #fff;
  -webkit-transition-delay: 1.2s;
}

.pro_in_lists ul li  a .image-container {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0);
            cursor: pointer;
            transition: transform 0.3s ease;
        }
    
        
.pro_in_lists ul li  a .image-container:hover {
            transform: translateY(0px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }
        .pro_in_lists ul li  a:hover {
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }
        
.pro_in_lists ul li  a .background-box {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius:0px;
            overflow: hidden;
        }
        
        /* 背景图过渡效果 */
.pro_in_lists ul li  a  .bg-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            border-radius: 0px;
            transition: opacity 0.6s ease-in-out;box-shadow: inset 0 0 0 1px #eee;
        }
        
.pro_in_lists ul li  a  .default-bg {
            opacity: 1;
            z-index: 1;
        }
        
.pro_in_lists ul li  a  .hover-bg {
            opacity: 0;
            z-index: 2;
        }
        
.pro_in_lists ul li  a  .image-container:hover .default-bg {
            opacity: 0;
        }
        
.pro_in_lists ul li  a   .image-container:hover .hover-bg {
            opacity: 1;
        }
        
.pro_in_lists ul li  a  .caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
            color: white;
            padding: 2vh;
            text-align: center;
            z-index: 3;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }
        
.pro_in_lists ul li  a   .image-container:hover .caption {
            transform: translateY(0);
        }
 
.products_info{padding-top: 4vh;
  padding-bottom:11vh;
  display: flex;
  justify-content: space-between;}        
.products_info .products_info_pics{ width:52%; background-color:#fff; height:55vh;position: relative;}
.products_info .products_info_pics a{ display:block; width:100%; height:100%;background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}
.products_info .products_info_pics a .products_info_pics_over .products_info_pics_img { position:relative; width:100%; height:100%;display: flex; justify-content: center; align-items: center;}
.products_info .products_info_pics a .products_info_pics_over .products_info_pics_img img{}

.products_info_pics .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 3vh;
  left: 0;
  width: 100%;
}		
.products_info_pics .swiper-pagination-clickable .swiper-pagination-bullet{background: #999;}
.products_info_pics .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0E468C;
}
.products_info_pics .swiper-button-next{
  right: 10px; background: url(../images/right_btn_pro.png) center center no-repeat; background-size:cover; width:3vh; height:3vh; top:50%; margin-top:-1.5vh;
  left: auto;
}
.products_info_pics .swiper-button-prev{
  left: 10px;background: url(../images/left_btn_pro.png) center center no-repeat; background-size:cover; width:3vh; height:3vh; top:50%; margin-top:-1.5vh;
  right: auto;
}
.products_info_pics .swiper-horizontal > .swiper-pagination-bullets,.products_info_pics .swiper-pagination-bullets.swiper-pagination-horizontal,.products_info_pics .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom:3vh;
  left: 0;
  width: 100%;
}	

.products_info .products_info_fonts{ width:40%;-webkit-transition-delay: 1s;}
.Product_Description{ font-size:16px; font-weight:bold; margin-bottom:1.5vh;}
.products_info .products_info_fonts .Online_consultation{ margin-top:1.5vh}
.products_info .products_info_fonts .Online_consultation a{position: relative;
  display: flex;
  width: 280px; height:4.6vh;
  justify-content:center; background-color:#000000;border-radius: 60px; color:#FFFFFF;font-size: 14px;
  font-weight: bold;
  align-items: center;}
.products_info .products_info_fonts .Online_consultation a img {height: 22px;width: 22px;display: inline;margin-right: 5px}
.more_products{-webkit-transition-delay: 1.5s;}

.more_products_show{ overflow:hidden; padding-bottom:12vh}
.more_products_show .swiper-slide {
  position: relative;
  background-color: #EFF3F6;
  height: 45vh;
  -webkit-transition-delay: 0.5s;
}

.more_products_show .swiper-slide a{ display:block; width:100%; height:100%;}
.more_products_show .swiper-slide a .pro_in_img{position: relative;
  height: 40vh; width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.more_products_show .swiper-slide a .pro_in_img_hover{position: relative;
  height: 40vh; width:100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.more_products_show .swiper-slide a .pro_in_fonts{ position:absolute; left:5%; bottom:5%; width:70%; z-index:2; color:#fff; text-align:left;opacity: 0;
  transform: translateY(50px);
  transition: 1.2s cubic-bezier(.26,1,.48,1); }
  
.more_products_show .swiper-slide a:hover .pro_in_fonts{-webkit-transform: translateY(0px);opacity: 1;-webkit-transition-delay:1.2s;}
.more_products_show .swiper-slide a  .caption .pro_in_names{margin-bottom:1.5vh;
  font-size: 1vw;
  display: block;
  color: #fff;
  font-family: Montserrat-Medium;}
.more_products_show .swiper-slide a .caption .pro_in_descipe {
  font-size: 14px;
  line-height:1.2;  color: #fff;
  -webkit-transition-delay: 1.2s;
}

.more_products_show .swiper-slide a .image-container {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0);
            cursor: pointer;
            transition: transform 0.3s ease;
        }
        
.more_products_show .swiper-slide a .image-container:hover {
            transform: translateY(0px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }
        
.more_products_show .swiper-slide a .background-box {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius:0px;
            overflow: hidden;
        }
        
        /* 背景图过渡效果 */
.more_products_show .swiper-slide a  .bg-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            border-radius: 0px;
            transition: opacity 0.6s ease-in-out;box-shadow: inset 0 0 0 1px #eee;
        }
        
.more_products_show .swiper-slide a  .default-bg {
            opacity: 1;
            z-index: 1;
        }
        
.more_products_show .swiper-slide a  .hover-bg {
            opacity: 0;
            z-index: 2;
        }
        
.more_products_show .swiper-slide a  .image-container:hover .default-bg {
            opacity: 0;
        }
        
.more_products_show .swiper-slide a   .image-container:hover .hover-bg {
            opacity: 1;
        }
        
.more_products_show .swiper-slide a  .caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
            color: white;
            padding: 2vh;
            text-align: center;
            z-index: 3;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }
        
.more_products_show .swiper-slide a   .image-container:hover .caption {
            transform: translateY(0);
        }
		
.more_products_show .swiper-horizontal > .swiper-pagination-bullets,.more_products_show  .swiper-pagination-bullets.swiper-pagination-horizontal,.more_products_show  .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 8vh;
  left: 0;
  width: 100%;
}		
.more_products_show .swiper-pagination-clickable .swiper-pagination-bullet{background: #999;}
.more_products_show .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0E468C;
}




/*移动端适配 样式 开始*/
@media screen and (max-width: 768px) {

/*这个是为了控制 在移动端的鼠标滚动效果的*/
html.has-scroll-smooth, html{
		position: relative;
		overflow: auto;
	}
#container{ overflow:hidden}	

.banner-swiper .swiper-slide .parallax .back_img.pc {
  display: none;
}
.banner-swiper .swiper-slide .parallax .back_img.mob {
  display: block;
}
	
.w1400 {
  width: 94%;
  margin: 0px auto;
  position: relative;
  max-width: 1400px;
}
.footer_top {
  width: 100%;
  display: block;}
  .f_company {
  width: 100%;
  height: auto;
  padding-right: 0;
}
.f_nav {
  width: 60%;
  display: none;
}
.copyright {
  display: block;}
.copyright .cp{ margin-bottom:2vh}  
	.menu_btn{
		display: block;
		position: relative;
		z-index: 10;
	}
	.header{
		position: fixed;
		padding: 0px;height: auto;
		z-index: 20;
		background: transparent;
		-webkit-transition: all .5s;
	}
	.header.active {
	    -webkit-transform: translateY(-0%);
		background: #fff;
		box-shadow: 0px 0px 30px rgba(0,0,0,.1);
	}
	.header.active .logo img:nth-child(2) {
	    opacity: 1;
	}
	.header.active .logo img:nth-child(1) {
	    opacity: 0;
	}
	.header.active.open .logo img:nth-child(2) {
	    opacity: 0;
	}
	.header.active.open .logo img:nth-child(1) {
	    opacity: 1;
	}
	
	.header.active.open .menu_btn span:before,.header.active.open .menu_btn span:after{
		background-color: #fff;
	}
	.header.active .menu_btn span,.header.active  .menu_btn span:after,.header.active  .menu_btn span:before{
		background: #0062ad;
	}
	.logo{
		width: 30vw;
		margin-left: 3%;
		position: relative;
		z-index: 15;margin-top: 0;
	}
	.header .header_height .language_top {
  position: absolute;
  top: 0;
  right: 3%;
  font-size: 14px; color:#fff
}

.header .header_height .language_top a {color:#fff}
.header .header_height .language_top a  .active{color:#fff}
.header.active .header_height .language_top {
  position: absolute;
  top: 0;
  right: 3%;
  font-size: 14px; color:#999
}
.header.active .header_height .language_top a {color:#999}
.header.active .header_height .language_top a  .active{color:#000}

	.nav{
		height: calc(100vh - 0px);
		position: fixed;
		left: 0px;
		top: 0px;
		display: flex;
		align-items: center;
		width: 100%;
		-webkit-transition: all .5s;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		margin-right: 0%;
		z-index: 10;
	}
	.nav ul{
		flex-wrap: wrap;
		display: block;
		padding: 0px 5%;
		position: relative;padding-top: 0vh;height: 85vh;
    overflow: scroll;
	}
	.nav ul li{
		display: flex;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.1);
		-webkit-transform: translateY(20px);
		opacity: 0;
	}
	.nav.active ul li{
		-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1) 0.8s;
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
	.nav.active ul li:nth-child(2){
		-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1) 0.9s;
	}
	.nav.active ul li:nth-child(3){
		-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1) 1s;
	}
	.nav.active ul li:nth-child(4){
		-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1) 1.1s;
	}
	.nav.active ul li:nth-child(5){
		-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1) 1.2s;
	}
	.nav.active ul li:nth-child(6){
		-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1) 1.3s;
	}
	.nav ul li .second{
		width: calc(100% - 90px);
		position: relative;
		top: 0px;
		left: 0px;
		margin-left: 0px;
		opacity: 1;
		visibility: visible;
		background: transparent;
		display: flex;
		flex-wrap: wrap;
	}
	.nav ul li .second a{
		-webkit-transform: translateY(0px);
		opacity: 1;font-size: 12px;
	}
	
	.header::before{
		display: none;
	}
	@-webkit-keyframes openAnimate{
		0%{
			height: 100vh;
		}
		100%{
			height: 0vh;
		}
	}
	.nav::before{
		width: 60px;
		height: 60px;
		position: absolute;
		right: 0px;
		top: 0px;
		-webkit-transform: scale(0);
		border-radius: 50%;
		-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
		background: #0062ad;
		content: '';
	}
	.nav.active{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.nav.active::before{
		-webkit-transform: scale(30);
	}
	.nav ul li.on .firstLab a p {
  color: #fff;
}
.nav ul li a:hover p{ color:#fff}
.nav ul li a {
  color: #fff;
  text-align: left;font-weight: bold;
}
.nav ul li .second a p{font-weight: normal;}
.nav ul li .firstLab::after{ display:none}
	
	.slogan{
		font-size: 10vw;
		top: 40%;
		flex-wrap: wrap;
	}
	.slogan p{
		width: 100%;
		margin-left: 0px;
	}
	
	
	.banner-swiper .swiper-slide .slide_txt .p1{font-size: 7vw;}
	.home_tit {
  margin-bottom:10vw;
  font-size: 7vw;}
	.home_tit p::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 10vw;
bottom: -5vw;
  }
  .home_link a {
  padding: 3vw 4vw;}
.service_home_lists{ padding-bottom:4vh}
.service_home_lists .swiper-slide .service_home_fonts H3 {
  font-size: 5vw;}
.service_home_lists .swiper-slide .service_home_icon img {
  width: 16vw;
}	
.service_home_lists .swiper-button-next{ display:none;}	
.service_home_lists .swiper-button-prev{ display:none;}		
.service_home_lists .swiper-pagination{ bottom:0;}
.service_home_lists .swiper-pagination-clickable .swiper-pagination-bullet{background: #333;}
.Product_Display .Product_Display_list > ul > li .Product_one_imgs ul {
  display: block;}
.Product_Display .Product_Display_list > ul > li .Product_one_tit{margin-bottom: 8vw;font-size: 5.5vw;}	
.Product_Display .Product_Display_list > ul > li .Product_one_tit p::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8vw;
  bottom: -4vw;
}
.Product_Display .Product_Display_list > ul > li .Product_one_imgs ul li{ margin-bottom:4vh;width: 100%;}
.banner-swiper .swiper-slide .slide_txt .banner_btn{ font-size:12px;}
.padding_top180 {
  padding-top: 50px;
}
.contact_in{display: block;}
.contact_in_left {
  width: 100%;margin-bottom: 4vh;
}
.contact_in_right {
  width: 100%;}
  .titile_show_in {
  margin-bottom: 8vw;
  font-size: 7vw;}
.titile_show_in::after {
  content: '';
  position: absolute;
  left: 0%;
  width: 10vw;
  height: 3px;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
  bottom: -5vw;
}
.guest_name {
  font-size: 6vw;}
.liuyan .hang input {
  height: 6vh;
  line-height: 6vh;
  margin-bottom: 2vh;}
.liuyan .hang2 .btn2{  height: 6vh;
  line-height: 6vh;}
.banner_in_show {
  height: 35vh;}

.about_in {
  width: 100%;
  display: block;}
  .about_in .about_in_left {
  width: auto;
  text-align: left; margin-bottom:4vh
}
.about_in .about_in_right {
  width: auto;
  text-align: left;
  padding-right: 0;
}
.vedios video {
  max-width: 96%;
}
.Corporate_Culture {
  margin-left: 0;
  width: auto;
  text-align: left;
  padding-right: 0;
  padding-bottom: 2vh;
}
.join_list ul li .joinTit .icon_piC_font img {
  width: 20%;}
  .join_list ul li .joinTit .icon_piC_font {
  width: 80%;
  font-size: 4.5vw;}
.join_list ul li .joinTit .icons_jiantou img {
  width: 12px;
  height: 12px;
}
.join_list ul li .joinDeta {
  margin-left: 28.5%;
  padding-right: 5%;
  font-size: 14px;
  margin-top: 0;
  line-height: 2;
}
.Company_background_img{ height:40vh}
.titile_show_in.text_agin_center::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 10vw;
  height: 3px;bottom: -4vw;margin-left: -5vw;}
  .Worldwide .Worldwide_img {
  margin-top: 0vh;
  padding-left: 0;
  padding-right: 0;
}
.pro_in_lists ul li {
  width: 100%;
  position: relative;
  margin-right: 0;
  margin-bottom: 3vh;
  background-color: #EFF3F6;
  height: 45vh;
  -webkit-transition-delay: 0.5s;
}
#loadMoreBtn a{width: 70vw;}
.products_info{ display:block}
.products_info .products_info_pics {
  width: auto; margin-bottom:3vh}
.products_info .products_info_fonts {
  width: auto;}
  .products_info .products_info_fonts .Online_consultation a {
  position: relative;
  display: flex;
  width: 80%;
  height: 7vh;
  justify-content: center;
  background-color: #000000;
  border-radius: 60px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  margin: 0px auto;
}
.Related_titles {
  font-size: 6vw;}
.Supply_Solutions,.Our_Advantages {
  width: 100%;
  display: block;}
  .Supply_Solutions .Supply_Solutions_left,.Our_Advantages .Our_Advantages_tit,.Our_Advantages .Our_Advantages_decipe {
  width: auto;
  text-align: left;
  padding-right: 0;
}
.Supply_Solutions .Supply_Solutions_right {
  width: auto;}
.Supply_Solutions .Supply_Solutions_right ul li .fonts_show .tit_font{font-size: 5vw;}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_img{ height:40vh}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font{ width:90%; padding-right:0}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .Our_Advantages_font_name {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 6vw;
  font-size: 6vw;}
  .Our_Advantages_lists .swiper-slide a .Our_Advantages_font .Our_Advantages_font_name::after {
  content: '';
  position: absolute;
  left: 0%;
  width: 10vw;
  height: 3px;
  background: #CF2B1E;
  transition: width 0.3s ease-in-out;
  bottom: -5.5vw;
}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .icon_show{ display:none}
.Our_Advantages_lists .swiper-slide a .Our_Advantages_font .Our_Advantages_decipe{
line-height:4vh;
  max-height: calc(4vh * 6);
  overflow-y: auto;
  height:24vh;}
.Sustainable_development .Sustainable_development_font{ width:90%;}
.Sustainable_development .Sustainable_development_font .Our_Advantages_decipe{line-height:4vh;
  max-height: calc(4vh * 6);
  overflow-y: auto;
  height:24vh;}
  .Sustainable_development_img_show {
  height: 55vh;}
.news_in_list ul li a{ display:block}
.news_in_list ul li a .news_in_time {
  width: auto;
  margin-bottom: 2vh;
}
.news_in_list ul li a .news_in_img {
  width: auto;
  height: 25vh;
  overflow: hidden;
  margin-bottom: 2.5vh;
}
.news_in_list ul li a .news_in_font {
  width: auto;
}
.news_in_list ul li a .news_in_font .name{font-size: 5vw;}
.news_info_titile p{font-size: 6vw;}
.more_news_show .swiper-slide a .left_img_over {
  height: 25vh;}
.more_news_show .swiper-slide a .right_font .name{font-size: 5vw;line-height: 1.5;}
.banner_in_show .banner_pro_font {
  font-size: 5vw;
  width: 80%;
}
.banner-swiper .swiper-slide .slide_txt {
  height: auto;
  position: absolute;
  left: 5%;
  width: 90%;}
  .mouse_icon .mouse::before {
  width: 60px;
  height: 60px;}
.new_info_font img{width:100%; max-width:100%;display: initial;}

	
	
}