@charset "utf-8";

/*广告图*/
.slick1 {width:100%; margin:auto; position:relative;clear:both;background:#fff; }
.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:-575px; top:25%; 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:#ff6600;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:-695px; 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:#ff6600;}


.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:12%; 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; }


/*首页内容*/
.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:1150px;margin:auto;}
.imain_content * { overflow:hidden; display:block;}


.positionr {position:relative;}
.ptb90 { padding:50px 0 50px 0;}
.ptb110 { padding:40px 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:30px; 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:33px;font-family:"微软雅黑",'Microsoft YaHei';}
.ititle i{ display:block; background:#9dee64; height:2px; width:60px; margin:10px auto;opacity:0.5;}
.ititle span{font-weight:200; font-size:22px; color:#999}

.iabout3 {overflow:hidden; margin-top:20px;}
.iabout3 * { display:block; overflow:hidden;}
.iabout3 ul {float:left;border:#fff 1px solid; width:33.05%; margin-right:0.1%;background:#fff;}
.iabout3 ul a { height:100%;}
.iabout3 ul li { margin-left:14%;}
.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;}

.iabout3 ul a {position:relative}
.iabout3 ul a span{position:absolute; display:block; width:300px; height:389px; bottom:-380px; background:rgba(60,160,246,0.5); padding:40px; line-height:25px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; color:#fff; font-size:15px}
.iabout3 ul a span h2{font-size:24px; color:#fff; text-align:center }
.iabout3 ul a span font{display:block; position:absolute;width:100px; height:40px; line-height:40px; background:rgba(255,255,255,0.9); color:#333; margin-left:100px; text-align:center }

.iabout4 {overflow:hidden; margin-top:40px;}
.iabout4 * { display:block; overflow:hidden;}
.iabout4 ul {float:left;width:24.5%; background:#fff;margin:0.1%}
.iabout4 ul a { height:100%; position:relative}
.iabout4 ul a span{ position:absolute; bottom:0px; width:100%; height:40px; display:block; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; color:#fff; font-size:1.3em;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.iabout4 ul a span:hover{ background:rgba(60,160,246,0.5); color:#fff; }

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



.iproduct4 {overflow:hidden; margin-top:20px;}
.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:20%;}
.iproduct4  li a{ background:#f1f1f1; padding:5%}
.iproduct4  li a img{ width:100%; height:auto; display:block;}
.iproduct4  li a span{width:100%; height:100%;}
.iproduct4  li a span h3{color:#333; font-size:24px; text-transform:uppercase; font-weight:bold;}
.iproduct4  li a span h6{color:#999; font-size:12px; text-transform:uppercase;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:#FF6600;}
.iproduct4  li a:hover img {transform: scale(1.1);-ms-transform: scale(1.1); -webkit-transform: scale(1.1);}

.ip1 a span{padding-top:5%;text-align:center; }
.ip2 a span{padding-top:5%;text-align:center; }
.ip3 a span{padding-top:5%;text-align:center; }
.ip4 a span{padding-top:5%;text-align:center; }
.ip5 a span{padding-top:5%;text-align:center; }

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



.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:10px;}
.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:32.8%; vertical-align:top;}
.isolution  li a{ }


.isolution  li a span{color:#f1f1f1}
.isolution  li a span h3{color:#FFF; font-size:18px; text-transform:uppercase; padding-top:20px; font-weight:bold}
.isolution  li a:hover span h3 {color:#3b9ff6;}
.yline { background: url(/images/yline.png) center no-repeat; min-height:310px; width:2px; display:inline-block;}

.inewslist{}
.inewslist a{display:block; float:left; color:#fff; width:353px; overflow:hidden; font-size:1.2em; background:rgba(0,0,0,0.5); margin:0px 10px 3px 10px; padding:5px;;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.inewslist a:hover{background:rgba(60,160,246,0.5)}

.ititles { text-align: left; width:1150px; 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(../images/ia4.svg) center no-repeat;}
.ia32 { background:url(../images/ia5.svg) center no-repeat;}
.iabout3 ul:hover {border:#fff 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 dt{font-size:15px; padding:2%; line-height:24px; background:#fafafa; color:#555}*/


.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/ico1.png);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/ico2.png); background-size:100%;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;
    }
}