@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(lrtk3.css);
@import url(pscroll.css);
/*首页*/
/*轮显*/
.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 27px;}
.c-banner1 .swiper-pagination-bullet {position: relative; margin: 0 8px !important; width: 12px; height: 12px;display: inline-block;border-radius: 100%; background: transparent;opacity: 1;}
.c-banner1 .swiper-pagination-bullet::before {content: ""; position: absolute; z-index: -1;top: 3px;left: 3px; width: 6px; height: 6px; border-radius: 50%;background: #fff;
 transition: all 0s;}
.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { top: 1px; left: 1px;width: 10px; height: 10px;  border: 2px solid rgba(255, 255, 255, .5); background: transparent;}
.c-banner1 .swiper-pagination-bullet svg {vertical-align: top;}
.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #b63034; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39;stroke-dashoffset: 39; -webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear; transition: stroke-dashoffset 0s linear, opacity 0s linear;}
.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { opacity: 1;stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear; transition: stroke-dashoffset 5s linear, opacity 0s linear;}
.main .banner.bgs2{ margin-top:13px;}
.main .banner.bgs2 .swiper-slide .txt{ text-align:center;}
.main .banner .swiper-slide .ends{ text-align:center;}
.main .banner .swiper-slide .ends .rbtn{ /*display:inline-block; */vertical-align:top; margin-left:0.6%; margin-right:0.6%;}
.main .banner .swiper-slide .ends .rbtn.bgs1{border-color:#b72e32;}
.main .banner .swiper-slide .ends .rbtn.bgs1:after{ width:100%;}
/*业务介绍*/
.i_title{ line-height:1.2; overflow:hidden; color:#333333; margin-top:6%;}
.i_business{ margin-bottom:6%; margin-top:3%;}
.i_business li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden; position:relative;}
.i_business li:nth-child(3n){ margin-right:0;}
.i_business li:hover{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);}
.i_business li .imgs{ overflow:hidden; position:relative; padding-top:58.3%;}
.i_business li .imgs img{display: block;width: 100%; height: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.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_business 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_business li .boxs{ width:94%; margin:0 auto; max-width:450px; overflow:hidden; height:100%; position:relative;}
.i_business li .h4{ font-weight:normal;  overflow:hidden;/* height:40px;*/ line-height:40px;/*white-space:nowrap;text-overflow:ellipsis; */color:#fff; background-repeat:no-repeat; background-position:right center; background-size:12px auto; width:100%; position:absolute; padding-right:16px;}
.i_business li .bgs1{ position:absolute; background:rgba(0,0,0,0.33); top:0; left:0; width:100%; height:100%;-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_business li .bgs1 .h4{ bottom:0%;margin-bottom:4.5%; background-image:url(../images/i_pic3.png);}
.i_business li .bgs2{ position:absolute; background:url(../images/i_pic4.png) #fff right bottom no-repeat; background-size:135px auto; top:-100%; left:0; width:100%; height:100%;-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_business li .bgs2 .h4{ color:#333333; top:0; margin-top:5.5%; background:none;}
/*.i_business li:hover .bgs1{ top:100%;}
.i_business li:hover .bgs2{ top:0%;}*/
.i_business li .bgs2 .p{ position:absolute; bottom:4.5%; color:#999999;  line-height:36px; height:72px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background:url(../images/i_pic2.png) right top 46px no-repeat; background-size:12px auto; padding-right:130px;}
/*合作品牌*/
.i_brand_bg{ background:#f8f8f8; overflow:hidden;}
.i_brand_bg .i_a{ line-height:1.2; overflow:hidden;  margin-top:4.4%;}
.i_brand_bg .i_a a{ float:left; margin-right:3%; overflow:hidden; line-height:114px; position:relative;color:#777777;}
.i_brand_bg .i_a a:last-child{ margin-right:0;}
.i_brand_bg .i_a a:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#b72e32;transition:all 0.3s;}
.i_brand_bg .i_a a.on{color:#333333;}
.i_brand_bg .i_a a.on:after{ width:100%;}
.i_brand{ margin-top:3%; margin-bottom:6%;}
.i_brand .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.6s;/* height: 0; */display: none; /* overflow: hidden; */}
.i_brand .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;}
.i_brand .i_brand_ul{}
.i_brand .i_brand_ul li{ float:left; width:11.625%; margin-right:1%; margin-bottom:1%; overflow:hidden; position:relative;}
.i_brand .i_brand_ul li:nth-child(8n){ margin-right:0;}
.i_brand .i_brand_ul li:hover{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); border-radius:6px;}
.i_brand .i_brand_ul li .imgs{ overflow:hidden; position:relative; padding-top:58.07%;}
.i_brand .i_brand_ul li .imgs img{display: block;width: 100%; height: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.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;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.i_brand .i_brand_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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.i_brand .i_brand_ul li.div_p{ display:none;}
.i_brand .bnts_a{ margin-top:2%; overflow:hidden; clear:both; text-align:center;}
.i_brand .bnts_a a{ display:inline-block;padding: 0 40px; vertical-align:top;overflow: hidden;color: #fff; background:#b72e32; border-radius:30px; z-index:0; position:relative;transition:all 0.3s;}
.i_brand .bnts_a a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_brand .bnts_a a span { width: 100%; height: 54px; line-height: 54px; position: relative; display: block; padding-right:20px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; transition-duration: 0.4s;}
.i_brand .bnts_a a:before{z-index: 2; content: ""; position: absolute;left: 0;top: 0; width: 100%; height: 100%;background: url(../images/i_pic5.png) right 40px center no-repeat; background-size: 12px auto;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;}
.i_brand .bnts_a a#on:before{ background-image:url(../images/i_pic5_on.png);}
@media screen and (max-width: 1530px) {
/*合作品牌*/
.i_brand_bg .i_a a{ line-height:104px;}
}
@media screen and (max-width: 1440px) {
/*合作品牌*/
.i_brand_bg .i_a a{ line-height:94px;}
}
@media screen and (max-width: 1300px) {
/*合作品牌*/
.i_brand_bg .i_a a{ line-height:90px;}
}
@media screen and (max-width: 1200px) {
/*轮显*/
.main .banner .swiper-slide .desc{ margin-bottom:20px;}
.main .banner:hover .btn .boxs{width:97%;}
.main .banner .btn .boxs{ width:98%;}

/*业务介绍*/
.i_title{ margin-top:8%;}
.i_business li .bgs2{background-size: 100px auto;}
.i_business li .bgs2 .p{ line-height:30px; height:60px; background-position:right top 38px; padding-right:95px; bottom:5.5%;}
/*合作品牌*/
.i_brand .i_a{ margin-top:8%;}
.i_brand_bg .i_a a{ line-height:86px;}
.i_brand .bnts_a a{ padding:0 30px;}
.i_brand .bnts_a a span{ height:50px; line-height:50px;}
.i_brand .bnts_a a:before{ background-position:right 30px center;}
}
@media screen and (max-width: 960px) {
/*业务介绍*/
.i_business{ margin-top:4%;}
.i_business li{ width:49%;}
.i_business li:nth-child(3n){ margin-right:2%;}
.i_business li:nth-child(2n){ margin-right:0;}
/*合作品牌*/
.i_brand .i_brand_ul li{  width:23.5%; margin-right:2%; margin-bottom:2%;}
.i_brand .i_brand_ul li:nth-child(8n){ margin-right:2%;}
.i_brand .i_brand_ul li:nth-child(4n){ margin-right:0;}
.i_brand_bg .i_a a{ line-height:76px;}
.i_brand .bnts_a a span{ height:46px; line-height:46px;}
}

@media screen and (max-width: 780px) {
/*业务介绍*/
.i_business li .bgs2{background-size: 80px auto;}
.i_business li .bgs2 .p{ line-height:26px; height:52px; background-position:right top 31px; padding-right:80px; bottom:6%;}
.i_business li .h4{/* height:30px; */line-height:30px;}
.i_business li .bgs2 .h4{ margin-top:4.5%;}
/*合作品牌*/
.i_brand_bg .i_a a{ line-height:70px;}
}

@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px;background-size:10px auto;}
.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}
/*.main .banner .swiper-other { bottom: 20px;}*/

/*合作品牌*/
.i_brand_bg .i_a a{ line-height:60px;}
.i_brand .bnts_a a span{ height:42px; line-height:42px;}

}
@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:22px;}
.c-banner1 .swiper-pagination{ bottom:20px;}
/*业务介绍*/
.i_business{ margin-top:5%;}
.i_business li .bgs2{background-size: 50px auto;}
.i_business li .bgs2 .p{ line-height:22px; height:44px; background-position:right top 27px; padding-right:45px;background-size:10px auto;}
.i_business li .h4{/* height:26px;*/ line-height:22px; background-size:10px auto;}
/*合作品牌*/
.i_brand .i_brand_ul li.div_m{ display:none;}
.i_brand_bg .i_a a{ line-height:50px;}
.i_brand_bg .i_a{ font-size:20px;}
.i_brand .i_brand_ul li{  width:32%;}
.i_brand .i_brand_ul li:nth-child(4n){ margin-right:2%;}
.i_brand .i_brand_ul li:nth-child(3n){ margin-right:0;}
.i_brand .bnts_a a{ padding:0 20px;}
.i_brand .bnts_a a span{ height:36px; line-height:36px;}
.i_brand .bnts_a a:before{ background-position:right 20px center;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.c-banner1 .swiper-pagination{ bottom:15px;}
/*业务介绍*/
.i_business li .bgs2{background-size: 40px auto;}
.i_business li .bgs2 .p{ padding-right:35px;}
.i_business li .h4{ line-height:20px; font-size:14px;}
/*合作品牌*/
.i_brand_bg .i_a a{ line-height:44px;}
.i_brand_bg .i_a{ font-size:18px;}
.i_brand .bnts_a a{ padding:0 12px;}
.i_brand .bnts_a a span{ height:32px; line-height:32px;}
.i_brand .bnts_a a:before{ background-position:right 12px center;}
}
@media screen and (max-width: 380px) {
/*合作品牌*/
.i_brand_bg .i_a{ font-size:16px;}
.i_brand_bg .i_a a{ margin-right:2%;}
}
@media screen and (min-width: 1200px) {
/*轮显*/
.swiper-container{ height:100%!important;}
.main .banner .swiper-slide {position: relative; height:100%;}

}
@keyframes animate1 {
  0% {
    transform: translate(-50%, 0%);
  }
  50% {
    transform: translate(-50%, 50%);
  }
  100% {
    transform: translate(-50%, 0%);
  }
}

@keyframes cycle-left {
  0% {
    transform: rotate(-180deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes cycle-right {
  0% {
    transform: rotate(-180deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}