﻿@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;width:48%;float:left;margin:5px;border-radius: 10px;}
.i_one_ul li{  }
.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{ }
.i_one_ul li .boxs2{  position:relative;/* z-index:0;*/background: #006b35;}
.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 .boxs .procat { display:flex;flex-wrap: wrap;justify-content: space-between;}
.i_one_ul li .boxs2 .boxs .procat a {display:flex;color:#fff;border-radius:10px;border:1px #fff solid;padding:5px 10px;margin:10px 0 0 0; width:30%;font-size:16px;text-align:center;height:50px; justify-content: center;align-items: center;}
.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:300px; position:relative; z-index:3;}

.i_about .right-imgs{width:475px; overflow:hidden; float:right;}
.i_about .right-imgs h5 { font-size:20px;text-align:center;color:#006b35;line-height:40px;font-weight:bold;}
.i_about .imgs img{  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;  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;text-align:center;}
.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:300px;}
}

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

}

@media screen and (max-width: 1200px) {
/*轮显*/
.main .banner .swiper-slide .txt{ margin-top:5%;}
/*产品*/
.i_one_ul ul{ float:none; width:100%;margin:5px 0;}
.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 .right-imgs{ float:none; width:100%;}
.i_about .i_about_l .h4{ line-height:1.5; max-height:none;}
.i_about .i_about_l .p{ 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%; }
.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:0px;}
.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%}
}

