@charset "utf-8";



/*广告图*/
.slick1 {width:100%; margin:auto; position:relative;clear:both;background:#000;margin-top: -15px;}
.slick1 div {}
.slick1 div a { background-position:center center; background-repeat:no-repeat; display:block; text-align:center; position:relative;}
.slick1 div a.pcimg img { display: block;max-width:100%; width:100%; height:auto;}
.mbanner { display:none;}
.mbanner img { display: block;width:100%; height:auto;}

.btxt * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.btxt { width:610px; position:absolute; left:50%; margin-left:-655px; top:28%; z-index:6; text-align:left;}
.btxt h2{font-size:72px; color:#FFF;text-transform:uppercase; font-weight:bold;}
.btxt h4{font-size:30px; color:#FFF;font-weight:bold;}
.btxt h4 img {display: block;max-width:100%;width:auto;height:auto; }
.btxt h1{font-size:104px;color:#00a082;font-family:'Conv_Helvetica_Condensed_Bold',Arial;font-weight:bold;}
.btxt h6{ width:606px;font-size:16px;color:#FFF;}
.btxt h6 img { display: block;max-width:100%;width:auto;height:auto;}
 
.slick1 .slick-active .btxt h2{animation:fadeInRight 1s ease 1 0s;}
.slick1 .slick-active .btxt h4{animation:fadeInRight 1s ease 1 0.2s;}
.slick1 .slick-active .btxt h1{animation:fadeInUp 1s ease 1 0.4s;}
.slick1 .slick-active .btxt h6{animation:fadeInUp 1s ease 1 0.6s;}

.btxt2 h2{font-size:58px; color:#FFF;text-transform:uppercase; font-weight:bold;}

.btxt3 { left:auto;margin-left:auto;right:50%; margin-right:-755px; text-align:left;}
.btxt3 h2{font-size:72px; color:#afbdff;text-transform:uppercase; font-weight:bold;}
.btxt3 h4{font-size:52px; color:#FFF;font-weight:bold;}
.btxt3 h1{ padding-top:20px;font-size:22px; line-height:28px; width:80%;color:#fff;font-family: Arial;font-weight: normal;text-transform:uppercase;}
.btxt3 h6{margin:30px 0; width:150px; display:block; height:40px; line-height:40px; text-align:center; color:#999; font-size:14px; text-transform:uppercase; border:#CCC 1px solid;border-radius:10px; font-weight:bold;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.btxt3 h6:hover { border:#510e7f 1px solid; color:#fff; background:#00a082;}


.btxt4 { left:auto;margin-left:auto;right:50%; margin-right:-755px; text-align:left;}
.btxt4 h2{font-size:72px; color:#afbdff;text-transform:uppercase; font-weight:bold;}
.btxt4 h4{font-size:52px; color:#FFF;font-weight:bold;}
.btxt4 h1{ padding-top:20px;font-size:22px; line-height:28px; width:80%;color:#fff;font-family: Arial;font-weight: normal;text-transform:uppercase;}
.btxt4 h6{margin:30px 0; width:150px; display:block; height:40px; line-height:40px; text-align:center; color:#999; font-size:14px; text-transform:uppercase; border:#CCC 1px solid;border-radius:10px; font-weight:bold;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.btxt4 h6:hover { border:#662990 1px solid; color:#fff; background:#510e7f;}
.bproduct {width:600px; position:absolute; left:50%; margin-left:-655px; top:18%; z-index:6; }
.bproduct img { max-width:100%; height:auto; display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.slick1 .slick-active .bproduct{animation:fadeInUp 1s ease 1 0s;}
.slick1 .slick-active .bproduct img {animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite; }




/* 国人首页产品修改 */
.gr-index-product-ul{
    position: relative;
}

.gr-index{
    width: 100%;
    min-height: 990px;
    background: url(../grzx/index-bj.jpg) no-repeat center top;
}
.gr-dse{
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    max-width: 92%;
}
.gr-index li{
    /* width: 370px !important; */
    /* text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    position: relative;
    height: 415px;
    opacity: 0.3; */
    opacity: 0.3;

}
.gr-index li h6{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    display: none;
    text-align: center
}
.gr-index li a{
    display:block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.gr-index li img{
    max-width: 100%;
    width: 80%;
    display: block;
    margin: 0 auto;
}

.gr-index .swiper-slide-active{
    /* width: 390px; */
    opacity: 1;
}
.gr-index .swiper-slide-active img{
    width: 100%;
}
.gr-index .swiper-slide-active h6{
    display: block
}
.gr-index .swiper-wrapper{
    height: 500px;
}
.gr-index .swiper-slide-prev,
.gr-index .swiper-slide-next{
    /* width: 247px; */
    opacity: 0.8;
    
}
.gr-index .swiper-slide-prev img,
.gr-index .swiper-slide-next img{
    width: 90%;
}
/* .gr-index-product img{
    height: auto;
    display: block;
    width: 80%;
    margin: 0 auto;
}
.gr-index-product .swiper-slide-active img{
    width: 100%;
    height: auto;
} */
.gr-title{
    text-align: center;
    padding: 105px 0;
}
.gr-title h3{
    font-size: 32px;font-weight: bold;color: #fff;text-transform: uppercase;
    margin-bottom: 12px;
}
.gr-title i{
    width: 70px;
    height: 3px;
    display: block;
    margin: 0 auto;
    background: #fff;
    opacity: 0.2;
}

/*首页内容*/
.imain{ width:100%;overflow:hidden;margin:auto; clear:both; position:relative; background-repeat:no-repeat; background-position:center  bottom; position:relative; clear:both;}
.imain_content {width:1300px;margin:auto;}
.imain_content * { overflow:hidden; display:block;}


.positionr {position:relative;}
.ptb110 { padding:110px 0;}
.ptb130 { padding:130px 0;}
.ptb180 { padding:180px 0;}
.ptb220 { padding:220px 0;}
.pt80 { padding-top:80px;}
.pt150 { padding-top:150px;}
.pt200 { padding-top:200px;}
.pb80 { padding-bottom:80px;}
.mt20{ margin-top:20px;}
.mt80{ margin-top:80px; clear:both;}
.mt-80 { margin-top:-80px; clear:both;}
.mr0 { margin-right:0px !important;}
.bn { border:none !important;}


.ititle { text-align: center;}
.ititle h2{ font-size:32px;font-family:Arial,"微软雅黑",'Microsoft YaHei';font-weight:bold; text-transform:uppercase;}
.ititle i{ display:block; background:#999; height:2px; width:60px; margin:10px auto;opacity:0.5;}


.iabout3 {overflow:hidden; margin-top:50px;}
.iabout3 * { display:block; overflow:hidden;}
.iabout3 ul {float:left;border:#d9d9d9 1px solid; width:32.777%; margin-right:0.5%;padding:5% 0 4%; background:#ededed;}
/* .iabout3 ul a { height:100%;} */
.iabout3 ul li { margin-left: 8%;}
.iabout3 ul li i{ float:left;width:90px; height:90px;}
.iabout3 ul li span{ float:left; padding:2% 2%;}
.iabout3 ul li span h1{font-size:60px; line-height:60px;font-family: 'Conv_Helvetica_Condensed_Bold',Arial; }
.iabout3 ul li span h1 * {display:inline-block;vertical-align:top;}
.iabout3 ul li span h1 strong{font-size:60px; line-height:60px;font-family: 'Conv_Helvetica_Condensed_Bold',Arial; }
.iabout3 ul li span h1 em{ font-size:40px; color:#c4c4c4;}
.iabout3 ul li span h6{ text-transform:uppercase; color:#999; font-size:12px;min-height: 27px;}


.iviewmore { margin:auto; width:150px; display:block; height:40px; line-height:40px; text-align:center; color:#999; font-size:14px; text-transform:uppercase; border:#CCC 1px solid;border-radius:10px; font-weight:bold;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.iviewmore:hover { border:#00a082 1px solid; color:#fff; background:#00a082;}



.iproduct4 {overflow:hidden; margin-top:50px;}
.iproduct4 * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.iproduct4  li{ position:relative; float:left; width:25%;}
.iproduct4  li a{ background:#000;}
.iproduct4  li a img{ width:100%; height:auto; display:block;}
.iproduct4  li a span{ position:absolute; top:0; left:0; z-index:3; width:100%; height:100%;}
.iproduct4  li a span h3{color:#FFF; font-size:24px; text-transform:uppercase; font-weight:bold;}
.iproduct4  li a span h6{color:#999; font-size:12px; text-transform:uppercase; background:url(../images/rightj.png) right center no-repeat; padding-right:15px; display:inline-block;}
.iproduct4  li a:hover span {/*opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;*/}
.iproduct4  li a:hover span h6 { color:#FFF;}
.iproduct4  li a:hover img {transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}

.ip1 a span{padding-top:35%;text-align:center; }
.ip2 a span{padding-top:15%;text-align:center; }
.ip3 a span{padding-top:15%; padding-left:15%;width:85%!important;}
.ip4 a span{padding-top:35%; padding-left:8%; width:92%!important;}


.iviewmore2 { margin:auto; width:150px; display:block; height:40px; line-height:40px; text-align:center; color:#999; font-size:14px; text-transform:uppercase; border:#b6b6b6 1px solid;border-radius:10px; font-weight:bold;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.iviewmore2:hover { border:#00a082 1px solid; color:#fff; background:#00a082;}



.itb { }
.itb h2{ color:#FFF}
.itb i{ background:#fff;}
.itb h6{color:#fff; opacity:0.7; margin:20px 0;}

.isolution { text-align:center; margin-top:20px;}
.isolution * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.isolution  li{ position:relative; display:inline-block;width: 42.888%; vertical-align:top;}
.isolution  li a{ }
.isolution  li a i{ width:90px; height:90px; margin: 12px auto; position:relative;}
.isolution  li a i em { position:absolute; left:0; top:0; z-index:3; width:100%; height:100%;}
.isolution  li a i img{ width:100%; height:auto;}
.isolution  li a i.is1 { background:url(../images/s1.svg) center no-repeat;}
.isolution  li a i.is2 {background:url(../images/s21.svg) center no-repeat;}
.isolution  li a i em.is21 { background:url(../images/s2.svg) center no-repeat; top:-3px;}
.isolution  li a i.is3 { background:url(../images/s3.svg) center no-repeat;}
.isolution  li a i.is4 { background:url(../sul/s4.png) center no-repeat;}
.isolution  li a i.is4 em.is41{background: url('../sul/s41.png') no-repeat center;transform: rotate(-102deg);transform-origin: 47px 56px;transition: all 0.5s;}
.isolution  li a:hover i em.is31 { background:url(../images/s31.svg) center no-repeat;}
.isolution  li a:hover i.is3 em.is31{-webkit-animation: loader-06 1s ease-out infinite;animation: loader-06 1s ease-out infinite;}
.isolution  li a:hover i.is4 em.is41{transform: rotate(0deg);}
.isolution  li a:hover i.is1 { transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.isolution  li a:hover i.is2 em{-webkit-animation: loader-06 1s ease-out infinite;animation: loader-06 1s ease-out infinite; }
.isolution  li a:hover i.is3 em{ -webkit-animation: loader-11 1.2s infinite ease-in-out;animation: loader-11 1.2s infinite ease-in-out;}

/* .isolution  li a:hover i.is3 em{ -webkit-animation: loader-11 1.2s infinite ease-in-out;animation: loader-11 1.2s infinite ease-in-out;} */

.btto{
    width: 100%;
}
.btto dd{
    width: 224px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.btto dd:nth-of-type(2n){
    margin-right: 0;
}
.btto dd img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.btto dd span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.isolution  li a span{}
.isolution  li a span h3{color:#FFF; font-size:24px; text-transform:uppercase; font-weight:bold;}
.isolution  li a span h6 {opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;color:#fff; font-size:12px; text-transform:uppercase; width:150px; display:block; height:40px; line-height:40px;display:inline-block;border-radius:10px; font-weight:bold; background:rgba(0,160,130,0.7);}
.isolution  li a:hover span h6 { margin-top:20px;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;}
.yline { background: url(../images/yline.png) center no-repeat; min-height: 243px; width:2px; display:inline-block;}



.ititles { text-align: left; width:1300px; margin:auto;}
.ititles h1{ font-size:86px;font-family:Arial,"微软雅黑",'Microsoft YaHei';font-weight:bold; text-transform:uppercase;color:#FFF;}
.ititles h6{ font-size:14px;color:#FFF;}
.ititles a { margin:20px 0;width:150px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase; border:#fff 1px solid;border-radius:10px; font-weight:bold;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.ititles a:hover { border:#00a082 1px solid; color:#fff; background:#00a082;}



/*动画*/


.ia {display:block; width:90px; height:90px; position:relative;}
.ia span{ display:block;width:90px; height:90px;position: absolute; left:0; top:0; z-index:4;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.ia11 { background:url(../images/ia1.svg) center no-repeat;}
.ia12 { background:url(../images/ia2.svg) center no-repeat;}
.ia21 { background:url(../images/ia3.svg) center no-repeat;}
.ia22 { background:url(../images/ia31.svg) center no-repeat;}
.ia31 { background:url(../sul/tuds.png) center no-repeat;}
.ia32 { background:url(../images/ia5.svg) center no-repeat;}
.iabout3 ul:hover {border:#00a082 1px solid; background:#fff;}


.icon1 a .ia12{
transform:rotate(0deg) skew(0deg) scale(1);transform-origin:48% 63%;
-ms-transform:rotate(0deg) skew(0deg) scale(1);-ms-transform-origin:48% 63%;   
-moz-transform:rotate(0deg) skew(0deg) scale(1);-moz-transform-origin:48% 63%; 
-webkit-transform:rotate(0deg) skew(0deg) scale(1);-webkit-transform-origin:48% 63%;
-o-transform:rotate(0deg) skew(0deg) scale(1); -o-transform-origin:48% 63%; 	
}
.icon1:hover .ia12{
transform:rotate(-160deg) skew(0deg) scale(1);transform-origin:50% 63%;
-ms-transform:rotate(-160deg) skew(0deg) scale(1);-ms-transform-origin:50% 63%;   
-moz-transform:rotate(-160deg) skew(0deg) scale(1);-moz-transform-origin:50% 63%; 
-webkit-transform:rotate(-160deg) skew(0deg) scale(1);-webkit-transform-origin:50% 63%;
-o-transform:rotate(-160deg) skew(0deg) scale(1); -o-transform-origin:50% 63%;  
}

.icon2:hover .ia span.ia22 {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
/* .icon3:hover .ia span.ia31 {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;} */
.icon3:hover .ia span.ia31{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

.ia-flipx1 {animation:flipx1 2s ease 1 0s;}
@keyframes flipx1{
0%{	-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);filter:FlipH;}
50%{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}
100%{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);filter:FlipH;}

}
.flipx {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;}
.flipy {-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;}




.ia-rotate2 {animation:rotate2 2s ease 1 0s;}
@keyframes rotate2{
0%{	transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
100%{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

.ia-rotate{animation:rotate1 2s ease-in-out 1 1s;}
.ia-proRotate{-webkit-animation: proRotate 1s ease-in-out 500ms alternate none 1;animation: proRotate 1s ease-in-out 500ms alternate none 1;}




@keyframes rotate1{
0%{
transform:rotate(0deg) skew(0deg) scale(1);transform-origin:48% 63%;
-ms-transform:rotate(0deg) skew(0deg) scale(1);-ms-transform-origin:48% 63%;   
-moz-transform:rotate(0deg) skew(0deg) scale(1);-moz-transform-origin:48% 63%; 
-webkit-transform:rotate(0deg) skew(0deg) scale(1);-webkit-transform-origin:48% 63%;
-o-transform:rotate(0deg) skew(0deg) scale(1); -o-transform-origin:48% 63%;  
}
30%{
transform:rotate(-160deg) skew(0deg) scale(1);transform-origin:50% 63%;
-ms-transform:rotate(-160deg) skew(0deg) scale(1);-ms-transform-origin:50% 63%;   
-moz-transform:rotate(-160deg) skew(0deg) scale(1);-moz-transform-origin:50% 63%; 
-webkit-transform:rotate(-160deg) skew(0deg) scale(1);-webkit-transform-origin:50% 63%;
-o-transform:rotate(-160deg) skew(0deg) scale(1); -o-transform-origin:50% 63%;  
}
40%{
transform:rotate(-150deg) skew(0deg) scale(1);transform-origin:50% 63%;
-ms-transform:rotate(-150deg) skew(0deg) scale(1);-ms-transform-origin:50% 63%;   
-moz-transform:rotate(-150deg) skew(0deg) scale(1);-moz-transform-origin:50% 63%; 
-webkit-transform:rotate(-150deg) skew(0deg) scale(1);-webkit-transform-origin:50% 63%;
-o-transform:rotate(-150deg) skew(0deg) scale(1); -o-transform-origin:50% 63%;  
}
50%{
transform:rotate(-160deg) skew(0deg) scale(1);transform-origin:50% 63%;
-ms-transform:rotate(-160deg) skew(0deg) scale(1);-ms-transform-origin:50% 63%;   
-moz-transform:rotate(-160deg) skew(0deg) scale(1);-moz-transform-origin:50% 63%; 
-webkit-transform:rotate(-160deg) skew(0deg) scale(1);-webkit-transform-origin:50% 63%;
-o-transform:rotate(-160deg) skew(0deg) scale(1); -o-transform-origin:50% 63%;  
}
100%{
transform:rotate(0deg) skew(0deg) scale(1);transform-origin:48% 63%;
-ms-transform:rotate(0deg) skew(0deg) scale(1);-ms-transform-origin:48% 63%;   
-moz-transform:rotate(0deg) skew(0deg) scale(1);-moz-transform-origin:48% 63%; 
-webkit-transform:rotate(0deg) skew(0deg) scale(1);-webkit-transform-origin:48% 63%;
-o-transform:rotate(0deg) skew(0deg) scale(1); -o-transform-origin:48% 63%;  
}
}


@-webkit-keyframes proRotate { 
    0%{-webkit-transform:perspective(400px) rotateY(180deg);} 
    100%{-webkit-transform:perspective(400px) rotateY(0deg);} 
}
@keyframes proRotate { 
    0%{transform:perspective(400px) rotateY(180deg);} 
    100%{transform:perspective(400px) rotateY(0deg);} 
}
 


.iservice { height:400px; position:relative;}

.grayPage {background-color:#000;}			
.editorial {display:block;width:100%;height:400px;position:absolute; left:0; bottom:10px; z-index:3;}
.parallax>use {animation:move-forever 12s linear infinite;	}
.parallax>use:nth-child(1) {animation-delay:-1s;}
.parallax>use:nth-child(2) {animation-delay:-1s;animation-duration:7s;}
.parallax>use:nth-child(3) {animation-delay:-3s;animation-duration:8s;}
.parallax>use:nth-child(4) {animation-delay:-5s;animation-duration:12s;}
.parallax>use:nth-child(5) {animation-delay:0;animation-duration:8s;}
.parallax>use:nth-child(6) {animation-delay:-6s;animation-duration:11s;}
@keyframes move-forever {0% {transform:translate(-90px,0%);-webkit-transform: translate(-90px,0%);}100% {transform:translate(85px,0%);-webkit-transform: translate(85px,0%);}}
@-webkit-keyframes  {0% {transform:translate(-90px,0%);-webkit-transform: translate(-90px,0%);}100% {transform:translate(85px,0%);-webkit-transform: translate(85px,0%);}}


.iservice span {display:block;position:absolute;background-position: center;background-repeat:no-repeat;background-image:none;z-index:9;border-radius:100px;background-color:rgba(255,255,255,0.8); border:rgba(255,255,255,0.1) 5px solid;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.iservice span.animate_i1  { width:85px; height:85px;bottom:100px;left:50%; margin-left:-600px; background-image:url(../images/ic01.svg);background-color:rgba(255,255,255,0.3);animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite; background-size:60%;}
.iservice span.animate_i2  { width:90px; height:90px;bottom:300px;left:50%; margin-left:-350px;background-image:url(../images/ic02.svg);background-color:rgba(112,112,112,0.8);animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite}
.iservice span.animate_i3  { width:100px; height:100px;bottom:140px;left:50%; margin-left:-100px;background-image:url(../images/ic03.svg);background-color:rgba(255,255,255,1.0);animation: icons 5s linear infinite;-webkit-animation:icons 5s linear infinite;background-size:60%;}
.iservice span.animate_i4  { width:70px; height:70px;bottom:260px;left:60%;background-image:url(../images/ic04.svg);background-color:rgba(255,255,255,1.0);animation: icons 6s linear infinite;-webkit-animation:icons 6s linear infinite}
.iservice span.animate_i5  { width:100px;height:100px;bottom:140px;left:75%;background-image:url(../images/ic05.svg);background-color:rgba(112,112,112,0.8);animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite}

.iservice span a { display:block; width:100%; height:100%;}
.iservice span:hover { border:rgba(0,160,130,0.9) 5px solid;}
 
@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(1em,2em);transform: translate(1em,2em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(1em,3em);transform: translate(1em,3em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 









@-webkit-keyframes loader-06 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes loader-06 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
    }
}

@media screen and (max-width: 1600px) {
    .iproduct4 li a span h3{
        font-size: 18px;
    }

}
@media screen and (max-width: 1500px) {
    .iabout3 ul{
        height: 100px;
    }
    .iabout3 ul:nth-of-type(2) li > span{
        width: 203px;
    }
}