.layout{max-width:1160px; margin:0 auto;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
img{max-width:100%;}
body{min-width:1160px;}
html,body{height:100%;}

/*header*/
#warpper{width:100%; height:100%; position:relative; overflow-x:hidden;}
.video{width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.video video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.index-tmain{width:100%; position:relative; z-index:100;}
.l-w{max-width:885px; margin:0 auto;}
.logo{padding:75px 20px 35px 20px; border-bottom:2px solid #1d0e0c; text-align:center;}
.paly{width:100%; height:690px;}
.enter-btn{width:100%; position:relative; text-align:center;}
.enter-btn a{margin:0 45px;}
.enter-btn a:hover{opacity:0.5;}
.enter-btn:before,.enter-btn:after{content:""; display:block; width:20%; height:1px; background-color:#1d0e0c; position:absolute; top:45%;}
.enter-btn:before{left:0;}
.enter-btn:after{right:0;}
.nav{text-align:center; padding:70px 0;}
.nav ul li{display:inline-block; _display:inline;zoom:1; margin:0 74px;}
.nav ul li a:hover{opacity:0.5;}
.common-tm{width:100%; overflow:hidden;zoom:1; margin-bottom:65px;}
.common-tm img{width:100%; display:block;}
.clients-list{max-width:1370px; margin:0 auto; padding-bottom:40px;}
.clients-list ul li{width:10%; float:left; margin-bottom:20px;}
.clients-list ul li span{display:block; width:110px; height:110px; border:1px solid #a4a4a5; border-radius:50%; background-color:#fff; margin:0 auto; overflow:hidden; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.clients-list ul li img{width:110px; height:110px; border-radius:50%;}
.clients-list ul li:hover span{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.case-bar{max-width:1160px; margin:0 auto;}
.case-bar .casevideo{width:100%; overflow:hidden; position:relative;}
.case-bar .casevideo img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.case-bar .casevideo:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.case-bar .casevideo .btn{display:block; width:76px; height:76px; position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); background-image:url(../images/palybtn.png); background-repeat:no-repeat;}
.case-list{width:100%; overflow:hidden; margin-bottom:40px;}
.case-list ul li{width:380px; float:left;height:250px;overflow:hidden; margin-top:10px; position:relative; text-align:center; margin-right:10px;}
.case-list ul li:nth-of-type(3n){margin-right:0px;}
.case-list ul li img{width:100%; max-height:250px; display:block;	-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; }
.case-list ul li:hover img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.case-list ul li .h2{font-size:36px;color:#fff;font-weight:700;position:absolute; left:50%; top:30%; transform: translateX(-50%) translateY(-50%); width:75%; visibility:hidden; opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.case-list ul li .h3{font-size:16px;color:#fff;position:absolute; left:50%; top:40%; transform: translateX(-50%) translateY(-50%); width:75%; visibility:hidden; opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.case-list ul li:hover .h2{visibility:visible; opacity:1; top:45%;}
.case-list ul li:hover .h3{visibility:visible; opacity:1; top:58%;}
.mask{width:100%; height:100%; position:fixed; _position:absolute; left:0; top:0; z-index:100; display:none;}
.case-box{width:970px; position:fixed; _position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); z-index:500; background-color:#c5c5c5; filter:alpha(opacity=30); background-color:rgba(197, 197, 197, 0.3); display:none;}
.case-box .case-tmain{margin:20px; padding:20px; background-color:#fff;}
.case-box .case-tmain .pic{width:100%; max-height:585px; overflow:hidden; position:relative;}
.case-box .case-tmain .pic img{width:100%; display:block;}
.case-box .case-tmain .tm{max-height:130px; overflow-y:auto;}
.case-box .case-tmain .tm h1{font-size:24px; color:#333; font-family:Arial, Helvetica, sans-serif; padding-top:10px; word-wrap:break-word;}
.case-box .case-tmain .tm p{font-size:17px; color:#666; font-family:Arial, Helvetica, sans-serif; word-wrap:break-word;}
.case-box .case-tmain .prev,.case-box .case-tmain .next{display:block; width:48px; height:48px; position:absolute; top:50%; z-index:5; font-size:0; transform: translateX(0) translateY(-50%); background-image:url(../images/arrowbtn.png); background-position:0px 0px; background-repeat:no-repeat;}
.case-box .case-tmain .prev{left:0; background-position:0px 0px;}
.case-box .case-tmain .next{right:0; background-position:-48px 0px;}
.video-box{width:970px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); z-index:500; display:none;}

/*相册*/
.banner{overflow: hidden; clear:both; width: 885px; max-height:585px; position: relative; z-index: 1;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:885px !important;height:585px;}
.bx-wrapper ul li img{display:block; width:885px;height:585px;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:15px; z-index:10; width:100%; text-align:center;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1; }
.bx-wrapper .bx-pager-item a{display:block; width:5px; height:5px; font-size:0; text-indent:-9999px; background-color:#666;}
.bx-wrapper .bx-pager-item a.active{background-color:#2f318b;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:0px;}
.bx-wrapper .bx-next{right:0px;}
.bx-wrapper .dnext,.bx-wrapper .dprev{display:block; width:48px; height:48px; background:url(../images/arrowbtn.png) no-repeat;}
.bx-wrapper .dnext{background-position:-48px 0px;}
.bx-wrapper .dprev{background-position:0px 0px;}

.indexbottom{position:absolute; left:0; bottom:20px; z-index:50; width:100%; text-align:center;}
.beian{padding:5px 0px;text-align:center;}