@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(animate.min.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;}
.banner .swiper-pagination { width: 100%;bottom: 55px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination .swiper-pagination-bullet { width:60px; height: 4px;  margin: 0 5px; border-radius:0%; position:relative; z-index:0; background:none;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:#fff;opacity:0.4;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:none;}
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{ width:100%;transition:all 5s;}
/*关于*/
.wrapper{ overflow:visible;}
.flex{display: flex;flex-wrap: wrap;}
.indmh{width: 100%;position: relative;height: 300vh;}
.indmh-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indmh-bg{width: 100%;height: 100vh;}
.indmh-bg img{ width:100%; height:100%;object-fit: cover;}
.indmh-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.indmh-logo img{display:block;width: 100%;height: 100%;object-fit: cover;}
.indmh-text{width: 100%;position: absolute;z-index: 3;justify-content: center;left: 0;transition: all .4s ease;}
.indmh-text span{position: relative;margin-left: 24px;}
.indmh-text span:first-child{margin-left: 0;}
.indmh-text.active{opacity: 0;}
.indmh-text.txt1{top: 28vh;color: #020202;}
.indmh-text.txt2{top: 68vh; color:#222222;}
/*产品*/
.i_product_bg{ background:#f6f6f6; overflow:hidden;}
.i_product{ overflow:hidden; margin-top:4px;}
.i_product ul li{ float:left;width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);  overflow:hidden; margin-bottom:4px; position:relative;}
.i_product ul li:nth-child(2n+0){ float:right;}
.i_product ul li .imgs{width:100%; overflow:hidden; position:relative; padding-top:49.2%;}
.i_product ul li .imgs img{display: block;height: 100%;width: 100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_product 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_product ul li .txts{ overflow:hidden; width:100%; position:absolute; top:0; left:0; height:100%; }
.i_product ul li .txts .cons{ overflow:hidden; margin:0 auto;width:94%; max-width:830px;transition:all 0.3s;}
.i_product ul li .txts .h2{  font-weight:normal; height:36px; line-height:36px; overflow:hidden;color:#fff; margin-top:50px;white-space:nowrap;text-overflow:ellipsis; transition:all 0.3s;}
.i_product ul li .txts .desc{line-height:32px; height:32px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;color:#fff; margin-top:2px; }
/*新闻*/
.i_news_bg{ background:#f5f7fa; overflow:hidden;}
.i_title{ overflow:hidden; margin-top:9%; text-align:center;}
.i_title .p{ color:#545555; overflow:hidden; line-height:1.2; }
.i_title .h3{ color:#242933; font-weight:normal; overflow:hidden; line-height:1.3; margin-bottom:1%;}
.i_title .bnts{ text-align:center; margin-top:2%; height:34px;}
.i_title .a{ display:inline-block; vertical-align:top; line-height:28px; height:28px; color:#242933; text-align:left;-webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);
    transition: all .5s cubic-bezier(0.33,0,.67,1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.i_title .a:hover{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04); color:#5a5a5a;}
.i_title .a span{display: inline-block; vertical-align:top;-webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);
    transition: all .5s cubic-bezier(0.33,0,.67,1);}
.i_title .a:hover span{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04);}
.i_title .a i{position: relative; display: inline-block;margin-left: 7px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1); -o-transition: all .5s cubic-bezier(0.33,0,.67,1);
 -moz-transition: all .5s cubic-bezier(0.33,0,.67,1); transition: all .5s cubic-bezier(0.33,0,.67,1);width: 40px;height: 26px;border: solid 2px #2a2933;}
.i_title .a:hover i{border-color:#2a2933;-webkit-transform:scale(1.2) translateX(6px);-moz-transform:scale(1.2) translateX(6px);-ms-transform:scale(1.2) translateX(6px);-o-transform:scale(1.2) translateX(6px);transform:scale(1.2) translateX(6px); background:#2a2933;}
.i_title .a i:before{ content:">"; font-style:normal; position:absolute; left:50%; margin-left:-4px; top:0; height:24px; line-height:24px;  text-align:center;-webkit-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -o-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -moz-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; transition: all .33s; font-family:"宋体"; font-weight:bold; }
.i_title .a:hover i:before{opacity:0;color:#415fff;-webkit-transform:translateX(7px) scale(0.3);-moz-transform:translateX(7px) scale(0.3);-ms-transform:translateX(7px) scale(0.3);-o-transform:translateX(7px) scale(0.3);transform:translateX(7px) scale(0.3);-webkit-transition:all .33s cubic-bezier(0.33,0,.67,1);-o-transition:all .33s cubic-bezier(0.33,0,.67,1);-moz-transition:all .33s cubic-bezier(0.33,0,.67,1);transition:all .33s cubic-bezier(0.33,0,.67,1)}
.i_title .a i:after{opacity: 0;content:">"; font-style:normal; position:absolute; left:50%; margin-left:-2px; top:0; height:24px; line-height:24px;  text-align:center;-webkit-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -o-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -moz-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; transition: all .33s; font-family:"宋体"; font-weight:bold; }
.i_title .a:hover i:after{opacity:1;color:#fff;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;-o-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;-moz-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;transition:all .33s cubic-bezier(0.33,0,.67,1) .17s; left:60%;}
@media all and (max-width:1599px) {
/*关于*/
.indmh-text {top: 88vh;}
}
@media screen and (max-width: 1400px) {
/*轮显*/
.banner .swiper-pagination{ bottom:40px;}

}

@media all and (max-width:1279px) {
/*关于*/
.indmh-text span{margin-left: 18px;}
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:40px;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:50px;}
}
@media all and (max-width:1151px) {
/*关于*/
.indmh{height:auto; margin-top:4px;}
.indmh-sticky{position: static;}
.indmh-bg{/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;*/ position:static; height:auto;}
.indmh-bg img{ height:auto; }
.indmh-logo{display: none;}
.indmh-text{display: none;}
/*产品*/
.i_product{ margin-top:0px;}
}

@media screen and (max-width: 960px) {
/*轮显*/
.banner .swiper-pagination .swiper-pagination-bullet{ height:3px;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:40px;}
/*产品*/
.i_product ul li .txts .h2{ margin-top:30px;}
/*新闻*/
.i_title .h3{ margin-bottom:1.5%;}

}

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

}
@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;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:30px;}
/*产品*/
.i_product ul li .txts .h2{ margin-top:20px; height:30px; line-height:30px;}
.i_product ul li .txts .desc{ line-height:26px; height:26px;}
/*新闻*/
.i_title .h3{ margin-bottom:2%;}
.i_title .bnts{   margin-top:2.5%; }
}

@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%;}
/*产品*/
.i_product ul li .txts .h2{ height:26px; line-height:26px; margin-top:15px;}


}


@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;}
/*产品*/
.i_product ul li .txts .h2{ height:24px; line-height:24px; margin-top:10px;}
.i_product ul li .txts .desc{height:24px; line-height:24px; margin-top:0;}

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

}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) 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(-100px) translateX(0);
  transform: translateY(-100px) 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);}
}