label {
	display: inline-block;
	/* max-width: 100%; */
	/* margin-bottom: 5px; */
	/* font-weight: 700; */
}
.btn {
	padding: 6px 15px;
	font-size: 14px;
	line-height: 1.57142857;
	border-radius: 3px;
	-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	-webkit-font-smoothing: subpixel-antialiased
}
.btn.active:focus, .btn:active:focus, .btn:focus {
	outline: 0
}
.btn-outline.btn-primary, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .btn-primary, .btn-primary:focus, .btn-primary:hover {
	background: #006b35;
	color: #fff;
	border-color: #006b35;
}
.btn-success, .btn-success:focus, .btn-success:hover {
	background-color: #be6fe8;
	border-color: #be6fe8;
}
.title-box {
	padding: 60px 0 0 0;
	text-align: center;
}
.title-box h2 {
	font-size: 28px;
	font-weight: normal;
	color: #333;
}
.title-box.active h2 {
	color: #fff;
}
.title-box p {
	font-size: 16px;
	color: #91969b;
}
.title-box.active p {
	color: #eee;
}
@media(max-width:767px) {
.title-box {
	margin: 20px 0 0 0;
}
}
.feedback-box {
	text-align: center;
	background: #f7f7f7;
}
.feedback-cut {
	background: #fff;
	background-clip: content-box;
	margin: 40px 0 0 0;
	overflow: hidden;
	position: relative;
	padding: 1px 0 0 1px;
}
.feedback-tag {
	position: absolute;
	left: 0;
	top: 0;
}
.feedback-tag font, .feedback-tag span {
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	display: block;
	position: relative;
}
.feedback-tag span:before {
	width: 300px;
	height: 40px;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 0;
	background: #006b35;
	z-index: 1;
}
.feedback-tag font {
	
	visibility: hidden;
	opacity: 0;
}
.feedback-tag span {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.feedback-tag span i {
	font-style: normal;
	position: relative;font-size: 12px;
	z-index: 2;
}
.feedback-tag img {
	width: 100%;
	display: block;
}
.feedback-title {
	text-align: left;
	padding: 40px 0 0 80px;
}
.feedback-title b {
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
	margin: 0 20px 0 0;
}
.feedback-title p {
	display: inline-block;
	color: #91969b;
}
.feedback-title p i {
	font-style: normal;
	color: #f00;
}
.feedback-form {
	display: inline-block;
	padding: 40px 15px 40px 15px;
}
.feedback-form .form-control {
	border: 1px solid #ccc;
	padding: 13px 15px;
	color: #000;
}
.feedback-form input.form-control, .feedback-form select.form-control {
	width: 360px;
	height: 48px;
}
.feedback-form select {
	cursor: pointer;
}
.feedback-form textarea.form-control {
	width: 580px;
}
.feedback-form .form-group {
	position: relative;
	margin-bottom: 30px;
}
.feedback-form .form-group:after {
	display: block;
	content: '';
	clear: both;
}
.feedback-form .form-group>label {
	float: left;
	color: #61656a;
	margin: 0;
	text-align: right;
	width: 200px;
	padding-right: 15px;
}
.feedback-form .form-group>label:not(.ftype_checkbox):not(.ftype_radio) {
	line-height: 48px;
}
.feedback-form .form-group>label.control-label:before {
	content: '：';
	float: right;
}
.feedback-form .form-group>label+div {
	padding-left: 200px;
}
.feedback-form .form-group>label+div+small {
	font-size: 0;
	color: #fff;
	position: absolute;
	top: 0;
	margin: 0;
}
.feedback-form .form-group>label.ftype_upload+div+small, .feedback-form .form-group>label.ftype_select+div+small, .feedback-form .form-group>label.ftype_input+div+small, .feedback-form .form-group>label.ftype_code+div+small {
	left: 560px;
}
.feedback-form .form-group>label.ftype_textarea+div+small {
	left: 780px;
}
.feedback-form .form-group>label+div+small:before {
	content: '*';
	color: #f00;
	line-height: 48px;
	float: left;
	margin-left: 15px;
	font-size: 16px;
}
.feedback-form .radio-custom label::before, .feedback-form .checkbox-custom label:before {
	border: 1px solid #ccc;
	margin-top: 4px;
}
.feedback-form .checkbox-primary input[type="checkbox"]:checked+label::after, .feedback-form .checkbox-primary input[type="radio"]:checked+label::after, .feedback-form .radio-primary input[type="radio"]:checked+label::after {
	margin-top: 4px;
}
.feedback-form .radio-custom, .feedback-form .checkbox-custom {
	margin: 0 30px 0 0;
	float: left;
}
.feedback-form .checkbox-custom label {
}
.feedback-form .checkbox-custom input[type="checkbox"], .feedback-form .checkbox-custom input[type="radio"] {
}
.feedback-form .form-group>label+div.input-group {
	display: block;
}
.feedback-form .form-group>label+div.input-group-icon {
	position: relative;
}
.feedback-form .input-group-addon:last-child {
	position: absolute;
	left: 560px;
	top: 0;
	bottom: 0;
	z-index: 99;
	cursor: pointer;
	padding: 0 10px 0 15px!important;
	line-height: 46px;
	height: 48px;
	vertical-align: middle;
	width: auto;
	border-color: #ccc;
	transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}
.feedback-form .ftype_button {
	margin: 0;
}
.feedback-form .ftype_button button {
	width: 360px;
	border-radius: 3px;
	padding-top: 11px;
	padding-bottom: 11px;
}
.feedback-form .ftype_upload {
	position: relative;
}
.feedback-form .input-group-btn {
	position: absolute;
	width: 50px;
	z-index: 11;
	cursor: pointer;
	left: 0;
	top: 0;
}
.feedback-form .input-group-file {
	display: block;
}
.feedback-form .input-group-file .btn-file>.icon {
	margin: 0 5px;
}
.feedback-form .input-group-btn .btn-file {
	line-height: 34px;
	width: 100%;
}
@media(max-width:992px) {
.feedback-form .form-group>label {
	width: 160px;
}
.feedback-form .form-group>label+div {
	padding-left: 160px;
}
.feedback-form textarea.form-control {
	width: 460px;
}
.feedback-form .input-group-addon:last-child {
	left: 520px;
}
.feedback-form .form-group>label.ftype_upload+div+small, .feedback-form .form-group>label.ftype_select+div+small, .feedback-form .form-group>label.ftype_input+div+small, .feedback-form .form-group>label.ftype_code+div+small {
	left: 520px;
}
.feedback-form .form-group>label.ftype_textarea+div+small {
	left: 620px;
}
}
@media(max-width:640px) {
.feedback-box {
	text-align: left;
}
.feedback-cut {
	margin: 15px 0;
}
.feedback-title {
	padding-bottom: 0;
}
.feedback-form {
	width: 100%;
}
.feedback-form .form-group>label {
	line-height: 48px;
}
.feedback-form .form-group {
	margin: 0;
}
.feedback-form .form-group>label {
	float: none;
	width: auto;
}
.feedback-form .form-group>label+div {
	padding-left: 0;
}
.feedback-form textarea.form-control, .feedback-form input.form-control, .feedback-form select.form-control {
	width: 100%;
}
.feedback-form .input-group-addon:last-child {
	left: 100%;
}
.feedback-form .form-group.ftype_button>label {
	display: none;
}
.feedback-form .ftype_button button {
	width: auto;
	margin-top: 15px;
}
.feedback-form .has-error label {
	padding-left: 15px;
}
.feedback-form .form-group>label.ftype_upload+div+small, .feedback-form .form-group>label.ftype_select+div+small, .feedback-form .form-group>label.ftype_input+div+small, .feedback-form .form-group>label.ftype_code+div+small, .feedback-form .form-group>label.ftype_textarea+div+small {
	left: 0;
}
.feedback-form .form-group>label+div+small:before {
	margin: 0;
}
}


