/* 公共样式 */

.w-1100{border:0;padding:0;width:1100px;margin:0 auto;}

.lazy{background:url(./themes/zzdefault/static/11images/logo_bg.png) center center no-repeat;}

.blur {

    -webkit-filter: blur(3px);

    -moz-filter: blur(3px);

    -o-filter: blur(3px);

    -ms-filter: blur(3px);

    filter: blur(3px)

}



/* 精品馆 */

.box-f{ width:1100px; height:450px; margin:0 auto 0;}

.cg-slide{ width:1100px; height:340px; overflow:hidden; position:relative; margin-top:20px; }

.slide_cheng{width:1100px;height:280px;margin-top:20px}

.slide_cheng .bd{width:1100px;height:260px;overflow:hidden}

.slide_cheng .bd li{float:left;width:265px;height:247px;position:relative;margin:5px;-moz-box-shadow:1px 1px 3px #969696;-webkit-box-shadow:1px 1px 3px #969696;box-shadow:1px 1px 3px #969696}

.slide_cheng .bd li:hover{-moz-box-shadow:3px 3px 6px #969696;-webkit-box-shadow:3px 3px 6px #969696;box-shadow:3px 3px 6px #969696}

.slide_cheng .bd li a{display:block}

.slide_cheng .bd li p{position:relative;padding:12px;font-size:14px}

.slide_cheng .bd li span{font-size:18px;color:#5A5A5A}

.slide_cheng .bd li img{width:265px;height:196px;display:block}

.slide_cheng .bd li i{float:right;line-height:2}

.slide_cheng .goleft{position:absolute;left:5px;top:35%;width:45px;height:101px}

.slide_cheng .goleft a{width:45px;height:101px;overflow:hidden;display:block}

.slide_cheng .goleft span{width:45px;height:101px;font-size:0;overflow:hidden;line-height:0;background:url(./themes/zzdefault/static/11images/left_zuo.png) center center no-repeat;display:block}

.slide_cheng .goright{position:absolute;right:5px;top:35%;width:45px;height:101px}

.slide_cheng .goright a{width:45px;height:101px;overflow:hidden;display:block}

.slide_cheng .goright span{width:45px;height:101px;font-size:0;overflow:hidden;line-height:0;background:url(./themes/zzdefault/static/11images/right_you.png) center center no-repeat;display:block}



/*视频*/

.gai_vivo{background:#313131;width:100%;height:950px}

.gai_vivo .vivo_cen_ge{width:1200px;height:750px;margin:auto;position:relative}

.vivo_cen_ge .vivo_cen_ge_homeTitle{padding:70px 0 50px;line-height: 40px;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h2{text-align:center;position:relative;width:300px;margin:auto}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1{font-size:36px;color: #ffffff;display:block;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1:after,.vivo_cen_ge .vivo_cen_ge_homeTitle h1:before{position:absolute;top: 23px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1:before{left: 0%;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1:after{right: 0%;}

.vivo_cen_ge .vivo_cen_ge_homeTitle p{text-align:center;font-size:20px;color:#bbb}

.vivo_cen_ge .vivo_cen_ge_homeTitle hr{width:50px;height:1px;background:#efefef;position:absolute;display:block;border:none;top:50%}

.gai_vivo .outBox{width: 100%;margin:0 auto;overflow:hidden;position:relative;}

.gai_vivo .outBox .hd{height:auto;position:relative;width:100%;text-align: right;    margin-top: 10px;}

.gai_vivo .outBox .hd ul li{display:inline-block;cursor:pointer;width: 50px;height: 6px;background: #7e7c81;border-radius: 5px;margin:0 10px;}

.gai_vivo .outBox .hd ul li.on{width: 50px;background:#ffc540;border-radius:10px;}

.gai_vivo .outBox .bd{width:100%;overflow:hidden;position:relative;height: 420px;}

.gai_vivo .inBox{padding:0;position:relative;z-index: 99;height: 420px;width: 100%;}

.gai_vivo .content-box{width: 751px;overflow:hidden;position:relative;height: 421px;float: left;}

.gai_vivo .content{clear:both;color:#fff;opacity:0;transition:all ease .3s;position:absolute;top:0;left:0;width: 100%;}

.gai_vivo .conte_1{opacity:1;z-index:99}

.gai_vivo .conte_2{opacity:1;z-index:99}

.gai_vivo .content h1{font-size:18px;margin-bottom:20px;margin-top:20px}

.gai_vivo .content p{font-size:14px}

.gai_vivo .box_1{width:100%;overflow:hidden;position:relative;height: 420px;}

.gai_vivo .content-box .content video{width:100%;overflow:hidden;height: 425px;}

.gai_vivo .content-box .content .video-js .vjs-big-play-button{left: 310px;top: 160px;}

.gai_vivo .content-box .content p{color:#000;font-size:14px}

.gai_vivo .content-box .content i{font-size:16px;font-weight:700}

.gai_vivo .tablist{width: 430px;position:relative;overflow:hidden;text-align:center;float: right;}

.gai_vivo .tablist li{width: 200px;display:inline-block;background: #313131;height: 202px;cursor: pointer;position: relative;border: 2px solid #313131;border-radius: 8px;
    overflow: hidden;}

.gai_vivo .tablist li:hover div.xinqiang{display: block;}
.gai_vivo .tablist li:hover div.xinqiang1{display: none;}
.gai_vivo .tablist li:hover {border: 2px solid #fff;}
.gai_vivo .tablist li img{width:100%;display:block;opacity:.5;height: 100%;}

.gai_vivo .tablist li.tabin img{opacity:1;}

.gai_vivo .tablist li.tabin{}

.gai_vivo .tablist li div.xinqiang{position: absolute;top: 0;left: 0;color: #fff;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}

.gai_vivo .tablist li div.xinqiang span{font-size: 20px;display: block;padding-top: 40px;}

.gai_vivo .tablist li div p{font-size: 15px;padding: 20px;padding-top: 90px;}

.gai_vivo .tablist li div.xinqiang{display: none;}


.gai_vivo .tablist li div.xinqiang1{position: absolute;top: 0;left: 0;color: #fff;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}

.gai_vivo .tablist li div.xinqiang1 span{font-size: 20px;
    display: block;
    padding: 0px 15px;
    padding-top: 89px;}



.gai_vivo .tablist li div.xinqiang1{}


.gai_vivo .video_biao{background: url(/themes/zzdefault/static/11biao.png) center no-repeat;width: 659px;height: 29px;}

.gai_vivo .technology_ul{padding-top:30px;padding-bottom:30px}

.gai_vivo .technology_ul ul{overflow:hidden}

.gai_vivo .technology_ul li{width:206px;height:auto;float: left;    margin: 0 9px;position: relative;transition: all 0.5s ease;border:8px solid transparent;cursor: pointer;}

.gai_vivo .technology_ul li img{width:206px;height:142px;display:block}

.gai_vivo .technology_ul li a{display:block;width:100%;position:relative;border:8px solid #313131}

.gai_vivo .technology_ul li div{position:absolute;top:0;left:0;background:rgba(0,0,0,.43);width:100%;height:100%;color:#fff}

.gai_vivo .technology_ul li span{font-size:20px;border:1px solid #fff;display:block;width:70%;text-align:center;margin:50px auto 0}

.gai_vivo .technology_ul li:hover {border:8px solid #fff;margin-top:10px}

.gai_vivo .technology_ul li:hover div{display:none}

.gai_vivo .technology_ul li:hover{margin-top:10px}

.gai_vivo .technology_ul li:hover .mask{display: block;}

.gai_vivo .technology_ul li:hover .maskimg{display: block;}

/*品牌咨询*/

.activity{width:100%;height: 800px;background: #f8f8f8;}

.activity .activity_cen{width:1200px;margin:auto;height: 800px;position:relative;overflow:hidden;}

.activity .activity_name{padding:70px 0 50px;line-height: 40px;}

.activity .activity_name h2{text-align:center;position:relative;width:400px;margin:auto}

.activity .activity_name h1{font-size:36px;display:block;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.activity .activity_name h1:after,.activity .activity_name h1:before{position:absolute;top: 23px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.activity .activity_name h1:before{left: 8%;}

.activity .activity_name h1:after{right: 8%;}

.activity .activity_name p{text-align:center;font-size:20px;color:#696969}

.activity .activity_name hr{width:50px;height:1px;background:#a7a7a7;position:absolute;display:block;border:none;top:50%}

.activity .activity_cen .act_left{float: left;width: 663px;height: 499px;position: relative;}

.activity .act_left ul{overflow:hidden;width:100%}

.activity_cen .act_left ul li{width:316px;height:238px;overflow:hidden;display:inline-block;margin:5px}
.activity_cen ul li:hover img{transform: scale(1.1);}
.activity ul li img{transition: all 1s ease;}
.activity .act_left ul a{display:block;width:100%;height:100%}

.activity .act_left ul img{width:100%;height:100%;display:block}

.activity .activity_cen .act_right{float:right;width: 530px;position:relative;height: 499px;margin-top:4px;}



.activity .act_right .act_right_vovoer{width:100%;height: 318px;margin-bottom:18px;overflow: hidden;}





/*大事件*/

.event{width:100%;height:auto;overflow:hidden}

.event .event_center{width:100%;height:auto;margin:auto;position:relative}

.event .event_name{padding: 70px 0 70px;}

.event .event_name h2{text-align:center;position:relative;width: 250px;margin:auto;}

.event .event_name h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.event .event_name h1:after,.event .event_name h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.event .event_name h1:before{left: 20%;}

.event .event_name h1:after{right: 20%;}

.event .event_name p{text-align:center;font-size: 20px;color:#696969;}

.event .event_name hr{width: 50px;height: 1px;background: #a7a7a7;position: absolute;display: block;border: none;top: 50%;}



.activity .act_right .act_right_mei1 {
    width: 260px;
    height: 155px;
    overflow: hidden;
}
.activity .act_right .act_right_mei2 {
    width: 260px;
    height: 155px;
    overflow: hidden;
    margin-left: 10px;
}

.activity .act_right .act_right_mei1:hover img{
    transform: scale(1.1);
}
.activity .act_right .act_right_mei1 img{
    transition: all 1s ease;
}

.activity .act_right .act_right_mei2:hover img{
    transform: scale(1.1);
}
.activity .act_right .act_right_mei2 img{
    transition: all 1s ease;
}

.activity .act_right .act_right_vovoer:hover img{
    transform: scale(1.1);
}
.activity .act_right .act_right_vovoer img{
    transition: all 1s ease;
}
.cl {
    clear: both;
}
.fl {
    float: left;
}

.gai_vivo .technology_ul li:hover {
    margin-top: 10px;
    border: 8px solid #fff;
}