﻿/*解决方案*/
.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; font-size:34px; max-height:120px; line-height:1.3; margin-top:8px; overflow:hidden; color:#007dbd;  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:14px;}
.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:90%;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:24px; 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; font-size:18px;}
.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%}
}
