header{height: 80px;}
.head{width: 1200px;margin: 0 auto;}
.head .logo{float: left;margin-right:25px;}
.head .logo img{margin-top:20px;}
.head .bond{float:left;padding-top:25px;}
.head .bond span{color: #999999; font-size:12px;}
.head .bond p{color:#333333; font-size:14px;}
.head .phone{ float: right;height: 30px; line-height: 30px;margin-top:25px;}
.head .phone span{ font-size: 14px; color:#333333; float: left; }
.head .phone p{ font-size: 28px; color: #e78014; font-family: Humanist; display: inline; }


/*banner*/
.banner{width:100%;height:675px;position: relative;overflow: hidden;}
.banner video{ display: block;position: relative;left: 50%;margin: 0 auto 0 -960px;overflow: hidden;text-align: center;width: 1920px;height: 675px; }



.house-vr{padding-bottom: 90px; background: url('../images/house-vr-bg.jpg') center bottom no-repeat;}
.house-vr .title{padding-top:50px; text-align: center; background: url('../images/title_bg.jpg') center bottom 10px no-repeat; }
.house-vr .title span{ font-size: 36px; display: block; line-height:100px; color: #333333; font-family: AdobeHeitiStd; }
.house-vr .title span font{color: #e78014;}
.house-vr .title2{text-align: center;padding-top:16px;padding-bottom: 30px;}
.house-vr .title2 span {color: #999;font-size: 17px;font-family: AdobeHeitiStd; }
.house-vr .house-vr-box{width:1200px;margin:0 auto;}
.house-vr ul{width:1210px;}
.house-vr ul li{width:292px;float: left;margin-right:10px;margin-bottom:10px; position: relative; cursor: pointer;}
.house-vr ul li img{display:block;width:292px;height:150px;}
.house-vr ul li p{font-size:16px; color:#e78014;height:48px; line-height: 48px;padding: 0 20px; border:1px solid #e6e6e6; background: #ffffff; overflow:hidden;}
.house-vr ul li::after{content:"";display: block;width:35px;height:24px; position: absolute;left:20px; bottom:65px; background: url('../images/video_bg1.png') no-repeat;transition:all .36s ease 0;}
.house-vr ul li:hover::after{background: url('../images/video_bg2.png') no-repeat;}


.customer{padding-bottom: 70px;background: #f5f5f5; overflow: hidden; }
.customer .title{padding:50px 0px; text-align: center; background: url('../images/title_bg2.jpg') center bottom 60px no-repeat; }
.customer .title span{ font-size: 36px; display: block; line-height:100px; color: #333333; font-family: AdobeHeitiStd; }
.customer .title span font{color: #e78014;}
.customer .customer-box{width:1200px;margin:0 auto;}
.customer .customer-box ul{}
.customer .customer-box ul li{width:165px;height:70px;padding:7px;float:left;margin-right:7.5px;margin-bottom:7.5px; background: url('../images/customer_bg.png') no-repeat; overflow: hidden;}
.customer .customer-box ul li:nth-child(7n){margin-right:0px;}
.customer .customer-box ul li img{ display: block;width: 151px;height:56px;}


footer{height:167px; background: #3d403f;padding-top:50px;}
.foot{width:1200px;margin:0 auto;}
.foot .link{margin-bottom:35px; position: relative;}
.foot .link span{display:block; width:150px;height:24px;line-height:24px; padding-left:12px; background: url('../images/link_bg.png') no-repeat right 12px center;  background-color: #545857; border: none; outline: none; color:#999999; cursor: pointer;}
.foot .link ul{width:150px;height:auto; position: absolute;left:0px;bottom:24px;background: #3d403f; display: none;}
.foot .link ul li{height:30px;line-height:30px;}
.foot .link ul li a{display:block;padding-left:12px; color:#999999; }
.foot .link ul li:hover{ background: #545857;}
.foot p{font-size: 14px;color: #999999;margin-top: 20px;}
.foot p a{color:#999999;}
.foot p a:hover{color:#e78014;}
.foot .footnav{ text-align:right;margin-bottom: 35px; }
.foot .footnav a{ font-size: 14px; color: #999999;padding: 0 15px; background: url('../images/foot_nav_bg.jpg') right center no-repeat; }
.foot .footnav a:last-child{ background: none; padding-right: 0px; }
.foot .footnav a:hover{color: #e78014;}


/*video****/
.video-bg{width:100%;height:100%; position: fixed;top: 0;background-color: #000;opacity: 0.5;z-index: 9999;}
.video{width:1200px;height:640px;position:fixed;top:0;bottom:0;right:0;left:0;margin:auto auto;z-index:10000;overflow:hidden;}
.video .title{position: relative;width:100%;height:40px;line-height: 40px;padding:0px 20px;font-size: 18px;color: #424242;background-color: #f5f5f5; overflow: hidden;}
.video .title .close{width:30px;height:30px; background: url('../images/icon_close.png') center center no-repeat; position: absolute;right:5px; top:5px; cursor: pointer; overflow: hidden;}
.video .video-box{width:100%;height:600px;position: relative;overflow: hidden;}
.video .video-box video{ display: block;width:100%;height:600px; object-fit:cover; position: absolute; }
.video .video-box .loading{width:100%;height:600px;background: url('../images/27.gif') center center no-repeat; background-color: #ffffff; position: absolute;}