/**
 * 
 * 
 */
/*基本样式*/
.fw_nav{width:1180px;margin:auto;overflow:hidden;}
.fw_ul{position:fixed;top:0;left:50%;margin-left:-590px;width:1180px;display:block;overflow:hidden;background-color:#101010;}
.fw_nav ul{display:block;overflow:hidden;background-color:#101010;position:relative;top:0;}
.fw_nav ul li:first-child{border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;width:220px!important;border-right:2px solid #df0024;margin-right:14px;}
.fw_nav ul li{display:block;width:13%;height:40px;line-height:40px;float:left;margin:5px 0;-moz-border-radius: 20px 0;-webkit-border-radius: 20px 0;border-radius:20px 0;overflow:hidden;}
.fw_nav ul li span{font-size:12px;margin-left:5px;color:white;z-index: 2;position: relative;}
.fw_nav ul li img{width: 41px;height: 36px;vertical-align:middle;margin: -3px 5px 0 5px;}
.fw_nav ul li b{color:white;font-size: 22px;font-weight:normal;}
.fw_nav ul li a{color:white;display:block;text-indent:15px;position:relative;}
.fw_nav ul li a b{font-size:16px;z-index: 2;position: relative;}
.fw_nav ul li a div{width:100%;height:40px;position:absolute;top:0;left:-100%;z-index:1;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;background:url(../images/xm.png) no-repeat 120px #df0024;}
.fw_nav ul li a:hover div{left:0;}
.fw_nav ul li a:active div{background:url(../images/xm.png) no-repeat 120px #000;}

#xiaolei{width:1180px;margin:auto;overflow:hidden;text-align: center;}
#xiaolei ul{display:block;overflow:hidden;background-color:#101010;position:relative;top:0;}
#xiaolei ul li{display:block;width:13%;height:40px;line-height:40px;display: inline-block;margin:5px 0;margin-left: 5px;-moz-border-radius: 20px 0;-webkit-border-radius: 20px 0;overflow:hidden;}
#xiaolei ul li span{font-size:12px;margin-left:5px;color:white;z-index: 2;position: relative;}
#xiaolei ul li img{width: 41px;height: 36px;vertical-align:middle;margin: -3px 5px 0 5px;}
#xiaolei ul li b{color:white;font-size: 22px;font-weight:normal;}
#xiaolei ul li a{color:white;display:block;text-indent:15px;position:relative;}
#xiaolei ul li a b{font-size:16px;z-index: 2;position: relative;}
#xiaolei ul li a div{width:100%;height:40px;position:absolute;top:0;left:-100%;z-index:1;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;background-color: red;}
#xiaolei ul li a:hover div{left:0;}
#xiaolei ul li a:active div{background-color: red}
#xuanzhong{background-color: red}
/*案例中心——排列*/
.anli_pl{width:1280px;margin:auto;overflow:hidden;padding:30px 0px;color:#fff;}

#dq_ym{background:url(../images/xm.png) no-repeat 120px #df0024;}
#featureContainer {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 1280px; FONT-SIZE: 80%; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#wrap {
	OVERFLOW: hidden
}
#load {
	BACKGROUND-IMAGE: url(images/loader32x32.gif); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 923px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature {
	BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature .button {
	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH: 840px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px
}
#feature .prev {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.png) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -435px; BORDER-RIGHT: #999 0px dotted;position: relative;
}
#feature .next {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.png) center top; FLOAT: right; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -435px; BORDER-RIGHT: #999 0px dotted;position: relative;
}
#feature .prev:hover {
	BACKGROUND-POSITION: center bottom
}
#feature .next:hover {
	BACKGROUND-POSITION: center bottom
}
.featureUL {
	BORDER-BOTTOM: #000 0px dotted; POSITION: relative; BORDER-LEFT: #000 0px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #000 0px dotted; BORDER-RIGHT: #000 0px dotted; PADDING-TOP: 0px; LEFT: 0px
}
.featureBox {
	BORDER-LEFT: #999 0px dotted; WIDTH: 1180px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 820px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted;
}
#botton-scroll {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 840px; FLOAT: left; HEIGHT: 820px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#block {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted;	MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 1180px; PADDING-RIGHT: 0px; HEIGHT: 820px; FONT-SIZE: 70%; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 0px
}/*
#block .box {
	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 0px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 10px; WIDTH: 240px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 150px; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 0px solid; PADDING-TOP: 10px
}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 240px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 150px
}
*/
/*案例中心*/
.anli_zx{width:100%;height:820px;}
#anli_zx1{display:block;width:45%;height:400px;position:relative;float:left;margin-right:2%;overflow:hidden;}
#anli_zx1 a{display:block;width:100%;height:400px;overflow:hidden;}
#anli_zx1 a img{display:block;width:100%;height:400px;}
#anli_zx1 span{display:block;position:absolute;z-index:999;color:#fff;margin:0px;padding:0px;top:350px;width:95%;padding:0px 2.6%;height:400px;font-size:16px;background:url(../images/1px.png); transition:0.6s;}
#anli_zx1:hover span{display:block;top:0px;height:260px;padding:70px 2.6%; transition:0.6s;}
#anli_zx1 span h5{display:inline-block;height:50px;line-height:50px;margin:0px;padding:0px;font-size:20px;overflow:hidden;color:#fff;font-weight: bold;}
#anli_zx1:hover span h5{display:block;color:#cd0101;}
#anli_zx1 span p{display:block;width:100%;overflow:hidden;padding:0px;margin:0px;line-height:24px;font-size:16px;color:#f3f3f3;text-indent:2em;}

#anli_zx2{display:block;width:25.5%;height:190px;position:relative;float:left;margin-right:2%;overflow:hidden;}
#anli_zx2 a{display:block;width:100%;height:190px;overflow:hidden;}
#anli_zx2 a img{display:block;width:100%;height:190px;}
#anli_zx2 span{display:block;position:absolute;z-index:999;color:#fff;margin:0px;padding:0px;top:155px;width:95%;padding:0px 2.6%;height:190px;font-size:16px;background:url(../images/1px.png); transition:0.6s;}
#anli_zx2:hover span{display:block;top:0px;height:120px;padding:40px 2.6%; transition:0.6s;}
#anli_zx2 span h5{display:inline-block;height:35px;line-height:35px;margin:0px;padding:0px;font-size:16px;overflow:hidden;color:#fff;font-weight: bold;}
#anli_zx2:hover span h5{display:block;color:#cd0101;}
#anli_zx2 span p{display:block;width:100%;overflow:hidden;padding:0px;margin:0px;line-height:20px;font-size:14px;color:#f3f3f3;text-indent:2em;}

#anli_zx3{display:block;width:25.5%;height:190px;position:relative;float:left;overflow:hidden;}
#anli_zx3 a{display:block;width:100%;height:190px;overflow:hidden;}
#anli_zx3 a img{display:block;width:100%;height:190px;}
#anli_zx3 span{display:block;position:absolute;z-index:999;color:#fff;margin:0px;padding:0px;top:155px;width:95%;padding:0px 2.6%;height:190px;font-size:16px;background:url(../images/1px.png); transition:0.6s;}
#anli_zx3:hover span{display:block;top:0px;height:120px;padding:40px 2.6%; transition:0.6s;}
#anli_zx3 span h5{display:inline-block;height:35px;line-height:35px;margin:0px;padding:0px;font-size:16px;overflow:hidden;color:#fff;font-weight: bold;}
#anli_zx3:hover span h5{display:block;color:#cd0101;}
#anli_zx3 span p{display:block;width:100%;overflow:hidden;padding:0px;margin:0px;line-height:20px;font-size:14px;color:#f3f3f3;text-indent:2em;}

#anli_zx5{display:block;width:45%;height:400px;position:relative;float:right;margin-left:2%;overflow:hidden;margin-top:20px;}
#anli_zx5 a{display:block;width:100%;height:400px;overflow:hidden;}
#anli_zx5 a img{display:block;width:100%;height:400px;}
#anli_zx5 span{display:block;position:absolute;z-index:999;color:#fff;margin:0px;padding:0px;top:350px;width:95%;padding:0px 2.6%;height:400px;font-size:16px;background:url(../images/1px.png); transition:0.6s;}
#anli_zx5:hover span{display:block;top:0px;height:260px;padding:70px 2.6%; transition:0.6s;}
#anli_zx5 span h5{display:inline-block;height:50px;line-height:50px;margin:0px;padding:0px;font-size:20px;overflow:hidden;color:#fff;font-weight: bold;}
#anli_zx5:hover span h5{display:block;color:#cd0101;}
#anli_zx5 span p{display:block;width:100%;overflow:hidden;padding:0px;margin:0px;line-height:24px;font-size:16px;color:#f3f3f3;text-indent:2em;}

#chak_ck{display:block;float:right;color:#fff;position: relative;bottom:-25px;width:110px;height:35px;line-height:35px;text-indent:35px;background:url(../images/fdj.png)#cd0101 5px center no-repeat;border-radius:10px 0px;}
#chak_ck:hover{display:block;background:url(../images/fdj.png)#f28100 5px center no-repeat;border-radius:10px 0px;}

#chak_ck2{display:block;float:right;color:#fff;position: relative;bottom:-25px;width:90px;height:30px;line-height:30px;text-indent:30px;background:url(../images/fdj2.png)#cd0101 7px center no-repeat;border-radius:10px 0px;font-size:12px;}
#chak_ck2:hover{display:block;background:url(../images/fdj2.png)#f28100 7px center no-repeat;border-radius:10px 0px;}

/*案例——内页*/
.anli_ny{width:1180px;overflow:hidden;margin:auto;padding:20px 0px;}
.anli_ny h5{display:inline-block;width:100%;height:40px;border-bottom:1px solid #cd0101;line-height:40px;float:left;color:#fff;font-size:22px;margin-left:5px;background:url(../images/anli2.png) 0px center no-repeat;text-indent:35px;color:#cd0101;}
.anli_ny i{float:right;color:#fff;margin-right:15px;font-size:12px;}
/*.anli_ny img{display:block;width:95%;margin:auto;margin-top:10px;}*/
.anli_ny img{display:block;max-width:1100px;margin:auto;margin-top:10px;}
.anli_ny div{display:block;width:100%;overflow:hidden;text-indent:2em;color:#fff;font-size:16px;line-height:24px;padding-top:20px;font-family: "宋体"}
#anl_ny1{display:inline-block;float:left;font-size:16px;margin-top:20px;}
#anl_ny2{display:inline-block;float:right;font-size:16px;margin-top:20px;}

/*海大客户*/
.keh_lb{width:1180px;overflow:hidden;margin:auto;padding:30px 0px;}
.keh_lb ul{overflow:hidden;}
.keh_lb ul li{width:228px;overflow:hidden;margin-right:10px;float:left;margin-top:10px;cursor: pointer;}
.keh_lb ul li img{display:block;width:228px;height:123px;}

/*新闻动态*/
.hr_news_l{width:1180px;overflow:hidden;margin:auto;/*background:url(../images/abx.png) 530px 10px no-repeat;*/}
.hr_news_l ul{overflow:hidden;}
/*.hr_news_l ul li{width:100%;height:30px;margin-top:3px;background:url(../images/jiant.png) 0px center no-repeat;}
.hr_news_l ul li a{display:inline-block;height:30px;line-height:30px;font-size:15px;color:#ccc;margin-left:15px;}
.hr_news_l ul li a:hover{display:inline-block;color:#fe6610;border-bottom:1px solid #fe6610;height:29px;float:left;}
.hr_news_l ul li span{display:inline-block;float:right;color:#ccc;line-height:30px;}
#hr_news_li{display:block;width:1180px;height:300px;margin-top:50px;}*/
.hr_news_l ul li{width:100%;overflow:hidden;padding-bottom:10px;border-bottom:1px solid #333;margin-top:10px;}
.hr_news_l ul li span{display:inline-block;float:left;width:210px;height:120px;margin-right:20px;overflow: hidden;}
.hr_news_l ul li span img{display:block;width:210px;height:120px;transition:0.8s;-moz-transition:all 0.8s;-webkit-transition:0.8s;-o-transition:0.8s;}
.hr_news_l ul li a{display:inline-block;float:left;height:30px;line-height:30px;font-size:18px;color:#cd0101;font-family: "微软雅黑";font-weight:bold;}
.hr_news_l ul li a:hover{display:inline-block;height:29px;border-bottom:1px solid #cd0101;font-weight:bold;}
.hr_news_l ul li p{display:inline-block;float:left;width:950px;height:80px;line-height:20px;font-size:14px;color:#ccc;font-family:"宋体"}
.hr_news_l ul li i{display:inline-block;float:right;color:#fff;line-height:10px;height:10px;padding-right: 5px}
.hr_news_l ul li .kong_zh:hover img{display:block;width:320px;height:200px;margin-left:-50px;margin-top:-40px;transition:0.8s;-moz-transition:all 0.8s;-webkit-transition:0.8s;-o-transition:0.8s;
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}



#hr_news_lsp{height:25px;margin:auto;margin-top:30px;}

#hr_news_l1{width:81px;height:25px;background:#ccc;float:left;}
#hr_news_l1 div{width:81px;height:25px;background:url(../images/bjj.png) 81px center no-repeat;}
#hr_news_l1 div a{display:inline-block;width:81px;height:25px;background:url(../images/jt2.png) 0px center no-repeat;}
#hr_news_lsp a{    margin: auto;line-height: 25px;font-size: 16px;float: left;}
#hr_news_l2{width:81px;height:25px;background:#ccc;float:left;}
#hr_news_l2 div{width:0px;height:25px;background:#cd0101;}
#hr_news_l2 div a{display:inline-block;width:81px;height:25px;background:url(../images/jt3.png) 0px center no-repeat;}

#hr_news_l3{display:line-block;float:left;height:25px;line-height:25px;margin-left:15px;font-size:16px;padding:0px 2px;color:#ccc;}

#hr_news_l1:hover div{display:block;background:url(../images/bjj2.png) 0px center no-repeat;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

#hr_news_l2:hover div{display:block;background:#cd0101;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;width:81px;}



/*公司简介*/
.hr_jj{display:block;padding:30px 0px;width:1180px;margin:auto;color:#fff;}
.hr_jjs{display:block;width:100%;overflow:hidden;height:600px;position: relative;}
.hr_jjs1{display:block;width:100%;overflow:hidden;background:url(../images/jj1.gif) 0px 0px no-repeat;height:600px;position: absolute;top:0px;transition:all 1s;-webkit-transition:1s;-o-transition:1s;z-index: 888;}
.hr_jjs2{display:block;width:100%;overflow:hidden;background:url(../images/jj2.gif) right bottom no-repeat;height:600px;position: absolute;top:0px;color:#fff;transition:all 1s;-webkit-transition:1s;-o-transition:1s;z-index: 888;}

.hr_jj:hover .hr_jjs1{display: block;background:url(../images/jj1.png) center no-repeat;transition:1s;-moz-transition:all 1s;-webkit-transition:1s;-o-transition:1s;
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.hr_jj:hover .hr_jjs2{display: block;background:url(../images/jj2.png) center no-repeat;transition:1s;-moz-transition:all 1s;-webkit-transition:1s;-o-transition:1s;
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}

.hr_jjsnr{display:block;width:100%;height:600px;overflow:hidden;position: absolute;top:0px;z-index: 999;color:#fff;}
.hr_jjsnr span{display:block;margin:auto;width:100%:;overflow:hidden;margin-top:90px;background:url(../images/shuic.png) 720px 180px no-repeat;}
.hr_jjsnrp{display:block;line-height:22px;font-size:14px;width:500px;overflow:hidden;margin:auto;margin-top:10px;text-indent:2em;transition:all 1s;-webkit-transition:1s;-o-transition:1s;}
.hr_jjsnrp i{font-size:28px;color:#cd0101;display:none;}
.hr_jj:hover .hr_jjsnrp i{display:inline-block;font-size:28px;color:#cd0101;margin-right:5px;}

.hr_jj:hover .hr_jjsnr span{display:block;background:none;}
.hr_jj:hover #hr_jjsnr1{display:inline-block0;float:left;margin-top:20px;transition:all 1s;-webkit-transition:1s;-o-transition:1s;position: relative;width:420px;text-indent:0px;}
.hr_jj:hover #hr_jjsnr2{display:inline-block;float:right;margin-top:20px;transition:all 1s;-webkit-transition:1s;-o-transition:1s;position: relative;width:370px;text-indent:0px;}
.hr_jj:hover #hr_jjsnr3{display:inline-block;float:left;margin-top:270px;transition:all 1s;-webkit-transition:1s;-o-transition:1s;position: relative;width:420px;text-indent:0px;}

.hr_jjsnr span strong{display:block;width:500px;overflow:hidden;margin:auto;margin-top:60px;}
.hr_jjsnr span strong h5{display:block;height:35px;color:#ccc;border-bottom:1px solid #cd0101;}
.hr_jjsnr span strong h5 b{display:inline-block;float:left;height:35px;line-height:35px;color:#cd0101;font-size:20px;}
.hr_jjsnr span strong p{display:block;font-size:14px;color:#fff;margin-top:10px;}

.hr_jj:hover strong{display:inline-block;float:right;margin-top:200px;transition:all 1s;-webkit-transition:1s;-o-transition:1s;position: relative;width:420px;}

/*<div class="hr_jjs">
		<p>深圳鸿瑞文化传媒有限公司是一家集文化活动策划 、舞台灯光音响 、广告创意设计、影视拍摄制作 、网站微信建设、品牌宣传推广为一体的多元文化产业公司。
       </p>
       <p>自创立之初，公司便秉承“文化创意梦工厂”的经营理念，试图传递出行业的另一种声音和打造量身订制的服务，公司已经成功举办过多次大型文娱活动，积累客户数十家，形成良好的口碑效应。正是因为这种对梦想执着的坚持，才使得鸿瑞文化在逐渐趋于饱和的竞争市场中赢得后来者居上的口碑。
       </p>
       <p>未来，公司将一如既往的秉持专业高效贴心的服务理念，依托丰富的资源和敬业的团队，在不可能的征途上用心回报每一位合作伙伴。</p>
		
	</div>*/