@charset "utf-8";
/* CSS Document */
@font-face {font-family:Arial; src: url("../../灯博会英文/font/HelveticaNeue Bold.ttf")}  
@font-face {font-family:Arial; src: url("../../灯博会英文/font/Arial.ttf")}  
*{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none}

.header-top{ position: relative; width:1000px; height:30px;z-index: 3;margin:0 auto;}
.header-title{ position:absolute; left:0; width:408px; color:#334760; font:normal 12px/30px Arial, Helvetica, sans-serif; background:url(images/gilf-dw.png) no-repeat left; padding-left:20px}
.header-lang{ float:right;font:normal 12px/30px Arial, Helvetica, sans-serif;color:#334760;}
.header-lang a{font:normal 12px/30px Arial, Helvetica, sans-serif;color:#334760;}
.header-bg{ background:url(images/header-bg.png) repeat-x ; margin:0 auto; height:169px; position:relative;z-index: 3;}
.header-content{ width:1000px; margin:0 auto; position:relative; z-index:4; padding-top:25px}
.header-text{ position:absolute; top:15px; left:90px; color:#FFFFFF; line-height:25px;padding-top:25px}
p.text-title{ font: bold 26px/30px Arial, Helvetica, sans-serif}
p.text-time{font:normal 13px/25px Arial;}
span.text-spanlf{padding-bottom: 5px; position: relative;left: 116px;top: -5px;font:normal 13px Arial;}
span.sp-time{ color:#f0d32f; font-size:18px;}
.header-ri{ position:absolute; top:50px; color:#FFFFFF; right:0px }
.header-lefttime{ position:absolute; top:100px; width:145px; right:20px; background:url(images/gilf-timebg.png) no-repeat; color:#FFFFFF; height:61px}

.sp-time01{ padding:0 5px 0 15px; position:relative; top:6px}
.sp-time02{ background:url(images/djs-bg.png) repeat-x; font-size:26px; font-weight:bold; padding-left:4px; padding-top:4px;letter-spacing:7px;position:relative; top:13px; overflow:hidden; }
.sp-time03{position:relative; top:6px; left:3px}

.header-menu{ background:#f0d32f; height:40px; position:relative}
.nav-menu{ width:1000px; margin:0 auto; height:40px}
.nav-menu ul#menu{ float:left; margin:0}
#menu li{ float:left; list-style:none; padding:0 40px; }
#menu li a{color:#1e3955; line-height:40px; text-align:center; text-decoration:none; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
#menu li:last-child{ padding-right:40px}

<!--header end-->

.content{ position: relative;z-index: 2;margin:0 auto}
.module1{ position:relative; background:url(images/gilf-bg2.png) repeat-x; height:302px;}
.module1-com{ width:1000px; margin:0 auto; padding-top:20px}
.event1{ width:730px; float:left; margin-right:8px;}
.event2{ float: right;}

	
/* 本例子css */
		.slideBox{ width:730px; height:260px; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:30px; overflow:hidden; position:absolute;  bottom:0px; z-index:1; }

		p.cap{display: block;position:relative; top:230px;z-index: 2;font: normal 12px/20px Arial ;
text-shadow: none;color: #fff;background:#000000;filter: alpha(Opacity=70);-moz-opacity: 0.7;opacity: 0.7;bottom: 0;padding: 5px 0;margin: 0;max-width: none;width: 731px;
text-indent: 20px;}
		.slideBox .bd{ position:relative; height:100%; z-index:0; list-style:none   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; list-style-type:none}
		.slideBox .bd img{ width:730px; height:260px; display:block; position:absolute; list-style:none  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{position:absolute; left:0; top:45%; display:block; width:45px; height:45px; background:url(images/gilf-huanlf01.png) 0px 0px no-repeat; filter:alpha(opacity=70);opacity:0.7;}
		.slideBox .next{ position:absolute; right:0; top:45%;  display:block; width:45px; height:45px; background:url(images/gilf-huanri01.png) 0px 0px no-repeat; filter:alpha(opacity=70);opacity:0.7;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		

a.event-p01{ background:url(images/gilf-button01.png) no-repeat}

.event2 ul li.event-li01{ background:url(images/gilf-button01.png) no-repeat 0px 0px ; width:261px; height:83px; margin-bottom:5px}
.event2 ul li.event-li02{ background:url(images/gilf-button02.png) no-repeat 0px 0px ; width:261px; height:83px; margin-bottom:5px}
.event2 ul li.event-li03{ background:url(images/gilf-button03.png) no-repeat 0px 0px ; width:261px; height:83px; margin-bottom:5px}
.event2 ul li.event-li01:hover{ background:url(images/gilf-buttonon01.png) no-repeat 0px 0px ; }
.event2 ul li.event-li02:hover{ background:url(images/gilf-buttonon02.png) no-repeat 0px 0px ; }
.event2 ul li.event-li03:hover{ background:url(images/gilf-buttonon03.png) no-repeat 0px 0px ; }

/* module2*/
.module2{ width:1000px; margin:0 auto;  z-index:3; position:relative; }
.event3{ width:712px;  float:left; margin-right:28px;margin-top:15px}
.event-box1,.event-box2{ border-bottom:1px dashed #C2C2C2; height:270px; position:relative; overflow:hidden}
.event-box3{ border-bottom:1px dashed #C2C2C2; height:160px; position:relative; overflow:hidden }
p.p-title{ font:normal 18px/20px Arial; color:#2f5175; padding-top:25px}
.p-titleflooter{ position:relative; bottom:8px; left:8px}
p.p-titles{ font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif; color:#444444; padding-top:20px; height:70px}
.event4{ float:left; margin-top:20px}
.com-box01{ float:left; width:330px; margin-right:30px; }
.com-box02{ float:left; width:350px;}

 p.p-detalt{color:#444444;font:normal 13px/30px Arial;}
 p.p-detalt b{font: bold 13px/30px Arial;}
 .com-box01 p.p-detalt span{ padding-right:3px}
  p.p-detalt span.space{ background:url(images/space.png) no-repeat 0px 2px; padding-left:10px; }
  p.p-tim{color:#444444;font:normal 13px/20px Arial;}
  p.p-tim img{ float:left; padding-right:20px}
 p.p-explain{color:#444444;font:normal 13px/20px Arial;}
.glyphicon{ color:#B2B2BA}
p.p-more{ background:url(images/gilf-rightjt.png) no-repeat 0px 5px ; padding-left:25px; position:absolute; bottom:0px; line-height:30px}
p.p-more a{ color:#999999; text-decoration: none}
p.p-more a:hover{color:#444444;}
ul#libg{ padding-top:0px}
ul#libg li{ background:url(images/gilf-liright.png) no-repeat 0px 12px; padding-left:15px; list-style:none;color:#444444;font:normal 13px/28px Arial; }
ul#libg li:hover{ background:url(images/gilf-lirighton.png) no-repeat 0px 12px;}
.event-box4{position:relative; overflow:hidden }
.event-tabfl{ width:300px; float:left; margin-right:8px;}
.event-tabfr{ width:400px; float:left}



.tab{ border:1px solid #c2c2c2; width:298px; margin-bottom:5px;}
.tab1,.tab5{ height:45px;}
.tab2,.tab4{ height:95px;} .tab3{ height:75px;}
.tabs{ width:49px;height:43px; margin:0; padding:6px 5px; background:#2f5175;  text-align:center; float:left;
       font: bold 14px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}
.tabs2{ width:49px;height:93px; margin:0; padding:25px 5px; background:#2f5175;  text-align:center; float:left;
       font: bold 14px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}
.tabs3{ width:49px;height:73px; margin:0; padding:20px 5px; background:#2f5175;  text-align:center; float:left;
       font: bold 14px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}
.tabb{ float:left; height:43px; padding: 10px 5px}
.tabb2{ float:left; height:93px; padding:5px 0 5px 5px; overflow:hidden}
.tabb3{ float:left; height:73px; padding:5px 5px}

ul.tabul li{ list-style:none; 
    background:url(images/gilf-liright.png) no-repeat 0px 6px; font:normal 13px Arial; color:#2f5175;padding-left:10px; line-height:20px;}
ul.tabul li:hover{background:url(images/gilf-lirighton.png) no-repeat 0px 6px; color:#24B4F0}


/**/

	/*  */
		.picScroll-left{ overflow:hidden; position:relative; top:-45px   }
		.picScroll-left .hd{ overflow:hidden;  height:35px;  }
		.picScroll-left .hd .prev{display:block;  width:22px; height:22px; float:right; margin-right:1px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(images/pre.png) 0 0 no-repeat; }
		.picScroll-left .hd .next{ display:block;  width:22px; height:22px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(images/next.png) 0 0 no-repeat;}
	 .picScroll-left .hd .prev:hover{background:url(images/pre-on.png) 0 0 no-repeat;}
		.picScroll-left .hd .next:hover{background:url(images/next-on.png) 0 0 no-repeat;}
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:8px; height:8px; margin-top:7px; margin-right:5px; text-indent:-999px; cursor:pointer;
		 background:url(images/icoCir.png) 0 0px no-repeat;  }
		.picScroll-left .hd ul li.on{  background:url(images/icoCiron.png) 0 0px no-repeat; }

		.picScroll-left .bd{ padding:0px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:169px; height:144px; display:block; border:2px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }


/* fr-box01*/
.fr-box1{ background:#f2f4f9; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px; width:258px; padding:20px 8px 1px 0px}
p.fr-boxtitle{ font:normal 18px/25px Arial; color:#2f5175; background:url(images/gilf-shu.png) no-repeat 0px 2px; padding-left:15px}
.fr-box1 ul li{ list-style:none; background:url(images/gilf-liright.png) no-repeat 12px 7px; padding-left:25px;   height:53px; overflow:hidden; border-bottom:1px solid #EEEEEE;}
.fr-box1 ul li:hover{background:url(images/gilf-lirighton.png) no-repeat 12px 7px;}
.fr-box1 ul li a{ text-decoration:none; color:#555555;font:normal 13px/20px Arial;}
.fr-box1 ul li a span{ color:#ff0000;font:normal 13px/20px Arial;}

.fr-box1 ul li:last-child{ border-bottom:none}

.fr-box2{ margin:20px 0}
.fr-box3{ background:#565656;-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px; text-align:center; padding-top:18px;  }
p.fr-emailtitle{ color:#e2eaf2; font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif; width:185px; text-align:center; position:relative; left:30px}
input.inp-email{-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px; border:1px solid #CBCBCB; width:220px; color:#c3c3c3; height:28px; padding-left:10px; margin-bottom:15px}
p.fr-subscribe{ color:#ffffff; background:#2f5175; padding:18px 0; border-bottom-right-radius:5px;border-bottom-left-radius:5px; margin:0}

.submit{background: #2f5175; border: 0;    cursor: pointer;font: bold 15px Verdana, Arial, Helvetica, sans-serif;  color:#ffffff;    font-weight: bold;  border-radius: 5px;   vertical-align: middle; height:40px; width:260px;}

.fr-box4{ background:#f2f4f9; -moz-border-radius: 5px;   -webkit-border-radius: 5px;  border-radius:5px; width:258px; padding:15px 0px 0px 0px; margin:20px 0 }
	p.fr-img{ text-align:center; padding-top:15px}
	.fr-box4 img{ margin-bottom:20px}

.fr-box5{ background:#f2f4f9; -moz-border-radius: 5px;   -webkit-border-radius: 5px;  border-radius:5px; width:258px; padding:15px 0px 17px 0px; margin:20px 0 }

p.fr-contact{ padding:0 15px; font: normal 13px/22px Arial}
.fr-box5 p.fr-contact b{font: bold 13px/22px Arial}
p.fr-contact span{ color:#999999; font: italic 13px/25px Verdana, Arial, Helvetica, sans-serif}
.fr-box6{ background:#f2f4f9; -moz-border-radius: 5px;   -webkit-border-radius: 5px;  border-radius:5px; width:258px; padding:15px 0px 6px 0 ; margin:20px 0 }
.fr-box6 ul li{ list-style:none; background:url(images/gilf-liright.png) no-repeat 12px 12px; padding-left:25px;   padding-top:5px;font:normal 13px/20px Arial;  }
.fr-box6 ul li:hover{background:url(images/gilf-lirighton.png) no-repeat 12px 12px;}
p.fr-more a{ color:#2f5175; font:normal 13px/20px Arial; padding-left:20px; text-decoration:none}
p.fr-more span{ color:#2f5175}

/*flooter*/
.flooter{ background:#2e2e2e; padding:12px 0; text-align:center}
.flooter-con{ width:1000px; text-align:center; color:#9f9f9f; font:normal 13px/24px Arial; margin:0 auto}
.flooter-con a{ padding-right:25px;;font:normal 13px/22px Arial; text-decoration:none;color:#9f9f9f;}
.flooter-con a:hover{ color:#CCCCCC}
.flooter-con span:last-child{ padding-right:0}
p.flooter-end{ background:#141212; margin:0 auto; text-align:center; color:#bbbbbb;font:normal 13px/22px Arial; padding:10px 0}