﻿/*头部*/
.Menu { top:550px; height:49px; background:url(../images/menu_bg.png) repeat-x; _behavior:url(../scripts/iepngfix.htc);}
.Menu .cur a { background:url(../images/menu_cur.gif) no-repeat;}
.SubMenu { top:49px;}
/*
.SubMenu { width:120px; background:url(../images/sub_menu_bg.png) repeat-y; _display:block; _behavior:url(../scripts/iepngfix.htc); _font-size:0;}
.SubMenu li { height:30px; _font-size:14px;}
.SubMenu li a,.Menu .cur li a { height:30px; background:none; line-height:30px; color:#333; _display:block;}
.SubMenu li a:hover { background:url(../images/menu_cur2.gif) no-repeat; color:#fff;}
*/
.SubMenuBg2 { display:none; position:absolute; left:0; top:597px; width:100%; height:70px; background:url(../images/sub_menu_bg.png) repeat-x; z-index:200;}

/*通用*/
.WheatBg { width:100%; background:#f9f9f9;}
.WheatBg2 { width:100%; background:#f9f9f9;}
.div100 { width:100%; padding:20px 0;}


/*Banner*/
.Banner { margin:0 auto;width:100%; position:relative; overflow:hidden;zoom:1;}
.Banner ul li{ list-style:none;}

.Banner .hd{ width:100%; overflow:hidden;margin:4px; }
.Banner .hd ul{}
.Banner .hd ul li{ float:left;  }
.Banner .hd ul li img{ width:215px; height:90px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.Banner .hd ul li.on{ }
.Banner .hd ul li.on img{border-color:#6fa66f;}



.BigImg { position:relative; width:100%; height:900px; text-align:center;}

.SmallImg{ position:relative; width:1386px; height:124px; margin:-62px auto 0;}
.SmallImg .ImgList{ position:relative; width:1320px; height:122px; margin:0 auto; padding:1px 0; background:#c8c8c8; overflow:hidden;}
.SmallImg .Img{ position:relative; float:left; width:264px; height:122px; margin-left:1px; _display:inline; cursor:pointer;}
.SmallImg .Img .Border{ display:none; position:absolute; top:-1px; left:-1px; width:264px; height:122px; border:1px solid #CB1546;}
.SmallImg .Img img { display:block;}

.SmallImg .LeftBtn,.SmallImg .RightBtn{ width:33px; height:124px; top:0; cursor:pointer;}
.SmallImg .LeftBtn{ position:absolute; left:0; }
.SmallImg .RightBtn{ position:absolute; right:0; }

/*页面开始*/
.title { height:18px; margin-bottom:15px; padding:0 0 4px 2px; background:url(../images/title_line.gif) no-repeat left bottom;}
.title a { float:right; color:#4c4c4c; font:17px/18px Cambria,Arial;}
.Brand .title a { color:#1093d9;}
.title a:hover { color:#bb6300;}
.title em { display:inline-block; padding-right:10px; height:20px; font-family:"微软雅黑"}
.News .title em { background-position:0 -20px;}
.Project .title em { background-position:0 -40px;}
.Merchant .title em { background-position:0 -60px;}
.Openning .title em { background-position:0 -80px;}
.Activity .title em { background-position:0 -100px;}
.Media .title em { background-position:0 -120px;}
.Brand .title em { background-position:0 -140px;}
.Journal .title em { background-position:0 -160px;}
.middot li { padding-left:17px; background:url(../images/middot.gif) no-repeat 4px 6px;}


.Video,.News,.Project { float:left; height:250px; padding-top:10px;}

.Video { width:250px;}
.VideoPlay { width:242px; height:137px; margin-bottom:5px;}
.VideoList li { position:relative; float:left; width:79px; height:44px; margin-left:2px; cursor:pointer;}
.VideoList li.last { margin:0;}
.VideoList li i { display:block; position:absolute; left:50%; top:50%; width:28px; height:28px; margin:-14px 0 0 -14px; background:url(../images/video/play.png) no-repeat; _behavior:url(../scripts/iepngfix.htc);}
.VideoList li.hover i { background:url(../images/video/play_hover.png) no-repeat;}
.VideoList li img { width:79px; height:44px; }

.News { width:630px; margin-left:33px;}
.c_zizhi{width:1030px; float:right; margin-left:33px; padding-top:10px;}
.shebei{width:1310px; float:left;padding-top:10px; height:40px;}
.he{ height:180px;}
.shebei_list{ width:1310px; height:250px;}
.shebei_list ul li{ float:left; padding-left:10px;}

.News dl { margin-bottom:15px; float:left;}
.News dt { float:left; width:140px; margin-right:20px;}
.News dt img { width:136px; height:90px;}
.News dd { float:left; width:450px;}
.News dd.sub_title { margin-bottom:5px; font:14px/20px "Microsoft YaHei","宋体";}
.News dd.sub_title a { color:#333;}
.News dd.sub_title a:hover { color:#bb6300;}
.News dd.text { color:#888; line-height:20px; text-align:justify; text-justify:inter-ideograph;}
.News li { margin-bottom:10px;}
.News li i { float:right; padding-right:6px; color:#888;}
.News li a { color:#333;}
.News li a:hover { color:#bb6300;}

.Project { width:273px; margin-left:18px; padding-left:17px; border-left:1px solid #fff;}
.Project .title { margin-bottom:4px;}
.Project .cont { position:relative; width:100%; height:217px; background:url(../images/index/map.jpg) no-repeat right top;}
.Search { position:absolute; left:0; bottom:15px; width:273px;}
.Search li { margin-bottom:2px;}
.Search li.last { margin:0;}
.Search .select { width:95px; padding:2px 4px; border:1px solid #d6d6d6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.Search .btn { width:29px; height:22px; margin-left:5px; border:none; background:url(../images/index/search.gif) no-repeat; cursor:pointer;}
.Project i { display:block; position:absolute; width:41px; height:38px; padding:12px 0 0 4px; background:url(../images/index/city_bg.png) no-repeat; color:#fff; font:12px "Microsoft YaHei","宋体"; _behavior:url(../scripts/iepngfix.htc);}
.Project i.bj { left:191px; top:32px;}
.Project i.sh { left:225px; top:82px;}


.Shopping,.Merchant { float:left; height:132px;}

.Shopping { width:690px;}
.PicCont{ position:relative; width:688px; height:132px; overflow:hidden;}
.PicCont .Pic{ display:none; position:absolute; left:0px; top:0px; width:688px; height:132px;}
.PicCont .Pic img { width:688px; height:132px;}
.PicNum{ position:absolute; right:20px; bottom:6px; width:688px; height:20px; text-align:right;}
.PicNum .Num{ display:inline-block; width:20px; height:20px; margin-left:6px; background:url(../images/index/shopping_ot.png) no-repeat; color:#d9891c; font:bold 12px/20px Tahoma; text-align:center; cursor:pointer; _behavior:url(../scripts/iepngfix.htc);}
.PicNum .cur{ background:url(../images/index/shopping_cur.png) no-repeat; color:#fff;}

.Merchant { width:273px; margin-left:36px; overflow:hidden;}
.Merchant .title { margin-bottom:25px;}
.Merchant li { margin-bottom:15px;}


.Openning,.Activity,.Media { float:left; height:250px; overflow:hidden; padding-top:10px;}

/*Openning 与 Activity 公共部分*/
.Common dl { height:85px; margin-bottom:17px;}
.Common dt { float:left; margin-right:15px; height:196px;}
.Common dd { float:left;}
.Common dd.sub_title { margin-bottom:8px; font:15px/20px "Microsoft YaHei","宋体";}
.Common dd.sub_title a { color:#333;}
.Common dd.sub_title a:hover { color:#bb6300;}
.Common dd.text { color:#888; line-height:18px;}
.Common li { margin-bottom:10px;}
.Openning { width:630px;}
.Openning dt { width:110px;}
.Openning dd { width:117px;}

.Activity { width:630px;}
.Activity dt { width:261px;}
.Activity dd { width:350px;}
.Activity li i { float:right; color:#888;}
.Activity li.hover i { color:#bb6300;}
.Activity li.hover a { color:#bb6300;}

.Media { width:630px; margin-left:38px;}
.Media .title { margin-bottom:25px;}
.Media li { margin-bottom:14px;}


.Brand,.Journal { float:left; height:220px;}

.Brand { width:690px;}

.Journal { width:273px; margin-left:36px;}
.Journal .title { margin-bottom:25px;}
.Journal .title span { float:right;}
.Journal .title span i { display:inline-block; width:16px; height:16px; margin-left:1px; cursor:pointer; vertical-align:top;}
.Journal .cont { position:relative; width:273px; height:169px; overflow:hidden;}
.Journal .ImgList2 { position:absolute; left:0; top:0; width:8888px; height:80px;}
.Journal .ImgList2 dl { float:left; width:91px; height:150px; text-align:center;}
.Journal .ImgList2 dt { height:150px; vertical-align:middlel;}
.Journal .ImgList2 dt i { display:inline-block; height:100%; vertical-align:middle;}
.Journal .ImgList2 dd { height:19px; background:url(../images/index/time_bg.gif) no-repeat center top; line-height:19px; text-align:center; color:#fff; overflow:hidden;}

/*案例展示样式*/
.service{ background:url(../images/service.jpg) no-repeat; width:610px; height:269px;}
#h1{ height:320px;}

.icaselist {
    margin: 20px auto;
    overflow: hidden;
    width: 1000px;
}
.friend{ height:200px;}
.h11{ height:265px;}
.h22{ height:232px;}
.h33{ height:331px;}
.ha{ height:200px; padding-top:10px;}
.em2{ color:#7da790; font-size:12px;}
.em1{font-size:16px; color:#009944;}

.anlizs{
	margin:0 auto;
	width:620px;
	height:auto;
	overflow:hidden;
	padding:5px;
	position:relative;
	zoom:1;
	margin-left:0px;
	}
.anlizs ul{list-style:none;}
.anlizs .hd{
	width:120px;
	height:auto;
	overflow:hidden;
	zoom:1;
	float:left;
	}
.anlizs .hd ul{
	overflow:hidden;zoom:1;
	}
.anlizs .hd ul li{
	margin:2px;
	padding:2px;
	text-align:center;
	}
.anlizs .hd ul li img:hover{
	border-color:#693;
	}
.anlizs .hd ul li img{
	width:110px;
	height:55px;
	border:2px solid #ddd;
	cursor:pointer;
	}

.anlizs .bd{
	width:473px;
	heigth:atuo;
	float:left;
	margin:0 8px;
	}
.anlizs .bd img{
	width:330px;
	height:255px;
	display:block;
	float:left;
	margin-top:-8px;
	}
.anlizs .bd .imgjs{
	width:140px;
	height:255px;
	background-color:#999;
	float:left;
	margin-top:-8px;
	}
.anlizs .bd .imgjs p{
	margin:5px 4px;
	line-height:28px;
	color:#FFF;
	}
	

/*#sequence { width:630px; height:410px; margin:0 auto; overflow:hidden; position:relative;}
			#sequence > .sequence-canvas {height: 100%;width:630px;}
			#sequence > .sequence-canvas > li {position: absolute;z-index:1; width:530px; height:278px; list-style:none; left:100px; background:#a5a5a5;}
			#sequence > .sequence-canvas > li img {}
			#sequence > .sequence-canvas li > * {position: absolute;
			  -webkit-transition-property: left, opacity;
			  -moz-transition-property: left, opacity;
			  -ms-transition-property: left, opacity;
			  -o-transition-property: left, opacity;
			  transition-property: left, opacity;
			}
			
			.sequence-prev{cursor:pointer;display:none;position: absolute;top:40%;z-index: 1000;left:150px;}
			.sequence-next{cursor:pointer;display:none;position: absolute;top:40%;z-index: 1000;right:315px;}
			.sequence-next,.sequence-prev {position:absolute;opacity: 0.6;
			  -webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
			.sequence-next:hover,.sequence-prev:hover {opacity: 1;
			  -webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
			
			.sequence-pause {bottom: 0;cursor: pointer;position: absolute;z-index: 1000;}
			.sequence-paused {opacity: 0.3;}
			.sequence-prev img,.sequence-next img {height: 100%;width: auto;}
			#sequence-preloader {background: #d9d9d9;}
			.sequence-pagination {float:left; position:absolute; left:0px; top:0px;z-index: 10; width:112px; padding:0; margin:0;
			  -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
			.sequence-pagination li { list-style:none;width:92px; height:69px;float:left; margin-bottom:2px;}
			.sequence-pagination li img {width:92px; height:65px;cursor: pointer;opacity: 0.5;
			  -webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;
			  -webkit-transition-property: margin-bottom, opacity;-moz-transition-property: margin-bottom, opacity;-ms-transition-property: margin-bottom, opacity;
			  -o-transition-property: margin-bottom, opacity;transition-property: margin-bottom, opacity;}
			
			.sequence-pagination li img:hover {margin-bottom: 4px;
			  -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}

            .sequence-pagination li.current img {opacity: 1;}	
			.anli{color: #fff; float: left; line-height: 30px;margin: 50px 10px 0 0; right: 0;width: 150px;z-index: 50;}
			.animate-out .subtitle { opacity: 0; right: -100px; transition-duration: 0.5s;}	 
			.subtitle { border: 1px solid #fff;bottom: 50px;color: #fff; height: 30px;line-height: 30px;right:55px;text-align: center;width: 100px;}
			*/
