@import url(style.css);
@import url(mobile.css);
@import url(custom.css);

/*首页*/
/* .header .nav > ul > li.on > a{ color:#fff;}
.header:hover .nav > ul > li.on > a{ color:var(--main-color);} */
/*轮显*/
.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;font-family:'Poppins-Regular',"微软雅黑";}
.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 .wrap12{text-align: left;}
.main .banner .swiper-slide .txt{text-align: left;/* max-width: 880px; */max-width: 1372px;font-weight: lighter;font-family:'Poppins-Light',"微软雅黑";}
.main .banner .swiper-slide .p{text-align: left;}
.main .banner .swiper-slide .desc{text-align: left;}
.main .banner .swiper-pagination{width: 100%;text-align: center;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 20px;height: 20px;background: #ffffff;border-radius: 195px;opacity: 1;margin-right: 8px;margin-left: 8px;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet-active{background: var(--main-color);}
.main .banner .swiper-slide .rbtn{border-color: #ffffff;}
.main .banner .swiper-slide .rbtn:hover{border-color: var(--main-color);}
.main .banner .swiper-slide .rbtn::before{background-image: url(../images/i_pic8_on.png);}
.main .banner .swiper-slide .cons{opacity: 0;display: block;position: relative;padding-top: 2%;margin-top: 7%;}
.main .banner .swiper-slide .cons::after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 2px;background: #ffffff;transition:all 1.3s;font-size: 0;transition-delay: 1s;}
.main .banner .swiper-slide.swiper-slide-active .cons {animation: slideUp 0.5s ease-out forwards;}
.main .banner .swiper-slide.swiper-slide-active .cons::after{width: 100%;}
.main .banner .pic1{position: absolute;bottom: 0;left: 0;width: 100%;display: block;z-index: 1;}
.main .banner .swiper-slide .cons .learn-more{margin-top: 9%;}
@keyframes slideUp {  
  from {  
    transform: translateY(100%);
    opacity: 0; 
  }  
  to {  
    transform: translateY(0);
    opacity: 1;
  }  
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:70px;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width:16px;height: 16px;margin-left: 6px;margin-right: 6px;}

}

@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{bottom:50px;}
.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;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 12px;height: 12px;margin-left: 3px;margin-right: 3px;}
.main .banner .swiper-slide .desc{margin-top: 1%;}
.main .banner .swiper-slide .cons{padding-top: 3%;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.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%;}
.main .banner .swiper-pagination{margin-top: 10px;}
.main .banner .swiper-slide .txt{font-size: 30px;}
.main .banner .swiper-slide .cons{padding-top: 4%;}
}


