﻿@charset "utf-8";
/* CSS Document */

body
{
	font-family:"微软雅黑", "宋体", "Arial";
	font-size:12px;
	background-color:#ececec;
	background-image:url('images/body_bg.png');
	background-repeat:repeat-x;
	background-position:top;
	line-height:150%;
	padding:0px;
	margin:0px;
}
h1,h2,h3,h4,h5,h6,h7
{
	margin:0px;
}
ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
a:link,a:visited
{
	text-decoration:none;
}
a:hover
{
	text-decoration: none;
}
img
{
	border:none;
}
.cls{clear:both;}
.redfont{color:#af211c;}
#Container
{
	width:970px;
	margin:0px auto;
	background-color:#fff;
	padding:20px;
	height:auto !important;
}
#topcontainer
{
	background-image:url('images/top_bg.jpg');
	background-repeat:no-repeat;
	height:90px;
	background:#B12424;
	margin-bottom:33px;
	width:1008px;
}
 
li.logo{float:left;}
li.user{float:right;color:#fff;margin-top:35px;}
li.user b{color:#ff5e5f;margin:0 10px;}
li.user a{color:#fff;font-weight:bold}
li.user a:hover{color:#fff;text-decoration:underline;}

.nav{ height:44px; width:795px;  float:right; padding-right:5px;margin-top:50px; margin-right:-80px;}
.nav ul li{ width:100px; height:40px; float:left; text-align:center; line-height:40px;cursor:pointer;}
.nav ul li a{ font-size:1.4em; color:#ffffff;  font-weight:bold; font-family:microsoft yahei, Helvetica, sans-serif;}
.nav ul li:hover{ background:#D80000; text-decoration:none; }

.navOn{ background:#D80000;}
.navin{ background:none;}
.navOn180{background:url(../images/navOnx180.png) no-repeat;}
.navOn140{width:500px;float:left;background:#D80000;}
.navlist{ height:38px;}
.navlist2{ width:1100px; margin:0 auto;*margin:92px 0 0 -250px !important; }
.navlist2 ul{ margin-left:317px;}
.navlist2 ul li{ height:28px; line-height:28px; float:left;width:70px;}
.navlist2 ul li a{color:#000000; font-size:15px;}
.navlist2 ul li a:hover{ color:#FF0000; }
.navlist2On{ color:#FF0000 !important;}

#logo
{
	float:left;
	margin-left:30px;
}
#topright
{
	float:right;
}
#login
{
	background-image:url(images/login_bg.png);
	background-repeat:no-repeat;
	color:#990000;
	text-align:center;
	width:214px;
	height:23px;
	margin-top:10px;
	vertical-align:middle;
	padding-top:3px;
	float:right;
	margin-right:20px;
}
#login a
{
	margin:0px 3px;
}
#menus {position:relative;}
#menus ul li
{
	float:left;
	background-image:url(images/menu_bg.png);
	width:100px;
	text-align:center;
	height:50px;
	line-height:50px;
}
#menus ul li.selected
{
	float:left;
	background-image:url(images/menu_bg_a.png);
}
#menus ul li:hover
{
	background-image:url(images/menu_bg_a.png);
}
#menus ul li a
{
	font-size:14px;
	color:#FFF;
	margin-top:10px;
}
#topsub2
{
	position:absolute;
	left:80px;
	top:60px;
	line-height:100%;
	margin-top:0px;
	display:none;
}
#topsub2 a 
{
	float:left;
	margin-left:20px;
	font-size:13px;
	color:#353535;
}
#topsub2 a.selected
{
	color:#ab130d;
}
#topsub3
{
	position:absolute;
	left:180px;
	top:60px;
	line-height:100%;
	margin-top:0px;
	display:none;
}
#topsub3 a 
{
	float:left;
	margin-left:20px;
	font-size:13px;
	color:#353535;
}
#topsub3 a.selected
{
	color:#ab130d;
}
#topsub4
{
	position:absolute;
	left:200px;
	top:60px;
	line-height:100%;
	margin-top:0px;
	display:none;
}
#topsub4 a 
{
	float:left;
	margin-left:20px;
	font-size:13px;
	color:#353535;
}
#topsub4 a.selected
{
	color:#ab130d;
}
#topsub5
{
	position:absolute;
	left:120px;
	top:60px;
	line-height:100%;
	margin-top:0px;
	display:none;
}
#topsub5 a 
{
	float:left;
	margin-left:20px;
	font-size:13px;
	color:#353535;
}
#topsub5 a.selected
{
	color:#ab130d;
}
#maincontainer{clear:both; width:960px}
.indexbanner
{
	float:left;
}
#linkbanner
{
	width:231px;
}
#footcontainer
{
	clear:both;
	background-image:url(images/foot_bg.jpg);
	background-repeat:repeat-x;
	height:87px;
	color:#848484;
}
#footcontainer #links
{
	float:left;
	margin-top:25px;
	position:relative;
	width:500px;
}
#links a
{
	color:#848484;
	margin:0px 10px;
	font-size:14px;
}

#links a:hover
{
	color:#d80000;
}

.subfootlink{display:none;}
#sublink1
{
	position:absolute;
	left:0px;
	top:-20px;
}
#sublink2
{
	position:absolute;
	left:80px;
	top:-20px;
}
#sublink3
{
	position:absolute;
	left:158px;
	top:-20px;
}
#sublink1 a {color:#FFF;font-size:13px;}
#sublink1 a.selected {color:#e7272f;}
#sublink2 a {color:#FFF;font-size:13px;}
#sublink2 a.selected {color:#e7272f;}
#sublink3 a {color:#FFF;font-size:13px;}
#sublink3 a.selected {color:#e7272f;}
#footcontainer #copyright
{
	float:right;
	margin-top:52px;
	margin-right:20px;
}
.newslist
{
	clear:both;
	width:960px;
	margin:10px auto;
}
.newslist .newstitle
{
	clear:both;
	width:940px;
	margin:25px auto;
	line-height:150%;
}
.newslist .newstitle span
{
	line-height:120%;
	font-size:30px;
}
.newslist .newstitle .newsmore
{
	float:right;
	margin-top:14px;
}
.newslist .newstitle .snsshare span
{
	font-size:12px;
}
.newslist .newstitle .snsshare
{
	float:right;
	margin-right:14px;
	margin-top:10px;
}
.newslist .newsblock
{
	float:left;
	width:226px;
	border:1px solid #cccccc;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#333333;
	display:inline;
}
.newslist .newsblock:hover
{
	background-color:#500000;
}
.newslist .newsblock #newstext
{
	color:#ffffff;
	text-align:center;
	font-size:14px;
	 
	padding:2px 0px;
}
#crumbpath
{
	clear:both;
	border-bottom:1px solid #C2C2C2;
	height:36px;
	position:relative;
}
.pathnode
{
	background-image:url(images/path_bg.png);
	background-repeat:no-repeat;
	height:36px;
	width:110px;
	line-height:36px;
	text-align:center;
	color:#666666;
	position:absolute;
	top:0px;
}
.pathnode a
{
	font-size:12px;
	color:#666666;
}
.newsdetailtextbox
{
	float:left;
	background-color:#242424;
	width:510px;
	height:450px;
}
.newsdetailtextbox .title
{
	font-size:32px;
	line-height:32px;
	color:#cccccc;
	margin:0px auto;
	width:87%;
	padding-top:40px;
}
.newsdetailtextbox .alttitle
{
	font-size:14px;
	color:#cccccc;
	margin:0px auto;
	width:87%;
	padding-top:20px;
}
.newsdetailtextbox .text
{
	font-size:14px;
	color:#999999;
	margin:0px auto;
	width:87%;
	padding-top:10px;
	line-height:180%;
	height:260px;
	overflow:auto;
}
.newsdetailtextbox .position
{
	font-size:14px;
	color:#FFF;
	background-color:#6f0004;
	width:150px;
	text-align:center;
	line-height:250%;
	margin-top:20px;
}
.newsdetailimgbox
{
	float:right;
	width:380px;
	position:relative;
     padding:0px;
   
}
#introleft
{
	width:200px;
	float:left;
	background-color:#121212;
}
#introright
{
	width:800px;
	float:right;
}
#introright img
{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#introrighttext
{
	background-color:#181818;
	clear:both;
	font-size:14px;
	color:#999999;
	height:70px;
}
#introrighttext .number
{
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:50px;
	font-weight:bold;
	height:70px;
	line-height:70px;
	margin:0px 20px;
}
#introrighttext .text
{
	padding:10px 0px;
	line-height:150%;
}
#abouttext
{
	height:450px;
	width:930px;
	margin:10px auto;
	overflow:auto;
	font-size:14px;
	line-height:200%;
}
.pagetitle
{
	width:94%;
	height:60px;
	margin:0 auto;
	border-bottom:1px solid #535353;
}
.pagetitle .title
{
	float:left;
	margin-right:20px;
	color:#666666;
	font-size:24px;
	line-height:60px;
	cursor:pointer;
}
.pagetitle .redtitle
{
	float:left;
	margin-right:20px;
	color:#af211c;
	font-size:24px;
	line-height:60px;
}
.pagetitle .right
{
	float:right;
}
.brandblock
{
	width:620px;
	display:block;
	margin:5px auto;
    overflow:visible;
    height:500px;
	content:' ';
	clear:both;
}
.brandblock .floor
{
	float:left;
	width:120px;
	font-size:32px;
	line-height:32px;
	color:#666666;
}
.brandblock .brands
{
	float:left;
	width:420px;
}
.brandblock .brands img
{
	width:170px;
}
.brandblock .more
{
	float:left;
	width:80px;
	padding-top:80px;
}
.brandblock .more img
{
	cursor:pointer;
}
#jobcontainer
{
	width:94%;
	margin:20px auto;
}
#jobcontainer h3
{
	font-size:32px;
	line-height:150%;
	color:#ba292f;
	font-family:"黑体", "微软雅黑", "Lucida Bright";
}
#jobcontainer p
{
	font-size:14px;
}
.jobblock
{
	width:48%;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #535353;
	float:left;
}
.jobblock .title
{
	background-color:#535353;
	color:#FFF;
	font-size:15px;
	line-height:180%;
	text-indent:10px;
}
.jobblock .title span
{
	float:right;
	margin-right:30px;
}
.jobblock .date
{
	font-size:14px;
	line-height:180%;
	text-align:right;
}
.jobblock .date img
{
	vertical-align:middle;
	margin:0 10px;
	cursor:pointer;
}
.jobblock .date .description
{
	text-align:left;
	padding:8px;
}
.showdiv{display:block;}
.hidediv{display:none;}
.overflowdiv{overflow:hidden; height:auto; display:block;}
#leftmenuscontainer
{
	height:500px;
	overflow:hidden;
	position:relative;
}
#leftmenus
{
	position:absolute;
	top:0px;
}
#leftmenus img,#strollup,#strolldown
{
	cursor:pointer;
	background-color:#000;
}
#apptitlecontainer
{
	clear:both;
	width:90%;
	margin:20px auto;
	border-bottom:1px solid #333;
	height:60px;
}
.apptitle
{
	float:left;
}
.appbutton
{
	float:right;
}
.appbutton img
{
	margin-left:20px;
	cursor:pointer;
}
.appsnapshoot
{
	float:left;
	width:40%;
	margin-left:50px;
	margin-top:30px;
	margin-bottom:30px;
}
#appintro
{
	float:right;
	width:60%;
	margin-top:30px;
}
#iphonediv
{
	line-height:150%;
	color:#5f5f5f;
}
#androiddiv
{
	line-height:150%;
	color:#5f5f5f;
}
#storebanner
{
 
}