﻿	
/*解决方案*/
.x_solutions{ width:100%; max-width:1920px; margin:40px auto 0px auto; border:0px solid #F60;background-color:#fff;}
.i_solution{ margin-top:0%; overflow:hidden; margin-bottom:0%; }
.i_solution ul li{ float:left; width:17%; margin-right:0%;  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:0px;}
/*.i_solution ul li:nth-child(3n+0){ margin-right:0;}*/
.i_solution ul li:last-child{ margin-right:0;}
.i_solution ul li.on{ width:32%;}
.i_solution ul li .imgs{ overflow:hidden;padding-top:370px; 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.1);transition:all 0.3s;}
.i_solution ul li.on .imgs:after{ background:rgba(49,49,49,0.1);}
.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:440px; overflow:hidden;border:0px solid #F60; text-align:left;}
.i_solution ul li .txts .h4{font-size:20px; line-height:24px; color:#fff; font-weight:600; padding-top:85%; border:0px solid #F60;}
.i_solution ul li .txts .p{overflow:hidden; line-height:20px;font-size:16px; color:#fff;/*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/ margin-top:20px;}
.i_solution ul li .txts .rbtn{ margin-top:40px; font-weight:400;font-size:16px; color:#fff;}
.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{color:#fff; text-shadow:1px 1px 1px #444; font-size:24px; line-height:26px; letter-spacing:0px;padding:0px 20px;}
.i_solution ul li .txts2 .cons{ margin:0 auto; text-align:left;border:0px solid #F60; }

.i_partner_bg{ background:#efefef; overflow:hidden;}
.x_fangan{
  width:100%;
  background-position:center top;
  padding:70px 0px;
  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: 960px) {


/*解决方案*/
.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;}

}


@media screen and (max-width: 640px) {
/*轮显*/

/*解决方案*/
.i_title .label{ font-size:16px;}
.i_title .p{ font-size:14px;}
.i_solution{ margin-top:2%; overflow:hidden; margin-left:-3%; width:98%;}
.i_solution ul li .imgs{ padding-top:130%;}

/* 鼠标跟随 --> */
#c-followDot { display:none;}

.wrapper .footer .contact{display:block;margin-left: 30%;}
}

@media screen and (max-width: 480px) {

/*解决方案*/
.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%;}

}
@media screen and (max-width: 420px) {

/*解决方案*/
.i_title .p{ font-size:12px;}
.i_title .rbtn{ margin-top:-60px;}

}