@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;}

}
@media screen and (min-width: 1200px) {
/*轮显*/
.main .banner .swiper-container{ height:100%!important;}
.main .banner .swiper-slide {position: relative; height:100%;}
.banner img {height: 100vh;object-fit: cover;}
}
/*栏目*/
.i_class{margin-top: 6.3%;margin-bottom: 4.5%;overflow: hidden;}
.i_class ul{display: flex;flex-wrap: wrap;}
.i_class ul li{width: 32.36%;margin-right: 1.46%;margin-bottom: 1.46%;position: relative;overflow: hidden;}
.i_class ul li:first-child{width: 66.18%;}
.i_class ul li:nth-child(2),.i_class ul li:nth-child(5){margin-right: 0;}
.i_class ul li:first-child .imgs{padding-top: 49%;}
.i_class ul li .imgs{ overflow:hidden; position:relative; padding-top:100.17%; }
.i_class ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_class ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_class ul li .bgs{position: absolute;overflow: hidden;left: 0;top: 0;width: 100%;height: 100%;}
.i_class ul li .boxs{padding-left: 30px;padding-right: 30px;margin-top: 32px;}
.i_class ul li .boxs .h3{font-weight: normal;color: #ffffff;line-height: 40px;font-family:'Poppins-Regular',"微软雅黑";}
.i_class ul li .boxs .learn-more{width: 164px;position: absolute;bottom: 36px;}

@media screen and (max-width: 1200px) {
/*栏目*/
.i_class ul li .boxs{padding-left: 20px;padding-right: 20px;}

}
@media screen and (max-width: 992px) {
/*栏目*/
.i_class ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
.i_class ul li:first-child{width: 100%;}
.i_class ul li:nth-child(2){margin-right: 2%;}
.i_class ul li:nth-child(1),.i_class ul li:nth-child(3){margin-right: 0;}
.i_class ul li .boxs{margin-top: 28px;}
.i_class ul li .boxs .h3{line-height: 32px;}
}

@media screen and (max-width:640px) {
/*栏目*/
.i_class ul li .boxs{margin-top: 25px;padding-left: 15px;padding-right: 15px;}
.i_class ul li .boxs .h3{line-height: 28px;}
.i_class ul li .boxs .learn-more{width: 130px;}
}

@media screen and (max-width:480px) {
/*栏目*/
.i_class ul li .boxs{margin-top: 20px;padding-left: 12px;padding-right: 12px;}
.i_class ul li .boxs .learn-more{bottom: 25px;width: 110px;line-height: 32px;}
.i_class ul li .boxs .h3{line-height: 22px;font-size: 16px;}
}
@media screen and (max-width:420px) {
/*栏目*/
.i_class ul li .boxs{margin-top: 15px;padding-left: 10px;padding-right: 10px;}
.i_class ul li .boxs .learn-more{bottom: 20px;width: 100px;}
.i_class ul li .boxs .h3{line-height: 20px;font-size: 15px;}
}
/*关于我们*/
@keyframes scaleAnim{
  0%{         
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  100%{
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
.i_about_bg{overflow: hidden;/* background-repeat:no-repeat;background-position: center center;background-size: cover; */}
.i_about_bg .i_about_img{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;min-height: 300px;}
.i_about_bg .i_about_img img{width:100%;filter: Alpha(Opacity=0);opacity: 0;display: block;}
.i_about_bg.animated .i_about_img{-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.i_about_bg .bgs{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.i_about_bg .bgs .wrap2{position: relative;height: 100%;overflow: hidden;}
.i_about_bg .i_about{position: relative;margin-top:8%;padding-top: 1.8%;}
.i_about_bg .i_about::after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 2px;background: #ffffff;transition:all 1.3s;font-size: 0;transition-delay: 1s;}
.i_about_bg .i_about.animated::after{width: 100%;}
.i_about_bg .i_about .h3{font-family:'Poppins-Light',"微软雅黑";color: #ffffff;line-height: 1.3;font-weight: lighter;}
.i_about_bg .i_about .p{overflow: hidden;line-height: 1.6;color: #ffffff;margin-top: 0.8%;}
.i_about_bg .i_about .learn-more{line-height: 46px;width: 274px;font-size: 18px;margin-top: 3.7%;}
.i_about_bg .i_about .learn-more span{font-family:"宋体";margin-left: 3%;font-weight: bold;}
.i_about_bg .ico{height: 75px;display: block;bottom: 9%;position: absolute;}
@media (max-width: 1200px) {
/*关于我们*/
.i_about_bg .ico{height: 65px;}
.i_about_bg .i_about .learn-more{font-size: 16px;width: 240px;}
}
@media (max-width: 992px) {
/*关于我们*/
.i_about_bg .ico{height: 60px;}
.i_about_bg .i_about .learn-more{margin-top: 4.5%;}
}
@media (max-width: 768px) {
/*关于我们*/
.i_about_bg .ico{height: 50px;}
.i_about_bg .i_about .learn-more{font-size: 15px;width: 220px;line-height: 40px;}
}
@media screen and (max-width: 480px) {
/*关于我们*/
.i_about_bg .ico{height: 40px;}
.i_about_bg .i_about .learn-more{font-size: 14px;width: 200px;line-height:32px;margin-top: 5%;}

}
@media screen and (max-width: 420px) {
/*关于我们*/
.i_about_bg .i_about .learn-more{width: 180px;font-size: 13px;}
.i_about_bg .ico{height: 32px;}
}
/*Sustainability*/
.i_sustainability_bg{overflow: hidden;position: relative;z-index: 0;}
.i_sustainability_bg::after{z-index: -1;content: "";position: absolute;width: 100%;height: 94%;left: 0;top: 0;background: #fcfcfc;}
.i_sustainability{margin-top: 5%;overflow: hidden;position: relative;}
.i_sustainability .one{overflow: hidden;display: flex;justify-content: space-between; flex-wrap: wrap;}
.i_sustainability .one .cons{max-width: 560px;overflow: hidden;color: rgba(18, 21, 21, 0.8);line-height: 1.6;}
.i_sustainability .one .h3{font-family:'Poppins-Light',"微软雅黑";font-weight: lighter;color: #414141;overflow: hidden;line-height: 1.3;}
.i_sustainability .imgs{overflow: hidden;margin-top: 4%;}
.i_sustainability .imgs img{width: 100%;display: block;}
.i_sustainability .learn-more{bottom: 6%;left: 50%;position: absolute; transform: translate(-50%, 0%);width: 212px;}
@media screen and (max-width: 1560px) {
/*Sustainability*/

}
@media screen and (max-width: 1200px) {
/*Sustainability*/
.i_sustainability .learn-more{width: 180px;}
}
@media screen and (max-width: 992px) {
/*Sustainability*/
.i_sustainability{display: block;}
.i_sustainability .learn-more{width: 160px;}
}
@media screen and (max-width:640px) {
/*Sustainability*/
.i_sustainability .learn-more{width: 130px;}
}
@media screen and (max-width:480px) {
/*Sustainability*/
.i_sustainability .learn-more{width: 110px;}
}

/*Minth Integrity*/
.i_integrity{overflow: hidden;margin-top: 6%;margin-bottom: 7%;}
.i_integrity .one{position: relative;padding-top: 2%;overflow: hidden;color: #333333;font-family:'Poppins-Light',"微软雅黑";font-weight: lighter;z-index: 0;line-height: 1.3;}
.i_integrity .one::after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 2px;background: #999999;transition:all 1.3s;font-size: 0;transition-delay: 1s;}
.i_integrity .one.animated::after{width: 100%;}
.i_integrity .two{overflow: hidden;display: flex;justify-content: space-between;margin-top: 5%;color: #727272;}
.i_integrity .two .two_l{width:calc(98% - 345px);width:-webkit-calc(98% - 345px);width:-moz-calc(98% - 345px);max-width: 888px;}
.i_integrity .two .two_l ul{display: flex;overflow: hidden;justify-content: space-between;flex-wrap: wrap;}
.i_integrity .two .two_l ul li{width: 49%;max-width: 416px;overflow: hidden;}
.i_integrity .two .two_l ul li .h4{font-weight: normal;overflow: hidden;line-height: 1.3;color: #000000;font-family:'Poppins-Regular',"微软雅黑";}
.i_integrity .two .two_l ul li .p{overflow: hidden;line-height: 26px;margin-top: 6%;max-height: 286px;}
.i_integrity .two .two_l ul li:nth-child(1),.i_integrity .two .two_l ul li:nth-child(2){margin-bottom: 5%;}
.i_integrity .two .two_r{overflow: hidden;width: 345px;}
.i_integrity .two .two_r .two_r_one{overflow: hidden;}
.i_integrity .two .two_r .two_r_one ul li{display: flex;margin-bottom: 10%;width: 100%;align-items: center;}
.i_integrity .two .two_r .two_r_one ul li img{display:block;height: 50px;width: 50px;margin-right: 22px;}
.i_integrity .two .two_r .two_r_one ul li .p{overflow: hidden;width:calc(100% - 72px);width:-webkit-calc(100% - 72px);width:-moz-calc(100% - 72px);max-width: 202px;}
.i_integrity .two .two_r .two_r_two{overflow: hidden;margin-top: 130px;}
.i_integrity .two .two_r .two_r_two .h4{font-weight: normal;overflow: hidden;line-height: 1.3;color: #000000;font-family:'Poppins-Regular',"微软雅黑";}
.i_integrity .two .two_r .two_r_two .p{overflow: hidden;line-height: 26px;margin-top:6%;margin-bottom: 6%;}
.i_integrity .two .two_r .two_r_two .a{display: block;width: 256px;line-height: 44px;color: #ffffff;background: var(--main-color);text-align: center;font-weight: bold;border-radius: 6px;transition:all 0.3s;margin-top: 12%;font-family:'Poppins-Regular',"微软雅黑";}
.i_integrity .two .two_r .two_r_two .a:hover{opacity:0.8;filter:Alpha(opacity=80);}
@media screen and (max-width: 1560px) {
/*Minth Integrity*/
.i_integrity .two .two_r .two_r_two{margin-top: 98px;}

}
@media screen and (max-width: 1200px) {
/*Minth Integrity*/
.i_integrity .two .two_r .two_r_two{margin-top: 116px;}

}
@media screen and (max-width: 992px) {
/*Minth Integrity*/
.i_integrity .two{display: block;}
.i_integrity .two .two_l{width: calc(100% - 0px);width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); max-width: none;}
.i_integrity .two .two_l ul li .p{max-height: none;}
.i_integrity .two .two_r{width: 100%;display: flex;justify-content: space-between;margin-top: 5%;}
.i_integrity .two .two_r .two_r_one{width: 49%;max-width: 416px;}
.i_integrity .two .two_r .two_r_two{width: 49%;max-width: 416px;margin-top: 0;}

}
@media screen and (max-width:640px) {
/*Minth Integrity*/
.i_integrity .two .two_l ul{display: block;}
.i_integrity .two .two_l ul li{width: 100%;max-width: none;}
.i_integrity .two .two_l ul li:nth-child(3){margin-bottom: 5%;}
.i_integrity .two .two_r .two_r_one ul li img{width: 44px;height: 44px;margin-right: 12px;}
.i_integrity .two .two_r .two_r_one ul li .p{width:calc(100% - 56px);width:-webkit-calc(100% - 56px);width:-moz-calc(100% - 56px);}
.i_integrity .two .two_r .two_r_two .a{width: 100%;}

}
@media screen and (max-width:480px) {
/*Minth Integrity*/
.i_integrity{margin-bottom: 8%;}
.i_integrity .two .two_r .two_r_one ul li img{width: 36px;height: 36px;margin-right: 10px;}
.i_integrity .two .two_r .two_r_one ul li .p{width:calc(100% - 46px);width:-webkit-calc(100% - 46px);width:-moz-calc(100% - 46px);}
.i_integrity .two .two_r .two_r_two .a{line-height: 40px;margin-top: 8%;}
.i_integrity .two .two_r .two_r_two .p{line-height: 22px;}
.i_integrity .two .two_r{display: block;}
.i_integrity .two .two_r .two_r_one{width: 100%;max-width: none;}
.i_integrity .two .two_r .two_r_one ul li{margin-bottom: 4%;}
.i_integrity .two .two_r .two_r_two{width: 100%;max-width: none;margin-top: 1%;}
.i_integrity .two .two_r .two_r_two .p{margin-top: 2%;margin-bottom: 5%;}
}
@media screen and (max-width:420px) {
/*Minth Integrity*/
.i_integrity .two .two_r .two_r_two .p{line-height: 20px;}
}
/**/
@media screen and (max-width: 1560px) {


}
@media screen and (max-width: 1200px) {


}
@media screen and (max-width: 992px) {


}
@media screen and (max-width:640px) {

}
@media screen and (max-width:480px) {

}



@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(60px) translateX(0);

  transform: translateY(60px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(60px) translateX(0);

  transform: translateY(60px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}