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

.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 50px;}
.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: 1px;left: 3px; width: 10px; height: 10px; 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: #2571ff;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;}

.i_one_ul{ margin-top:5%; margin-bottom:5%;}
.i_one_ul ul{ overflow:hidden; position:relative;}
.i_one_ul li{ float:left; width:50%; }
.i_one_ul .ul1 li:nth-child(2){ position:absolute; top:0; right:0; height:100%;}
.i_one_ul .ul2 li:nth-child(2){ position:absolute; top:0; left:0; height:100%;}
.i_one_ul .ul2 li{ float:right;}
.i_one_ul li .boxs2{  position:relative;/* z-index:0;*/}
.i_one_ul li .boxs2:after{content:"";position:absolute;right:-26px;top:50%;margin-top:-13px;width: 0;height: 0;border-width: 13px;border-style: solid;border-color: transparent transparent transparent #9a9a9a;z-index:1;}
.i_one_ul .ul2 li .boxs2:after{left:-26px;right:auto;border-color: transparent #9a9a9a transparent transparent;}
.i_one_ul li .boxs2 .imgs{ position:relative; padding-top:50%; transition:all 0.3s; overflow:hidden; }
.i_one_ul li .boxs2 .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.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; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.i_one_ul li .boxs2: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_one_ul li .boxs2 .txts{ background:rgba(23,23,23,0.2); position:absolute;  left:0; top:0; height:100%; width:100%;display: flex; align-items: center; justify-content: left;}
.i_one_ul li .boxs2 .boxs{ margin:0 auto; position:relative;width:94%; max-width:700px;}
.i_one_ul li .boxs2 .label{ display:block; text-align:left; height:22px; line-height:22px; color:#fff;  font-size:18px;transition:all 0.3s;}
.i_one_ul li .boxs2 .h4{  font-weight:normal; height:40px; line-height:40px; margin-top:16px; overflow:hidden; color:#fff;  transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}
.i_one_ul li .boxs2 .p{height:108px; line-height:36px; margin-top:27px; overflow:hidden; color:#fff;  transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-width:410px; font-size:16px;}
.i_more2.rbtn{padding: 0 19px; display: inline-block;font-size: 1.6rem; color: #fff; background: #1e50ae; background-size: cover; border-radius: 6px; font-style:normal;}
.i_more2.rbtn span{height: 50px; line-height: 50px; background: url(../images/i_pic1.png) no-repeat right center; background-size: 7px 12px; padding-right: 21px;}
.i_one_ul li .boxs2 .rbtn{ margin-top: 32px;  }
.i_one_ul li .boxs3{ position:absolute; height:100%; width:50%; left:0; top:0;overflow:hidden; background:#f7f7f7;display: flex; align-items: center; justify-content: left;}
.i_one_ul li .boxs3:nth-child(2n){background:#ededed;left: 50%;}
.i_one_ul li .boxs3.bg2{ right:0;background:#ededed; left:auto;}
.i_one_ul li .boxs3 .boxs{ margin:0 auto; position:relative;width:94%; max-width:320px;}
.i_one_ul li .boxs3 .imgs{ width:320px; margin:0 auto;position:relative; padding-top:320px; transition:all 0.3s;  }
.i_one_ul li .boxs3 .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.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;object-fit: contain;}
.i_one_ul li .boxs3: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_one_ul li .boxs3 .cons{ overflow:hidden; /*margin-top:15%;*/ background:url(../images/i_pic2.png) right center no-repeat; background-size:41px 41px; padding-right:45px;transition:all 0.3s;}
.i_one_ul li .boxs3:hover .cons{ background-image:url(../images/i_pic2_on.png);}
.i_one_ul li .boxs3 .cons .h4{  font-weight:normal;overflow:hidden; line-height:32px; height:32px; color:#333333;white-space:nowrap;text-overflow:ellipsis;}
.i_one_ul li .boxs3:hover .cons .h4{ color:#1e50ae;}
.i_one_ul li .boxs3 .cons .p{ height:28px; line-height:28px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#666666;}

.i_more.rbtn{padding: 0 30px; display: inline-block;font-size: 1.6rem; color: #666666; background-size: cover; border-radius: 6px; font-style:normal; border:1px solid #cacaca;}
.i_more.rbtn span{height: 50px; line-height: 50px; background: url(../images/i_pic3.png) no-repeat right center; background-size: 8px 15px; padding-right: 21px;}
.i_more.rbtn:hover span{ background-image:url(../images/i_pic3_on.png);}
.i_more.rbtn:hover{ color:#fff; border:none;}
.i_more.rbtn::after{background: #1e50ae;}
.i_about{padding-top: 8%;position:relative;overflow:hidden;}
.i_about .wrap.bgs2{margin-bottom: 165px;position:relative;z-index:3;}
.i_about .imgs{ width:475px; overflow:hidden; float:right; border-radius:10px; }
.i_about .imgs img{ display: block;width: 100%;-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_about .imgs:hover 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_about .i_about_l{float:left;max-width: 746px;width:calc(98% - 475px);width:-webkit-calc(98% - 475px);width:-moz-calc(98% - 475px);/* margin-top:32px; */}
.i_about .i_about_l .label{display:block;text-align:left;height:22px;line-height: 22px;color: rgba(4, 4, 4, 0.08);font-size: 116px;transition:all 0.3s;text-transform: uppercase;font-weight: bold;}
.i_about .i_about_l .h4{font-weight:bold;max-height:120px;line-height:60px;margin-top: 22px;overflow:hidden;color:#333333;transition:all 0.3s;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i_about .i_about_l .p{height:108px; line-height:36px; margin-top:25px; overflow:hidden; color:#333333;  transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  font-size:16px;}
.i_about .i_about_l .rbtn{ margin-top: 44px;   }
.i_about .i_about_two{overflow:hidden;background:#1e50ae;color:#fff;bottom:0;position:absolute;left:0;width:100%;background: linear-gradient(34deg,rgb(31, 81, 174), rgb(48, 107, 216), rgb(31, 197, 241));}

.i_about .counter{width:calc(98% - 475px);width:-webkit-calc(98% - 475px);width:-moz-calc(98% - 475px);text-align:left;margin-top: 5%;margin-bottom:5%;}
.i_about .counter ul li{ float:left; width:25%;   transition:all 0.3s; position:relative; overflow:hidden;}
.i_about .counter ul li .txts2{ display:inline-block; vertical-align:top; }
.i_about .counter ul li .nums{ color:#fff; line-height:1;}
.i_about .counter span{display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:1px;  }
.i_about .counter label{display:inline-block;vertical-align:bottom;  line-height:2;font-weight:500;  }
.i_about .counter ul li:nth-child(1) label{font-size:16px;}
.i_about .counter ul li:nth-child(4) label{font-size:20px;}
.i_about .counter .h6{ font-weight: normal; font-size:16px;  overflow:hidden; line-height:20px;  margin-top:2%;  color:#fff;}
.i_about .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_title{ text-align:left; overflow:hidden; margin-top:6%;}
.i_title .label{display:block;height: 22px;line-height: 95px;color: rgba(4, 4, 4, 0.08);font-size: 116px;transition:all 0.3s;text-transform: uppercase;font-weight: bold;}
.i_title .h4{  font-weight:bold; max-height:120px; line-height:1.3; margin-top:8px; overflow:hidden; color:#333333;  transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_title .p{  line-height:1.6; margin-top:12px; overflow:hidden; color:#333333;  transition:all 0.3s;  font-size:18px;}
.i_title .rbtn{ float:right; margin-top:-55px;}
.i_solution{ margin-top:4%; overflow:hidden; margin-bottom:6%;}
.i_solution ul li{ float:left; width:13.31%; margin-right:1.42%;  overflow:hidden; position:relative; -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; border-radius:10px;}
.i_solution ul li:nth-child(6n+0){ margin-right:0;}
.i_solution ul li.on{ width:26.35%;}
.i_solution ul li .imgs{ overflow:hidden;padding-top:500px; background-repeat:no-repeat; background-size:auto 100%; background-position:center center;}
.i_solution ul li .imgs img{ display: block;overflow:hidden; width:100%;opacity:0;filter:Alpha(opacity=0); position:absolute; height:100%; top:0; left:0;}
.i_solution ul li .imgs:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);transition:all 0.3s;}
.i_solution ul li.on .imgs:after{ background:rgba(49,49,49,0.6);}
.i_solution ul li .txts{ overflow:hidden; position:absolute; top:0%; left:0; width:100%; height:100%;display: flex; align-items: center; justify-content: left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0);}
.i_solution ul li.on .txts{opacity:1.0;filter:Alpha(opacity=100);}
.i_solution ul li .txts .boxs{ width:94%;margin:0 auto; max-width:340px; overflow:hidden;}
.i_solution ul li .txts .h4{overflow:hidden; line-height:32px; height:32px;  color:#fff; font-weight:normal;white-space:nowrap;text-overflow:ellipsis;}
.i_solution ul li .txts .p{overflow:hidden; line-height:32px; height:96px; font-size:16px; color:#fff;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:21px;}
.i_solution ul li .txts .rbtn{ margin-top:47px;}
.i_solution ul li .txts2{overflow:hidden; position:absolute; top:0%; left:0; width: 100%; height:100%;display: flex; align-items: center; justify-content: left;transition:all 0.6s;}
.i_solution ul li.on .txts2{opacity:0;filter:Alpha(opacity=0);}
.i_solution ul li .txts2 .p{writing-mode: tb-rl;color:#fff;}
.i_solution ul li .txts2 .cons{ margin:0 auto; text-align:center;}

.i_news_bg{ background:#f7f7f7; overflow:hidden;}
.i_news_ul{ clear:both;margin-top:2%; padding-bottom:6%;}
.i_news_ul li{ float:left; width:49%; }
.i_news_ul li:nth-child(2n+0){ float:right;}
.i_news_ul li .boxs2{ background:#fff;box-shadow: 2px 2px 15px rgba(0,0,0,0.05); overflow:hidden; margin-bottom:20px;transition:all 0.3s;}
.i_news_ul li .boxs2:hover{box-shadow: 2px 2px 15px rgba(0,0,0,0.1);}
.i_news_ul li .boxs2.bgs1{ height:740px;}
.i_news_ul li .boxs2.bgs2{ height:420px;}
.i_news_ul li .boxs2.bgs3{ height:300px;}
.i_news_ul li .boxs{ max-width:700px; margin:0 auto; width:94%; overflow:hidden;}
.i_news_ul li .i_news_t{ height:74px; line-height:74px; display:block; overflow:hidden; background:url(../images/i_news_bg2.png) right center no-repeat; background-size:8px 16px; color:#333333; font-weight:bold;}
.i_news_ul li .i_news_t:hover{ background-image:url(../images/i_news_bg1_on.png);}
.i_news_ul .i_news_img{  position:relative; padding-top:300px; overflow:hidden;}
.i_news_ul .i_news_img 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;object-fit: cover;}
.i_news_ul .i_news_img:hover 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_news_ul .i_news_img .bgs{ background:url(../images/i_news_bg1.png) center bottom no-repeat; background-size:cover; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;}
.i_news_ul .i_news_img .bgs .cons{ margin:0 auto; width:94%; max-width:634px; color:#fff; }
.i_news_ul .i_news_img .bgs .cons .date{ width:76px; text-align:center; line-height:22px; font-size:16px; overflow:hidden; margin-top:34px;}
.i_news_ul .i_news_img .bgs .cons .label{ height:36px; line-height:36px; overflow:hidden;}
.i_news_ul .i_news_img .bgs .cons .h3{ font-weight:normal; height:34px; line-height:34px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff; margin-top:115px; font-size:18px;}
.i_news_ul .i_news_img .bgs .cons .p{ line-height:24px; height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:16px;color:rgba(255,255,255,0.8); margin-top:6px;}
.i_news_ul .dl{}
.i_news_ul li:first-child .dl{ margin-top:27px;}
.i_news_ul .dl dd{ display:block; overflow:hidden; padding-bottom:15px; margin-bottom:15px;/* border-bottom:1px solid #e5e5e5;*/ position:relative; z-index:0;}
.i_news_ul .dl dd:last-child{ border-bottom:0;}
.i_news_ul .dl dd:before{ position:absolute; content:""; bottom:0;  height:1px; left:0; width:100%; background:#e5e5e5;}
.i_news_ul .dl dd:last-child:before{ display:none;}
.i_news_ul .dl dd:after{ position:absolute; content:""; bottom:0;  height:1px; left:0; width:0%; background:#1e50ae;transition:all 0.6s; z-index:1;transition-delay: 0.2s;}
.i_news_ul .dl dd:hover:after{ width:100%;}
.i_news_ul .dl dd:last-child:after{ display:none;}
.i_news_ul .dl dd .imgs{ width:150px; float:left; position:relative; padding-top:85px; overflow:hidden; margin-right:3%; border-radius:4px;}
.i_news_ul .dl dd .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_news_ul .dl dd: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_news_ul .dl dd .cons{ overflow:hidden;}
.i_news_ul .dl dd .cons .date{ float:right; border-left:1px solid #e6e6e6; width:114px; text-align:center; margin-top:10px; margin-left:2%;line-height:22px; font-size:16px; color:#999999;}
.i_news_ul .dl dd .cons .date .label{ height:36px; line-height:36px; overflow:hidden; color:#999999;}
.i_news_ul .dl dd .cons .h3{ font-weight:bold; height:30px; line-height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333; margin-top:10px; font-size:18px;}
.i_news_ul .dl dd:hover .cons .h3{ color:#1e50ae;}
.i_news_ul .dl dd .cons .p{ line-height:28px; height:28px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:16px;color:#666666; }
.i_news_title{ display:none;}

.i_partner_bg{ background:#efefef; overflow:hidden;}

#c-followDot { position: fixed;top: 0;left: 0; width: 4px;height: 4px;border-radius: 50%; background-color: #1e50ae; z-index: 999; pointer-events: none;}
#c-followDot .c-default { position: absolute;top: -18px; left: -18px;width: 40px; height: 40px;border: 1px solid #9c9c9c; border-radius: 50%; opacity: .2; box-sizing: border-box;z-index: 99; -webkit-transition: all 0.6s; transition: all 0.6s;}
#c-followDot .c-hover { position: absolute; top: -38px; left: -38px; width: 80px; height: 80px; background-color: #1e50ae; border-radius: 50%; opacity: .12; z-index: 98;
  box-sizing: border-box; transform: scale(0, 0);-webkit-transform: scale(0, 0);  -webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default {transform: scale(0, 0);-webkit-transform: scale(0, 0);}
#c-followDot.c-active .c-hover { transform: scale(1, 1); -webkit-transform: scale(1, 1);}


.i_title{ text-align:center;}
.i_title .h3{font-weight:bold;color:#fff;overflow:hidden;line-height: 2;}
.i_title .h3 label{ display:inline-block;  vertical-align:top; padding-right:17px; margin-right:17px; border-right:1px solid rgba(255,255,255,0.32);}
.i_title .p{overflow:hidden;margin-top:1%;color: #343434;font-size:19px;line-height:36px;}


@media screen and (min-width: 769px) and (max-width: 26000px) {
.wap{display: none !important;}
}
@media screen and (max-width: 1600px) {
.i_one_ul li .boxs3 .imgs{ width:240px; padding-top:240px;}
.i_one_ul li .boxs3 .cons{ margin-top:7%;}

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

.i_one_ul li .boxs2 .label{ font-size:16px;}
.i_one_ul li .boxs2 .h4{ margin-top:12px; height:36px; line-height:36px;}
.i_one_ul li .boxs2 .p{ line-height:26px; height:78px; font-size:15px; margin-top:20px;}
.i_more2.rbtn{ font-size:15px;}
.i_more2.rbtn span{ height:46px; line-height:46px;}
.i_one_ul li .boxs3 .imgs{ width:200px; padding-top:200px;}
.i_one_ul li .boxs3 .cons{ margin-top:5%;}
.i_one_ul li .boxs3 .cons .p{ font-size:15px;}

.i_about .wrap.bgs2{margin-bottom:100px;}
}

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

}

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

.main .banner .swiper-slide .txt{ margin-top:5%;}

.i_one_ul li{ float:none; width:100%;}
.i_one_ul li .boxs2 .boxs{ max-width:1000px;}
.i_one_ul li .boxs2:after{ display:none;}
.i_one_ul .ul2 li .boxs2:after{ display:none;}
.i_one_ul li .boxs3{ position:static; height:auto; float:left; display:block;}
.i_one_ul li .boxs3 .boxs{ max-width:500px; margin-top:10%; margin-bottom:10%;}
.i_one_ul li .boxs3 .cons{ margin-top:8%;}
.i_one_ul .ul1 li:nth-child(2){ position:static; height:auto;}
.i_one_ul .ul2 li:nth-child(2){ position:static; height:auto;}
.i_one_ul .ul2 li{ float:none; clear:both;}

.i_about .i_about_l .h4{ margin-top:8px; line-height:50px; max-height:100px;}
.i_more.rbtn:hover{ background-color:#1e50ae;}

.i_news_ul .i_news_img .bgs .cons .h3{ font-size:16px;}
.i_news_ul .i_news_img .bgs .cons .p{ font-size:14px;}
.i_news_ul .dl dd .cons .p{ font-size:14px;}
.i_news_ul .dl dd .cons .h3{ font-size:16px;}
.i_news_ul .dl dd .cons .date{ width:90px; font-size:14px;}
}

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

.main .banner .swiper-slide .cons .imgs{ width:280px; margin-right:30px;}
.main .banner .swiper-slide .cons .txts{width: calc(100% - 310px); width: -webkit-calc(100% - 310px); width: -moz-calc(100% - 310px);}
.main .banner .swiper-slide .txt{ margin-top:8%; font-size:40px;}
.c-banner1 .swiper-pagination{ bottom:40px;}

.i_about .wrap.bgs2{ margin-bottom:6%;}
.i_about .i_about_l{ float:none; max-width:none;width: calc(100% - 0px);width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); margin-top:5%;}
.i_about .imgs{ float:none; width:100%;}
.i_about .i_about_l .h4{ line-height:1.5; max-height:none;}
.i_about .i_about_l .p{ height:auto; line-height:1.6; margin-top:15px;}
.i_about .i_about_two{ position:static;}

.i_about .counter{width: calc(100% - 0px);width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); margin-top:5%; margin-bottom:4%;}

.i_title .label{ font-size:18px;}
.i_title .p{ font-size:16px;}
.i_solution ul li{ width:32%; margin-right:2%; margin-bottom:2%;}
.i_solution ul li:nth-child(3n+0){ margin-right:0;}
.i_solution ul li.on{ width:32%;}
.i_solution ul li.on .txts{opacity: 0; filter: Alpha(opacity=0);}
.i_solution ul li.on .txts2{opacity: 1.0; filter: Alpha(opacity=100);}
.i_solution ul li .imgs{ padding-top:122%;background-size:cover;}

.i_news_ul{ margin-top:4%;}
.i_news_ul li{ float:none; width:100%; margin-bottom:2%;}
.i_news_ul li:nth-child(2n+0){ float:none;}
.i_news_ul li .boxs2{ margin-bottom:2%; display:none;}
.i_news_ul li:first-child .boxs2{ display:block;}
.i_news_ul li .boxs{ max-width:840px;}
.i_news_ul .i_news_img .bgs .cons{ max-width:770px;}
.i_news_ul .i_news_img .bgs .cons .date{ margin-top:4%;}
.i_news_ul li .i_news_t{ height:60px; line-height:60px; }
.i_news_ul li .boxs2.bgs1{ height:auto;}
.i_news_ul li .boxs2.bgs2{ height:auto;}
.i_news_ul li .boxs2.bgs3{ height:auto;}
.i_news_title{ float:right; overflow:hidden; margin-top:-36px;  display:block;}
.i_news_title li{ float:left; margin-left:10px; font-weight:bold; line-height:36px; height:36px; font-size:16px;}
.i_news_title li.on{ color:#1e50ae;}
.i_news_ul li .boxs2.bgs2{display:block;}
}

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

.main .banner .swiper-slide .cons .imgs{ width:220px; margin-right:20px;}
.main .banner .swiper-slide .cons .txts{width: calc(100% - 240px); width: -webkit-calc(100% - 240px); width: -moz-calc(100% - 240px);}
.main .banner .swiper-slide .txt{font-size:32px;}
.main .banner .swiper-slide .rbtn span{ height:46px; line-height:46px;}
.c-banner1 .swiper-pagination{ bottom:30px;}

.i_more.rbtn{padding:0 20px;}
.i_more.rbtn2{width: 50%;}
.i_about .i_about_l .label{ font-size:18px;}

.i_about .counter .h6{ font-size:14px;}
.i_about .counter ul li:nth-child(1) label{ font-size:14px;}
.i_about .counter ul li:nth-child(4) label{ font-size:18px;}
}
@media screen and (max-width: 640px) {

.main .banner .swiper-slide .cons .imgs{ width:180px; margin-right:12px;}
.main .banner .swiper-slide .cons .txts{width: calc(100% - 192px); width: -webkit-calc(100% - 192px); width: -moz-calc(100% - 192px);}
.main .banner .swiper-slide .txt{font-size:28px; margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:40px; line-height:40px;}
.main .banner .swiper-slide .rbtn{ margin-top:4%;}

.i_one_ul li .boxs2 .h4{ height:30px; line-height:30px; margin-top:8px;}
.i_one_ul li .boxs2 .p{ line-height:22px; height:auto; max-height:44px;font-size:14px;}
.i_more2.rbtn{ font-size:14px;}
.i_more2.rbtn span{ height:36px; line-height:36px; padding-right:16px;}
.i_one_ul li .boxs3 .imgs{ width:150px; padding-top:150px;}
.i_one_ul li .boxs3 .cons .p{ font-size:14px;}

.i_more.rbtn{ font-size:14px;}
.i_more.rbtn span{ height:44px; line-height:44px; padding-right:16px;}
.i_about .i_about_l .rbtn{ margin-top:6%;}
.i_about .i_about_l .p{ font-size:14px;}
.i_about .i_about_l .label{font-size: 29px;}

.i_about{background-size: cover !important;}
.i_title .label{ font-size:16px;}
.i_title .p{ font-size:14px;}
.i_solution ul li .imgs{ padding-top:130%;}

.i_news_ul .dl dd .imgs{ margin-right:2%;}
.i_news_ul .i_news_img{ padding-top:43%;}
.i_news_ul .i_news_img .bgs .cons .date{ margin-top:5%;}
.i_news_ul .i_news_img .bgs .cons .h3{ margin-top:12%; height:26px; line-height:26px;}
.i_news_ul .i_news_img .bgs .cons .p{ font-size:13px; line-height:20px; height:20px;}


.i_news_ul li:first-child .dl{ margin-top:20px;}
.i_news_ul .dl dd:last-child{ margin-bottom:0; padding-bottom:20px;}
.i_news_ul li .i_news_t{ height:50px; line-height:50px;}
.i_news_title{ margin-top:-30px;}
.i_news_title li{ font-size:15px; line-height:30px; height:30px;}

#c-followDot { display:none;}

.wrapper .footer .contact{display:block;margin-left: 30%;}


}

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

.main .banner .swiper-slide .cons .imgs{ width:150px; margin-right:10px;}
.main .banner .swiper-slide .cons .txts{width: calc(100% - 160px); width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px);}
.main .banner .swiper-slide .txt{font-size:24px; margin-top:4%; padding-bottom:5%;}
.main .banner .swiper-slide .txt:after{ height:3px;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ min-width:120px; padding:0 20px; font-size:14px;}
.main .banner .swiper-slide .desc{ font-size:14px;}
.c-banner1 .swiper-pagination{ bottom:20px;}

.i_more2.rbtn{font-size:13px; padding:0 15px;}
.i_one_ul li .boxs2 .rbtn{  margin-top:18px;}
.i_one_ul li .boxs2 .p{ font-size:13px; margin-top:10px;}
.i_one_ul li .boxs2 .imgs{ padding-top:55%;}
.i_one_ul li .boxs3 .boxs{ margin-top:12%;}
.i_one_ul li .boxs3 .cons{background-size: 32px 32px; padding-right:unset;background-image:unset;}
.i_one_ul li .boxs3 .cons .p{ font-size:13px; height:24px; line-height:24px;text-align:center;}
.i_one_ul li .boxs3 .cons .h4{ height:26px; line-height:26px;text-align:center;}

.i_more.rbtn{ font-size:13px; padding:0 15px;}
.i_more.rbtn span{height: 44px;line-height: 44px;}
.i_about .i_about_l{ margin-top:6%;}


.i_about .counter .h6{ font-size:13px;}
.i_about .counter span{ font-size:26px;}
.i_about .counter ul li:nth-child(4) label{ font-size:16px;}

.i_title .label{font-size: 28px;/* line-height: 50px; */}
.i_title .p{ font-size:13px; margin-top:6px;}
.i_title .h4{ margin-top:4px;}
.i_solution ul li{ width:49%; }
.i_solution ul li:nth-child(3n+0){ margin-right:2%;}
.i_solution ul li:nth-child(2n+0){ margin-right:0;}
.i_solution ul li.on{ width:49%;}
.i_solution ul li .imgs{ padding-top:134%;}

.i_news_ul .dl dd .cons .date{width:75px;}
.i_news_ul .dl dd .cons .p{ display:none;}
.i_news_ul .dl dd .cons .h3{height:60px;white-space:unset;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.i_news_ul .dl dd .imgs{ width:130px; padding-top:74px;}
.i_news_ul .i_news_img{ padding-top:186px;}
.i_news_ul .i_news_img .bgs .cons .date{ margin-top:16px;}
.i_news_ul .i_news_img .bgs .cons .h3{ margin-top:36px;}
.i_news_ul li .i_news_t{ height:44px; line-height:44px;}
.i_news_title{ margin-top:-26px;}
.i_news_title li{ font-size:14px; line-height:26px; height:26px;}
.wrapper .footer .contact{display:block;margin-left: 25%;}
}
@media screen and (max-width: 420px) {

.main .banner .swiper-slide .txt{font-size:20px;}
.main .banner .swiper-slide .desc{ font-size:13px;}
.c-banner1 .swiper-pagination{ bottom:15px;}
.main .banner .swiper-slide .rbtn{ font-size:13px; min-width:110px;}
.main .banner .swiper-slide .rbtn span{ padding-right:20px;}

.i_one_ul li .boxs2 .label{ font-size:14px;}
.i_one_ul li .boxs2 .p{ font-size:12px;}
.i_one_ul li .boxs2 .imgs{ padding-top:60%;}
.i_one_ul li .boxs3 .cons .p{ font-size:12px;}


.i_title .p{ font-size:12px;}
.i_title .rbtn{margin-top: -70px;}

.i_news_ul .dl dd .cons .h3{font-size:14px;}
.i_news_ul .dl dd .cons .date{width:65px;}
.i_about .counter ul li{width:24%}
.i_about .counter ul li:last-child{width:28%}
}



.i_five{ margin-top:5%; }
.i_five ul li{float:left;width: 19%;margin-right:2%;}
.i_five ul li:nth-child(4n+0){ margin-right:0;}
.i_five ul li:nth-child(1){width:36%;}
.i_five ul li i{ display:block; width:162px; height:151px; margin:0 auto;  position:relative;}
.i_five ul li i:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;background:url(../images/i_bg9.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.i_five ul li:hover i:after{transform: rotate(60deg);}
.i_five ul li i img{ width:100%;transition:all 0.3s;}
.i_five ul li:hover i img{transform: rotate(-60deg);}
.i_five ul li .h3{font-weight:normal;color: rgba(255, 255, 255, 0.82);overflow:hidden;text-align:center;/* margin-top:25px; */font-size: 94px;}
.i_five ul li .p{margin:0 auto;overflow:hidden;/* margin-top:30px; */color:#cacaca;font-size: 18px;width: 91%;/* background: #fff; */}
.i_five ul li .p span{/* width:49%; *//* float:left; */overflow:hidden;/* margin-bottom:18px; */padding-left:32px;position:relative;line-height:30px;display: block;color: #fff;}
.i_five ul li .p span:nth-child(2n+0){  float:right;}
.i_five ul li .p span:after{ content:""; position:absolute; left:0; top:7px;  width:16px; height:16px; border-radius:50%;background:url(../images/i_bg17.png) no-repeat; background-size:100% 100%;}
.i_five ul li:first-child .p{max-width:360px;}
.i_five ul li:nth-child(3) .p{ max-width:370px;}
.i_five ul li:nth-child(2) .p{ max-width:470px;}
.i_five ul li:nth-child(2) .p span{/* width:47%; */}
.i_five ul li:nth-child(2) .p span:nth-child(2n+0){ width:51%;}


.iadv{background: url(../images/i_bg8.jpg) center no-repeat;padding: 40px 0 120px 0; background-size: cover;}

@media screen and (max-width: 640px) {
	.i_five ul li:nth-child(1){width: 100%;}
	.i_five{ margin-bottom:2%;}
	.i_five ul li{ width:100%; margin-right:0; float:none; margin-bottom:5%;}
	.i_five ul li:nth-child(2){ width:100%;}
	.i_five ul li:nth-child(3){ margin-top:0;}
	.i_five ul li .p{padding:0 4%;background: rgba(255, 255, 255, 0.44);border-radius: 10px;}
	.i_five ul li:nth-child(2) .p{max-width:380px;/* background: #fff; *//* border-radius: 30px; */}
	.i_five ul li .p span{font-size: 15px;/* background: rgba(255, 255, 255, 0.44); *//* border-radius: 10px; */color: #333;}
	.i_five ul li .h3{display:none;}
	.iadv{padding: 40px 0 40px 0; background-size: cover;}
}