/*关于我们*/
.wrap2 {
  width: 95%;
}

.wrap2 {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
}

.i_about{ margin-top:6%; margin-bottom:5%; position:relative;min-height:600px; overflow:hidden; }

.i_about .i_about_l{ position:absolute;width:40%; overflow:hidden; right:0; top:0;  }

.i_about .i_about_l .img{ width:100%; display:block;-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 .i_about_l: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 .imgs{ position:relative; overflow:hidden; cursor:pointer;}

.i_about .i_about_l .imgs .bgs{ width:100%; height:100%; top:0; left:0; position:absolute;display: flex; align-items: center; justify-content: left;}

.i_about .i_about_l .imgs .bgs i{ display:block;  width:126px; height:126px; margin:0 auto; position:relative;background:url(../image/i_pic2.png) center center no-repeat; background-size:100% 100%;}

.i_about .i_about_r{ float:left; width:48%; overflow:hidden;}

.i_about .i_about_r .h4{ position:relative;  font-weight:bold;color:#232323; line-height:1; margin-top:1%;font-size: 30px; }

.i_about .i_about_r .desc{ overflow:hidden; line-height:1.6; margin-top:2%; color:#333333;font-size: 18px;}

.i_about .i_about_r .counter{ text-align:left; margin-top:5%;}

.i_about .i_about_r .counter ul li{ display:inline-block; vertical-align:top;width:24%;transition:all 0.3s; position:relative; }

.i_about .i_about_r .counter ul li .txts2{}

.i_about .i_about_r .counter ul li .nums{  line-height:1; color:var(--main-color);}

.i_about .i_about_r .counter span{display:inline-block; vertical-align:middle; overflow:hidden; font-weight:bold; font-family:Arial;color: #c32837; font-size: 50px;}

.i_about .i_about_r .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500; }

.i_about .i_about_r .counter .h6{ font-weight: normal; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis;  */margin-top:12px; margin-bottom:6px; color:#333;}

.i_about .i_about_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_about .i_about_r .rbtn{ margin-top:8%;}



/*大鸿优势*/

.i_four{ margin-top:2%; overflow:hidden; padding-bottom: 5%;}

.i_four li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;  position:relative;}

.i_four li:nth-child(3n){ margin-right:0;}

.i_four li .imgs{ overflow:hidden;}

.i_four li .imgs img{ width:100%; display:block;-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_four li .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_four li .bgs{ background:#f9f9f9; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;display: flex; align-items: center; justify-content: center;transition:all 0.3s;}

.i_four li .boxs{ width:96%; margin:0 auto; overflow:hidden;}

.i_four li .ico{ display:block; height:90px; margin:0 auto; margin-bottom:4%;transition:all 0.3s;}

.i_four li .h3{overflow:hidden; line-height:44px; height:44px;white-space:nowrap;text-overflow:ellipsis; font-weight:bold;transition:all 0.3s;}

.i_four li:hover .h3{ color:#fff;}

.i_four li .p{ overflow:hidden; line-height:30px; height:90px;/* text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */ color:#666; margin-top:3%;transition:all 0.3s;}

.i_four li:hover .p{ color:#fff;}

.i_four li:hover .bgs{ background:rgba(0,0,0,0.5);}

.i_four li:hover .ico{ display:none;}





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

/*关于我们*/

.i_about{ min-height:inherit;}

.i_about .i_about_r .counter{ margin-top:10%;}

.i_about .i_about_r .h4{ margin-top:2%;}

.i_about .i_about_l .imgs .bgs i{ height:116px; width:116px;}

/*大鸿优势*/

.i_four{ margin-top:3%;}

.i_four li .ico{ height:80px;}

.i_four li .h3{ height:40px; line-height:40px;}

.i_four li .p{ line-height:30px; height:90px;}


}

@media screen and (max-width: 1200px) {
/*关于我们*/

.i_about .i_about_r .desc{ line-height:1.6;}

.i_about .i_about_r .counter{ margin-top:8%;}

.i_about .i_about_r .h4{ margin-top:0%;}

.i_about .i_about_r .rbtn{ margin-top:6%;}

.i_about .i_about_l .imgs .bgs i{ height:100px; width:100px;}

/*大鸿优势*/

.i_four li{ width:49%;}

.i_four li:nth-child(3n){ margin-right:2%;}

.i_four li:nth-child(2n){ margin-right:0;}

}

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

/*关于我们*/

.i_about .i_about_l{ position:static; width:100%;}

.i_about .i_about_r{ float:none; width:100%; max-width:none; margin-top:5%; text-align:center;}

.i_about .i_about_r .desc{ margin-top:3%; text-align:left;}

.i_about .i_about_r .counter{ text-align:center;}

.i_about .i_about_r .counter span{ font-size:40px;}


/*大鸿优势*/

.i_four li .ico{ height:70px;}

.i_four li .h3{ height:32px; line-height:32px;}

.i_four li .p{ line-height:26px; height:78px;}

}





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

/*关于我们*/

.i_about .i_about_l .imgs .bgs i{ height:80px; width:80px;}

.i_about .i_about_r .counter span{ font-size:32px;}

/*大鸿优势*/

.i_four li .ico{ height:50px;}

.i_four li .h3{ height:28px; line-height:28px;}

.i_four li .p{ line-height:22px; height:66px;}

.i_four li .imgs img{ min-height:179px;}

}



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

/*关于我们*/

.i_about .i_about_l .imgs .bgs i{ width:60px; height:60px;}

.i_about .i_about_r{ margin-top:6%;}

/*大鸿优势*/

.i_four li .ico{ height:40px;}

.i_four li .h3{ height:24px; line-height:24px; }

.i_four li .p{ line-height:20px; height:80px; -webkit-line-clamp: 4;font-size: 15px;}

.i_four li .imgs img{ min-height:155px;}

    font-size: 15px;

}





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

/*大鸿优势*/

.i_four li{ margin-bottom:4%;}

.i_four li .h3{ font-size:16px;}

}

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

/*关于我们*/

.i_about .i_about_r .counter ul li{ width:23.5%;}

/*大鸿优势*/

.i_four li .h3{ font-size:15px;}

}


@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);

  -moz-transform: translateY(-100px) translateX(0);

  transform: translateY(-100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);

  -moz-transform: translateY(-100px) translateX(0);

  transform: translateY(-100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}