﻿
@charset "utf-8";

html,body{
	font-family:"微软雅黑";
	color: #555;
	margin: 0px;
	font-size: 12px;
	background-color: #f6f6f6;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-width:1200px;
}
/*IE6 fixed bug*/


/**/
A IMG {
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
a{
	color:#555;
	text-decoration: none;
}
li {
	list-style-type: none;
}

a:hover{
	text-decoration:none;
	color:#0078ff;
}
a:active {
	color: #0078ff;
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* 搜索样式 */
#search {width:260px;height:28px; padding-left:35px; padding-top:3px; background:url(images/search_bg.jpg) no-repeat; } 
.input_search{ float:left; width:165px; height:23px; line-height:23px; border:0; text-align:left; font-size:12px; color:#999; } 
.button{ float:right; border:0; background:url(images/icon_search.jpg) no-repeat left; text-indent:-999px; width:75px; height:25px; cursor:pointer;}
/* 搜索form
<form style="padding:0px; margin:0px;" action="" method="get">
<div id="search">
<input type="text" class="input_search" value="输入搜索关键词" onClick="this.value=''"/>
<input name="" type="submit" value="搜索" class="button" />
</div>
</form>
 */

.clear { clear:both; }

/* 首页全局 */
.itop { width:100%; text-align:center; }
.ibt_en { font-size:24px; color:#666; }
.ibt_cn { width:211px; background:url(../images/bt_bg.png) no-repeat center; text-align:center; margin:0 auto; font-size:24px; color:#0078ff; }
.imore { width:130px; height:40px; margin:0 auto; margin-top:40px; }	

/* nav */
#nav_box { width:100%; height:50px; background:url(../images/nav_bg.png) repeat-x; position:absolute; top:201px; z-index:999; }
#nav { width:1197px; margin:0 auto; }
#nav ul li{ width:171px; margin:0px 0px 0px 0px; height:50px; line-height:50px; float:left; position:relative; text-align:center; }
#nav ul li a{ color:#fff; font-size:15px; font-weight:bold; display:block; }
#nav ul li a:hover{ color:#fff; background:#0090e3; }
#nav ul li ul{ display:none; position:absolute; text-align:center; width:171px; }
#nav ul li ul li{ float:none; width:171px; height:41px; line-height:41px; }
#nav ul li ul li a{ background:url(../images/nav_bg.png); font-size:12px; color:#fff; }
#nav ul li ul li a:hover{ color:#FFFFFF; background:#0090e3; }
#nav ul li:hover ul { display:block; }
#nav ul li.sfhover ul { display:block; }

/* nav */
#bujian { width:100%; background:url(../images/bujian.png) no-repeat center; height:66px; position:absolute; top:88px; z-index:1; }

/* header */
#top_wrapper { width:100%; background:url(../images/top_bg.jpg) repeat-x; }
#top { width:1200px; margin:0 auto; height:40px; line-height:40px; }
.top_left { color:#ddd; float:left; }
.top_right { float:right; color:#ddd; }
.top_right a { color:#ddd; }
.top_right a:hover { color:#FFFF00; }

#header_wrapper { width:100%; height:161px; background:#fff; }
#header { width:1200px; margin:0 auto; }
#logo { width:536px; height:161px; float:left; }
#top_tel { width:326px; height:92px; background:url(../images/top_r_bg.jpg) no-repeat right; float:right; color:#fff; font-size:18px; padding:69px 0px 0px 85px; }

/* banner */
.banner{width:100%;height:600px;position:relative; overflow:hidden;}
.banner_li{height:600px;width:100%;background-size:cover !important;}
.points{position:absolute;left:50%;bottom:22px;width:1200px;z-index:9;max-width:100%;}
.points a{background:url(../images/yuandian_1.png) no-repeat center center;width:15px;height:15px;display:inline-block;margin-left:18px;font-size:0px;}
.points a.selected{background:url(../images/yuandian.png) no-repeat center center;}
.banner_left{display:none;position:absolute;left:5%;top:50%;margin-top:-20px;background:url(../images/app_prev.png) no-repeat center center;width:40px;height:50px;margin-left:-25px;z-index:9;}
.banner_right{display:none;position:absolute;right:5%;top:50%;margin-top:-20px;background:url(../images/app_next.png) no-repeat center center;width:40px;height:50px;margin-left:-25px;z-index:9;}
.banner_ul:hover .banner_right{display:block!important;}
.banner_ul:hover .banner_left{display:block!important;}

/* inews */
#inews_wrapper { width:100%; background:url(../images/tip01_bg.png) no-repeat top left; }
#inews { width:1200px; margin:0 auto; padding-top:30px; }

.inews_box{ width:615px; height:366px; float:left; position:relative; margin-top:30px; }
.inews_box .con{ overflow:hidden; }
.inews_box .slideBox{ position: relative; float: left; width: 615px; height: 368px; }
.inews_box .slideBox .bd li{  width: 615px; left: 0px; top: 0px; } 
.inews_box .slideBox .bd li img{ width: 615px; height: 368px; z-index:0 } 
.inews_box .slideBox .bd li span{ background:url(../images/inews_box_ban_bg.png) repeat; width: 607px; position: absolute; left:0 ;bottom: 0; height: 40px; line-height: 40px; z-index: 2; color: #FFF; font-size: 16px; padding-left: 8px; }
.inews_box .hd{ position:absolute; bottom:13px; right:0; z-index: 99; }
.inews_box .hd li{ cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; float: left; width: 10px; height: 10px; margin-right: 10px; background-color: #8b8a8b; }
.inews_box .hd li.on{ background-color: #fff; }

/* 关于我们 */
#aboutus { width:1200px; margin:0 auto; background:#fff; padding:30px 0px 30px 0px; overflow:hidden; }
.aboutus_left { width:665px; float:left; margin:30px 0px 0px 10px; }
.aboutus_right { width:488px; height:468px; float:right; margin:30px 0px 0px 10px; }
.aboutus_text { text-align:justify; font-size:14px; line-height:28px; }
.aboutus_button { width:643px; margin:0 auto; padding-top:20px; }
.aboutus_button ul li { height:61px; float:left; margin:0px 10px 0px 10px; }

/* 首页工程 */
#icase_wrapper { width:100%; background:url(../images/icase_bg.jpg) no-repeat center; height:710px; padding-top:40px; overflow:hidden; }
#icase_box { width:1220px; margin:0 auto; }
.icase { width:285px; height:225px; position:relative; overflow:hidden; margin:0 10px; float:left; display:inline; margin-top:40px; }
.icase p { display:block; width:285px; height:225px; position:absolute; left:0; top:186px; z-index:1; background:url(../images/tb_bg.png); font-size:14px; color:#fff; padding:0px; margin:0; line-height:35px; text-align:center; -webkit-transition: all 0.6s ease-in-out; }
.icase p b { display:block; font-size:15px; color:#fff; text-align:center; margin:0; padding:0; line-height:35px; }
.wrap p span { display:block; padding:10px; line-height:20px; text-align:center; }
/*.icase a:hover { direction:ltr; }
.icase a:hover i { top:0; }
.icase a:hover p { top:0; } */

/* 首页新闻 */
#info { width:1200px; background:#fff; margin:0 auto; padding:10px 0px 30px 0px; overflow:hidden; }
#inews { width:570px; float:left; margin-left:10px; }
#igame { width:570px; float:right; margin:30px 10px 0px 0px; }

.top_info { width:570px; padding-top:30px; }
.img_info { width:231px; height:120px; float:left; }
.top_info_r { width:319px; float:right; }
.top_info_bt { font-size:18px; color:#0078ff; }
.top_info_bt a { color:#0078ff; }
.top_info_bt a:hover { color:#ff3300; }
.top_info_text { text-align:justify; line-height:22px; color:#777; padding-top:6px; }
.top_info_text a { color:#ff3300; }
.top_info_text a:hover { text-decoration:underline; }

.info_list { width:570px; padding-top:12px; }
.info_list ul li { background:url(../images/icon_news.jpg) no-repeat left; line-height:32px; font-size:14px; padding-left:12px; }
.info_list ul li em { float:right; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#999; }

/* 底部 */
#footer_wrapper { width:100%; background:url(../images/footer_wrapper.jpg) #00569f no-repeat center; height:172px; overflow:hidden; margin-top:40px; }
#footer { text-align:center; color:#fff; line-height:26px; padding-top:24px; }

/* 内页 */
#page { width:1200px; margin:0 auto; background:url(../images/page_bg.jpg) repeat-y; padding:30px 0px 30px 0px; overflow:hidden; }
#left { width:270px; float:left; background:#f0f0f0; padding-bottom:30px; }
#main { width:895px; float:right; }
.lbt { width:270px; height:83px; line-height:83px; text-align:center; background:#0078ff; font-size:24px; color:#fff; }
.lnav { width:270px; padding-top:5px; }
.lnav ul li { background:url(../images/lnav_bg.jpg) no-repeat; height:42px; line-height:42px; text-align:left; padding-left:97px; font-size:15px; }
.mtop { width:895px; }
.mbt { height:50px; line-height:50px; border-bottom:1px solid #009ae6; font-size:22px; color:#009ce8; }
.mwz { height:19px; line-height:19px; float:right; text-align:right; background:url(../images/icon_wz.jpg) no-repeat left; padding:0px 5px 0px 18px; position:relative; bottom:28px; }
.mfy { width:600px; margin:0 auto; padding-top:30px; text-align:right; }

.content { width:865px; margin:0 auto; text-align:justify; font-size:14px; line-height:26px; }

/* 新闻 */
.news { width:875px; margin:0 auto; overflow:hidden; margin-top:28px; }
.img_news { width:320px; height:199px; float:left; }
.news_content { width:535px; float:right; }
.news_date { font-family:Arial, Helvetica, sans-serif; color:#999; font-size:20px; color:#999; padding-top:5px; }
.news_bt a { font-size:18px; color:#009ce8; display:block; padding-top:5px; }
.news_bt a:hover { text-decoration:underline; color:#007ab5; }
.news_text { text-align:justify; line-height:24px; color:#777; padding-top:5px; }
.news_more { font-size:14px; padding-top:16px; text-align:right; }
.news_more a { color:#ff3300; }
.news_more a:hover { color:#FF0000; text-decoration:underline; }
.news_line { border-bottom:1px dashed #666; height:27px; }

/* 工程 */
#case_box { width:915px; margin:0 auto; }
.case { width:285px; height:225px; position:relative; overflow:hidden; margin:0 10px; float:left; display:inline; margin-top:30px; }
.case p { display:block; width:285px; height:225px; position:absolute; left:0; top:186px; z-index:1; background:url(../images/tb_bg.png); font-size:14px; color:#fff; padding:0px; margin:0; line-height:35px; text-align:center; -webkit-transition: all 0.6s ease-in-out; }
.case p b { display:block; font-size:15px; color:#fff; text-align:center; margin:0; padding:0; line-height:35px; }
.wrap p span { display:block; padding:10px; line-height:20px; text-align:center; }
/*.case a:hover { direction:ltr; }
.case a:hover i { top:0; }
.case a:hover p { top:0; }*/
