﻿@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: #f40000; 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 #e70012; z-index:1;}
.i_one_ul .ul2 li .boxs2:after{ left:-26px; right:auto;border-color: transparent #e70012 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: #e70012; 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.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; }
.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:#e70012;}
.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: #e70012;}
.i_about{ margin-top:8%; position:relative; overflow:hidden;}
.i_about .wrap.bgs2{margin-bottom:120px; 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:636px; 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:#333333;  font-size:20px;transition:all 0.3s;}
.i_about .i_about_l .h4{  font-weight:bold; max-height:120px; line-height:60px; margin-top:4px; 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:#e70012; color:#fff; bottom:0; position:absolute; left:0; width:100%;}
/*数字*/
.i_about .counter{ width:calc(98% - 475px);width:-webkit-calc(98% - 475px);width:-moz-calc(98% - 475px);  text-align:left; margin-top:7%; 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:22px; color:#333333;  font-size:20px;transition:all 0.3s;}
.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;}
.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:#e70012;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:#e70012;}
.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: #e70012; 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: #e70012; 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);}
@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:#e70012;}
/*新闻资讯*/
.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:#e70012;}
.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_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:16px;}
/*解决方案*/
.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:36px; line-height:36px;}
.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:14px;}
.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:-60px;}

.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%}
}
