@charset "utf-8";
img{border:none;max-width:100%;}

.absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
.absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}

.services .img.i1:before,.services .img.i3:before,.services .img.i6:before,.services .img.i7:before,.job .page4 .img:before,.about .animal.a1:before,.about .animal.a2:before{content: ' ';position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=30);background-image: url("../images/noise.gif");z-index:1;}
.main{width:100%;position:relative;overflow:hidden;}
.pageBox{width:100%;}
.index{width:100%;}
.index .page4{/*background-color:#eee;*/margin-top:250px;padding:0 0 100px;position:relative;display:inline-block;}
.index .page4 img{width:100%;}
.index .page4 .cm{width:550px;position:relative;margin:0 auto;}
.index .page4 .pic{background-color:#000;overflow:hidden;}
.index .page4 .p_c{position:relative;max-width:80%;width:100%;left: 20%;}
.index .page4 .p_c .pic{top:5%;bottom:4%;left:3%;right:3%;bottom:25%;}

.index .page4 .mac{position:absolute;max-width:65%;width:100%;top:38%;left: 60%;}
.index .page4 .mac .pic{top:8%;left:13%;right:13%;bottom:10%;border-radius:2px;}
.index .page4 .pad{position:absolute;top:40%;left:00%;max-width:31%;width:100%;}
.index .page4 .pad .pic{border-radius:2px;top:8.9%;bottom:8.9%;left:8.9%;right:8.9%;}
.index .page4 .phone{position:absolute;top:55%;left:28%;max-width:15%;width:100%;}
.index .page4 .phone .pic{border-radius:2px;top:15%;bottom:15.1%;left:8%;right:8%;}
.index .page4 .text{margin-top:8%;color:#242424;position:relative;/*letter-spacing:3px;*/}
.index .page4 .text:before{content: "";width:80px;position:absolute;top:-20px;left:0px;border-top:6px #242424 solid;}
.index .page4 .text font{margin-bottom:10px;}
.index .page4 .item{width:100%;height:101%;position:relative;float:left;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;-ms-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;transition:all 0.8s ease-out;}
.index .page4 .thumb{width:90px;position:absolute;right:0px;bottom:-10%;}
.index .page4 .thumb span{width:20px;height:20px;position:relative;float:left;border-radius:45px;cursor:pointer;margin:0 0 0 10px;}
.index .page4 .thumb span:before{content:'';width:5px;height:5px;position:absolute;top:7px;left:7px;border-radius:11px;background-color:#646464;z-index:1;}
.index .page4 .thumb span:hover::before,.index .page4 .thumb span.active:before{background-color:#ff354d;}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}

.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@keyframes fadeInScale{0%{opacity:0;-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100%{opacity:1;-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}