﻿/*公共========================*/


body { padding:0; margin:0; border:none; font-family:"微软雅黑"}
select,input{padding:0;margin:0;text-align:left;font-size:12px;font-family:"微软雅黑";}
a{ border:none; text-decoration:none; color:#666; }
a:hover{ color:#F00;}
 ul{ padding:0px; margin:0px;}
 li{ list-style:none;}
.w1310{ width:1310px; margin:auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
 .sinput1000{ width:60%;vertical-align:middle;border:none; color:#ccc;}
i.dy{ background-image:url("../images/ico.png"); background-repeat:no-repeat; }
i.sc{ background-image:url("../images/ico1.png"); background-repeat:no-repeat; }
i.fx{ background-image:url("../images/ico2.png"); background-repeat:no-repeat; }
img{ border:0;}
.left{ float:left;}
.right{ float:right;}
 .border{border:1px solid #ccc;}
 .mt20{ margin-top:20px;}
 .mt12{ margin-top:12px;}
 .mt9{ margin-top:9px;}
 .clear{ height:1px; clear:both; overflow:hidden;}
 
.bann{ width:100%; margin:auto; text-align:center; background-color:#000; text-align:center; overflow:hidden;}
.bann img{ height:300px;}

.h28{ height:28px; clear:both; overflow:hidden;}
.h20{ height:20px; clear:both; overflow:hidden;}
.h10{ height:10px; clear:both; overflow:hidden;}
/*头========================*/
#header{  height:140px; overflow:hidden;}
#header .top{ height:90px; }
#header .top .logo{ width:442px; height:90px; vertical-align:middle; float:left;}
#header .top .logo img{ margin-top:7px; margin-left:7px;}
#header .top .bz{ width:600px; float:left;}
#header .top .bz img{ margin-top:10px; margin-left:90px;}
#header .top .bza{ width:178px; float:left;}
#header .top .bza img{ margin-top:10px;margin-left:110px; }
#header .top .ss{ width:518px; margin-left:25px; margin-top:27px; float:left;}
#header .top .ss .box{ height:34px;  border:1px solid #ccc; text-align:right; width:auto; vertical-align:middle; position:relative;}
#header .top .ss  .box .sinput{ position:absolute; left:5px; top:5px; width:80%; vertical-align:middle; border:0px; color:#ccc;}
#header .top .ss  .box .ssboxsub{ position:absolute; right:0px; top:0px; vertical-align:middle;}
#header .top .ss .ss_box{ height:34px;  border:1px solid #ccc; background:url("../images/ser_fdj.png") left center no-repeat; text-align:right; width:auto; vertical-align:middle; position:relative;}
#header .top .ss  .ss_box .sinput{ position:absolute; left:29px; top:0px; width:406px; height:32px; line-height:32px;vertical-align:middle; border:0px; color:#666;}
#header .top .ss  .ss_box .sinputt{ position:absolute; left:29px; top:0px; width:143px; height:32px; line-height:32px;vertical-align:middle; border:0px; color:#666;}
#header .top .ss  .ss_box .ssboxsub{ position:absolute; right:0px; top:0px; vertical-align:middle;}

#header .top .ss11{ width:263px; margin-left:40px; margin-top:27px; float:left;}
#header .top .ss11 .ss_box{ height:34px;  border:1px solid #ccc; background:url("../images/ser_fdj.png") left center no-repeat; text-align:right; width:auto; vertical-align:middle; position:relative;}
#header .top .ss11  .ss_box .sinput{ position:absolute; left:29px; top:0px; width:406px; height:32px; line-height:32px;vertical-align:middle; border:0px; color:#666;}
#header .top .ss11  .ss_box .sinputt{ position:absolute; left:29px; top:0px; width:143px; height:32px; line-height:32px;vertical-align:middle; border:0px; color:#666;}
#header .top .ss11  .ss_box .ssboxsub{ position:absolute; right:0px; top:0px; vertical-align:middle;}



#header .top .gz{ width:250px;  font-size:12px; float:right; margin-top:33px; color:#666666;}
#header .top .gz .font1{ clear:both; overflow:hidden;}
#header .top .gz span{ margin-left:15px; line-height:24px; float:left; vertical-align:middle;}
#header .top .gz span i{ width:16px; height:16px; display:inline-block; vertical-align:middle;}
#header .ht{ font-size:0px; height:3px; background-color:#F6623E; text-align:center; display:block}

#header .menu{ height:45px; overflow:hidden; background-color:#FAFAFA;}
#header .menu li.symenu{ width:78px; float:left; text-align:center; line-height:45px; list-style:none; background:url("../images/menu_li_bg.png") right center no-repeat;  margin-top:0px;}
#header .menu li.symenu1{ width:89px; float:left; text-align:center; line-height:45px; list-style:none;  margin-top:0px;}
#header .menu li.othermenu{ width:99px; float:left; text-align:center; line-height:45px; list-style:none; margin-top:0px; background:url("../images/menu_li_bg.png") right center no-repeat;}
#header .menu li.othermenu1{ width:99px; float:left; text-align:center; line-height:45px; list-style:none; margin-top:0px;}
#header .menu li a{ font-size:16px; color:#555;}
/*尾========================*/


#footer{}
#footer .link{}
#footer .link .h4{ height:35px; background-color:#F5F5F5; line-height:36px; color:#686868;}
#footer .link .info{ height:45px; background-color:#EBEBEB;  line-height:46px; color:#838383; font-size:12px;}
#footer .link .info span{ margin-right:20px;}
#footer .yj{ background-color:#E1E1E1;}
#footer .yj .tdleft{ width:250px; padding:70px 0 50px 0;  background-image:url("../images/fg.png"); background-repeat:no-repeat; background-position:right center; text-align:left;}
#footer .yj .top .tleft{  padding:0 40px;}
#footer .yj .top .trit{ width:150px; color:#787878; text-align:center;}

#footer .yj .top .trit p{font-size:12px; color:#787878; margin:10px; }
#footer .yj .top .tleft h4{ color:#787878; margin:25px auto 10px; font-size:20px;  font-weight:200}
#footer .yj .top .tleft p.xh4{ margin:25px 10px 10px; font-size:20px;  font-weight:200}
#footer .yj .top .tleft p{ font-size:14px; color:#787878; margin:10px;}
#footer .yj .top .tleft p span{ margin-right:20px;}
#footer .yj  .bot { padding-left:40px;  padding-bottom:20px;}
#footer .yj  .bot  p{font-size:12px; color:#787878; margin:10px; }
#footer .yj  .bot  p span { margin-right:20px;}



/*内容========================*/
#content{}

/*幻灯片========================*/
#content #index .hdp{ width:100%; background-color:#000;}

/*主页========================*/
#index{}
#index .gg{ margin-top:15px;}
#index .gg img{ width:100%;}
#index .info{ position:relative; border:1px solid #ccc;min-height:233px;}
.info_left{ width:1010px;  border:1px solid #ccc; min-height:265px;}
.info_right{ width:280px; border:1px solid #ccc; min-height:265px;}
#index .info .titbg{  position:absolute; width:170px; height:55px; overflow:hidden; left:-20px; top:10px; z-index:999; }
#index .info .titbg1 {position:absolute; width:170px; height:55px; overflow:hidden; left:0px; top:10px; z-index:999; }
#index .info .topbg{  position:absolute; width:51px; height:265px; overflow:hidden; left:0px; top:0px; }
#index  .info .list{ height:60px; line-height:60px; vertical-align:middle; padding-left:170px; font-size:12px; clear:both;}
#index  .info .list span{ margin-right:20px; float:left;}
#index  .info .list .gd{ width:44px; margin-right:20px; float:right;}
#index  .info .list .gd a{ color:#000;}
#index  .info .list .gd a:hover{ color:#f00;}

	/*案例部分*/
#index .gsal{ margin-top:27px;}
#index .gsal .al_lef{ width:310px; margin-left:13px;}
#index .gsal .al_lef .al_lef_top{ width:284px; height:197px; overflow:hidden;}
#index .gsal .al_lef .al_lef_top img{ width:284px;}
#index .gsal .al_lef .al_lef_box{ padding:12px 0px; border-bottom:solid 1px #D9D9D7; clear:both; overflow:hidden;}
#index .gsal .al_lef .al_lef_box .al_tit{ font-size:20px; line-height:40px; text-align:center; overflow:hidden}
#index .gsal .al_lef .al_lef_box .al_tit a{ color:#5B8404;font-weight:200}
#index .gsal .al_lef .al_lef_box .al_tit a:hover{ color:#f00;}
#index .gsal .al_lef .al_lef_box .al_tit2{ font-size:16px; line-height:37px; text-align:center; overflow:hidden;}
#index .gsal .al_lef .al_lef_box .al_tit2 a{ color:#5B8404; font-weight:200}
#index .gsal .al_lef .al_lef_box .al_tit2 a:hover{ color:#f00;}
#index .gsal .al_lef .al_lef_box .al_des{ font-size:12px; line-height:23px; margin-bottom:5px;}
#index .gsal .al_lef .al_lef_box .al_list{ width:143px; margin:0px 5px; float:left; line-height:27px; font-size:12px; display:block;white-space:nowrap;  overflow:hidden; }
#index .gsal .al_lef .al_lef_box ul li{ font-size:14px; line-height:24px; clear:both; overflow:hidden;}
#index .gsal .al_lef .al_lef_box ul li .li_lef{ width:250px; float:left; overflow:hidden;}
#index .gsal .al_lef .al_lef_box ul li .li_rig{ width:50px; float:right; text-align:center; color:#333; overflow:hidden;}


#index .gsal .al_rigpic{ list-style:none; overflow:hidden;}
#index .gsal .al_rigpic li{ width:172px; margin:0px 0px 2px 20px; float:left; font-size:12px; line-height:34px; text-align:center; overflow:hidden;}
#index .gsal .al_rigpic li .al_pic{  border:1px solid #666; overflow:hidden}
#index .gsal .al_rigpic li .al_pic_hah{ width:168px; height:223px; border:1px solid #fff; text-align:center; overflow:hidden;}
#index .gsal .al_rigpic li .al_pic img{ width:168px;}
#index .gsal   a{ color:#000;}
#index .gsal  a:hover{ color:#f00; text-decoration:none;}
	/*签约现场*/
#index .xc{ margin-top:15px; font-size:12px;}
#index .xc .xc_itm{ padding:7px 0 0px 0px; clear:both; overflow:hidden}
#index .xc .xc_lef{ width:310px; margin-left:20px; float:left; text-align:center; overflow:hidden;}
#index .xc .xc_lef .xc_l_p{ border:1px solid #ccc; overflow:hidden;}
#index .xc .xc_lef .xc_l_pic{ width:306px; height:196px; border:1px solid #fff;  text-align:center; overflow:hidden;}
#index .xc .xc_lef .xc_l_pic img{ width:306px;}
#index .xc .xc_lef a{ font-size:12px; margin-top:10px; line-height:25px;}
#index .xc .xc_rig{ width:660px;  float:right; overflow:hidden;}
#index .xc .xc_rig .xc_tit_list{ width:156px; padding:8px 4px 0px; line-height:20px;  float:left; text-align:center; overflow:hidden;}
#index .xc .xc_rig .xc_tit_list a{ color:#000;}
#index .xc .xc_rig .xc_tit_list a:hover{ color:#f00; text-decoration:none;}

#index .xc .xc_rig .xc_pic_list{ width:146px; margin:10px 16px 0 0; float:left; text-align:center; line-height:30px; overflow:hidden;}

#index .xc .xc_rig .xc_pic_list .xc_p{ border:1px #ccc solid; text-align:center; overflow:hidden;}
#index .xc .xc_rig .xc_pic_list .xc_pic{ width:142px; height:100px; border:1px #fff solid; text-align:center; overflow:hidden;}
#index .xc .xc_rig .xc_pic_list .xc_pic img{ width:142px;}

	/*视频拍摄*/
#index .ps{ margin-top:27px; font-size:12px;}
#index .ps .ps_itm{ padding:70px 20px 44px; clear:both; overflow:hidden}

#index .ps .ps_box{  border:solid 1px #ccc;  float:left; position:relative; overflow:hidden;}
#index .ps .ps_boxb{width:376px; height:176px; border:solid 1px #fff; overflow:hidden;}
#index .ps .ps_box:hover a{ color:#ddd;}
#index .ps .ps_box img{ width:376px;}
.mtr45{ margin:0px 60px;}
	/*平面广告*/
#index .pm{ margin-top:27px;}
#index .pm .pm_itm{ padding:68px 17px 34px; position:relative; overflow:hidden;}
#index .pm .pm_box1{ width:278px; height:463px; border:1px solid #ccc; position:relative; overflow:hidden;}
#index .pm .pm_box1b{ width:276px; height:461px; border:1px solid #fff;}
#index .pm .pm_box1 img{ width:276px;}
#index .pm .pm_box2{ width:263px; height:170px; border:1px solid #ccc; position:absolute; left:304px; top:68px; overflow:hidden;}
#index .pm .pm_box2b{ width:261px; height:168px; border:1px solid #fff;}
#index .pm .pm_box2 img{ width:261px;}
#index .pm .pm_box3{ width:483px; height:298px; border:1px solid #ccc; position:absolute; left:576px; top:68px; overflow:hidden;}
#index .pm .pm_box3b{ width:481px; height:296px; border:1px solid #fff;}
#index .pm .pm_box3 img{ width:481px;}
#index .pm .pm_box4{ width:218px; height:158px; border:1px solid #ccc; position:absolute; left:1068px; top:68px;; overflow:hidden;}
#index .pm .pm_box4b{ width:216px; height:156px; border:1px solid #fff;}
#index .pm .pm_box4 img{ width:216px;}
#index .pm .pm_box5{ width:263px; height:284px; border:1px solid #ccc; position:absolute; left:304px; top:247px; overflow:hidden;}
#index .pm .pm_box5b{ width:261px; height:152px; border:1px solid #fff;}
#index .pm .pm_box5 img{ width:261px;}
#index .pm .pm_box6{ width:272px; height:154px; border:1px solid #ccc; position:absolute; left:576px; top:375px; overflow:hidden;}
#index .pm .pm_box6b{ width:270px; height:152px; border:1px solid #fff;}
#index .pm .pm_box6 img{ width:270px;}
#index .pm .pm_box7{  width:202px; height:156px; border:1px solid #ccc; position:absolute; left:857px; top:375px; overflow:hidden;}
#index .pm .pm_box7b{ width:200px; height:154px; border:1px solid #fff;}
#index .pm .pm_box7 img{ width:200px;}
#index .pm .pm_box8{ width:218px; height:296px; border:1px solid #ccc; position:absolute; left:1068px; top:235px; overflow:hidden;}
#index .pm .pm_box8b{ width:216px; height:294px; border:1px solid #fff;}
#index .pm .pm_box8 img{ width:216px;}

	/*明星演出*/
#index .yc{ margin-top:15px; font-size:12px;}
#index .yc .yc_itm{ padding:5px 0px 20px 20px; clear:both; overflow:hidden;}
#index .yc .yc_itm a{ color:#000;}
#index .yc .yc_itm a:hover{ color:#f00; text-decoration:none;}
#index .yc .yc_box1{ width:310px; float:left; overflow:hidden; }
#index .yc .yc_box1 .yc_box1_p{ text-align:center; border:solid 1px #ccc; overflow:hidden;}
#index .yc .yc_box1 .yc_box1_pic{ width:306px; height:191px; border:solid 1px #fff; overflow:hidden;}
#index .yc .yc_box1 .yc_box1_pic img{ width:306px;}
#index .yc .yc_box1 .yc_box1_list{ clear:both; overflow:hidden;}
#index .yc .yc_box1 .yc_box1_list a{ width:145px; line-height:26px; float:left; margin-right:9px; text-align:left;}
#index .yc .yc_boxxx{ width:660px; float:right; overflow:hidden;}
#index .yc .yc_box2{  overflow:hidden;}
#index .yc .yc_box2 .yc_box2_list{ width:152px;margin:0 auto; padding:0px; padding-left:12px; float:left; line-height:25px; text-align:center;}
#index .yc .yc_box2 .yc_box2_pic{ width:145px;margin:0 auto; padding:0px; margin-right:20px; float:left; line-height:27px; text-align:center;}
#index .yc .yc_box2 .yc_box2_pic_imb{ text-align:center; border:solid 1px #ccc; overflow:hidden;}
#index .yc .yc_box2 .yc_box2_pic_img{ width:141px; height:91px; border:solid #fff 1px; overflow:hidden;}
#index .yc .yc_box2 .yc_box2_pic_img img{ width:141px;}

#index .yc .yc_box_tit{ line-height:30px; font-size:20px; text-align:center;}
#index .yc .yc_box_tit a{ font-size:20px; font-weight:bold; color:#090;}
#index .yc .yc_box_des{ line-height:23px; padding:7px 50px 3px 70px;}


/* 明星合影*/
#index .hy{ margin-top:27px;}
#index .hy .hy_itm{ padding:25px 30px 17px 90px; clear:both; overflow:hidden; }
#index .hy .hy_itm ul li{ float:left; margin-left:14px; text-align:center; line-height:30px; overflow:hidden;}
#index .hy .hy_itm ul li .hy_box_pic{ border:solid 1px #ddd; text-align:center; overflow:hidden;}
#index .hy .hy_itm ul li .hy_box_pic .hy_pic_xxx{ width:200px; height:149px; margin:4px; overflow:hidden; }
#index .hy .hy_itm ul li .hy_box_pic img{ width:200px;}
#index .hy .hy_itm a{ font-size:12px; color:#000;}
#index .hy .hy_itm a:hover{ color:#f00; text-decoration:none;}
/*明星资源*/
#index .zy{ margin-top:27px;}
#index .zy .zy_itm{ padding:0px 0 10px 18px; clear:both; overflow:hidden;}
#index .zy .zy_itm .zy_box{ width:147px;  float:left; margin-top:5px; margin-right:18px; text-align:center; line-height:30px; overflow:hidden;}
#index .zy .zy_itm .zy_box .zy_box_pib{ text-align:center; border:solid 1px #ccc; overflow:hidden;}
#index .zy .zy_itm .zy_box .zy_box_pic{ width:143px; height:192px; border:solid 1px #fff; overflow:hidden;}
#index .zy .zy_itm .zy_box .zy_box_pic img{ width:143px;}
#index .zy  a{ color:#000; font-size:12px;}
#index .zy a:hover{ color:#f00; text-decoration:none; font-size:12px;}
/*广告植入*/
#index .zrtf{ margin-top:27px;}
#index .zrtf .zr_lef{ width:738px; float:left; position:relative;}
#index .zrtf .tf_rig{ width:568px; float:right; position:relative;}
#index .zrtf .zr_itm{ clear:both; overflow:hidden;}
#index .zrtf .zr_itm .zr_box1{ border:solid 1px #ccc; float:left; margin-left:14px; overflow:hidden;}
#index .zrtf .zr_itm .zr_box1b{ width:196px; height:276px; border:solid 1px #fff; overflow:hidden;}
#index .zrtf .zr_itm .zr_box1 img{ width:196px;}
#index .zrtf .zr_itm .zr_box2{ border:solid 1px #ccc; float:left; overflow:hidden;}
#index .zrtf .zr_itm .zr_box2b{ width:196px; height:276px; border:solid 1px #fff; overflow:hidden;}
#index .zrtf .zr_itm .zr_box2 img{ width:196px;}
#index .zrtf .zr_itm .zr_box3{ width:147px; line-height:30px; margin:0px 0px 25px 20px; float:left; text-align:center; overflow:hidden;}
#index .zrtf .zr_itm .zr_box3 .zr_pib{ text-align:center; border:solid 1px #ccc; overflow:hidden;}
#index .zrtf .zr_itm .zr_box3 .zr_pic{ width:143px; height:88px; border:solid 1px #fff; overflow:hidden;}
#index .zrtf .zr_itm .zr_box3 .zr_pic img{ width:143px;}
#index .zrtf a{ color:#000; font-size:12px;}
#index .zrtf a:hover{ color:#f00; text-decoration:none; font-size:12px;}

/*经典案例*/
#index .jdal{ margin-top:27px;}
#index .jdal .jd_itm{ padding:20px 20px 20px 80px; height:225px; overflow:hidden;}
#index .jdal .jd_itm ul li{ width:170px; height:222px; float:left; display:inline; margin-right:33px; border:solid 1px #ccc; list-style:none; overflow:hidden;}
#index .jdal .jd_itm ul li img{ width:168px;}

#index .al .left{ width:330px;}
#index .al .rit{}
#index .al .rit li{ float:left;}
#index .al .rit li img{ border:1px solid #6F6F6F; padding:1px; width:150px; margin-right:15px; }
#index .al .rit li .tit{  font-size:12px; text-align:center; line-height:30px;}


/*浮动标题*/
.box_tit{ width:100%; line-height:30px; text-align:right;  position:absolute; left:0px; bottom:0px; background-color:#111; filter:alpha(opacity=60);   -moz-opacity:0.6;   -khtml-opacity: 0.6;     opacity: 0.6; }
.box_tit a{ padding-right:13px; font-size:14px; color:#fff;}
.box_tit a:hover{ color:#F33; text-decoration:none;}


/*右侧样式*/
#index .rig_box1{ padding:13px 15px 0px; overflow:hidden;}
#index .rig_box2{ padding:15px; border-bottom:solid 1px #ddd; overflow:hidden;}
#index .rig_box2 li.mx{ list-style:none; width:50px; padding:0px 6px; float:left; line-height:23px; overflow:hidden;}
#index .rig_box2 li.ycc{ list-style:none; width:100px; padding:0px 6px; float:left; line-height:23px; overflow:hidden;}
#index .rig_box2 li a{ font-size:12px;}
#index .rig_box3{ padding:0 15px 10px; overflow:hidden;}
#index .rig_box3 .rig_box3_tit{ line-height:30px; text-align:left; font-size:14px; overflow:hidden;}
#index .rig_box3 .rig_box3_itm{ background:url("../images/list_bg.png") 0px 4px no-repeat; overflow:hidden;}
#index .rig_box3 .rig_box3_itm li{ padding-left:23px; line-height:31px; list-style:none; overflow:hidden}
#index .rig_box3 .rig_box3_itm li a{ color:#000; font-size:12px;}
#index .rig_box3 .rig_box3_itm li a:hover{ color:#f00; }

#index .rig_box4{ height:155px; padding:0 15px 7px;border-bottom:1px solid #ddd; overflow:hidden;}
#index .rig_box4 .rig_box4_tit{ line-height:30px; text-align:left; font-size:14px; overflow:hidden;}
#index .rig_box4 .rig_box4_itm{   clear:both; overflow:hidden;}
#index .rig_box4 .rig_box4_itm li.rig_li1{ width:83px; line-height:31px; float:left; background:url("../images/list_bg.png") 0px 3px no-repeat; list-style:none; overflow:hidden}
#index .rig_box4 .rig_box4_itm li.rig_li2{ width:83px;  line-height:31px; float:left; background:url("../images/list_bg.png") 0px -121px no-repeat; list-style:none; overflow:hidden}
#index .rig_box4 .rig_box4_itm li.rig_li3{ width:83px;  line-height:31px; float:right; background:url("../images/list_bg.png") 0px -121px no-repeat; list-style:none; overflow:hidden}
#index .rig_box4 .rig_box4_itm a{ width:100px; display:block; font-size:12px; line-height:31px; padding-left:24px;}



.serrr{ width:245px; height:24px; border:1px solid #ddd; position:relative; overflow:hidden; }
.serrr .serinp{ width:200px; height:18px; line-height:18px; font-size:12px; position:absolute; left:0px; top:0px; border:0px; overflow:hidden;}
.serrr .sersub{ width:38px; height:24px; position:absolute; right:0px; top:0px; border:none; overflow:hidden;}

