﻿/*头部*/
.Menu { top:454px; 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:45px;}
/*
.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:502px; width:100%; height:70px; background:url(../images/sub_menu_bg.png) repeat-x; z-index:200;}

/*通用*/
.WheatBg { width:100%; padding:10px 0; background:#f9f9f9;}
.WheatBg2 { width:100%; background:#f9f9f9;}
.div100 { width:100%; padding:20px 0;}


/*Banner*/
.Banner { width:100%; background:#f9f9f9 url(../images/loading.gif) no-repeat center;}

.BigImg { position:relative; width:100%; height:616px; text-align:center;}

.SmallImg{ position:relative; width:1063px; height:124px; margin:-62px auto 0;}
.SmallImg .ImgList{ position:relative; width:997px; height:122px; margin:0 auto; padding:1px 0; background:#c8c8c8; overflow:hidden;}
.SmallImg .Img{ position:relative; float:left; width:248px; height:122px; margin-left:1px; _display:inline; cursor:pointer;}
.SmallImg .Img .Border{ display:none; position:absolute; top:-1px; left:-1px; width:248px; 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/index/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; width:190px; height:20px; background:url(../images/index/title.gif) no-repeat 0 top;}
.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:35px;}

.Video { width:242px;}
.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:416px; margin-left:33px;}
.News dl { margin-bottom:15px;}
.News dt { float:left; width:140px; margin-right:20px;}
.News dt img { width:140px; height:85px;}
.News dd { float:left; width:252px;}
.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:185px; overflow:hidden;}

/*Openning 与 Activity 公共部分*/
.Common dl { height:85px; margin-bottom:17px;}
.Common dt { float:left; margin-right:15px; height:85px;}
.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:242px;}
.Openning dt { width:110px;}
.Openning dd { width:117px;}

.Activity { width:414px; margin-left:33px;}
.Activity dt { width:150px;}
.Activity dd { width:249px;}
.Activity li i { float:right; color:#888;}
.Activity li.hover i { color:#bb6300;}
.Activity li.hover a { color:#bb6300;}

.Media { width:273px;  margin-left:38px;}
.Media .title { margin-bottom:25px;}
.Media li { margin-bottom:14px;}

.mediatop{ width:263px; margin-top:35px;}

.Brand,.Journal { float:left; height:220px;}

.Brand { width:1000px;}

/*brand*/
.con_list{ float:left; height:200px; width:230px; margin-left:5px; margin-right:15px; overflow:hidden;}
.con_list_btn{ position:relative;  left:0px;  width:230px;/* background:#999;*/ background:url(../images/list_btn_bg.png) repeat; color:#FFF; overflow:hidden; height:200px;}
.con_list_btn_title{ height:40px; width:230px; text-align:center;  line-height:40px; font-size:14px; font-weight:bold;   letter-spacing:5px;}
.con_list_btn_con{ width:210px; margin:0 auto; height:120px; font-size:12px; letter-spacing:2px;}
.con_list_btn_btn{ display:block; letter-spacing:5px; margin:0 auto; text-align:center; line-height:30px; color:#FFF; height:30px; background:#236191; }

.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;}



/*case*/
/*#ruifoxHome .cat_title{overflow:hidden;height:64px;padding:35px 0;background:none;border:none;}
#ruifoxHome .cat_title p,#ruifoxHome .cat_title h2{margin-top:0;}
#cases ul{display:block;font-size:0;letter-spacing:-6px;text-align:center;width:100%;height:462px;}
#cases ul li{display:inline-block;zoom:1;*display:inline;vertical-align:top;position:relative;width:240px;height:152px;overflow:hidden;margin:2px 0 0 2px;letter-spacing:normal;}
 
#cases ul li img{position:absolute;top:0;left:0;width:240px;height:152px}
#cases ul li p{display:none;width:210px;height:100%;position:absolute;z-index:1;font-size:12px;text-align:left;padding:0 15px;background:#212121;color:#999;left:0;bottom:0;}
#cases ul li p strong{display:block;font:bold 14px/30px Microsoft YaHei;color:#fff;margin-top:10px}
#cases ul li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#cases ul li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
#cases ul li p a.openurl:hover{background-position:0 -23px}

*/

 .cases {padding:0px 0;font-size:0;letter-spacing:-6px;}
 .cases li{display:inline-block;zoom:1;*display:inline;position:relative;width:240px;height:155px;overflow:hidden;background:#fff;padding:2px;margin:0 0 10px 2px;font-size:12px;letter-spacing:normal;}
 .cases li img{width:240px;height:152px;}
 .cases li strong{display:block;font:bold 12px/24px Microsoft YaHei;color:#666;}
 .cases li a:hover{text-decoration:none;}
 .cases  li p{display:none;width:210px;height:100%;font-size:12px;line-height:1.5;text-align:left;padding:0 15px;background:#212121;background:rgba(0,0,0,0.8);color:#999;position:absolute;left:2px;bottom:0;}
 .cases  li  p strong{margin-top:10px;color:#fff;}
 .cases  li  p em{display:block;color:#ddd;margin-bottom:5px;}
 .cases  li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
 .cases  li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
 .cases  li p a.openurl:hover{background-position:0 -23px;}
 
 
 
 /*热门产品焦点图*/
 /* 设置焦点图父级宽度 */    
#show{width:240px;}
#kinMaxShow{display:none;}
 /* 设置焦点图标题位置、样式等。标题位置、样式完全可以自定义哦 */  
 
#kinMaxShow p.title{
	 position:absolute; 
	 left:0; bottom:0; 
	 text-indent:10px; 
	 line-height:30px;
	 font-family:Verdana; 
	 color:#FFF; 
	 display:block;
	 width:100%;
	 height:30px;
	 font-family:14px;
	 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);
	 background:rgba(0,0,0,0.5);
}
	
	
	
	/*banner*/
	
.m_banner{ background:#fff;height:616px; position:relative;}
.m_banner .banner{height:616px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:960px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -480px;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat; position:absolute; opacity:.1;filter: alpha(opacity=10);
-moz-opacity:0.1;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}



.b1 a{ position:absolute;top:261px;right:65px; display:block;width:159px;height:60px;}
.b2 p{ position:absolute;top:356px;width:100%; font-size:13px;color:#cdb4e7; text-align:center;}
.b2 p a{color:#cdb4e7; text-decoration:underline;}
.b2 p a:hover{color:#e1cef5;}
.b4 a{ position:absolute;top:280px;right:85px; display:block;padding:0 10px;height:28px; line-height:28px; background-color:#ffc700;color:#6f2644;}
.b4 a:hover{background-color:#fff100; text-decoration:none;}
.b5 .l1{ position:absolute;top:0;left:0; display:block;width:960px;height:388px;}
.b5 .l2{ position:absolute;display:block;bottom:8px;right:200px;color:#964401;}
.m_banner .main_c .countdown{ position:absolute;right:160px;top:165px; }
.m_banner .main_c .countdown span{ display:block; float:left;width:33px;height:44px;margin:0 2px;font-size:34px; line-height:44px; text-align:center;color:#62441e;}




 