@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(lrtk3.css);
/*首页*/
/*轮显*/
.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#aaaaaa; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic;*/ font-weight:bold;}
.banner_page .wrap2{ height:0;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;opacity:0.2;filter:Alpha(opacity=20);}
.banner_page em{ font-style:normal; color:#fff;}
.main .banner .btn .boxs{ margin-left:240px;}


@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:40px;}

}


@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{bottom:30px;}
.main .banner .btn .boxs{ margin-left:140px;}
.banner_page{ bottom:66px; font-size:15px;}
.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.main .banner .swiper-slide .rbtn{ min-width:130px; padding:0 30px; font-size:15px;}
.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px; padding:0;}

}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:58px;}

.main .banner .swiper-slide .rbtn{ min-width:110px; padding:0 20px; font-size:13px; margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ margin-top:1%;}
}


@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .rbtn{ min-width:100px;}
.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}
}


#app-20220920 {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	color:var(--color-font);
	background:url(../images/bg1.jpg) top center no-repeat;
	padding-top:80px;
	padding-bottom:80px;
}

#app-20220920::-moz-selection {
	color:#fff;
	background-color:var(--color-font)
}
#app-20220920::selection {
	color:#fff;
	background-color:var(--color-font)
}
#app-20220920 .industrial-applications-wrapper .cols .btn-more {
	margin-top:20px
}
#app-20220920 .btn-more {
	display:flex;
	align-items:center;
	justify-content:flex-start
}
#app-20220920 .btn-more a,#app-20220920 .btn-more a:link {
	border:1px solid #fff;
	font-size:16px;
	line-height:1.2;
	white-space:nowrap;
	padding:.6em 1.2em;
	color:#fff;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
#app-20220920 .btn-more a:hover,#app-20220920 .btn-more a:link:hover {
	text-decoration:none
}
@media(min-width:1300px) {
	#app-20220920 .btn-more a,#app-20220920 .btn-more a:link {
	transition:.2s
}
#app-20220920 .btn-more a:hover,#app-20220920 .btn-more a:link:hover {
	background-color:var(--color-blue);
	color:#fff !important;
	border-color:var(--color-blue)
}
}



#app-20220920 h2.section-title {
	height:120px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:36px;
	margin:0;
	margin-top:0 !important;
	font-weight:300;
	background-color:#fff
}









