body {
    margin:0px;padding:0px;font-family:"微软雅黑";overflow-x: hidden;font-size:14px;
    padding-bottom: 90px;
}
img{border:0px;}
.container_1200{width:1200px;margin:0px auto;}
.fl{float:left}
.fr{float:right}

.toper{height:40px;background:#4f4f51;}
.toper_left{float:left;line-height:40px;color:#fff;background:url(images/toper_lb.png) 0px 5px no-repeat;padding-left:30px;}
.toper_right{float:right;background:url(images/s_m.png) repeat-x;height:31px;margin-top:5px;}
.toper_right input{border:0px;background-color:transparent;height:31px;padding-left:20px;}

.toper_search_l{background:url(images/s_l.png) no-repeat;float:left;width:250px;}
.toper_search_r{cursor:pointer;float:right}

.logo_phone{background:url(images/logo_phone.png) no-repeat -7px 0px;line-height:60px;padding-left:60px;font-size:24px;font-weight:bold;color:#ff0101}
.logo_sonConpany{font-size:14px;color:#656565;padding-left:4px;letter-spacing:1.4px;}
.logo_sonConpany a{ text-decoration:none; color:#000; padding:0px 5px;}
.logo_sonConpany a:hover{ text-decoration:underline; color:#F00;}
.menu{background:#151515;height:40px;}
.menu ul{margin:0px;padding:0px;}
.menu ul li{float:left;list-style:none; background:url(images/mu_bj.png) no-repeat right center;line-height:40px;position:relative;width:132px;}
.menu ul li a{color:#ffffff;text-decoration:none;font-size:16px;line-height:40px;display:block;width:100%;height:100%;text-align:center}
.menu ul li:first-child{}
.menu ul li:hover a{color:#ff0000}
.menu ul li:hover ul li a{color:#cdcdcd}

.menu ul li ul{position:absolute;top:40px;z-index:1000;min-height:214px;background:url(images/menu_li_bg.png) repeat-y;display:none}
.menu ul li ul li{border:0px; background:none;}
.menu ul li ul li:hover a{background:#fe0000;color:#cdcdcd}
.menu ul li ul li a{padding:0px;color:#cdcdcd;text-align:left;font-size:15px;}
.menu ul li ul li a i{font-style:normal;-o-transform: rotate(90deg);transform: rotate(90deg); margin:0px 20px 0px 10px;
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg);display:block;float:left }
.menu ul li .menu_img{height:194px;position:absolute;z-index:1000;background:#181818;left:118px;padding:10px;display:none}
.menu ul li .menu_img p{margin:-5px 0px;padding:0px;font-size:12px;line-height:150%;text-align:left}
.menu ul li .menu_img a{display:none;color:#bfbfbf;}
.menu ul li .menu_img a:hover{color:#ff0000}
.slider_left{width:250px;}

.menu ul li ul.menu_jjfa{position:absolute;top:40px;z-index:1000;min-height:214px;display:none;width:800px; background:url(images/menu_li_bg_1.png) #181818 repeat-y;padding:0px 10px 10px 40px;z-index:9999;
                         color:#fff
}
.menu ul li ul.menu_jjfa li:first-child{margin-top:10px}
.menu ul li ul.menu_jjfa li{clear:both;width:auto;background:none;line-height:32px;margin-bottom:0px;height:32px}
.menu ul li ul.menu_jjfa li:hover a{background:none}
.menu ul li ul.menu_jjfa li h4{color:#fff;padding:0px;margin:0px;font-size:16px;float:left;width: 100px;
text-align: left;margin-right: 20px;padding-left:15px;
line-height: 40px;}
.menu ul li ul.menu_jjfa li a{display:inline;text-decoration:none;color:#fff;padding-left:5px;font-size:14px;padding-right:5px;}
.menu ul li ul.menu_jjfa li a:hover{background:#ff0000}


.left_menu ul{margin:0px;padding:0px}
.left_menu ul li{list-style:none;background:#ff0000;border-bottom:1px solid #cb0000;line-height:35px;color:#ffffff;}
.left_menu ul li i{font-style:normal;color:#000000;display:block;float:left;
                   -o-transform: rotate(90deg);transform: rotate(90deg); margin:0px 40px 0px 20px;
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
}
.left_menu ul li em{font-style:normal;float:right;font-size:10px;margin-right:50px;}
.left_menu ul li a{text-decoration:none;color:#ffffff;width:100%;display:block;}
.left_menu ul li ul li{background:#eeeeee;border-bottom:1px solid #cdcdcd;font-size:14px;}
.left_menu ul li:hover{background:#cb0202}
.left_menu ul li ul{display:none;}
.left_menu ul li ul li{width:100%;}
.left_menu ul li ul li i{margin:0px 60px 0px 20px}
.left_menu ul li ul li a{color:#000000}
.left_menu ul li ul li:hover{background:#cccccc}

.banner_w{position:relative;}
#banner{ width:1200px;margin:0 auto; position:relative; height:495px;  } 
#banner .bd{ position:relative; z-index:0; margin-left:-360px;width:1920px;} 
#banner .bd ul{margin:0px;padding:0px}
#banner .bd li{ height:495px; overflow:hidden; } 
#banner .bd li img{border:0px;} 
#banner .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; } 
#banner .hd ul{ text-align:center;margin:0px;padding:0px; } 
#banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0 4px; background:url(/content/hoobang/2016/images/dot.png) 0 -20px; overflow:hidden; filter:alpha(opacity=70);opacity:0.7; vertical-align:top; line-height:9999px; } 
#banner .hd ul .on{ background-position:0 0; } 
#banner .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden; }
.banner-2020{background:#af1c2c}

#banner_tj{background:url(images/banner_tj_1.png) center no-repeat;padding:10px 0px;height:350px;}
#banner_tj .banner_tj_c{width:1200px;margin:0px auto;position:relative}

#banner_tj .banner_tj_cc{position:relative;
    margin-left:-150px;}
#banner_tj .scrollBox {
	width:1500px;
	padding:10px;
	
}
#banner_tj .scrollBox .banner_tj_title{margin: 0 auto 40px;
    padding: 10px 100px 30px;}
#banner_tj .scrollBox .piclist {
	overflow:hidden;
	zoom:1;
}
#banner_tj .scrollBox .ohbox {
	overflow:hidden;
	position:relative;
	left:100px
}
#banner_tj .scrollBox {
	position:relative;
	overflow:hidden;
	zoom:1;
}
#banner_tj .scrollBox .piclist li {
	float:left;
	display:inline;
	width:244px;
	background:#fff;
	margin-right:18px;
    height:174px;
    position:relative;
    border:3px solid;
}

#banner_tj .scrollBox .piclist li:hover{border:3px solid #ff0000;}
#banner_tj .scrollBox .piclist li .arrowjb{
    width:100%;height:100%;position:absolute;display:block;background:url(images/banner_tj_arrow2.png) right top no-repeat;
    top:0px;
}
#banner_tj .scrollBox .piclist li .zz{
     left: 0;
   height:174px;
    position: absolute;
    right: 0;
    top: 0;
    overflow:hidden;
    }
#banner_tj .scrollBox .piclist li .zz h2{font-weight:normal;z-index:6;width:100%;text-align:center;position:absolute;display:none;
                         top:40px;left:0px;font-size:14px;color:#fff;
}
#banner_tj .scrollBox .piclist li .zz_c{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;font-size:18px;text-align:center;
    opacity: 0;
    width:400px;
    height:400px;
    border-radius:200px;
    margin-top:-110px;
    margin-left:-72px;
    transform: scale(0);
    background:url(images/al_bg.png);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
}
#banner_tj .scrollBox .piclist li:hover .zz_c{transform: scale(1);opacity: 1;}
#banner_tj .scrollBox .piclist li:hover .zz h2{display:inline-block;}


#banner_tj .scrollBox .piclist li:last-child{margin-right:0px}
#banner_tj .scrollBox .pageBtn span {
	background:url(images/banner_tj_arrow.png) no-repeat;
	display:block;
	width:69px;
	height:189px;
	position:absolute;
	top:72px;
	cursor:pointer;
	text-indent:-999em;
	overflow:hidden;
}
#banner_tj .scrollBox .pageBtn .prev {
	left:20px;
	background-position:0px 0px;
}
#banner_tj .scrollBox .pageBtn .next {
	right:20px;
	background-position:-73px 0px;
}


/*正文*/
.maincontent{margin-top:0px;}
.slider_left_by{border-bottom:1px solid #bebebe;text-align:center}
.slider_left_jigou{padding:20px 0px;}
.slider_left_jigou .slider_left_jigou_title{text-align:center;font-weight:bold;font-size:18px;color:#ff0000}
.slider_left_jigou .slider_left_jigou_title p{display:inline-block;font-size:12px;color:#000000;text-align:left;margin:0px;padding:10px;}
.slider_left_jigou ul{margin:0px 0px 0px 5px;padding:0px;}
.slider_left_jigou ul li{list-style:none;float:left;width:117px;height:117px;margin-right:5px;margin-bottom:5px;position:relative}
.slider_left_jigou ul li img{opacity:0.5}
.slider_left_jigou ul li span{width:100%;display:block;position:absolute;bottom:0px;z-index:3;background:#504f50;font-size:12px;text-align:center;color:#fff;line-height:27px;}
.slider_left_jigou ul li:hover img{opacity:1;}
.slider_left_jigou ul li:hover span{color:#ff0000;background:rgba(0,0,0,0.5);}



.slider_left_zybr{border-top:1px solid #bebebe;text-align:center;margin-top:30px;padding:30px 0px;}
.slider_left_qrcode{width:100%;text-align:center}


.slider_left_ys{background:#eeeeee;width:100%;text-align:center;padding:20px 0px;height:760px}
.slider_left_ys h3{margin:0px;padding:0px;font-size:20px;}
.slider_left_ys p{margin:0px;padding:0px;font-size:20px;font-weight:bold;color:#ff0000}
.slider_left_ys ul{margin:30px 0px 0px 20px;padding:0px;}
.slider_left_ys ul li{list-style:none;float:left;margin-right:10px;height:126px;background:url(images/left_ys_bg.png) no-repeat bottom;margin-bottom:10px;}
.slider_left_ys ul li img{width:100px;height:84px;}
.slider_left_ys ul li span{display:block;line-height:30px;background:#cccccc;color:#000;margin-top:-3px;}
.slider_left_ys ul li a{text-decoration:none}

.content_right{width:940px;}
.index_about{padding:40px 25px 40px 50px;background:#eeeeee;height:320px;}
.index_about_txt{width:550px;}
.index_about_video{width:300px;padding-top:40px;}
.index_about_title{margin-bottom:20px;}
.index_about_title h3{margin:0px;padding:0px;font-size:25px;border-bottom:3px solid #ff0000;display:inline;line-height:30px;padding:5px 0px;}
.index_about_title em{font-style:normal;font-size:12px;font-weight:bold;margin-left:10px;}
.index_about_c p{padding:2px 0px;}
.index_about_c{line-height:160%;font-size:16px;}
.btn_more{padding:4px 30px;border:1px solid #ff0000;text-decoration:none;color:#ff0000;}
.btn_more:hover{color:#000;border:1px solid #000;}

/*新闻信息开始*/
.index_xw{margin-top:20px;}
.index_xw .index_xw_l{width:450px;border-right:1px solid #cdcccc;padding:0px 0px 0px 10px;}
.index_xw .ixw_title{}
.index_xw .ixw_title a{text-decoration:none;color:#000;font-size:20px;font-weight:bold;margin-right:10px;border-right:#eee;line-height:30px;}
.index_xw .ixw_title a:hover,.index_xw .ixw_title a.on{color:#ff0000}
.index_xw .ixw_title i{font-style:normal;line-height:35px;color:#7f7f7f;margin:0px 10px;}
.index_xw .ixw_title p{margin:0px;padding:0px;font-size:15px;font-weight:bold;color:#000}
.ixw_title .xw_more{background:url(images/xw_more.png) no-repeat 0px 3px;width:100px;height:50px;text-decoration:none;display:inline-block;text-indent:-2000px;}
.ixw_title .xw_more:hover{background-position:0px -47px;}
.xw_list_1{margin:0px;padding:0px;}
.xw_list_1 li{list-style:none;margin-top:10px; clear:both;}
.xw_list_1 li a{text-decoration:none;color:#000;}
.xw_list_1 li a img{float:left;margin-right:5px;border:3px solid #ccc; margin-top:5px;}
.xw_list_1 li a h3{margin:0px;padding:0px;font-size:15px;font-weight:normal;}
.xw_list_1 li a p{font-size:12px;margin:0px;padding:0px;line-height:160%}
.xw_list_1 li a i{font-style:normal;background:#cccccc;font-size:12px;color:#fff;padding:0px 10px;}
.xw_list_1 li:hover h3{color:#ff0000;}
.xw_list_1 li:hover img{border-color:#ff0000;}
.xw_list_1 li:hover i{background:#ff0000;}
.index_shyxl_title h3 em {
    font-style: normal;
    font-size: 14px;
    color: #ff0000;
}
.xw_list_jjfa{padding-bottom:10px;}
.xw_list_jjfa a{display:inline-block;width:80px; text-decoration:none;color:#6b6b6b;border:1px solid #6b6b6b;padding:5px 5px;line-height:28px;font-size:12px;
                text-align: center;
margin-bottom: 12px;
}
.xw_list_jjfa a:hover{background:#ff0000;color:#fff}


.index_xw .index_xw_r {
    width: 470px;
}

.xw_list_2{margin:0px;padding:0px;}
.xw_list_2 li{list-style:none;margin-top:10px;}
.xw_list_2 li a{text-decoration:none;color:#000;display:block;width:100%;}
.xw_list_2 li a img{float:left;margin-right:5px;}
.xw_list_2 li a h3{margin:0px;padding:0px;font-size:15px;font-weight:normal;}
.xw_list_2 li a p{font-size:12px;margin:0px;padding:0px;line-height:180%}
.xw_list_2 li a i{font-style:normal;background:#cccccc;font-size:12px;color:#fff;padding:0px 10px;}
.xw_list_2_on h3{color:#ff0000;}
.xw_list_2_on img{border-color:#ff0000;}
.xw_list_2_on i{background:#ff0000;}
.xw_list_2_on{display:none;background:#eee;padding:3px;height:80px;padding:10px 0px 0px 10px}
.xw_list_2_off{display:block}
.xw_list_2_off a i{background:none;float:right}
.xw_list_2 li.on  .xw_list_2_on{display:block}
.xw_list_2 li.on  .xw_list_2_off{display:none}
.xw_list_2 li .xw_list_2_on i{display:block;float:right;height:80px;background:#eee;color:#ff0000;}
.xw_list_2 li .xw_list_2_on a i em{font-style:normal;font-size:40px;display:block;text-align:center}


/*案例*/
.index_al{margin-top:20px;padding:30px 0px;background:#eeeeee;height:720px}
.index_al h3{font-size:25px;padding:0px;margin:0px;line-height:40px;text-align:center}
.index_al p{color:#ff0000;font-size:20px;text-align:center;margin:0px;padding:0px;}
.index_al .index_al_menu{text-align:center}
.index_al .index_al_menu ul{margin:0px;padding:20px 0px 0px 30px;}
.index_al .index_al_menu ul li{float:left;list-style:none;height:34px;text-align:center;padding:0px 15px;margin-right:2px;}
.index_al .index_al_menu ul li.split{width:5px;text-align:center;line-height:20px;padding:0px 0px;}
.index_al .index_al_menu ul li:hover,.index_al .index_al_menu ul li.selected{background:url(images/nhover.png) no-repeat center}
.index_al .index_al_menu ul li:hover a,.index_al .index_al_menu ul li.selected a{color:#fff}
.index_al .index_al_menu ul li.split:hover{background:none}
.index_al .index_al_menu a{text-decoration:none;font-size:15px;color:#000;width:100%;display:inline-block;height:100%;}
.index_al .index_al_menu a:hover{color:#fff}
.index_al_c{display:none}
.index_al .on{display:block}
.index_al ul {margin:20px 0px 0px 0px;padding:0px 16px;
    }

.index_al ul li{float:left;list-style:none;margin-right:10px;margin-bottom:5px;position:relative;}
.index_al ul li.last{margin-right:0px;}
.index_al ul li .zz{}
.xm_more{margin:20px 16px;background:url(images/xw_more.png) no-repeat 0px 3px;width:100px;height:50px;text-decoration:none;display:inline-block;text-indent:-2000px;}
.xm_more:hover{background-position:0px -47px;}

.index_al ul li .zz{
     left: 0;
   height:156px;
    position: absolute;
    right: 0;
    top: 0;
    overflow:hidden;
    }
.index_al ul li .zz h2{font-weight:normal;z-index:6;width:100%;text-align:center;position:absolute;display:none;
                         top:50%;left:0px;font-size:24px;color:#fff;
                         transform: translateY(-50%);
                         -ms-transform: translateY(-50%);
                         padding:0px;margin:0px;
}
.index_al ul li .zz h2 i{font-style:normal;font-size:16px;display:block;line-height:200%;

}
.index_al ul li .zz_c{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;font-size:18px;text-align:center;
    opacity: 0;
    width:400px;
    height:400px;
    border-radius:200px;
    margin-top:-110px;
    margin-left:-72px;
    transform: scale(0);
    /*background:url(images/al_bg.png);*/
    background:#af1c2c;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
}
.index_al ul li:hover .zz_c{transform: scale(1);opacity: 1;}
.index_al ul li:hover .zz h2{display:inline-block;}
@keyframes transform {  
    0% {  
        transform: scale(0);  
        opacity: 0.0;  
    }  
    25% {  
        transform: scale(0);  
        opacity: 0.1;  
    }  
    50% {  
        transform: scale(0.1);  
        opacity: 0.3;  
    }  
    75% {  
        transform: scale(0.5);  
        opacity: 0.5;  
    }  
    100% {  
        transform: scale(1);  
        opacity: 0.0;  
    }  
} 

@-webkit-keyframes "transform" {  
    0% {  
        -webkit-transform: scale(0);  
        opacity: 0.0;  
    }  
    25% {  
        -webkit-transform: scale(0);  
        opacity: 0.1;  
    }  
    50% {  
        -webkit-transform: scale(0.1);  
        opacity: 0.3;  
    }  
    75% {  
        -webkit-transform: scale(0.5);  
        opacity: 0.5;  
    }  
    100% {  
        -webkit-transform: scale(1);  
        opacity: 0.9;  
    }  
}  




.index_yxl{margin-top:30px;}
.index_shyxl{width:400px;}
.index_shyxl_title .xm_more{margin-top:-10px;}
.index_shyxl_title h3{font-size:20px;}
.xw_list_3 {margin:0px;padding:0px;}
.index_shyxl_title a{height:40px;}
.xw_list_3 li {
    list-style: none;
    line-height: 36px;
    border-bottom: 1px solid #cccccc;
}
.xw_list_3 li a{text-decoration:none;color:#6b6b6b;}
.xw_list_3 li a i{font-style:normal;float:right}
.xw_list_3 li a:hover{color:#ff0000}

.index_yxl_right{width:530px;}
.index_sb .title{position:relative}
.index_sb .title h3{font-size:20px;padding-left: 10px;}
.index_sb .title h3 em{font-style:normal;font-size:14px;color:#ff0000}
.index_sb .title span{background:#ff0000;color:#ffffff;padding:2px 5px;display:block;position:absolute;right:0px;top:10px;cursor:pointer;font-size:12px;}
.index_sb .title span.prev{right:25px;}
.index_sb .title span:hover{background:#000}
.index_sb .content{margin-left:10px;}
.index_sb .content ul{margin:0px;padding:0px;}
.index_sb .content .tempWrap{border-left:1px solid #ccc}
.index_sb .content ul li{list-style:none;float:left;border-top:1px solid #cccccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.index_sb .content ul li:first-child{}


.index_zz .title{position:relative}
.index_zz .title h3{font-size:15px;color:#ff0000;padding-left: 10px;}
.index_zz .title h3 i{font-style:normal;font-size:15px;color:#ccc}
.index_zz .title h3 a{text-decoration:none;color:#000;font-size:15px;}
.index_zz .title span{background:#ff0000;color:#ffffff;padding:2px 5px;display:block;position:absolute;right:0px;top:10px;cursor:pointer;font-size:12px;}
.index_zz .title span.prev{right:25px;}
.index_zz .title span:hover{background:#000}
.index_zz .content{margin-left:10px;}
.index_zz .content ul li{width:517px;overflow:hidden}


.index_ys{height:330px;background:#eeeeee;margin-top:30px;padding:10px 0px;}
.index_ys .title{text-align:center;padding:20px 0px;}
.index_ys .title h3{font-size:25px;color:#000;margin:0px;padding:10px 0px;}
.index_ys .title em{font-size:20px;color:#ff0000;font-style:normal;font-weight:bold}
.index_ys .content{margin-left:100px;margin-top:10px;}
.index_ys .content ul{margin:0px;padding:0px;}
.index_ys .content ul li{list-style:none;float:left;background:url(images/ys_pic_bg.jpg) no-repeat bottom;margin-right:10px;height:164px;width:140px;}
.index_ys .content ul li a{text-decoration:none;color:#000}
.index_ys .content ul li a h4{font-weight:normal;background:#ccc;line-height:30px;text-align:center;margin:-3px 0px 0px 0px;padding:0px;}
.index_ys .pageBtn{position:relative;width:100%;margin-top:-180px;}
.index_ys .pageBtn span{font-size:100px;color:#969696;position:absolute;top:30px;cursor:pointer}
.index_ys .pageBtn span.prev{left:0px;}
.index_ys .pageBtn span.next{right:0px;}


.index_hz{margin-top:20px;padding:30px 0px 80px;height:388px;position:relative}
.index_hz h3{font-size:25px;padding:0px;margin:0px;line-height:40px;text-align:center}
.index_hz p{color:#ff0000;font-size:20px;text-align:center;margin:0px;padding:0px;}
.index_hz .index_hz_menu{text-align:center}
.index_hz .index_hz_menu a{text-decoration:none;font-size:15px;color:#000;line-height:40px;}
.index_hz .index_hz_menu a:hover{color:#ff0000}
.index_hz_c{display:none}
.index_hz ul {margin:20px 0px 0px 0px;padding:42px 16px 42px 65px;height:200px;background:#e5e5e5
    }

.index_hz ul li{float:left;list-style:none;margin-right:2px;margin-bottom:5px;border:1px solid #ccc;width:160px;height:100px;background:#ffffff;text-align:center;
                position:relative;
}
.index_hz ul li:last-child{margin-right:0px;}
#hz_more{position:absolute;right:10px;top:30px;}

.index_hz li .zz{
     left: 0;
   height:100px;
    position: absolute;
    right: 0;
    top: 0;
    overflow:hidden;
    }
.index_hz ul li .zz h2{font-weight:normal;z-index:6;width:100%;text-align:center;position:absolute;display:none;
                         top:50%;left:0px;font-size:24px;color:#fff;
                         transform: translateY(-50%);
                         -ms-transform: translateY(-50%);
                         padding:0px;margin:0px;
}
.index_hz ul li .zz h2 i{font-style:normal;font-size:16px;display:block;line-height:200%;

}
.index_hz ul li .zz_c{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;font-size:18px;text-align:center;
    opacity: 0;
    width:320px;
    height:200px;
    border-radius:200px;
    margin-top:-50px;
    margin-left:-80px;
    transform: scale(0);
    /*background:url(images/al_bg.png);*/
    background:#af1c2c;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
}
.index_hz ul li:hover .zz_c{transform: scale(1);opacity: 1;}
.index_hz ul li:hover .zz h2{display:inline-block;}

.bottom{background:#c30000;}

.bottom .bottom_menu{text-align:center;color:#fff;padding:20px 0px;}
.bottom .bottom_menu a{text-decoration:none;color:#fff;margin-right:20px;line-height:30px;}
.bottom .bottom_menu a:hover{color:#000}
.bottom_copy{text-align:left;padding:20px 0px;color:#fff;line-height:150%;height:180px;}
.bottom_copy .qrcode{display:block;float:right;margin-top:-120px;margin-right:-100px;}
.bottom_tj{margin:0px auto;width:800px;}

.index_totop{bottom:0px;width:100%;margin-top:-40px;}
.index_totop .index_totop_t{margin:0px auto;width:76px;height:40px;background:url(images/totop.png) no-repeat;cursor:pointer}
.index_totop .index_totop_c{color:#ccc;background:#000;line-height:200%;text-align:center;padding:5px 0px;font-size:14px;}
.index_totop .index_totop_c a{color:#ccc;text-decoration:none;font-size:14px;}
.index_totop .index_totop_c a:hover{color:#fff}

.nei_page{background:#eeeeee;padding:30px;margin-bottom:30px; overflow:hidden;}
.np_title {line-height:30px;padding:5px 0px;}
.np_title h3{background:url(images/nei_title.png) no-repeat 0px 6px;margin:0px;padding:0px;font-size:14px;padding-left:130px;color:#ff0000;font-weight:normal}
.np_title h3 span{float:right;color:#474747;}
.np_title h3 span a{color:#474747;font-size:14px;text-decoration:none}
.np_title h3 span a:hover{color:#ff0000}
.np_cotent{padding:20px 0px;line-height:180%;margin-top:20px;background: #e3e3e3;
    padding: 5px 15px;}
.bt1{border-bottom:1px solid #ccc;}

.np_menu{margin:10px 0px 0px 0px;padding:0px; border-bottom:3px #ed221c solid;height:30px;}
.np_menu li{float:left;list-style:none;color:#010101;padding:0px 20px;text-align:center;margin-right:5px;height:30px;line-height:30px;}
.np_menu li a{color:#000000; text-decoration:none;font-size:14px;font-weight:bold;}
.np_menu .selected{ background:#ff0100;line-height:30px;}
.np_menu .selected a{color:#ffffff;font-size:14px;}



.dubbing{ width:880px; margin:10px auto 0px; overflow:hidden; background:#FFF;}
.dubbing_a{ height:100px;}

.dubbing_nr{ width:680px; float:right; background:#F00;color:#FFF;}
.dname{ width:200px; float:left;text-indent:20px;line-height:25px;}
.dname h2{ font-size:20px;}
.dname h5{ font-size:16px;}
.djs{width:450px; float:left;padding-top:20px; font-size:16px;}

.dubbing_b{ clear:both; width:100%;}
.dubbing_zp{ width:200px; float:left;}
.dubbing_zp img{ width:200px; height:220px;}
.dubbing_js{width:680px;float:right }
.dubbing_js p{ padding:5px 10px;font-size:13px;line-height:180%;}
.sting{ clear:both;}
.sting dt{height:40px; line-height:40px; font-size:14px;}
.sting dd{ height:40px; line-height:40px;  text-indent:70px; font-size:13px; position:relative;}
.sting dd i{ font-style:normal;position:absolute; right:350px;background:url(images/lb.png) no-repeat 35px 7px;}
.sting dd i a{ text-decoration:none; color:#000;}
.sting dd i a:hover{text-decoration: underline;}


.page_list{text-align:center;line-height:300%;}
.page_list a{color:#111;text-decoration:none}
.page_list a:hover{color:#ff0000}

.np_list{margin:0px;padding:10px 30px;}
.np_list li{line-height:260%;}
.np_list li a{text-decoration:none;color:#111}
.np_list li a:hover{color:#ff0000;}
.np_list li i{float:right;font-style:normal}


.page_right_content{ line-height:180%;padding:10px;}

.page_right_list{margin:0px;padding:0px 20px;}
.page_right_list li{ list-style:none; border-bottom:1px dashed #cccccc;line-height:30px; color:#333333}
.page_right_list li a{color:#000000; text-decoration:none}
.page_right_list li a:hover{color:#ff0000}
.page_right_list li i{float:right;color:#000000; font-style:normal}



.page_right_content h1{ font-size:18px; text-align:center;line-height:40px;margin:0px;padding:0px}
.page_right_content .tip_msg{color:#333333; text-align:center;line-height:30px;}

.baidu_share{ text-align:center; clear:both;padding-left:250px;margin-bottom:10px;}
.page_right_content_cc{ line-height:180%;padding-top:10px;}
.page_right_content_cc .pshx_info{ text-indent:2em;}
.page_right_content_zz{margin-top:20px;}
.page_right_content_zz_left{width:50%;float:left}
.page_right_content_zz_right{width:50%;float:right}

.bdlikebutton{margin-right:10px;;float:right}
.bdlikebutton1 {
    background: url("http://bdimg.share.baidu.com/static/images/like.png?cdnversion=20120424") no-repeat scroll 0 0 transparent;
    font-size: 16px;
    position: relative;
    text-align: center;
	line-height:60px;
	cursor:pointer;
	margin-left:10px;
	float:left
	
}

.bdlikebutton-large-blue1 {
    background-position: 0 -405px;
}


.bdlikebutton-large-blue2 {
    background-position: -145px -405px;
	color:#ffffff;
}

.hoobang_sm{ line-height:180%; text-indent:2em;}
.hoobang_sm a{color:#000000; text-decoration:none; font-weight:bold}
.hoobang_sm a:hover{color:#ff0000}



.page_turn{text-align:center;margin-top:20px;}
.page_turn a{display:inline-block; margin-right:10px;padding:10px 20px;border:1px solid #eeeeee;border-radius:5px;text-decoration:none;color:#111}
.page_turn a:hover{background:#ff0000;color:#fff}



/*拍摄花絮列表*/
.page_pshx_right{ background:#eeeeee;margin-top:20px;}
.page_right_hxlist{margin:0px;padding:0px;}
.page_right_hxlist li{ list-style:none;padding:10px 0px; min-height:160px;}
.page_right_hxlist li .pshx_pic{float:left;margin-right:20px;}
.page_right_hxlist li .pshx_pic img{width:200px;height:145px;border:3px #cccccc solid;}
.page_right_hxlist li h2{font-size:16px; font-weight:bold;margin:0px;padding:0px; line-height:20px; color:#000}
.page_right_hxlist li h2 a{color:#000; text-decoration:none;font-weight:bold}
.page_right_hxlist li h2 a:hover{color:#ff0000}
.page_right_hxlist li p{font-size:14px; line-height:200%; color:#111;margin:5px 0px 0px 0px;padding:0px;}
.page_right_hxlist li p a{color:#333333; text-decoration:none}
.page_right_hxlist li p a:hover{color:#ff0000 }
.page_right_hxlist li .pshx_btn{ text-align:right; padding:3px 10px; color:#fff; text-decoration:none;font-size:14px;background:#000}
.page_right_hxlist li .pshx_btn:hover{ text-decoration:underline;color:#fff; background:#ff0000}


/*合作伙伴*/
.page_hzhb_list{}
.page_hzhb_list li{ list-style:none;float:left;margin-right:20px;margin-bottom:10px;}
.page_right_content_memo{ color:#333333; font-style:italic;margin-left:20px;}

.page_hzhb_list li .la{display:block;position:relative}
.page_hzhb_list li .la .zz{
     left: 0;
   height:124px;
    position: absolute;
    right: 0;
    top: 0;
    overflow:hidden;
    opacity:1;
    }
.page_hzhb_list li .la .zz h2{font-weight:normal;z-index:6;width:100%;text-align:center;position:absolute;display:none;
                         top:50%;left:0px;font-size:24px;color:#fff;
                         transform: translateY(-50%);
                         -ms-transform: translateY(-50%);
                         padding:0px;margin:0px;
}
.page_hzhb_list li .la .zz h2 i{font-style:normal;font-size:16px;display:block;line-height:200%;

}
.page_hzhb_list li .la .zz_c{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;font-size:18px;text-align:center;
    opacity: 0;
    width:280px;
    height:240px;
    border-radius:80px;
    margin-top:-70px;
    margin-left:-62px;
    transform: scale(0);
    /*background:url(images/al_bg.png);*/
    background:#af1c2c;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
}
.page_hzhb_list li .la:hover .zz_c{transform: scale(1);opacity: 1;}
.page_hzhb_list li .la:hover .zz h2{display:inline-block;}




.page_right_list_two{ margin:0px;padding:0px;}
.page_right_list_two li{padding:10px 0px;list-style:none;width:430px;float:left;border-bottom:1px #330000 dotted;margin-bottom:10px}
.page_right_list_two li:nth-child(2n){float:right}
.page_right_list_two li .al_pic{float:left;margin-right:5px;padding:10px;position:relative}
.page_right_list_two li .al_pic{margin:0px;padding:0px;}
.page_right_list_two li .al_pic img{border:10px #cccccc solid;margin-bottom:10px;}
.page_right_list_two li .al_pic:hover img{border:10px #ff0000 solid;margin-bottom:10px;}
.page_right_list_two li h2{margin:5px 0px 0px 0px;padding:0px; font-size:12px; line-height:25px;display:none}
.page_right_list_two li p{margin:0px 0px 0px 0px;padding:0px 10px 0px 0px; line-height:25px;color:#333333;font-size:14px; overflow:hidden;display:block;clear:both;}
.page_right_list_two li p b{background:#cccccc;padding:2px 2px 2px 5px;margin-right:10px;}
.page_right_list_two li .al_btn{ text-align:right; display:none}


.page_right_list_two li .al_pic .zz{
     left: 0;
   height:308px;
    position: absolute;
    right: 0;
    top: 0;
    overflow:hidden;
    opacity:0.9;
    }
.page_right_list_two li .al_pic .zz h2{font-weight:normal;z-index:6;width:100%;text-align:center;position:absolute;display:none;
                         top:50%;left:0px;font-size:24px;color:#fff;
                         transform: translateY(-50%);
                         -ms-transform: translateY(-50%);
                         padding:0px;margin:0px;
}
.page_right_list_two li .al_pic .zz h2 i{font-style:normal;font-size:16px;display:block;line-height:200%;

}
.page_right_list_two li .al_pic .zz_c{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;font-size:18px;text-align:center;
    opacity: 0;
    width:800px;
    height:800px;
    border-radius:80px;
    margin-top:-200px;
    margin-left:-152px;
    transform: scale(0);
    /*background:url(images/al_bg.png);*/
    background:#af1c2c;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.25s ease 0s;
}
.page_right_list_two li .al_pic:hover .zz_c{transform: scale(1);opacity: 1;}
.page_right_list_two li .al_pic:hover .zz h2{display:inline-block;}


.moreVideo{margin:40px 0px;position:relative}
.apply_array a {text-decoration: underline}
.apply_array a:hover {color: #e01111}
.apply_info {text-align: center;margin-top:-10px;}
.apply_comment {text-align: center}
.apply_info a {line-height:20px; font-size:12px;color:#000;text-decoration:none}
.apply_info a:hover{color:#ff0000}
.apply_comment a {line-height:25px; font-size:12px;color:#000;text-decoration:none}
.apply_nav {position: relative; width: 640px; float: left; height: 190px; overflow: hidden}
.apply_w {position: absolute; margin-top: 22px; width: 1000px; float: left; left: 0px}
.apply_img img{border:2px solid #ccc;}
.apply_img:hover img{border:2px solid #ff0000}
.app {border-bottom: #cdcdcd 1px solid; border-left: #cdcdcd 1px solid; margin-top: 18px; width: 888px; height: 178px; border-top: #cdcdcd 1px solid; border-right: #cdcdcd 1px solid}
.img_l {padding-bottom: 0px; padding-left: 7px; padding-right: 12px; float: left; cursor: pointer; padding-top:62px}
.img_r {padding-bottom: 0px; padding-left: 7px; padding-right: 12px; float: left; cursor: pointer; padding-top: 62px}
.morevideo_title{text-align:center}
.morevideo_title h3{margin:0px auto;padding:0px;border-bottom:3px solid #ccc;width:300px;line-height:300%; }
.video_ohbox{width:800px;margin-left:30px;}
.moreVideo li{list-style:none;float:left}
.moreVideo .pageBtn{position:absolute;top:133px;cursor:pointer;width:890px;}
.moreVideo .pageBtn .prev{float:left}
.moreVideo .pageBtn .next{float:right}



/*求职招聘*/
.job_msg{ text-align:left;font-weight:bold;font-size:14px;line-height:30px;color:#888888;margin-top:10px;}
.hb_job{margin:0px 0px 20px 0px;font-size:12px}
.hb_job_title{clear:both;}
.hb_job_title ul{margin:10px 0px;padding:0px;}
.hb_job_title ul li{margin-bottom:-1px;float:left; border-right:1px #eeeeee solid; border-top:1px #eeeeee solid; border-bottom:1px #eeeeee solid; list-style:none;padding:10px 20px;  background: linear-gradient(to bottom, transparent 12%, rgba(0, 0, 0, 0.05) 100%) repeat scroll 0 0 transparent;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); font-weight:bold;color:#333333; cursor:pointer;}
.hb_job_title ul li.selected{border-bottom:1px #ffffff solid; background:none; filter:none; cursor:auto;}
.hb_job_title ul li.first{border-left:1px #eeeeee solid;}
.hb_job_content{border:1px #eeeeee solid; text-align:left;padding:10px;font-size:12px; line-height:200%;color:#333333}
.hb_job_title ul li a{ text-decoration:none;color:#000000}

.hb_job_content dl{margin:0px 0px 10px 0px;padding:0px;border-bottom:1px #eeeeee dotted}
.hb_job_content dt{padding:0px;margin:0px 0px 0px 10px; cursor:pointer;line-height:40px;}
.hb_job_content dt .hb_job_label_bg{
display: block;
    float: left;
    height: 21px;
    margin-right: 15px;
    width: 21px;
	background:url(images/spoiler-style-1.png) no-repeat -21px 0px;margin-top:7px;}
.hb_job_content dt .hb_job_label_bg00{background:url(images/spoiler-style-1.png) no-repeat -0px 0px;}

.hb_job_content dd{margin:0px 0px 0px 20px;padding:0px;}


.piaofu{position:fixed;right:0px;top:100px;}
.piaofu a{display:block;width:180px;text-decoration:none}


.vjy{margin:0px;padding:10px 20px 10px 0px;float:left;width:100%;}
.vjy li{list-style:none;clear:both;margin-top:20px;    padding-bottom: 30px;
    height: 380px;
}
.vjy li .vjy_pic{float:right;width:280px;}
.vjy li .vjy_content{float:left;width:580px}

.vjy li:nth-child(2n+1) .vjy_pic{float:left}
.vjy li:nth-child(2n+1) .vjy_content{float:right}


.vjy li .vjy_content .vjy_ct{background:#c79d6c;border-radius:5px;padding:10px 20px;line-height:160%;height:75px;color:#fff}
.vjy li .vjy_content .vjy_cc{height:280px;overflow:hidden;line-height:26px;}



.vjy_2019{margin:0px;padding:10px 20px 10px 40px;float:left;width:800px;}
.vjy_2019 li{list-style:none;clear:both;margin-top:40px; padding-bottom: 30px;
    height: 380px;
}
.vjy_2019 li .vjy_pic{float:right;width:250px;}
.vjy_2019 li .vjy_content{float:left;width:500px}

.vjy_2019 li:nth-child(2n+1) .vjy_pic{float:left}
.vjy_2019 li:nth-child(2n+1) .vjy_content{float:right}


.vjy_2019 li .vjy_content .vjy_ct{}
.vjy_2019 li .vjy_content .vjy_cc{
    border:1px solid #b71c22;border-radius:3px;padding:0px;line-height:220%;
}
.vjy_2019 li .vjy_content .vjy_cc h3{
    background:#b71c22;font-weight:normal;font-size:14px;line-height:220%;text-align:right;margin:0px;padding:10px 10px;color:#fff;
}
.vjy_2019 li:nth-child(2n+1) .vjy_content h3{text-align:left}
.vjy_2019 li .vjy_content .vjy_cc p{margin:0px;padding:0px;}
.vjy_2019 li .vjy_content .vjy_cc .vjy_cc_c{padding:10px;color:#333;font-size:12px;line-height:180%}


.banner_video{background:#af1c2c;width:100%}
.banner_video_c{width:1440px;margin:0px auto}
.banner_video_c video{width:1920px;left:-260px;z-index:1;position:relative;height:494px;}

.al_tips{text-align:center;font-size:30px;color:#333;line-height:200%;margin-top:40px;}
.al_tips a{display:inline-block;font-size:22px;border:1px solid #333;color:#333;text-decoration:none;border-radius:3px;
           padding:2px 10px;line-height:180%;
}
.al_tips a:hover{background:#c30000;color:#fff;border:1px solid #c30000}

.jiejue2020{}
.jiejue2020_sec1{width:1200px;margin:0px auto;}
.jiejue2020_sec2{width:1920px;position:relative;margin:0px auto;left:-360px}
.jiejue2020_sec3{width:1920px;position:relative;margin:0px auto;left:-360px;height:811px;}
.jiejue2020_list1{width:1200px;margin:0px auto;padding:350px 0px 50px 0px;}
.jiejue2020_list1 li{list-style:none;width:390px;margin-right:15px;float:left;background:#ffffff;height:300px;}
.jiejue2020_list1 li img{width:100%;height:100%}
.jiejue2020_list1 li img:hover{opacity:0.5}
.jiejue2020_list1 li:last-child{margin-right:0px;}

.jiejue2020_sec3_1{width:1200px;margin:10px auto 0px;overflow:hidden;height:300px;padding-top:20px;}
.jiejue2020_sec3_m{margin:0px auto;width:1200px;padding:0px;}
.jiejue2020_list2{width:1200px;margin:0px auto;overflow:hidden;padding:0px;}
.jiejue2020_list2 li{list-style:none;height:300px;}
.jiejue2020_list2 img{float:left;width:390px;height:300px;margin-right:20px;}
.jiejue2020_list2 h3{font-size:22px;padding:0px;margin:0px;}
.jiejue2020_list2 hr{border:1px solid #333;float:left;width:100px;}
.jiejue2020_list2 em{float:right;font-style:normal;color:#888;}
.jiejue2020_list2 p{color:#888;margin-top:60px;line-height:200%;padding:0px 100px 0px 0px;font-size:16px;}


.jiejue2020_sec4{position:relative; margin:0px auto;width:1200px;background:url(/content/hoobang/2016/images/jiejue_lx.jpg) no-repeat;height:1200px}
.jiejue2020_form{line-height:30px;width:430px;float:right;text-align:left;margin-top:350px;line-height:30px;font-size:18px;}
.jiejue2020_form input{width:350px;height:35px;margin-bottom:20px;font-size:14px;border-radius:4px;border:1px solid #ccc;text-indent:1em;}
.jiejue2020_form a{width:357px;background:#ff0000;color:#fff;text-align:center;text-decoration:none;line-height:40px;display:inline-block;border-radius:5px;}
.jiejue2020_form em{font-size:12px;color:#ff0000;display:block;font-style:normal;font-size:18px;line-height:300%}
.jiejue2020_form a:hover{background:#cc0000}

.jiejue2020_kefu{background:#ff0016;display:block;position:absolute;bottom:170px;font-size:30px;padding:10px 40px;color:#fff;
                 border-radius:5px;text-align:center;text-decoration:none;left:450px;
}
.jiejue2020_kefu:hover{background:#c70011}

.jiejue2020_more{line-height:50px;font-size:18px;margin-bottom:100px;}
.jiejue2020_more a{padding:5px 10px;background:#ff0016;color:#fff;border-radius:3px;text-decoration:none}
.jiejue2020_more a:hover{background:#c70011;}

.jiejue2020_index{margin-top:60px;}
.jiejue2020_index_title{text-align:center;font-size:30px;line-height:80px;margin-bottom:50px;}
.jiejue2020_index_content{border-bottom:1px solid #333;}
.jiejue2020_index_content ul{margin:0px;padding:0px;}
.jiejue2020_index_content ul li{list-style:none;width:240px;float:left;text-align:center;margin-bottom:20px;}
.jiejue2020_index_content ul li img{width:180px;height:180px;border-radius:100px;border:0px solid #fff}
.jiejue2020_index_content ul li i{display:block;font-size:20px;width:100%;text-align:center;line-height:40px;font-style:normal}
.jiejue2020_index_content ul li a{color:#000;text-decoration:none}
.jiejue2020_index_content ul li:hover img{}

.jiejue2020_index_content_lc{}
.jiejue2020_index_content_lc ul{margin:0px;padding:0px;}
.jiejue2020_index_content_lc ul li{list-style:none;width:300px;float:left;text-align:center;margin-bottom:20px;position:relative}
.jiejue2020_index_content_lc ul li img{width:280px;height:200px;}
.jiejue2020_index_content_lc ul li i{display:block;font-size:20px;width:280px;text-align:center;line-height:40px;font-style:normal;position:absolute;bottom:0px;
                                     left:10px;background:#333;opacity:0.8;color:#fff;
}
.jiejue2020_index_content_lc ul li a{text-decoration:none}

.jj_bg{background:#1a1a1a;padding:10px 0px 50px;}
.jj_bg .jiejue2020_index_title{color:#fff;padding-top:40px;}
.jiejue2020_index_title_hx{color:#9b9b9b;line-height:60px;font-size:20px;margin-left:5px;}

.jiejue2020_index_content_hx ul{margin:0px;padding:0px;}
.jiejue2020_index_content_hx ul li{
list-style: none;
width: 232px;
float: left;
text-align: center;
margin-bottom: 20px;
position: relative;
background: #990100;
margin-right: 10px;}
.jiejue2020_index_content_hx ul li:last-child{margin-right:0px;}

.jiejue2020_index_content_hx ul li img{width:230px;height:170px;}

.jiejue2020_index_content_lx_txt{padding:10px 0px 0px 20px;line-height:250%;font-size:16px;}
.jiejue2020_index_content_lx_txt .txt1{font-size:20px;font-weight:bold}
.jiejue2020_index_content_lx_txt .txt2{font-size:45px;font-weight:bold}

.bg_grey{background:#f5f5f5;padding:30px 0px 40px;}
.jiejue2020_index_content_lx_form{width:85%;margin:0px auto;box-shadow:0px 0px 10px #e3e3e3;padding:30px;}

.jiejue2020_index_content_lx_form h4{border-bottom:1px solid #000;width:100px;line-height:40px;}
.jiejue2020_index_content_lx_form_c{width:450px;margin:30px auto;}
.jiejue2020_index_content_lx_form_c input,.jiejue2020_index_content_lx_form_c select{height:40px;border-radius:5px; border:1px solid #ccc;
                                                                                     width:100%;text-indent:2em;color:#888;margin-bottom:30px;
}

.jiejue2020_index_content_lx_form_c a{width:100%;background:#e50112;color:#fff;display:block;height:40px;border-radius:5px;
                                      text-align:center;text-decoration:none;line-height:40px;
}
.jiejue2020_index_content_lx_form_c a:hover{background:#ff0000;text-decoration:none;color:#fff}


.real_show {
    width:1200px;
    margin:0 auto;
    position:relative;
}
.real_show .bd3 ul li a {
    display:block;
}
.real_show .bd3 ul li img {
    width:90%;margin-top:10px;
         animation: myfirst1 0.3s;
             -webkit-animation: myfirst1 0.3s; /* Safari 与 Chrome */
}
.real_show .bd3 ul li.on img{width:100%;margin-top:0px;
                             animation: myfirst 0.3s;
             -webkit-animation: myfirst 0.3s; /* Safari 与 Chrome */
}

@keyframes myfirst
{
0%   {margin-top:10px;width:90%}
25%  {margin-top:8px;width:93%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:3px;width:98%}
100% {margin-top:0px;width:100%}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {margin-top:10px;width:90%}
25%  {margin-top:8px;width:93%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:3px;width:98%}
100% {margin-top:0px;width:100%}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {margin-top:10px;width:90%}
25%  {margin-top:8px;width:93%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:3px;width:98%}
100% {margin-top:0px;width:100%}
}

@-o-keyframes myfirst /* Opera */
{
0%   {margin-top:10px;width:90%}
25%  {margin-top:8px;width:93%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:3px;width:98%}
100% {margin-top:0px;width:100%}
}


@keyframes myfirst1
{
0%   {margin-top:0px;width:100%}
25%  {margin-top:3px;width:98%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:8px;width:93%}
100% {margin-top:10px;width:90%}
}

@-moz-keyframes myfirst1 /* Firefox */
{
0%   {margin-top:0px;width:100%}
25%  {margin-top:3px;width:98%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:8px;width:93%}
100% {margin-top:10px;width:90%}
}

@-webkit-keyframes myfirst1 /* Safari 和 Chrome */
{
0%   {margin-top:0px;width:100%}
25%  {margin-top:3px;width:98%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:8px;width:93%}
100% {margin-top:10px;width:90%}
}

@-o-keyframes myfirst1 /* Opera */
{
0%   {margin-top:0px;width:100%}
25%  {margin-top:3px;width:98%}
50%  {margin-top:6px;width:95%}
75%  {margin-top:8px;width:93%}
100% {margin-top:10px;width:90%}
}


.real_show .bd3 {
    width:100%;overflow:hidden
}
.real_show .bd3 ul {
    list-style:none;
    overflow:hidden;
    white-space:nowrap;
}
.real_show .bd3 ul li {
    width:33.3%;
    height:350px;
    float:left;
    overflow:hidden;
    text-align:center; 
    margin:0 7px;
    display:block;
}
.real_show .bd3 ul li a {
    margin:1%; 
    width:100%;
    height:100%;
    display:block; 
}
.real_show .bd3 ul li a:before{
    content:"";
    display:table;
    clear:both;
}
.real_show .bd3 ul li a:hover{
    color:#787878;
}
.real_show .bd3 ul li a .user_name{
    display:block;
    width:100%;
    overflow:hidden;
    text-align:center;
    margin-top:18px;
    height:25px;
    font-size:16px;
    font-weight:700;
    color:#888;
}



.real_show .bd3 ul li.on a .user_name{color:#000}




.real_show .prev{
    width:90px;
    height:120px;
    background:url(/Content/hoobang/2016/images/bar_right.png) no-repeat center center;
    position:absolute;
    left: -110px;
    top: 80px;
    cursor:pointer;
}
.real_show .next{ 
    width:90px;
    height:120px;
    background:url(/Content/hoobang/2016/images/bar_left.png) no-repeat center center;
    position:absolute;
    right:-110px;
    top: 80px;
    cursor:pointer;
}

.jiejue2020_list_sec1{position:relative}
.jiejue2020_list_sec2 {
    position: absolute;
    right: 0px;
    width: 550px;
    top: 0px;
    line-height: 200%;
    padding-top: 40px;
    color: #1a1a1a;
}
.jiejue2020_list_sec2 h3{font-size:36px;}
.jiejue2020_list_sec2 p{font-size:20px;padding-top:20px;line-height:140%;}

.jiejue2020_list_zp{}
.jiejue2020_list_zp ul{margin:0px;padding:0px}
.jiejue2020_list_zp ul li{list-style:none;width:33.33%;text-align:center;float:left}
.jiejue2020_list_zp li img{width:390px;height:300px;}
.jiejue2020_list_zp li i{font-style:normal;line-height:50px;font-size:18px;color:#333}

.jiejue2020_list_zp li a:hover{text-decoration:none}
.bg_black{background:#1a1a1a;padding:40px 0px;}
.bg_black .jiejue2020_index_title{color:#fff;margin-bottom:20px;}
.jiejue2020_list_pj{font-size:22px;line-height:200%;color:#fff;text-align:center}

.bform{background:rgba(0,0,0,0.95);position:fixed;z-index:1000;height:130px;bottom:0px;width:100%;}
.bform-c{width:1200px;margin:0px auto;}
.bform-c-left{width:320px;float:left;background:url(/content/hoobang/image/bform-jsq.png) no-repeat 0px 30px;padding-left:80px;
              letter-spacing:0.3em;
}
.bform-c-left h4{line-height:60px;color:#b11024;font-size:24px;padding:0px;margin:10px 0px 0px 0px;border-bottom:1px solid #b11024;}
.bform-c-left p{margin:0px;padding:0px;line-height:40px;font-size:20px;color:#fff}
.bform-c-left p em{color:#ff9d16;font-style:normal}
.bform-c-right{width:700px;float:right;}
.bform-c-right-input{float:left;width:600px;}
.bform-c-right-btn{float:right;padding:20px 0px;}
.bform-c-right-btn a{display:block;width:100px;height:60px;text-decoration:none;color:#fff;background:#d80101;font-size:22px;
                     line-height:30px;text-align:center;padding:20px 0px;
}
.bform-c-right-btn a:hover{background:#F00}
.bform-c-right-iniput-top{margin-top:21px;}
.bform-input{background:url(/content/hoobang/image/bform-icon.png) no-repeat #fff 0px 5px;padding-left:30px;width:250px;
             height:40px;
}
.bform-input input{height:38px;border:none;width:100%;}
.bform-input-name{float:left}
.bform-input-mobile{float:right;margin-right:20px;background-position-x:-33px;}
.bform-input-memo{clear:both;margin-top:80px;width:550px;background-position-x:-63px;}