
.sz_pro_box {
  position: relative; margin:65px 0 0 0;
  width: 100%;
  overflow: hidden;
}
.sz_pro_box .box {
  /* height: 1000px; */
  top: 0;
  position: relative;
}
.sz_pro_box .box .img_box {
  /* height: 1000px; */
}
.sz_pro_box .box .img_box .img_ {
  width: 100%;
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  overflow: hidden;
}
.sz_pro_box .box .img_box .img_ img {
  width: 100%;height: 100vh;
}
.sz_pro_box .box .img_box .img_ .lpk_pc {
  transform: scale(0);
}
.sz_pro_box .box .content {
  /* transition: 4s; */
  opacity: 0;
  color: #fff;
  position: absolute;
}
.sz_pro_box .box .content1 {
  z-index: 6;
}
.sz_pro_box .box .content2 {
  z-index: 6;
}
.sz_pro_box .box .content3 {
  z-index: 6;
}
.sz_pro_box .box .content4 {
  z-index: 6;
}
.sz_pro_box .img_left {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 345px;
  background: #fff;
  transition: 1.5s;
}
.sz_pro_box .img_right {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 345px;
  background: #fff;
  transition: 1.5s;
}
.sz_pro_box .left_ {
  width: 0;
}
.sz_pro_box .right_ {
  width: 0;
}
.sz_pro_box .posi2 {
  position: absolute;
  width: 100%;padding:0 7%;
  height: 100%; display: flex;justify-content: space-between; align-items: center;
  top: 0;
  left: 0;
}

.sz_pro_box .posi2 .main1 {
  font-size: 0.175rem;
  line-height: 2;
  color: #fff;
  width: 45%;
}
.f60{font-size: 0.5rem; font-weight: bold; line-height: 2;}

.sz_pro_box .posi2 .main1 strong{font-family: 'gilroy_bold'; display: block;  line-height: 1.3;  }
.sz_pro_box .posi2 .main1 i{display: block;width:100%;height:1px; background: rgba(255, 255, 255, 0.5); margin: 65px 0;}
.sz_pro_box .posi2 .mian2 {
  margin-top: 0.5rem; width:30%;display: flex;justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
}
.sz_pro_box .posi2 .mian2 .shuzi {
  text-align: center;width:40%; margin-bottom: 0.225rem; color: #fff; line-height: 2; font-size: 0.17rem;
}

.sz_pro_box .posi2 .mian2 .shuzi div {
  width:110px;height:110px;border:1px solid #fff;display: flex;justify-content:center;align-items: center; border-radius: 50%;margin:0 auto
}
.sz_pro_box .posi2 .mian2 .shuzi div img{width:65px}
.sz_pro_box .posi2 .mian2 .shuzi P {font-family: 'gilroy_bold';
  font-size: 0.26rem; line-height: 3;
  color: #fff;
  margin-top: 0.225rem;
}
.sz_pro_box .posi3 {
  position: absolute;
  width: 100%;padding:0 8%;
  height: 100%; flex-direction: column;justify-content: center;
  top: 0;
  left: 0;
}
.sz_pro_box .posi3 .main1 {
  font-size: 0.175rem;
  line-height: 2;
  color: #fff;
  width: 100%;
}
.sz_pro_box .posi3 .mian2 {
  margin-top: 0.5rem; width:100%;display: flex;justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
}
.sz_pro_box .posi3 .mian2 .shuzi{width:30%;text-align: left;}
.sz_pro_box .posi3 .mian2.mian3 .shuzi{width:20%}
.sz_pro_box .posi3 .mian2 .shuzi div{margin: 0 0;}
.sz_pro_box .posi3 .mian2 .shuzi div img{width:45px}
.flexCenter {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.proli{width:90%;margin:0 auto; display: flex;justify-content:flex-start;align-items: flex-start; flex-wrap: wrap;}
.proli li{width:49%;margin:0 2% 35px 0 }
.proli li:nth-child(2n){ margin:0 0 35px 0 }
.proli li a{display: block;position: relative;}
.proli li a div{position: relative;overflow: hidden;;}
.proli li a div img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.proli li:hover a div img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.proli li a p{position: absolute;overflow: hidden;left:0; bottom: 0;width:100%;height: 100%;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), 50%, rgba(0, 0, 0, 0)); display: flex;justify-content: flex-start;align-items: flex-end;padding:0 0 25px 4%;font-size: 0.21rem;line-height:1.5;  color: #fff;   font-weight: bold;}
.se_t{     position: relative;}

