.p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.p2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.banner{position:relative;width: 100%;height:640px;overflow:hidden;z-index: 1;}
.banner .max-container{height:100%;}
.banner .container{height:100%;}
.banner .content{position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;background-size: cover;}
.banner .max-container .btn{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;position:absolute;top:0px;bottom:0px;margin:auto 0;width:28px;height:50px;line-height:50px;text-align:center;}
.banner .max-container .btn img{ vertical-align:middle; }
.banner .max-container .btn.left-btn{left:4%;}
.banner .max-container .btn.right-btn{right:4%;}
.banner .banner-nav{position:absolute;left:0px;right:0px;bottom:20px;height:8px;line-height:8px;text-align:center;}
.banner .banner-nav .child{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;width:8px;height:8px;border-radius:8px;-webkit-border-radius:8px;background:#fff;cursor:pointer;margin:0 4px;}
.banner .banner-nav .child.on{background:#771077;}
/*content*/
.appreciation{overflow: hidden;}
.appreciation .baseTitle{width: 100%;height:30px;padding-top: 80px;padding-bottom: 10px;}
.appreciation .txt{width: 60%;padding-top: 30px;}
.appreciation .txt p{font-size: 13px;color:#666;line-height: 22px;}
.appreciation .lookMore{overflow: hidden;text-align: center;}
.appreciation .lookMore i{width: 77px;height: 62px;display: block;background:url(../images/index/btn.png) no-repeat left center;overflow: hidden;}
.appreciation .lookMore em{color:#bf241c;font-size: 14px;line-height: 36px;}
/*appreciation over*/
/*content*/
.main{width: 100%;overflow: hidden;padding-top: 40px;}
.main .left{width: 586px;height:766px;overflow: hidden;position: relative;float: left;background: #f5f5f5;cursor: pointer;text-align: center;}
.main .hoverBox{width: 100%;height: 100%;background: url(../images/index/title-bg.png) repeat;position: absolute;left:0; top:0;display: none;transition-duration: .8s;text-align: left;}
.main .iconSearch{width: 19px;height: 19px;position: absolute;left:51px;bottom:30px;}
.main .left:hover .hoverBox,.main .right .rightTop:hover .hoverBox,.main .right .rightBottom:hover .hoverBox,.work ul li:hover .hoverBox{display: block;transition-duration: .8s;}
.main  .hoverBox p{color:#fff;} 
.main  .title{padding-top: 60px;font-size: 20px;line-height: 66px;font-weight: bold;}
.main  .title span{width: 26px;height: 3px;background: #fff;display: block;margin-bottom: 30px;}
.main   p{padding:0 50px;font-size: 14px;line-height: 24px;}
.main .right {width: 560px;height:766px;float:left;margin-left: 20px;}
.main .right .rightTop{width: 560px;height:374px;overflow: hidden;position: relative;background: #f5f5f5;cursor: pointer;text-align: center;}
.main .right .rightTop img,.main .right .rightBottom img,.main .left img{max-width:100%;}
.main .right .rightBottom{width: 560px;height:374px;overflow: hidden;position: relative;margin-top: 16px;background: #f5f5f5;cursor: pointer;text-align: center;}
/*work*/
.work{width: 100%;height:650px;background: #dedede;padding-top: 0;}
.work ul li{width: 25%;max-width: 476px;height: 530px;position: relative;float: left;text-align: center;margin-top: 50px;}
.work ul li img{
    position: absolute;
    left:0;top:0;right:0;bottom:0;margin:auto;
    max-width:475px;max-height:530px;
}
/*celevrity*/
.celevrity{overflow: hidden;padding-top: 30px;border-bottom: 1px solid #e5e5e5;}
.celevrity ul{overflow: hidden;padding-bottom: 90px;}
.celevrity ul li{width:380px;height:auto;overflow: hidden;margin-right: 30px;float: left;text-align: center;}
.celevrity ul li .imgBox{width: 380px;height: 386px;overflow: hidden;margin-bottom: 40px;}
.celevrity ul li .cont h6{overflow: hidden;padding-bottom: 6px;}
.celevrity ul li .cont span{width: 53px;height: 3px;background: #bf241c;display: inline-block;}
.celevrity ul li .cont p{font-size: 13px;line-height: 22px;color:#666;padding-top: 20px;}
.celevrity ul .nor{margin-right: 0;}
/*news*/
.news{overflow: hidden;padding-top: 20px;padding-bottom: 80px;}
.news ul li{width: 400px;height:720px;position: relative;float: left;overflow: hidden;}
.news ul li .imgFather{width: 400px;height: 360px;overflow: hidden;}
.news ul li .imgFather img{max-width: 100%;height:auto;}
.news ul li .imgFather01{width: 400px;height: 360px;overflow: hidden;display: none;}

.news .content{width: 400px;height:360px;background: #f5f5f5;position: relative;text-align: center;padding:80px 46px 0 46px;}
.news .content .arrow{border-width:18px;border-style:dashed dashed solid dashed;border-color:transparent transparent #f5f5f5 transparent;position: absolute;left:50%; top:-36px;margin-left: -10px;}
.news .content h5{font-size: 22px;color:#444;line-height: 30px;font-weight: bold;}
.news .content p{font-size: 13px;color:#666;line-height: 22px;}
.news .content .look{width: 138px;height: 34px;border: 1px solid #999;border-radius:2px;-webkit-border-radius:2px;display: inline-block;line-height: 34px;text-align: center;color:#888;margin-top: 60px;transition-duration:.4s;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;font-size: 13px;}
.news .only .content{width:400px;height:360px;background: #f5f5f5;position: relative;text-align: center;padding:80px 46px 0 46px;}
.news .only .content .arrow{border-style:solid dashed dashed  dashed;border-color:#f5f5f5 transparent transparent transparent;position: absolute;left:50%;top:auto; bottom:-36px;margin-left: -10px;}
.news ul li .look:hover{background: #bf241c;color:#fff;border:1px solid #bf241c;}
/*video*/

.video {overflow: hidden;width: 100%;height: 450px;border-bottom: 1px solid #e5e5e5;}
.video h2{font-size: 24px;color:#444444;text-align: center;}
.video .txt{margin: 0 auto; color:#888888;text-align: center;padding-top: 30px;padding-bottom: 60px;}
.video_content{width: 100%;height: 450px;background: #eee;margin: 0 auto;
}
.video-js{width: 100%;height:100%;background-color: #f5f5f5;}
.video-js .vjs-big-play-button{width: 74px;height: 74px;background: url(../images/index/video-btn.png) no-repeat left center;left:46%; top:48%;border: 0 none;}
.video-js .vjs-big-play-button:before{display: none;}
.vjs-poster{width: 100%;}
@media (max-width:639px) {  
.wrap{width: 93.75%;}
.banner{height: 300px;}
.main .left{float: none;width: 100%;max-width:586px;margin:0 auto 20px;height:auto;}
.main .left img{width: 100%;height:auto;}
.main .right{width: 100%;max-width:560px;float: none;margin:0 auto;height:auto;}
.main .right .rightTop,.main .right .rightBottom{width: 100%;height:auto;}
.main .right .rightTop img,.main .right .rightBottom img{width: 100%;height:auto;}
.work{height:auto;margin-top:20px;}
.work ul li{width: 100%;float: none;max-width: 476px;margin:0 auto 10px;height:auto;}
.celevrity ul li{float: none;width: 100%;max-width:380px;margin:0 auto 20px;}
.celevrity ul .nor{margin-right: auto;}
.news{padding-bottom: 0;}
.news ul li{width: 100%;max-width:400px;float: none;margin:0 auto;height:auto;}
.news ul li .imgFather01{display: block;}
.news ul li .hide{display: none;}
.news .content,.news .only .content{width: 100%;padding:40px 10px 0 10px;}
.news .only .content .arrow{border-style:  dashed  dashed solid dashed;border-color:  transparent transparent #f5f5f5 transparent;position: absolute;left: 50%;bottom:auto;top: -36px;margin-left: -10px;}
.video_content,.video{height:240px;}

.video-js .vjs-big-play-button{width: 40px;height: 40px;-webkit-background-size: cover;
background-size: cover;top:51%;margin-top: -20px;}
.celevrity ul li .imgBox{width: 100%;height:auto;max-width:380px;}
.celevrity ul li .imgBox img{width: 100%;}
.news ul li .imgFather,.news ul li .imgFather01,.news ul li .imgFather01 img{width: 100%;height:auto;}
.work ul li img{max-width:100%;max-height:100%;position:static;}
.video-js .vjs-tech{position:static;}
.vjs-poster{background-size:cover !important;-webkit-background-size:cover !important;}
}
@media (min-width:640px) and (max-width:1024px) {   
.wrap{width: 93.75%;}
.banner{height: 500px;}
.vjs-poster{background-size:cover !important;-webkit-background-size:cover !important;}
.main .left{float: none;width: 100%;max-width:586px;margin:0 auto 20px;}
.main .right{width: 100%;max-width:560px;float: none;margin:0 auto;}
.work{height:auto;}
.work ul li{width: 50%;}
.celevrity ul li{float: none;width: 100%;max-width:380px;margin:0 auto 20px;}
.celevrity ul .nor{margin-right: auto;}
.news ul li{width: 100%;max-width:400px;float: none;margin:0 auto;}
.news ul li .imgFather01{display: block;}
.news ul li .hide{display: none;}
.news .only .content .arrow{border-style:  dashed  dashed solid dashed;border-color:  transparent transparent #f5f5f5 transparent;position: absolute;left: 50%;bottom:auto;top: -36px;margin-left: -10px;}
.video_content,.video{height: 330px;}
.video-js{-webkit-background-size: 100% 300px;
background-size: 100% 300px;}
}
@media (min-width:1024px) and (max-width:1334px) {  
.wrap{width: 93.75%;}
.main .left{width: 49%;max-width:586px;}
.main .right{width: 48%;max-width:560px;}
.main .right .rightTop{width: 100%;max-width:560px;}
.main .right .rightBottom{width: 100%;max-width:560px;}
.celevrity ul li{width: 31%;max-width:380px;}
.news ul li{width: 33.33%;max-width:400px;}
.video{height:auto;overflow: hidden;}
.video_content{height: 300px;}
.celevrity ul li .imgBox{width: 100%;height:auto;overflow: hidden;}
.news .content,.news .only .content{width: 100%;padding:80px 10px 0 10px;}
.vjs-poster{background-size:cover !important;-webkit-background-size:cover !important;}
}