.banner{position:relative;width:100%;height:auto;overflow:hidden;padding-top:90px;}
.banner .container{height:100%;}
.banner .contents{position:absolute;top:90px;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo{display:none;overflow:hidden;position:absolute;top: 48%;left: 10px;width: 1075px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title{text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);position:absolute;left:32px;top:8px;line-height:50px;height: 50px;overflow: hidden;font-size: 42px;color:#fff;}
.banner .contentInfo .info{text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);position:absolute;left:32px;top: 73px;line-height: 1.8;font-size: 16px;color:#fff;}
.banner .contentInfo .btn{text-shadow:0px 0px 3px #b67ebc;position:absolute;top: 130px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav{position:absolute;bottom:20px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.banner .bannerNav .bannerNavChild.on{background:#337ab7;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}

.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

.about{padding:80px 0;background:#fff;}
.about .left{width:600px;height:284px;float:left;}
.about .left img{width:100%;height:100%;vertical-align:middle;}
.about .right{position:relative;width:524px;height:284px;float:right;}
.about .right .title{font-size:20px;color:#923AA4;line-height:20px;padding-bottom:20px;}
.about .right .info{font-size:14px;color:#666;line-height:22px;}
.about .right .btn{position:absolute;bottom:0px;left:0px;width:122px;height:38px;border:1px solid #dcdcdc;line-height:38px;text-align:center;color:#999999;font-size:14px;}
.about .right .btn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.about .right .btn:hover{background:#337ab7;color:#fff;border:1px solid #fff;}

.news{padding: 80px 0 40px 0;background: #f4f7f7;}
.news .container{margin: 0 auto 0 auto;}
.news .contents{position:relative;width:1200px;height:415px;overflow:hidden;}
.news .content{position:absolute;top:0;left:0;}
.news .child{width: 31.333%;margin: 0 1%;float: left;}
.news .child .childImg{width: 100%;overflow:hidden;}
.news .child .childImg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child .childImg img{ vertical-align:middle;width:100%;height:100%;}
.news .child .childImg img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.news .child .childImg img:hover{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.news .child .childTitle{line-height:30px;padding-top: 25px;color: #292929;font-size: 18px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .child .childTitle:hover{ color:#337ab7;}
.news .child .childTime{color:#999999;font-size: 13px;line-height: 35px;}
.news .child .childInfo{color:#878787;font-size:14px;line-height: 1.8;}
.news .navBtn{position:absolute;top:80px;height:70px;cursor:pointer;}
.news .navBtn.leftBtn{left:-88px;}
.news .navBtn.rightBtn{right:-88px;}

.other{position:relative;background:#fff;}
.other .child{width:280px;display:inline-block;*display:inline;*zoom:1;margin-right:174px; vertical-align:text-top;}
.other .child#vedioChild{margin-right:0px;}
.other .child#vedioChild .childImg{position:relative;overflow:hidden;}
.other .child .childImg{width:280px;height:280px;background:#EFEFEF;border-radius:280px;-moz-border-radius:280px;-ms-border-radius:280px;-o-border-radius:280px;-webkit-border-radius:280px;}
.other .child .childImg .childImgc{ vertical-align:middle;}
.other .child .childImg .childImgc{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.other .child .childImg .childImgc:hover{ transform:rotate(20deg) scale(1.4);-moz-transform:rotate(20deg) scale(1.4);-ms-transform:rotate(20deg) scale(1.4);-o-transform:rotate(20deg) scale(1.4);-webkit-transform:rotate(20deg) scale(1.4);}
.other .child .childTitle{margin-top:46px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height:52px;color:#666;font-size:24px;}
.other .child .childInfo{padding-top:26px;line-height:26px;color:#999999;font-size:14px;}
.other .child#vedioChild{cursor:pointer;}
.other .child#vedioChild .childImg .childImgc:hover{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}
.other .child#vedioChild .childImg .childHide{border-raidus:280px;-moz-border-raidus:280px;-ms-border-raidus:280px;-o-border-raidus:280px;-webkit-border-raidus:280px;position:absolute;top:0;left:0;width:280px;height:280px;background:url(../images/index/prupleBg.png);}
.other .child#vedioChild .childImg .childVedio{position:absolute;top:50%;left:50%;width:76px;height:76px;margin:-38px 0 0 -38px;}

.work{position:relative;}
.work .workTitle{padding:40px 0;background:#f7f7f7;}
.work .container{margin:50px auto;height:533px;}
.work .container .child{position:absolute;width:385px;height:257px;}
.work .container .child .childImg{  width: 100%;height: 100%;}
.work .container .child .childFoot{position:absolute;bottom:0px;left:0px;width:100%;height:240px;}
.work .container .child .childRight{position:absolute;bottom:0px;right:0px;}
.work .container .child .childTitle{color:#fff;font-size:20px;position:absolute;bottom:0px;left:0px;padding-left:18px;line-height:36px;width:80%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index:1;}
.work .container .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2; background:url(../images/index/prupleBg.png);}
.work .container .child .childSearchBg{display:none;position:absolute;top:50%;left:50%;width:66px;height:66px;margin:-33px 0 0 -33px;background:url(../images/index/seachBg.png); border-radius:66px;-moz-border-radius:66px;-ms-border-radius:66px;-o-border-radius:66px;-webkit-border-radius:66px;z-index:2;}
.work .container .child .childSearch{display:none;position:absolute;top:50%;left:50%;width:30px;height:24px;margin:-12px 0 0 -15px;z-index:3;}
.work .container .child:hover .childHide{display:block;}
.work .container .child:hover .childSearchBg{display:block;
animation:quan .2s  ease-in-out 0s  both;
-moz-animation:quan .2s  ease-in-out 0s  both;
-webkit-animation:quan .2s  ease-in-out 0s  both;
-o-animation:quan .2s  ease-in-out 0s  both;}
@keyframes quan{
0%{ transform:scale(0);}
100%{transform:scale(1);}
}
@-moz-keyframes quan{
0%{ -moz-transform:scale(0);}
100%{-moz-transform:scale(1);}
}
@-webkit-keyframes quan {
0%{ -webkit-transform:scale(0);}
100%{-webkit-transform:scale(1);}
}
@-o-keyframes quan{
0%{ -o-transform:scale(0);}
100%{-o-transform:scale(1);}
}


.work .container .child:hover .childSearch{display:block;}
.work .container .child#work1{top:0px;left:0px;}
.work .container .child#work2{top:0px;left:406px;}
.work .container .child#work3{top:0px;left:810px;}
.work .container .child#work4{top:277px;left:0px;}
.work .container .child#work5{top:277px;left:406px;}
.work .container .child#work6{top:277px;left:810px;}



@keyframes scaleOpacityShow{
0%{ transform: scale(0) rotate(20deg);opacity:0;}
80%{ opacity:0.5;}
100%{ transform:scale(1) rotate(0deg); opacity:1;}
}
@-moz-keyframes scaleOpacityShow{
0%{ -moz-transform: scale(0) rotate(20deg);opacity:0;}
80%{ opacity:0.5;}
100%{ -moz-transform:scale(1) rotate(0deg); opacity:1;}
}
@-webkit-keyframes scaleOpacityShow {
0%{ -webkit-transform: scale(0) rotate(20deg);opacity:0;}
80%{ opacity:0.5;}
100%{ -webkit-transform:scale(1) rotate(0deg); opacity:1;}
}
@-o-keyframes scaleOpacityShow{
0%{ -o-transform: scale(0) rotate(20deg);opacity:0;}
80%{ opacity:0.5;}
100%{ -o-transform:scale(1) rotate(0deg); opacity:1;}
}