@charset "utf-8";
/*banner switching start */
.flexslider{width:100%;position:relative;height:auto;margin-bottom:15px;/* overflow:hidden */}
.slides{position:relative;z-index:1}
.slides img{width:100%}
.slides li{height:590px;position:relative;overflow:hidden}
.slides li.banner_pic1{background:url(../../img/front/banner1.jpg) 50% 0 no-repeat}
.slides li span{width:100%;height:80px;background:#fff;filter:alpha(opacity=60);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;position:absolute;bottom:0;z-index:2;display:block}
.slides li h1{width:100%;font-size:24px;font-weight:normal;text-align:center;position:absolute;z-index:3;bottom:34px}
.slides li p{width:100%;text-align:center;position:absolute;z-index:3;bottom:14px;color:#434343}

.flex-control-nav{width:100%;position:absolute;bottom:8px;z-index:2;text-align:center}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 4px;*displpay:inline;zoom:1}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer}
.flex-control-nav .flex-active{background-position:0 0}

/*.flexslider:hover .flex-direction-nav li a{display:block}*/
.flex-direction-nav{position:absolute;z-index:9;width:100%;top:40%}
.flex-direction-nav li a{display:none;width:56px;height:100px;background:url(images/arrow.png) no-repeat;overflow:hidden;cursor:pointer;position:absolute}
.flex-direction-nav li a.flex-prev{left:0px;background-position:0 0}
.flex-direction-nav li a.flex-prev:hover{background-position:0 -100px}
.flex-direction-nav li a.flex-next{right:0px;background-position:right 0}
.flex-direction-nav li a.flex-next:hover{background-position:right -100px}

.adblock{clear:both;margin-bottom:20px}
.adgroup .flex-direction-nav,
.adgroup .flex-control-nav{display:none}

/*动态图片滚动*/
a.abtn{width:34px;height:60px;position:absolute;z-index:9;top:50%;margin-top:-30px;display:block;background:url(images/arrow_btn.png) no-repeat;opacity:.8;-moz-opacity:.8;-webkit-opacity:.8}
a.abtn:hover{opacity:1;-moz-opacity:1;-webkit-opacity:1}
a.aleft{left:0}
a.aright{right:0;background-position:right}
a.agrayleft,a.agrayright{cursor:default;opacity:.5;-moz-opacity:.5;-webkit-opacity:.5}
a.agrayright{background-position:right}