#app-20220920 .industrial-applications-wrapper {
	background-color:#fff;
	padding:0 0 40px
}
#app-20220920 .industrial-applications-wrapper .anchor-more {
	padding-top:36px;
	display:flex;
	align-items:center;
	justify-content:flex-end
}
#app-20220920 .industrial-applications-wrapper .anchor-more a,#app-20220920 .industrial-applications-wrapper .anchor-more a:link {
	font-size:16px;
	line-height:2;
	display:block;
	color:var(--color-font)
}
#app-20220920 .industrial-applications-wrapper .anchor-more a:hover,#app-20220920 .industrial-applications-wrapper .anchor-more a:link:hover {
	text-decoration:underline
}
#app-20220920 .industrial-applications-wrapper .cols {
	width:100%;
	height:auto;
	display:flex;
	align-items:stretch;
	justify-content:space-between
}
#app-20220920 .industrial-applications-wrapper .cols .item {
	width:calc(25% - 20px);
	max-width:calc(25% - 20px);
	position:relative;
	overflow:hidden;
    border-radius: 5px;
}
#app-20220920 .industrial-applications-wrapper .cols .item>a,#app-20220920 .industrial-applications-wrapper .cols .item>a:link {
	z-index:3;
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
#app-20220920 .industrial-applications-wrapper .cols .item:after {
	content:"";
	width:100%;
	height:40%;
	left:0;
	z-index:2;
	right:0;
	bottom:0;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6) 70%);
	display:block;
	position:absolute;
	transform:translateY(20%);
	transition-duration:.9s
}
@media(min-width:1200px) {
	#app-20220920 .industrial-applications-wrapper .cols .item:hover .figure {
	transform:scale(1.1) translate3d(0,0,0);
	transition-duration:.3s
}
#app-20220920 .industrial-applications-wrapper .cols .item:hover .text {
	transform:translateY(0%);
	transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols .item:hover .text h3 {
	transform:translateY(0%);
	transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols .item:hover:after {
	height:80%;
	transform:translateY(0%);
	transition-duration:.3s;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8) 60%)
}
}
#app-20220920 .industrial-applications-wrapper .cols .figure {
	position:relative;
	z-index:2;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	transform-origin:center;
	transform:scale(1) translate3d(0,0,0);
	transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols .figure:after {
	content:"";
	display:block;
	position:relative;
	width:100%;
	padding-top:130%;
	z-index:-1;
	height:auto
}
#app-20220920 .industrial-applications-wrapper .cols .text-wrapper {
	position:absolute;
	left:8%;
	bottom:8%;
	right:8%;
	width:auto;
	overflow:hidden;
	z-index:6;
	color:#fff
}
#app-20220920 .industrial-applications-wrapper .cols .text {
	transform:translateY(100%);
	transition:transform .3s ease 0s
}
#app-20220920 .industrial-applications-wrapper .cols h3 {
	line-height:1.2;
	display:block;
	margin-bottom:.4em;
	font-size:28px;
	font-weight:300;
	transform:translateY(-100%);
	transition:transform .3s ease 0s;
	color:#FFF;
}
#app-20220920 .industrial-applications-wrapper .cols h3 em {
	font-size:.6em;
	font-weight:700;
	font-style:normal;
	color:var(--color-cyan)
}
#app-20220920 .industrial-applications-wrapper .cols p {
	font-size:16px;
	line-height:1.6
}
#app-20220920 .industrial-applications-wrapper .cols .btn-more {
	margin-top:20px
}
@media(max-width:1360px) {
#app-20220920 .industrial-applications-wrapper .cols h3 {
	font-size:24px
}
#app-20220920 .industrial-applications-wrapper .cols p {
	font-size:14px
}

}

@media(max-width:1200px) {

#app-20220920 .industrial-applications-wrapper .cols .item .figure {
	transform:scale(1) translate3d(0,0,0) !important
}
#app-20220920 .industrial-applications-wrapper .cols .item .text {
	transform:translateY(0%) !important
}
#app-20220920 .industrial-applications-wrapper .cols .item .text h3 {
	transform:translateY(0%) !important
}
#app-20220920 .industrial-applications-wrapper .cols .item:after {
	height:60% !important;
	transform:translateY(0%) !important
}
#app-20220920 .industrial-applications-wrapper .cols p {
	font-size:14px
}
}

@media(max-width:900px) {

#app-20220920 .industrial-applications-wrapper .cols h3 {
	font-size:28px
}

#app-20220920 .industrial-applications-wrapper .cols {
	flex-wrap:wrap
}
#app-20220920 .industrial-applications-wrapper .cols .item {
	width:100%;
	max-width:none
}
#app-20220920 .industrial-applications-wrapper .cols .item .figure {
	max-height:60vw;
	background-position:center 30%
}
#app-20220920 .industrial-applications-wrapper .cols .item:not(:last-child) {
	margin-bottom:20px
}
}
@media(max-width:600px) {

#app-20220920 h2.section-title {
	height:100px;
	font-size:32px
}
	#app-20220920 .industrial-applications-wrapper .cols .item .figure {
	max-height:80vw
}
#app-20220920 .industrial-applications-wrapper .cols h3 {
	font-size:6vw;
	white-space:nowrap
}

#app-20220920 .industrial-applications-wrapper {
	padding-bottom:30px
}
#app-20220920 .industrial-applications-wrapper .cols .item:after {
	height:100% !important;
	background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8) 70%)
}
#app-20220920 .industrial-applications-wrapper .anchor-more {
	padding-top:26px;
	justify-content:center
}
#app-20220920 .industrial-applications-wrapper .anchor-more a,#app-20220920 .industrial-applications-wrapper .anchor-more a:link {
	font-size:14px
}
}

