
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.fullSlide {width:100%;position:relative;height:600px;-webkit-transition: left .5s,right .5s;transition: left .5s,right .5s;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:600px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:0 10px;border-radius:16px;background:#fff;overflow:hidden;line-height:999px;   background-repeat:no-repeat;}
.fullSlide .hd ul .on {background-color:#059be6;animation:scale 0.3s cubic-bezier(0.5, 1.5, 0.5, 1.5) 0s;-webkit-animation:scale 0.3s cubic-bezier(0.5, 1.5, 0.5, 1.5) 0s;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;z-index:1;width:80px;height:80px;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none; background:url(Img/Index/ibanner_btn.png);}
.fullSlide .prev{left:50%;margin-left:-646px;background-position:0 0; }
.fullSlide .next {left:auto;right:50%;margin-right:-646px; background-position:-80px 0;}
.fullSlide .prev:hover{background-position:0 -80px;}
.fullSlide .next:hover{background-position:-80px -80px;}
/**/

/*nextpage*/
.nextpage{position:absolute;width:42px;height:173px;left:50%;top:0;margin-left:-21px;
  animation:plateRotate 1s linear infinite alternate;
  -webkit-animation:plateRotate 1s linear infinite alternate;
  transform-origin:50% 0 0;
  -webkit-transform-origin:50% 0 0;
 }
.nextpage em,.nextpage a{display:block;}
.nextpage .line{width:1px;height:131px;background:#fff;margin:0 auto;}
.nextpage .mouse{width:40px;height:40px;border:1px solid #fff;background:url(Img/Index/mouse.png)}


/*mian-title*/
.mian-title{text-align:center;}
.mian-title h2 a{display:inline-block;position:relative;}
.mian-title h2 a span{position:absolute;width:0;height:100%;overflow:hidden;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}
.mian-title h2 a:after{content:'';position:absolute;width:60px;height:2px;bottom:-12px;left:50%;margin-left:-30px;background:#059be6;}
.mian-title .en{color:#999;margin-top:23px;text-transform:uppercase;}
.mian-title h2 a:hover span{width:100%;}

/*quality*/
.quality{padding:40px 0 60px;}
.quality img{vertical-align:middle;}
.quality-ad{height:93px;padding:30px 0 30px 510px;margin-top:45px;position:relative;background:url(Img/Index/quality_bg.jpg);font-size:25px;color:#fff;line-height:1.5;}
.quality-ad .icon{position:absolute;width:119px;height:106px;background:url(Img/Index/quality_icon.png);top:23px;left:356px;font-size:28px;}
.quality-ad p{font-weight:bold;}
.quality-ad p span{font-size:38px;}
.quality-list{margin-top:55px;height:153px;text-align:center;}
.quality-list a{display:block;float:left;width:147px;margin-right:3.428px;line-height:20px;color:#999;}
.quality-list a:first-child{margin-left:0;}
.quality-list a .pic{display:block;width:145px;height:101px;margin-bottom:10px;border:1px solid #f0f0f0;-}
.quality-list a .pic img{width:145px;height:101px;-webkit-transition:all .5s;transition:all .5s;}
.quality-list a:hover{color:#059be6;}
.quality-list a:hover img{-webkit-transform:scale(0.8);transform:scale(0.8);}
.quality-ti{margin:40px 0 55px;text-align:center;}
.quality-cont{position:relative;height:450px;}
.quality-item{position:absolute;width:100%;height:450px;overflow:hidden;top:0;left:0;opacity:0;visibility:hidden;}
.quality-item .pic{display:block;float:left;width:868px;height:449px;position:relative;z-index:1;}
.quality-item .pic:after{content:'';position:absolute;width:100%;height:100%;background:#f3f3f3;z-index:-1;}
.quality-item .pic img{width:868px;height:449px;}
.quality-item .cont{width:285px;height:207px;float:right;padding:50px 22px 20px 25px;position:relative;margin-top:97px;overflow:hidden;z-index:1;}
.quality-item .cont i{position:absolute;}
.quality-item .cont .line{background:#059be6;-webkit-transition:all .5s;transition:all .5s;}
.quality-item .cont .line.t{width:0;height:2px;top:0;left:0;}
.quality-item .cont .line.r{width:2px;height:0;top:0;right:0;}
.quality-item .cont .line.b{width:0;height:2px;right:0;bottom:0;}
.quality-item .cont .gear{width:212px;height:212px;background:url(Img/Index/gear.png);right:-101px;bottom:-75px;z-index:-1;-webkit-animation: rotate 5s linear infinite;animation: rotate 5s linear infinite;}
.quality-item .cont .ti{font-size:28px;color:#059be6;font-weight:bold;}
.quality-item .cont .en{font-size:20px;color:#d2d3d4;text-transform:uppercase;}
.quality-item .cont .desc{line-height:24px;margin-top:25px;color:#222;}
.quality-item.active{opacity:1;visibility:visible;}
.quality-item.active .cont .line.t{width:100%;}
.quality-item.active .cont .line.r{height:100%;}
.quality-item.active .cont .line.b{width:100%;}
.quality-tab{width:744px;height:110px;position:relative;margin:-22px auto 0;z-index:3;}
.quality-tab .item{display:block;float:left;position:relative;width:206px;height:85px;padding:25px 15px 0;margin:0 6px;text-align:center;background:#f3f3f3;font-size:22px;-webkit-transition:all .3s;transition:all .3s;}
.quality-tab .item .line{display:block;width:70px;height:1px;background:#666;margin:10px auto 7px;position:relative;overflow:hidden;}
.quality-tab .item .line i{position:absolute;width:100%;height:100%;background:#fff;top:0;left:-100%;-webkit-transition:left .5s;transition:left .5s;}
.quality-tab .item .en{font-size:14px;color:#999;}
.quality-tab .item .arrow{position:absolute;width:0;height:0;border:23px solid transparent;border-bottom-width:13px;top:-36px;left:50%;margin-left:-23px;}
.quality-tab .item:hover,.quality-tab .item.cur{background:#059be6;color:#fff;}
.quality-tab .item:hover .en,.quality-tab .item.cur .en{color:#fff;}
.quality-tab .item:hover .arrow,.quality-tab .item.cur .arrow{border-bottom-color:#059be6}
.quality-tab .item:hover .line,.quality-tab .item.cur .line{background:#059be6;}
.quality-tab .item:hover .line i,.quality-tab .item.cur .line i{left:0;}

/*ipro*/
.ipro{width:100%;padding:60px 0 50px;background:#f3f3f3;overflow:hidden;}
.ipro-nav{position:relative;padding-left:178px;margin-top:45px;background:#fff;border:1px solid #e1e1e1;overflow:hidden;}
.ipro-nav:after{content:'';position:absolute;width:100%;height:1px;background:#e1e1e1;left:0;top:50%;}
.ipro-nav a{display:block;float:left;height:70px;line-height:70px;font-size:16px;margin-right:65px;}
.ipro-nav a:hover{color:#059be6;}
.ipro-nav span{position:absolute;width:105px;height:37px;background:#059be6;color:#fff;text-align:center;line-height:36px;left:0;top:20px;font-size:18px;}
.ipro-recom{margin-top:27px;overflow:hidden;}
.ipro-recom .pic{display:block;width:795px;height:397px;float:left;}
.ipro-recom .cont{width:405px;height:397px;float:right;overflow:hidden;}
.ipro-recom .cont .box{width:375px;height:347px;padding:25px 0 25px 30px;display:table-cell;vertical-align:middle;}
.ipro-recom .cont .ti{margin-bottom:20px;font-size:18px;font-weight:bold;color:#059be6;}
.ipro-recom .cont .desc{font-size:16px;line-height:30px;}
.ipro-recom .cont .more{display:block;margin-top:30px;width:138px;height:34px;border:1px solid #059be6;font-size:16px;color:#059be6;text-align:center;line-height:34px;}
.ipro-list:after{content:'';display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.ipro-list{margin-top:30px;}
.ipro-list .item{display:block;width:380px;float:left;margin-left:30px;position:relative;font-size:16px;text-align:center;}
.ipro-list .item:first-child{margin-left:0;}
.ipro-list .pic{display:block;width:378px;height:263px;margin-bottom:30px;border:1px solid #e7e7e7;-webkit-transition:all .3s;transition:all .3s;}
.ipro-list .pic img{width:378px;height:263px;}
.ipro-list .item:hover{color:#059be6;}
.ipro-list .item:hover .pic{box-shadow:0 10px 15px 0 #d0d0d0;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*stren*/
.stren{width:100%;padding:55px 0;overflow:hidden;position:relative;}
.stren .nextpage{margin-left:558px;height:123px;}
.stren .nextpage .line{background-color:#363636;height:80px;}
.stren .nextpage .mouse{border-color:#363636;background-position:0 -40px;}
.stren-list{width:580px;margin-top:60px;}
.stren-list li{position:relative;padding:0 30px;height:145px;margin-top:10px;font-size:18px;color:#666;line-height:32px;background:#059be6;z-index:1;}
.stren-list li:first-child{margin-top:0;}
.stren-list .ti{font-size:24px;padding:20px 0 10px; color:#333}
.stren-list li i{position:absolute;width:100%;height:100%;background:#f3f3f3;z-index:-1;top:0;left:0;-webkit-transition:all .3s;transition:all .3s;}
.stren-list li.cur,.stren-list li.cur .ti{color:#fff;font-weight:bold;}
.stren-list li.cur i{width:0;left:50%;}
.stren-pic{position:absolute;width:960px;height:610px;bottom:55px;right:50%;margin-right:-960px;}
.stren-pic li{position:absolute;width:960px;height:610px;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s;}
.stren-pic img{width:960px;height:610px;vertical-align:middle;}
.stren-pic li.active{opacity:1;visibility:visible;}

/*iserve*/
.iserve{padding:60px 0 90px;overflow:hidden;}
.iserve-cont{width:772px;height:351px;position:relative;margin-top:60px;float:left;}
.iserve-cont li{position:absolute;width:772px;height:351px;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s;}
.iserve-cont .desc{position:absolute;width:100%;height:82px;bottom:0;left:0;overflow:hidden;}
.iserve-cont .desc:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#363636;opacity:0.6;filter:alpha(opacity=60);}
.iserve-cont .desc p{line-height:30px;padding:11px 25px;color:#fff;position:relative;-webkit-transform:translate(500px,0);-webkit-transform:translate(500px,0);-webkit-transition:transform .5s;transition:transform .5s;}
.iserve-cont li.active{opacity:1;visibility:visible;}
.iserve-cont li.active p{-webkit-transform:translate(0,0);-webkit-transform:translate(0,0)}
.iserve-tab{width:400px;float:right;margin-top:60px;background:#f3f3f3;}
.iserve-tab ul{overflow:hidden;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.iserve-tab li{width:50%;float:left;}
.iserve-tab a{display:block;height:116px;line-height:116px;text-align:center;font-size:18px;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;}
.iserve-tab i{display:inline-block;width:30px;height:30px;vertical-align:middle;background:url(Img/Index/iserve_icon.png);margin-right:5px;}
.iserve-tab li.i1 i{background-position:-30px 0}
.iserve-tab li.i2 i{background-position:-30px -30px}
.iserve-tab li.i3 i{background-position:-30px -60px;}
.iserve-tab li.i4 i{background-position:-30px -90px;}
.iserve-tab li.i5 i{background-position:-30px -120px;}
.iserve-tab li.i6 i{background-position:0 -150px;}
.iserve-tab li.i1.cur i{background-position:0 0}
.iserve-tab li.i2.cur i{background-position:0 -30px}
.iserve-tab li.i3.cur i{background-position:0 -60px;}
.iserve-tab li.i4.cur i{background-position:0 -90px;}
.iserve-tab li.i5.cur i{background-position:0 -120px;}
.iserve-tab li.cur a{color:#fff;background-color:#059be6;}

/*inews*/
.inews{padding:75px 0 30px;background-color:#f3f3f3}
.inews .content{overflow:hidden;}
.inews .fl{width:600px;}
.inews .fr{width:485px;}
.inews-hd{height:50px;line-height:50px;border-bottom:1px solid #dedede;margin-bottom:20px;}
.inews-hd .more{display:block;float:right;height:30px;line-height:30px;margin-top:10px;}
.inews-hd .more i{display:inline-block;vertical-align:middle;width:3px;height:3px;background-color:#616c75;}
.inews-hd h2{font-size:22px;font-weight:100;}
.inews-hd h2 a{display:inline-block;height:50px;line-height:50px;color:#059be6;position:relative;}
.inews-hd h2 a:after{content:'';position:absolute;width:130%;height:2px;background-color:#059be6;bottom:-1px;left:0;}
.inews-hot .pic{display:block;width:600px;height:153px;}
.inews-hot .pic img{width:600px;height:153px;}
.inews-hot .cont{margin-top:15px;padding:15px;background-color:#059be6;color:#fff;line-height:26px;}
.inews-hot .cont .ti{display:block;float:left;height:26px;width:430px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.inews-hot .cont .ti a{color:#fff;}
.inews-hot .cont .date{float:right;}
.inews-hot .cont .desc{padding-top:5px;clear: both;}
.inews-list{margin-top:20px;}
.inews-list li{height:36px;line-height:36px;position:relative;padding-right:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.inews-list li span{position:absolute;width:110px;height:36px;text-align:center;right:0;top:0;}
.inews-list li a{position:relative;padding-left:20px;}
.inews-list li a:before{content:'';position:absolute;width:7px;height:2px;background-color:#555555;left:5px;top:50%;margin-top:-1px;}
.inews-list li a:hover{color:#059be6}
.inews-list li a:hover:before{background-color:#059be6;}
.inews-bk li{margin-top:60px;overflow:hidden;line-height:26px;}
.inews-bk li:first-child{margin-top:0;}
.inews-bk .pic{float:left;width:180px;height:92px;margin-right:30px;}
.inews-bk .pic img{width:180px;height:92px;}
.inews-bk .ti{padding-top:5px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.inews-bk .desc{height:52px;overflow:hidden;}
.inews-bk .ti a:hover{color:#059be6;}

/*iabout*/
.iabout{padding:30px 0 50px;background-color:#f3f3f3;}
.iabout h2{float:left;width:285px;height:95px;padding:60px 0 0 150px;background:url(Img/Index/iabout_ti.png);font-size:28px;}
.iabout h2 a{color:#059be6;}
.iabout .desc{padding:65px 0 0 507px;line-height:30px;}
.iabout .desc a{color:#059be6;}
.iabout .pic{display:block;width:1200px;height:340px;position:relative;}
.iabout .pic img{width:1200px;height:340px;vertical-align:middle;}
.iabout .pic:after{content:'';position:absolute;width:317px;height:100%;background-color:#2f2f2f;opacity:0.2;filter:alpha(opacity=20);left:0;top:0;-webkit-transition:left .5s;transition:left .5s;}
.iabout .pic:hover:after{left:883px;}

/*animation*/
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}

@-webkit-keyframes plateRotate {
  0% {-webkit-transform:rotateZ(-10deg);}
  100%{-webkit-transform:rotateZ(10deg);}
}

@keyframes plateRotate {
  0% {transform:rotateZ(-10deg);}
  100%{transform:rotateZ(10deg);}
}

@keyframes rotate{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}