.dynamic_box{height:320px;position:relative}
.imglist_w{width:759px;height:320px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.imglist_w ul{width:20000px;position:absolute;left:0px;top:0px}
.imglist_w li{width:243px;padding-right:10px;position:relative;float:left}

.imglist_w li p{
	width:243px;padding:8px 0 8px 0;color:#fff;
    background:#000;background:rgba(0,0,0,.6);text-shadow:1px 1px 1px rgba(0,0,0,.2);
    position:absolute;z-index:3;bottom:-300px;
}	
.imglist_w li p strong{font-size:14px;padding-left:10px;padding-right:10px;padding-bottom:5px;display:block;float:left}
.imglist_w li p span{padding-left:10px;padding-right:10px;display:block;float:left}
.imglist_w li:hover p{
	bottom:0;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
 }
.move{-moz-transition:all 0.3s ease-in;
    -webkit-transition:all 0.35s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in}
	
.imglist_w li a{color:#3366cc;text-decoration:none;float:left}
.imglist_w li p{line-height:18px;float:left}



@media screen and (min-width:1024px) and (max-width:1140px){
.dynamic_box{height:252px}
.imglist_w{width:609px;height:252px}
.imglist_w li{width:193px;padding-right:10px}
.imglist_w li img{width:100%;max-width:100%}
.imglist_w li p{width:193px}
}


/*index title css style*/
.title_box{width:100%;float:left}
.title_box h3{font-weight:normal;border-top:3px #000 solid;padding-top:8px;font-size:24px}
.title_box span{width:100%;height:20px;line-height:20px;background:#000;display:block}
.title_box span h4{color:#fff;padding-left:10px}

.title_box2{width:100%;float:left}
.title_box2 h3{font-weight:normal;border-top:3px #000 solid;border-bottom:1px #ccc solid;padding-bottom:9px;padding-top:9px;font-size:20px}
.title_box h3 a,.title_box2 h3 a{color:#434343;font-size:12px;margin-top:10px}
.title_box2 h3 a:hover{color:#661508}
.title_box2 h4{border-top:3px #000 solid;border-bottom:1px #ccc solid;padding-bottom:9px;padding-top:9px;font-size:16px}
 
.more_box{width:100%;float:left}
a.more{background:url(images/icon-arrow.gif) no-repeat right;color:#000;padding-right:15px;font-size:12px;line-height:20px}

.dynamic_box,
.activity_box,
.vedio_box,
.brand_box,
.ins_box,
.weibo_box,
.MM_box{width:100%;float:left}/*布局框架css*/

/*activity 活动*/
.block-a{/*width:48.8%*/}
.block-a img{width:100%;max-width:100%}

.video-icon{position:absolute;z-index:3;margin-left:-30px;left:50%;top:50%;margin-top:-30px;width:60px;height:60px;background:url(images/play_btn.png) no-repeat}
.novideo .video-icon{display:none}
.activity_list{}
.activity_list li{width:48.8%;border-top:1px #000 solid;padding-top:14px;padding-bottom:14px;float:left;margin-right:2.4%;position:relative}
.activity_list li a > img{width:120px;height:120px;margin-right:10px;float:left}
.activity_list li p h4{font-size:14px;float:left}
.activity_list li p span{float:left}
.activity_list li .video-icon{left:30px;margin-left:0}
.activity_list li:hover .video-icon{background-image:url(images/play_btn_hover.png)}
.activity_list li:hover a > img {opacity:0.8}
.activity_list li.idx-2,
.activity_list li.idx-3,
.activity_list li.idx-5{margin-right:0}
.activity_list li.activity_big{padding-bottom:15px;position:relative;border-top:0;padding-top:0}
.activity_list li.activity_big .video-icon{left:50%;margin-left:-30px}
.activity_list li.activity_big a > img{width:100%;height:auto}
.activity_list li.activity_big .caption{width:100%;height:60px;background:#fff;filter:alpha(opacity=80);opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;position:absolute;z-index:2;bottom:14px;display:block}
.activity_list li.activity_big p{position:absolute;font-size:14px;padding-left:15px;bottom:23px;z-index:3}

@media screen and (min-width:1024px) and (max-width:1140px){
    .activity_list li b{width:92px;margin-right:10px;float:left}
}


/*vedio 视频*/
.vedio_box ul{padding-top:20px}
.vedio_box ul li{width:25%;margin-bottom:10px;float:left}
.vedio_box ul li b{width:120px;position:relative;display:block}
.vedio_box ul li b a span{position:absolute;z-index:3;margin-left:-30px;left:50%;top:50%;margin-top:-30px;width:60px;height:60px;background:url(images/play_btn.png) no-repeat}
.vedio_box ul li b a:hover span{background:url(images/play_btn_hover.png) no-repeat}
.vedio_box ul li p{width:90%;line-height:18px;padding-top:8px;font-weight:600}

.brand_box li{float:left}
.brand_box li.w1{width:50%}
.brand_box li.w2{width:25%}
.brand_box li h5{font-weight:normal;font-size:12px;padding-top:8px;line-height:18px}
.brand_box li.w2 h5{width:90%}
@media screen and (min-width:1024px) and (max-width:1140px){
.brand_box li.w1 b{width:90%;height:180px;display:block;overflow:hidden;text-align:center}
}
/*instagram*/
.ins_box{height:342px;/*margin-bottom:20px;*/overflow:hidden}
.ins_box ul{}
.ins_box li{width:179px;height:179px;margin-right:2px;margin-bottom:2px;cursor:pointer;position:relative;float:left}
.ins_box li img{width:100%;height:100%}
.ins_box li p{width:179px;height:179px;position:absolute;top:0;filter:alpha(opacity=60);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;background:#000;display:none;z-index:3}
.ins_box li:hover p,.ins_box li:hover div{display:block}
.ins_box li div{padding:10px 15px 0 15px;position:absolute;top:0;color:#fff;z-index:5;display:none}
.ins_box li div strong{width:100%;font-size:33px;flaot:left}
.ins_box li div span{width:100%;padding-top:5px;float:left;line-height:1.2}
/*weibo*/
.weibo_box{height:450px;margin-bottom:10px;overflow:hidden}
.weibo_box li{width:100%;margin-bottom:10px;border-bottom:1px #dedede solid;overflow:hidden;float:left}
.weibo_box li:last-child{border-bottom:none}
/*.weibo_box li img:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-webkit-opacity:1}*/
.weibo_box li b{width:72px;padding-bottom:10px;float:left}
.weibo_box li .wb-text{height:70px;overflow:hidden;width:270px;line-height:18px;padding-bottom:10px;padding-left:10px;display:inline;float:left}
.weibo_box li p span{color:#444}
.weibo_box li a span{color:#0a8cd2}

.MM_box li{width:50%;margin-bottom:10px;position:relative;float:left}
.MM_box li span{background:#fff;position:absolute;z-index:99;display:none;height:157px;padding:10px}
.MM_box li:hover span{
     display:block
    }

.MM_box li b{width:67px;margin-right:2px;float:left;border-radius:34px;overflow:hidden}
.MM_box li h5,.MM_box li p{display:inline;float:left}
.MM_box li h5 {background:url(images/MM-icon.gif) no-repeat;line-height:25px;margin-top:10px;font-size:14px;padding-left:25px}
.MM_box li p {padding-left:5px;font-size:11px;color:#999}