/*地图*/
.w-map{position: relative; margin: 0 auto;width: 100%;padding-top: 44%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-map-in{width: 1440px;height: 100%;position: absolute;left: 0;top: 0;transform-origin: left top;}
.w-rmap{width: 100%;position: absolute;left: 0;top: 0;transform-origin: left top;max-width: none;}
.w-h{position: absolute;top: 0;right:140px;}
.w-i{font-size: 0;margin-bottom: 22px;font-size: 14px;}
.w-i span{}
.w-i img{ float:left; width: 22px;margin-right: 10px;}

.w-j{position: absolute;left: 0;top: 0;cursor: pointer; }
.w-icont{width: 30px;height: 30px;background-image:url(../images/a52.png); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.w-jtext{position: absolute;top: 50%;transform: translate(0,-50%);text-align: right; right: -3em;width: 3em; font-size: 15px;}
.w-pop{display: none;position: absolute; bottom: 28px;left: 50%;z-index: 18; transform: translate(-50%,0); width: 393px;height: auto;background-color: #fff;}
.w-pop:after{content: ''; position: absolute;bottom: -10px;left: 50%;transform: translate(-50% , 0);width: 16px;height: 10px; background-image: url('../images/a38-b.png');background-size: 16px 10px;background-position: center center;background-repeat: no-repeat;}
.w-pop *{word-break: break-all;}

.wp-details{  width: 100%;background-color: #f4f4f4;height: 50%; padding:  .8em 9% .8em;font-size: 12px;line-height: 1.5;color: #6c6c6c;}
.wp-details *{line-height: inherit;}
.w-svg{transform-origin: left top;}


.wp-a{  width: 100%;background-color: #f4f4f4; padding:  .5em 9% .5em;font-size: 15px;line-height: 1.3;color: #6c6c6c;}
.wp-b{padding: 15px 0; height: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #e60012;}
.wp-b img{width: 22px;margin-right: 10px;}
.w-svg path{transition: all .3s;}
.w-j:hover .w-icont{transform: scale(1.9);}
.w-j:hover .w-pop{display: block;}

.w-j:nth-child(2){top: 15.052083vw;left: 18.2291666vw;}
.w-j:nth-child(2) .w-jtext{right: -5em; width: 5em;}
@media(max-width: 450px){
    .wp-b{font-size: 6px;}
    .wp-b img{margin-right: 3px;}
    .w-jtext{font-size: 10px; }
}



.m30{ margin-top:30px; padding-top:40px; margin-bottom:30px;}

.cm-breadcrumb-spacing{
  padding: 60px 0px;
  z-index: 1;
}
.cm-breadcrumb-spacing::before{
  z-index: -1;
}

.cm-hero-overly{
  position: relative;
}
.cm-hero-overly::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:#004564;
}

.cm-breadcrumb-title{
  font-size: 50px;
  line-height: 1;
  color:#393faf;
  margin-bottom: 45px;
  letter-spacing: -2px;
}
@media (max-width: 767.98px) {
  .cm-breadcrumb-title{
    font-size: 40px;
	 margin-bottom: 20px;
  }
 .m30{ margin-top:30px; margin-bottom:30px;}
}
@media (max-width: 575.98px) {
  .cm-breadcrumb-title{
    font-size: 30px;
    margin-bottom: 20px;
  }
}

.justify-content-center {
    justify-content: center !important;
}

.ct-section-title h2 {
    color:#fff;
    font-size: 16px;
	margin-top:15px;
	margin-bottom:15px;
	line-height:30px;
}


.ct-section-title h4 {
    font-size: 24px;
    margin-top:15px;
	margin-bottom:15px;
     color:#fff;
}


.button-1 {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 16px 30px;
    background:#00a5f1;
    color:#fff;
    line-height: 1.2;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.button-1::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #999;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: -webkit-transform .5s cubic-bezier(.86,0,.07,1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.86,0,.07,1);
    transition: transform .5s cubic-bezier(.86,0,.07,1);
    transition: transform .5s cubic-bezier(.86,0,.07,1), -webkit-transform .5s cubic-bezier(.86,0,.07,1);
    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
    z-index: -1;
}