.ganzaoji_l{position: absolute;right:5%;width:24%; z-index: 2;height: 100%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start; }
.ganzaoji_l2{position: absolute;right:0;width:100%;align-items: center;   }
.ganzaoji_l3{position: absolute;right:0;width:60%;  left:5% }
.se_t2{background: url(../img4/pbg.jpg) no-repeat center center; padding:190px 0 90px 0}
.se_t2:before{background-image: linear-gradient(180deg, #7d7d7d, 40%, rgba(255, 255, 255, 0.1)); content: ''; position: absolute;left:0;top: 0; width:100%;height:30vh}
.se_t_t{display: flex;justify-content:space-between;align-items: center;padding:0 3% 85px 0% ; flex-direction: row-reverse; }
.se_t.active div.s_p span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards; }
.se_t.active div.s_p2 span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards; }
.se_t.active p span { -webkit-animation: fadeInUp2 1.5s forwards; animation: fadeInUp2 2s forwards; }
.se_t div span.letters { color: #fff; opacity: 1; }
.splitlist {  white-space: pre-wrap; }
.splitlist.flag span { opacity: 1; }
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }
.splitlist span.letters { color: #2151A1; }
@-webkit-keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

.se_t_img{position: relative; width:70%}
.se_t_img img{ display: block; width:100%}
.se_t .s_width{position: relative;width:24%;}
.se_t .s_en{width:35px;height:4px;background: #e11e2e; margin:0 0 55px 0}
.se_t .s_p{ color: #fff;font-size: 0.55rem; line-height: 1.1; font-weight:bold;}
.se_t .s_p3{ color: #fff;font-size: 0.5rem; line-height: 1.5; font-family: 'gilroy_bold'; text-align: center;}
.se_t .s_p2{ color: #fff;font-size: 0.36rem; line-height: 1.1; font-family: 'gilroy_bold'; }
.se_t p{ color: #fff;font-size: 0.25rem; line-height: 1.1;margin:  0.75rem 0; }
.se_t p.s_jianjie{ line-height: 2; text-decoration: underline;}
.se_t i{  width:90px;height: 90px;border-radius: 45px;background: #fff; display: flex;justify-content: center;align-items: center; }
.se_t i.updown{ -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite;}
@-webkit-keyframes updown {
  0% { -webkit-transform: translate(0px, 0px); }
  25% { -webkit-transform: translate(0px, -10px); }
  50% { -webkit-transform: translate(0px, 0px); }
  75% { -webkit-transform: translate(0px, 10px); }
  100% { -webkit-transform: translate(0px, 0px);}
}
@-moz-keyframes updown {
  0% { -moz-transform: translate(0px, 0px); }
  25% { -moz-transform: translate(0px, -10px); }
  50% { -moz-transform: translate(0px, 0px); }
  75% { -moz-transform: translate(0px, 10px); }
  100% { -moz-transform: translate(0px, 0px);}
}
@keyframes updown {
  0% { transform: translate(0px, 0px); }
  25% { transform: translate(0px, -10px);}
  50% { transform: translate(0px, 0px);}
  75% { transform: translate(0px, 10px);}
  100% { transform: translate(0px, 0px);}
}
.main-container-product-detail .banner {
	width: 90%;margin:0 auto;
	height: 100vh;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	position: relative;
}
.main-container-product-detail .banner2 {
	width: 100%; 
}
.main-container-product-detail .banner .bgc {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	transform: scale(1.2);
}

.main-container-product-detail .banner .left {
	position: relative;
  transition: all 0.3s linaer;
  width: 45%;
}

.main-container-product-detail .banner .left h2 {
	color: #000033;
	line-height: 1;font-family: 'gilroy_bold';
	margin-bottom: 0.73rem;
}

.main-container-product-detail .banner .left h3 {
	font-size: 0.4rem;
	line-height: 1.5;
	color: #333333;
	font-weight: 500;
	margin-bottom: 0.33rem;
}

.main-container-product-detail .banner .left p {
	font-size: 0.18rem;
	color: #333333;
	line-height: 2;
}

.main-container-product-detail .banner .left .G_txt_btn:hover .G_btn .white {
	transform: translate(0, 0) rotate(-45deg) !important;
}

.main-container-product-detail .banner .right {
	position: relative;
	width: 48%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.main-container-product-detail .banner .right2 {
	width: 53%;
}
.main-container-product-detail .banner .right .t {
	width: 100%;margin: 0 auto;
	padding: .7rem;
	height: 100%;
}

.main-container-product-detail .banner .right .t img {
    max-width: 100%;
    width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	transition: all .3s linear;
}

.main-container-product-detail .banner .right .swiper-slide-active .t img{
    opacity: 1;
}

.main-container-product-detail .banner .right .b {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.main-container-product-detail .banner .right .b img {
	width: 100%;
}
.product_detail_swiper{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bannerNav{
  position: absolute;
  bottom: 5%;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.12rem 0.3rem;
}

.bannerNav span{
  width: 0.13rem;
  height: 0.13rem;
  margin-left: 0.2rem;
  cursor: pointer;
  position: relative;
}

.bannerNav span:first-of-type{
  margin-left: 0;
}

.bannerNav span::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: transform 0.35s, opacity 0.35s;
  transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
}
.bannerNav span.on::before{
  opacity: 0 !important;
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
}

.bannerNav span.on img{
  opacity: 1;
}

.bannerNav img{
  position: absolute;
  top: 50%;
  left: 50%;
  height:96.230769%;
  -webkit-transform: translate(-50%, -50%) scale(2);
  transform: translate(-50%, -50%) scale(2);
  opacity: 0;
  transition: all .35s linear;
}

.block4{
  padding-left: .53rem;
}

.block4 img{
  max-width: 100%;
}

@media screen and (max-width:768px){
  .bannerNav span{
    width: .15rem;
    height: .15rem;
  }
  .bannerNav{
    bottom: -.4rem;
  }
  .product_detail_swiper{
    overflow: visible;
  }
}
.feature { background: #f2f2f2; padding:75px 0}
.feature .s_width .application_t{ line-height: 2;}
.feature .feature_p p{ line-height: 2;font-size: 0.22rem;color: #222; font-family: 'Montserrat-Medium';}
.application{ background: #fff;}
.application ul {display: flex;justify-content: space-between;align-items: center; padding:55px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 55px;}
.application ul li{display: flex;justify-content: space-between;align-items: center;}
.application ul li img{margin: 0 25px 0 0;}
.application ul li p{margin: 0 25px 0 0; line-height: 2;font-size: 0.23rem;color: #222; font-family: 'gilroy_bold';}
.application dl {display: flex;justify-content: space-between;align-items: flex-start; padding:55px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 55px;}
.application dl dd{ width:25%}
.application dl dd img{margin: 0 25px 0 0;}
.application dl dd p{margin: 25px  0 0; line-height: 2;font-size: 0.26rem;color: #222; font-family: 'gilroy_bold';}
.application dl dd p span{display: block;font-size: 0.17rem;color: #555;}
.application .biaoge table{border: 1px solid #999;border-collapse: collapse;font-size: 0.15rem;line-height: 2; color: #333;width:100%;}	
.application .biaoge th, .application .biaoge td{border: 1px solid #999;line-height: 1.7;border-collapse: collapse;text-align:left;	    padding: 10px;}
.touzi{line-height: 2;font-size: 0.22rem;color: #444;}
.se_product{  }
.se_product_pic{width:100%; position:relative; overflow:hidden; z-index: 1;}
.se_product_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.sty6 .swiper-slide:hover .se_product_pic img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.sty6 { position: relative;width:92%;margin:0 auto}
.sty6 .swiper-container {width: 100%; }
.sty6 .swiper-slide {width: calc(100%/3);display: block;position: relative; transition: all linear 0.3s; border-right: 0 solid rgba(0, 0, 0, .1);   }
.sty7 .swiper-slide {width: calc(100%/2);display: block;position: relative; transition: all linear 0.3s; border-right: 0 solid rgba(0, 0, 0, .1);   }
.se_product_text{text-align: center; margin:-40px 0 0 0;position: relative;width: 100%;  z-index: 3; transition: 0.3s; cursor: pointer;}
.se_product_text strong{ font-size:0.22rem;line-height: 2.5; color: #121212; font-weight: normal;}
.se_product_text:hover strong{ color: #e11e2e; font-weight: normal;}
.g-btn3 {position:absolute;z-index: 9;left:50%;opacity: 0; margin-left:-10px;top:40%;width: 20px;height: 20px;border-radius:50%;background-color:#e11e2e;box-shadow:0 0 0 8px rgba(225,30,46,.3);transition:.3s;text-align: center;}
.g-btn3:after {content:"";width:100%;height:100%;display:block;border-radius:50%;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);-webkit-animation:prop 1.2s linear infinite;-o-animation:prop 1.2s linear infinite;animation:prop 1.2s linear infinite;}
@-webkit-keyframes prop {
	from {
	box-shadow:0 0 0 0 rgba(225,30,46,.6);
	opacity:1;
	filter:alpha(opacity=50);
}
to {
	box-shadow:0 0 0 25px rgba(225,30,46,.6);
	opacity:0;
	filter:alpha(opacity=0);
}
}
.sty6 .swiper-slide:hover .g-btn3{opacity: 1;}
@media only screen and (max-width:1650px){
  .se_t .s_en{margin: 0 0 35px 0;}
	.se_t .s_p{   font-size: 0.45rem; }
  .se_t p{ font-size: 0.22rem;margin: 0.45rem 0;}
  .se_t i{    width: 70px; height: 70px;}
  .f60{   font-size: 0.45rem; }
  .a_title div.a_title_div p{   font-size: 0.2rem; }
  .ganzaoji_l3{top: 4%;}
  .feature{    padding: 55px 0;}
  .sz_pro_box .posi2 .main1 i{    margin: 35px 0;}
  .sz_pro_box .posi3 .mian2{    margin-top: 0.35rem;}
  .application dl{    margin-top: 35px;padding: 35px 0 0 0;}
  .application dl dd{width: auto;}
  .ganzaoji_l{width:27%}
  .ganzaoji_l2{width:100%}
}
@media only screen and (max-width:1550px){
	.se_t .s_p{   font-size: 0.4rem; }
  .se_t p{ font-size: 0.2rem; }
  .f60{   font-size: 0.4rem; }
  .a_title div.a_title_div p{   font-size: 0.2rem; }
}
@media only screen and (max-width:1440px){
	.se_t .s_p{   font-size: 0.35rem; }
  .f60{   font-size: 0.35rem; }
}
@media only screen and (max-width:1200px){
	.se_t .s_p{   font-size: 0.25rem; }
  .f60{   font-size: 0.25rem; }
  .se_t p.s_jianjie{display: none;}
  .se_t i{display: none;}
  .se_t p{text-align: center;padding:0 8%; line-height: 2;     margin: 0.25rem  0 0 0;}
  .sty6 .swiper-slide{width:50%}
  .sz_pro_box .box .img_box .img_ .lpk_pc{transform: scale(2); width:auto;height: 120vh;}
  .sz_pro_box .posi2 .mian2 .shuzi div{width:90px;height: 90px;}
  .sz_pro_box .posi3 .mian2 .shuzi div img{width:35px}
  .sz_pro_box .posi3 .mian2.mian3 .shuzi{width:50%}
  .sz_pro_box .posi2 .mian2 .shuzi P{   font-size: 0.23rem; }
  .application dl{flex-wrap: wrap;}
  .application dl dd{width:50%;margin-bottom: 25px;}
  .application dl dd img{width:35px}
  .application dl dd p{    margin: 15px 0 0;font-size: 0.23rem;}
}