
.sz_pro_box {
  position: relative;
  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%;
}
.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 8%;
  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: 41%;
}
.f60{font-size: 0.6rem;font-family: 'gilroy_bold';}

.sz_pro_box .posi2 .main1 strong{font-family: 'gilroy_bold'; display: block;  line-height: 1;  }
.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:50%;display: flex;justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
}
.sz_pro_box .posi2 .mian2 .shuzi {
  text-align: center;width:50%;display: flex;justify-content:center; flex-direction: column; align-items: center;
  margin-bottom: 0.225rem;
}
.sz_pro_box .posi2 .mian2 .shuzi div {
  width:94px;height:94px;border:1px solid #fff;display: flex;justify-content:center;align-items: center;
}
.sz_pro_box .posi2 .mian2 .shuzi P {font-family: 'gilroy_bold';
  font-size: 0.26rem; line-height: 4;
  color: #fff;
  margin-top: 0.225rem;
}
.flexCenter {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.se_t{ padding:0 0 60px 0;background-image: -webkit-linear-gradient(0deg,#eef1f8,#bec7d0);}
.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% 0 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_p{ color: #222;font-size: 0.7rem; line-height: 1.5; font-family: 'gilroy_bold';}
.se_t .s_p3{ color: #222;font-size: 0.7rem; line-height: 1.5; font-family: 'gilroy_bold'; text-align: center;}
.se_t .s_p2{ color: #444;font-size: 0.36rem; line-height: 1.1; font-family: 'gilroy_bold'; }
.se_t p{ color: #333;font-size: 0.25rem; line-height: 1.1;margin:  1rem 0; }

.main-container-product-detail{ background: #e4e6ec;}
.main-container-product-detail .banner {
	width: 90%;margin:0 auto;padding:55px 0;
	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 div {
	margin-bottom: 0.73rem;
}
.main-container-product-detail .banner .left div span{
	color: #1b1b1b;
	line-height: 1.5;display: block; font-size: 0.44rem;
}
.main-container-product-detail .banner .left div i{
	color: #0a62e6; font-size: 0.44rem;
	line-height: 1;font-family: 'gilroy_bold'; display: block; font-style: normal;
}
.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: 47%;
	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: .2rem;
	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.17rem;color: #222; font-family: 'Montserrat-Medium';}
.application{border-top: 1px solid rgba(0, 0, 0, 0.1); background: #fff;}
.application ul {display: flex;justify-content: space-between;align-items: center; padding:55px 0 0 0}
.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 .biaoge{margin-top: 65px;}
.application .biaoge table{ border-collapse: collapse;font-size: 0.16rem;line-height: 2; color: #333;width:100%;}	
.application .biaoge th, .application .biaoge td{border: 1px solid #ebf8fe;line-height: 1.7;border-collapse: collapse;text-align:left;	    padding: 15px 10px;}
.application .biaoge tr{ background: #f2f9fc;}
.application .biaoge tr:nth-child(2n){ background: #ffffff;}
.se_product{  }
.se_product_pic{width:90%;margin: 0 auto; 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}
.product_in{background-image: -webkit-linear-gradient(0deg,#eef1f8,#bec7d0);padding:95px 0}
.ji_title{ text-align: center;color: #1b1b1b;  line-height: 1.5;  display: block;  font-size: 0.44rem;}
.ji_title i{font-style: normal; display: block;color: #555;font-size: 0.23rem;}
.sty6 .swiper-slide:hover .se_product_pic img{ transform:scale(1.01,1.01); -moz-transform:scale(1.01,1.015); -webkit-transform:scale(1.01,1.01);}
.sty6 { position: relative;width:90%;margin:0 auto}
.sty6 .swiper-container {width: 100%; }
.sty6 .swiper-slide {width: calc(100%/4 - 20px);display: block;position: relative; transition: all linear 0.3s; border-right: 0 solid rgba(0, 0, 0, .1); margin-right:20px;border-radius: 30px; background: rgba(255, 255, 255, 0.1); padding:35px 0}
.sty6 .swiper-slide .keshi_p{width:85%;margin:0 auto}
.sty6 .swiper-slide .keshi_p img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.sty6 .swiper-slide:hover .keshi_p img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.sty6 .swiper-slide .keshi_t{padding:0 6% 45px 6%;}
.sty6 .swiper-slide .keshi_t strong{ display: block;font-size: 0.3rem;color: #111;border-bottom: 1px solid rgba(0, 0, 0, .05); line-height: 3;font-family: 'gilroy_bold';}
.sty6 .swiper-slide .keshi_t p{ display: block;font-size: 0.16rem;color: #666;padding:15px 0 0 0;line-height: 2;}
.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 screen and (max-width:1440px) {
  .se_t2{padding: 110px 0 90px 0;    background: url(../img4/pbg2.jpg) no-repeat center bottom;}
  .se_t .s_p3{font-size: 0.5rem;}
  .se_t_t{    padding: 0 1% 65px 0%;}
  .se_t .s_p{font-size: 0.6rem;}
  .se_t p{    margin: 0.7rem 0;}
  .se_t .s_p2{font-size: 0.3rem;}
  .se_t .s_width{    width: 28%;}
  .se_t i{ width: 70px; height: 70px;}
  .main-container-product-detail .banner{width:95%}
  .f60{font-size: 0.45rem;}
  .sz_pro_box .posi2 .main1 i{    margin: 45px 0;}
  .sz_pro_box .posi2 .mian2 .shuzi P{line-height: 3;font-size: 0.22rem;    margin-top: 0;    margin-bottom: 0.225rem;}
  .sz_pro_box .posi2 .mian2 .shuzi div{width:84px;height: 84px;}
  .keshi p{width:84px;height: 84px;}
  .se_t{padding: 140px 0 70px 0;}
  
}

.product-info1 {
  width: 100%;
  height: 250vh; background-image: -webkit-linear-gradient(0deg,#eef1f8,#bec7d0); position: relative;
}
@media (max-width: 991px) {
  .product-info1 {
    display: none;
  }
}
.product-info1 .container {
  margin: 0 auto;
  width: 90%;
  max-width: 1800px;
}
.product-info1 .product-info1a {
  width: 100%;
  height: 100vh;
  position: sticky; z-index: 2;
  left: 0;
  top: -5vh;
  overflow: hidden;
}
.product-info1:before {  content: "";  width: 1px;  height: 100%;background: rgba(0, 0, 0, 0.05);  position: absolute;  right:25%;top:0; z-index: 1;}
.product-info1:after{content: "";width:1px ;height: 100%;background: rgba(0, 0, 0, 0.05); position: absolute;right:50%;top:0; z-index: 1;}
.product-info1 .product-info1a .cn1 {
  font-size: 3rem;font-family: 'gilroy_bold';
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);background-image:linear-gradient(180deg, #000, 20%, rgba(255, 255, 255, 0.1));;-webkit-background-clip:text;color: transparent;
  width: 100%;
  text-align: center;
  line-height: 1;opacity: 0.3;
  word-break: break-word;
}
@media (max-width: 1260px) {
  .product-info1 .product-info1a .cn1 {
    font-size: 3rem;
  }
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .cn1 {
    top: 20%;
    font-size: 1.8rem;
    line-height: 0.9em;
  }
}
.product-info1 .product-info1a .img {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .img {
    width: 80%;
    top: 37%;
  }
}
.product-info1 .product-info1a .img .img2 {
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.product-info1 .product-info1a .img.img9 {
  width: 100%;
  height: auto;
}
.product-info1 .product-info1a .img.img9 .img2 {
  width: 40%;
  height: auto;
}
.product-info1 .product-info1a .container {
  opacity: 0;
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
}
.product-info1 .product-info1a .container .text {
  width: 41%;
  background-image: linear-gradient(180deg, #fff, 80%, rgba(255, 255, 255, 0.1));
  border-radius: 25px;
  height: 65vh;
  overflow: auto;
  padding: 0.6rem;
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .container .text {
    width: 100%;
  }
}
.product-info1 .product-info1a .container .text .cn2 {
  color: #222; font-size: 0.48rem;font-weight: bold;
}
.product-info1 .product-info1a .container .text .cn7 {
  margin: 0 0 0.6rem;
  line-height:1; opacity: 0.1;font-size: 0.48rem; text-transform: uppercase;
	font-family: 'neutra_text_tf';
  color: #1a1a1a;
}
.product-info1 .product-info1a .container .text .cn3 {
  line-height: 2; font-size: 0.17rem; margin:0 0 35px 0;
  color: #333;
}
.product-info1 .product-info1a .container .text .cn9 {
  margin: 0.45rem 0;
}
.product-info1 .product-info1a .container .text .cn9::before {
  background-color: #d5d5d5;
}
.product-info1 .product-info1a .container .text .cn9::after {
  background-color: #d5d5d5;
}
.product-info1 .product-info1a .container .text .cn5 .cn6 {
  line-height: 1.8em;
  color: #333333;
  display: block;
}
.product-info1 .product-info1a .container .text .cn10 {
  margin-top: 0.9rem;
  display: flex;
  align-items: center;
  flex-wrap: Wrap;
}
.product-info1 .product-info1a .container .text .cn10 .cn11 svg {
  margin-right: 0.1rem;
}
.product-info1 .product-info1a .container .text .cn10 .cn11 svg path {
  fill: #00d1d1;
  opacity: 1;
  transition: all 0.4s;
}
.product-info1 .product-info1a .container .text .cn10 .cn11 img {
  margin-right: 0.1rem;
}
.product-info1 .product-info1a .container .text .cn10 .cn11 span {
  color: #00d1d1;
  transition: all 0.4s;
}
.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1) {
  min-width: 1.8rem;
  padding: 0 0.3rem;
  line-height: 0.5rem;
  border: 2px solid #00d1d1;
  display: flex;
  align-items: center;
  border-radius: 25px;
  margin-right: 0.4rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1) {
    line-height: 0.7rem;
    border-radius: 0.35rem;
  }
}
.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover {
  background-color: #00d1d1;
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover {
    background-color: transparent;
  }
}
.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover svg path {
  fill: #fff;
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover svg path {
    color: #00d1d1;
  }
}
.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover span {
  color: #fff;
}
@media (max-width: 991px) {
  .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover span {
    color: #00d1d1;
  }
}
.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(2) {
  line-height: 0.5rem;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
}

.s_en{width:15px;height:3px;background: #0a62e6; display: block;margin: 0 0 25px 0;}
.text i{  width:70px;height: 70px;border-radius: 35px;background: #0a62e6; display: flex;justify-content: center;align-items: center;position: absolute;  left: 0.6rem;  bottom: 0.6rem; }
.text 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);}
}
/* i_part2  */
.index_con {position:relative;overflow:hidden;height:100vh;}
.i_part2 {position:relative;}
.i_part2 .con {position:relative;width:100%;height:100%;}
.i_part2 .con .boxs,.i_part2 .con .box,.i_part2 .con .box1 {height:100%;}
.i_part2 .con .boxs {display:none;}
.i_part2 .con .box1 {background-color:rgba(0,0,0,0.1);}
.i_part2 .con .boxs {display:flex;}
.i_part2 .con .box {width:20%;position:relative;overflow:hidden;z-index:3;}

.i_part2 .con .box .boxx {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;}
.i_part2 .con .box .boxx.show {z-index:3;-webkit-animation:wid 1s ease both;-moz-animation:wid 1s ease both;width:0%;}
.i_part2 .con .tit {position:absolute;text-align:center;font-weight:bold;top:31%;left:0;width:100%;color:#ffffff;z-index:10;line-height:86px;}
.i_part2 .video_box {position:absolute;top:0;left:0;width:100%;height:100%;}
.i_part2 .video_box .video {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:fill;opacity:0;transition:all 0.9s;}
.i_part2 .video_box .video.show {width:100%;height:100%;opacity:1;z-index:2;}
@-webkit-keyframes hid {0% {height:100%;}
100% {height:0%;}
}
@-moz-keyframes hid {0% {height:100%;}
100% {height:0%;}
}
@-webkit-keyframes wid {0% {width:0%;}
100% {width:100%;}
}
@-moz-keyframes wid {0% {width:0%;}
100% {width:100%;}
}
.i_part2 .con .box .box1 {position:absolute;top:0;width:100vw;overflow:hidden;cursor:pointer;}
.i_part2 .con .box .show .box1 {background-color:rgba(0,0,0,0.8);-webkit-animation:hid1 0.1s 0.9s ease both;-moz-animation:hid1 0.1s 0.9s ease both;}
@-webkit-keyframes hid1 {0% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes hid1 {0% {opacity:1;}
100% {opacity:0;}
}
/* choose */
.pro-text { position: absolute;width: 90%;    left: 5%;    top: 10%;z-index: 5; display: flex;justify-content: space-between;align-items: center;  }
.pro-text i{position: absolute;left:0;top:0%;font-style:normal;font-size: 1rem;color: #fff;text-transform: uppercase;opacity:0.1;z-index: 1;font-family: neutra_text_tf;}
.pro-text strong {display: block;font-size: 0.6rem;color: #fff;     margin: 45px 0 35px 0;}
.pro-text strong span{font-weight: normal;}
.pro-text p {color: #fff;font-size: 0.18rem;line-height: 2; }
.pro-text a{width:}
.pro-text  a{width:180px; display: block; line-height:51px;color: #fff;border: 2px solid rgba(255, 255, 255, .2);transition: 0.3s; font-size: 0.2rem; padding:0 19px;position: relative;  }
.pro-text  a:after{ content: '>'; font-size:0.2rem;position:absolute;right:10px;top:0; width:25px}
.pro-text  a:hover{ background: #e61010; color: #fff;border: 2px solid #e61010;}
.i_part2 .con .bottom {position:absolute;left:5%;bottom:45px; width:90%; padding:55px 0 0 0;color:#ffffff;z-index:10; display: flex;justify-content: space-between;flex-wrap: wrap; align-items: flex-end;border-top: 1px solid rgba(255, 255, 255, .2);  }
.i_part2 .con .bottom .btn {  text-align:center;cursor:pointer;transition:all 0.3s; font-size: 0.24rem;color: #fff; line-height: 2; display: flex;justify-content:center; align-items: center; flex-direction: column; }
.i_part2 .con .bottom .btn:hover,.i_part2 .con .bottom .btn.on {color:#fff; font-weight: bold;}
.i_part2 .con .bottom .btn .pic {  }
.i_part2 .con .bottom .btn .pic img {margin:0 auto;width:63px;display: block;}
.i_part2 .con .bottom .btn .pic .img1 {display:block;}
.i_part2 .con .bottom .btn:hover .pic{ }
/* i_part2 end */
@media only screen and (max-width:1380px){ 
  .i_part2 .con .bottom .btn .pic img{width:70px}
}
@media only screen and (max-width:1200px){ 
  .index_con {		height: 50vh;	}
	.pro-text strong{ font-size: 0.25rem; margin: 15px 0 15px 0; }
	.pro-text i{ font-size: 0.28rem; }
	.pro-text a{display: none;}
	.i_part2 .con .bottom{height: 50vh;bottom: 15px;width: 98%;left: 1%;}
	.i_part2 .con .bottom .btn{width:20%; flex-direction: column;}
	.pro-text p{width:100%; line-height: 1.7; font-size: 0.16rem;}
	.i_part2 .con .bottom .btn .pic img{    width: 30px;}
	.i_part2 .con .bottom .btn{ font-size: 0.18rem; }
	.i_part2 .con .bottom .btn .pic{ margin-right: 0;}
}

	