@import url(style.css);

/*首页*/
/*轮显*/
.index_banner { margin-top:97px; width:100%;  clear:both; overflow:visible;}
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;transition:all 0.3s;}
.banner .text { max-width: 1440px; width: 96%; position: absolute; left: 50%; top: 49%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; color: #fff; /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898);*/ padding: 0 20px; line-height:1.1;}
.banner .text .span{  color:#9fa0a0; display:inline-block; padding-right:28px; position:relative; text-transform:uppercase; padding-bottom:12px; line-height:1;}
.banner .text .span:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#d4082b; }
.banner .text .h3{ font-weight:bold; line-height:1.2; overflow:hidden; color:#fff;margin-top:1%; padding-bottom:1%;}
.banner .text .desc{ margin-top:2%; overflow:hidden; color:#9fa0a0; line-height:1.3;}
.banner .text .small{ display:inline-block;margin-top:3.5%; position:relative; overflow:hidden; color:#fff; text-transform:uppercase; padding-top:2%; font-weight:bold; font-family:Arial;}
.banner .text .small:after{ content:""; position:absolute; top:0; left:0; width:22px; height:4px; background:#fff; }
.banner .swiper-pagination { width: 100%;bottom: 45px; 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.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 46px; height: 5px; background:#3f3b3a;opacity: 1; margin: 0 7px; border-radius:10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background: #7d7d7d; }
.swiper-button-next, .swiper-button-prev{ width:23px; height:40px; background-size:100% 100%;-webkit-tap-highlight-color:transparent; outline:none;}
.swiper-button-next{ right:2%; background-image:url(../images/right.png);}
.swiper-button-prev{ left:2%;background-image:url(../images/left.png);}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner:hover .lzpic1{transform:scale(1.05, 1.05);}
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}
/*关于我们*/
.i_t{ text-align:center; margin-top:5%; text-transform:uppercase; position:relative; color:#eeefef; font-weight:bold; overflow:hidden; line-height:1;}
.i_t.bgs2{ letter-spacing:30px;}
.i_t.bgs2 .txt{ letter-spacing:30px;}
.i_t.bgs3{ letter-spacing:20px;}
.i_t.bgs3 .txt{ letter-spacing:20px;}
.i_t .txt{ position:absolute; top:50%; width:100%; text-transform:none; color:#595757; overflow:hidden; left:0;transform: translate(0%, -50%); font-weight:normal; letter-spacing:3px; font-weight:bold;}
.i_t .txt span{ display:inline-block; overflow:hidden; position:relative;}
.i_about{ overflow:hidden; margin-top:5%; margin-bottom:6%; text-align:center;}
.i_about .h3{ color:#231815; font-weight:bold; overflow:hidden; line-height:1.2;}
.i_about .txts{ color:#727171; overflow:hidden; margin-top:2%; line-height:1.9;font-size:19px;}
.i_about .counter{ margin-top:4%; text-align:center;}
.i_about .counter ul li{ float:left; width:33.3333333333333%; transition:all 0.3s; position:relative; }
.i_about .counter ul li:after{ content:""; position:absolute; right:0; top:0; height:100%; width:2px; background:#dddede;}
.i_about .counter ul li:last-child:after{ width:0;}
.i_about .counter ul li .txts2{padding-left:1%; padding-right:1%;}
.i_about .counter ul li .nums{ overflow:hidden; color:#d4082b; line-height:1; letter-spacing:2px;}
.i_about .counter span{  display:inline-block; vertical-align:top; overflow:hidden; }
.i_about .counter label{  display:inline-block; vertical-align:top; margin-top:5%;font-weight:500;  }
.i_about .counter .h6{ font-weight: normal;  overflow:hidden; line-height:24px; height:24px; color:#595757; white-space:nowrap;text-overflow:ellipsis; margin-top:2px; margin-bottom:6px;}
.i_about .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}


/*品牌*/
.i_brand_bg{ background:#f6f6f6; overflow:hidden;}
.i_brand{ overflow:hidden; margin-top:5%; margin-bottom:5%; text-align:center;}
.i_brand img{ width:150px; display:block; margin:0 auto;}
.i_brand .h3{ color:#231815; font-weight:bold; overflow:hidden; line-height:1.2; margin-top:2%;}
.i_brand .txts{ color:#727171; overflow:hidden; margin-top:2%; line-height:1.9; font-size:19px;}
.i_brand .imore1{display:block; margin:0 auto; width:182px; height:42px; line-height:42px;  overflow:hidden;transition:all 0.3s; margin-top:2.5%; background:#d4082b; font-size:15px; color:#fff; border-radius:6px;}
.i_brand .imore1:hover{ opacity:0.8;filter:Alpha(opacity=80);}


.h-solution .imore1{display:block; margin:0 auto; width:182px; height:42px; line-height:42px;  overflow:hidden;transition:all 0.3s; margin-top:2.5%; background:#d4082b; font-size:15px; color:#fff; border-radius:6px; text-align:center;}
.h-solution .imore1:hover{ opacity:0.8;filter:Alpha(opacity=80);}



/*服务流程*/
.i_service_bg{ background:#f6f6f6; overflow:hidden;}
.i_service_bg .i_t{ color:#fff;}
.i_service2{ margin-top:5%; text-align:center; overflow:hidden; margin-bottom:6%;}
.i_service2 ul li{ float:left; width:25%; transition:all 0.3s; position:relative;}
.i_service2 ul li:after{ content:""; position:absolute; right:-15px; top:40px; height:8px; width:30px; background:url(../images/i_bg2.png) no-repeat; background-size:100% 100%;}
.i_service2 ul li:last-child:after{ width:0;}
.i_service2 ul li .boxs{ width:94%; margin:0 auto; overflow:hidden;}
.i_service2 ul li i{ display:block; width:56px; height:92px; margin:0 auto; background-repeat:no-repeat; background-size:100% 100%;}
.i_service2 ul li i.bgs1{ background-image:url(../img/i_a1.png);}
.i_service2 ul li i.bgs2{ background-image:url(../img/i_a2.png);}
.i_service2 ul li i.bgs3{ background-image:url(../img/i_a3.png);}
.i_service2 ul li i.bgs4{ background-image:url(../img/i_a4.png);}
.i_service2 ul li .h3{ font-weight:bold; height:32px; line-height:32px; overflow:hidden; margin-top:8%; color:#d4082b;}
.i_service2 ul li .p{ margin:0 auto; max-width:240px; color:#898989; font-size:15.4px; overflow:hidden; line-height:26px; height:156px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;margin-top:8%;}

/*公司团队*/
.i_team_txt{ text-align:center; line-height:32px;overflow:hidden; margin-top:3%;  color:#898989; font-size:17px;}
/*新闻资讯*/
.i_news_a{ overflow:hidden; position:relative; text-align:center;height:64px; line-height:64px; margin-top:4%;}
.i_news_a:before{ content:""; position:absolute; left:0px; top:0px; height:1px; width:100%; background:#f6f6f6;}
.i_news_a:after{ content:""; position:absolute; left:0px; bottom:0px; height:1px; width:100%; background:#f6f6f6;}
.i_news_a .i_news_a_box{ max-width:880px; overflow:hidden; margin:0 auto;}
.i_news_a .scroller {position:absolute;}
.i_news_a .scroller li {float: left;/*  padding-right:3%;*/}
.i_news_a .scroller li:nth-child(1) {margin-right:0%; } 
.i_news_a .scroller li dd{ overflow:hidden; float:left; width:176px;position:relative; cursor:pointer;}
.i_news_a .scroller li a{ color:#3e3a39; display:block;transition:all 0.3s;  }
.i_news_a .scroller li a:hover{ color:#d4082b;}
.i_news_a .scroller li.cur a{color:#fff; background:#d4082b;}
.i_news{ padding-top:5%;max-width:1300px; margin:0 auto;}
.i_news .i_news_l{ float:left; width:59%; max-width:758px; overflow:hidden;}
.i_news .i_news_l .imgs{ float:left; max-width:316px; width:42%; overflow:hidden; margin-right:3%; position:relative;}
.i_news .i_news_l .img{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;-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; height:360px;}
.i_news .i_news_l .img:hover{-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_news .i_news_l .imgs img{  width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_news .i_news_l .imgs .date{ position:absolute; left:6%; top:6%; color:#fff; font-weight:bold;}
.i_news .i_news_l .imgs .date span{ display:block;}
.i_news .i_news_l .txts{ overflow:hidden;}
.i_news .i_news_l .txts .h3{ font-weight:bold; overflow:hidden; height:38px; line-height:38px; margin-top:25px; color:#d4082b;}
.i_news .i_news_l .txts .p{ overflow:hidden; line-height:26px; height:208px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; font-size:15.4px; color:#9fa0a0; margin-top:18px;}
.i_news .i_news_l .txts .imore{ width:41px;transition:all 0.3s; display:block; margin-top:20px;}
.i_news .i_news_l .txts .imore:hover{ margin-left:5px;opacity:0.8;filter:Alpha(opacity=80);}
.i_news .i_news_r{ float:right; width:38.4%;}
.i_news .i_news_r ul li{ display:block; height:120px;transition:all 0.3s;}
.i_news .i_news_r ul li:hover{box-shadow: 5px 4px 10px 0 rgba(0, 0, 0, 0.3);}
.i_news .i_news_r ul li .date{ float:left; margin-left:30px; width:86px; overflow:hidden; color:#d4082b; margin-top:25px; font-size:17px; line-height:26px; position:relative; margin-right:40px;}
.i_news .i_news_r ul li .date b{ display:block; height:38px; line-height:38px;}
.i_news .i_news_r ul li .date:after{ content:""; position:absolute; right:0; top:11px; height:36px; width:2px; background:#9f9fa0;}
.i_news .i_news_r ul li .txts{ overflow:hidden; padding-right:2%; max-width:306px;}
.i_news .i_news_r ul li .txts .h3{ font-weight:normal; font-size:13.75px; color:#9fa0a0; height:26px; line-height:26px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:18px; }
.i_news .i_news_r ul li .txts .p{  font-size:13.75px; color:#9fa0a0; height:52px; line-height:26px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_news .i_news_r ul li:hover .txts .h3{ color:#d4082b;}

@media screen and (max-width: 1600px) {
/*轮显*/
.swiper-button-prev{ left:5px;}
.swiper-button-next{right:5px;}
}
@media screen and (max-width: 1400px) {
/*轮显*/
.banner .text .desc{ margin-top:1%;}
.banner .text .small{ margin-top:2.5%; padding-top:1.5%;}
.banner .text .h3{ line-height:1.1;}

}

@media screen and (max-width: 1260px) {
/*关于我们*/
.i_t.bgs2{ letter-spacing:20px;}
.i_t.bgs2 .txt{ letter-spacing:20px;}
.i_t.bgs3{ letter-spacing:13px;}
.i_t.bgs3 .txt{ letter-spacing:13px;}
.i_about .txts{ font-size:18px; line-height:1.7;}
/*品牌*/
.i_brand .txts{ font-size:18px; line-height:1.7;}



}

@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
/*.banner .swiper-container{ position:static;}*/
.swiper-button-next, .swiper-button-prev{ width:20px; height:35px;}
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 36px; height:4px;margin: 0 5px;}
.banner .text { display:none;}


}

@media screen and (max-width: 960px) {
/*关于我们*/
.i_t.bgs2{ letter-spacing:10px;}
.i_t.bgs2 .txt{ letter-spacing:10px;}
.i_t.bgs3{ letter-spacing:7px;}
.i_t.bgs3 .txt{ letter-spacing:7px;}
.i_about{ margin-bottom:5%;}
.i_about .txts{ font-size:16px; line-height:1.6;}
.i_about .counter label{ margin-top:2.5%;}
.i_about .counter ul li{ width:50%; margin-bottom:3%;}
.i_about .counter ul li:nth-child(2n+0):after{ width:0;}
/*品牌*/
.i_brand .txts{ font-size:16px; line-height:1.6;}



/*服务流程*/
.i_service2 ul li{ width:50%; margin-bottom:4%;}
.i_service2 ul li:nth-child(2n+0):after{ width:0;}
.i_service2 ul li i{ width:50px; height:82px;}
/*公司团队*/
.i_team_txt{ line-height:28px; font-size:16px;}
/*新闻资讯*/
.i_news_a{ height:50px; line-height:50px;}
.i_news .i_news_l{ float:none; width:100%; max-width:none;}
.i_news .i_news_r{ float:none; width:100%; margin-top:3%;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.swiper-button-next, .swiper-button-prev{ width:16px; height:28px;}
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 26px; height:3px; margin:0 3px;}
/*关于我们*/
.i_about .txts{ font-size:15px;}

/*服务流程*/
.i_service2 ul li .p{ font-size:14px;}
/*公司团队*/
.i_team_txt{ line-height:26px; font-size:15px;}
/*新闻资讯*/
.i_news_a .scroller li dd{ width:145px;}
/*品牌*/
.i_brand .txts{ font-size:15px; }

}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_t.bgs2{ letter-spacing:5px;}
.i_t.bgs2 .txt{ letter-spacing:5px;}
.i_t.bgs3{ letter-spacing:3px;}
.i_t.bgs3 .txt{ letter-spacing:3px;}
.i_about .txts{ font-size:14px; line-height:1.5;}

/*品牌*/
.i_brand img{ width:150px;}
.i_brand .txts{ font-size:14px;  line-height:1.5;}
.i_brand .imore1{ width:160px; font-size:14px;}


/*公司团队*/
.i_team_txt{ line-height:24px; font-size:14px;}
#i_team{ display:none;}
/*新闻资讯*/
.i_news_a{ font-size:15px;}
.i_news_a .scroller li dd{ width:130px;}
.i_news .i_news_l .imgs{ margin-right:2%;}
.i_news .i_news_l .img{ height:285px;}
.i_news .i_news_l .txts .h3{ font-size:18px; height:26px; line-height:26px; margin-top:10px;}
.i_news .i_news_l .txts .p{ font-size:14px; line-height:24px; height:192px; margin-top:8px;}
.i_news .i_news_l .txts .imore{ width:38px; margin-top:12px;}
.i_news .i_news_r ul li .date{ font-size:16px; line-height:20px;}
.i_news .i_news_r ul li .date b{ font-size:28px;}
/*服务体系*/
#i_service{ display:none;}
.i_service_bg{ display:none;}
}

@media screen and (max-width: 480px) {
/*关于我们*/
.i_t{ margin-top:6%;}
.i_t .txt{ letter-spacing:0;}
.i_t.bgs2{ letter-spacing:0px;}
.i_t.bgs2 .txt{ letter-spacing:0px;}
.i_t.bgs3{ letter-spacing:0px;}
.i_t.bgs3 .txt{ letter-spacing:0px;}
.i_about{ display:none;}
.i_about .txts{ font-size:13px; }
/*品牌*/
.i_brand img{ width:130px;}
.i_brand .imore1{ width:140px; font-size:13px;}
.i_brand .txts{ font-size:13px;}


/*服务流程*/
.i_service2 ul li{ margin-bottom:5%;}
.i_service2 ul li i{ width:44px; height:72px;}
/*公司团队*/
.i_team_txt{ line-height:22px; font-size:13px;}
/*新闻资讯*/
.i_news_a{ font-size:14px; height:44px; line-height:44px;}
.i_news_a .scroller li dd{ width:120px;}
.i_news .i_news_l .img{ height:260px;}
.i_news .i_news_l .txts .h3{ font-size:16px; height:24px; line-height:24px; margin-top:6px;}
.i_news .i_news_l .txts .p{ font-size:13px; line-height:22px; height:176px; margin-top:6px;}
.i_news .i_news_l .txts .imore{ width:32px; margin-top:10px;}
.i_news .i_news_r ul li{ height:90px;}
.i_news .i_news_r ul li .date{ margin-top:15px; width:60px; margin-left:15px; margin-right:20px;}
.i_news .i_news_r ul li .txts .h3{ font-size:13px; height:24px; line-height:24px; margin-top:8px;}
.i_news .i_news_r ul li .txts .p{ font-size:13px;height:48px; line-height:24px;}

}
@media screen and (max-width: 420px) {
/*服务流程*/
.i_service2 ul li i{ width:40px; height:66px;}
.i_service2 ul li .p{ font-size:13px; line-height:24px; height:144px;}
}


@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

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