@charset "gb2312";
/* 通用样式 */
html{ _overflow-x:hidden;}
*{ margin:0; padding:0; outline:none; }
body {
	background-color:#fff;
	font-size: 12px;
	font-family:"微软雅黑";
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p { margin:0; padding:0; }
li { list-style-type:none; }
img { border:none; vertical-align:bottom; }
A { color:#666; text-decoration:none; }
A:hover { color:#06C; }
li{list-style-type:none;}
img{vertical-align:top;border:0;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.left{float:left;}
.right{float:right;}
.red { color:red; }
.orange { color:#F60; }
.blue { color:#069; }
.green { color:green; }
.gray { color:#333; }
.gray2 { color:#666; }
.bold { font-weight:bold; }
.clr { clear:both; }
.fl { float:left; }
.fr { float:right; }
.center { text-align:center; }
.noborder { border:none; }
.linebox { border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:20px; }
.mainbox { width:970px; margin:0 auto; overflow:hidden; }
.clearfix { zoom:1; }
.clearfix:after {display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.jiezhi,.jiezhi ul li,.jiezhi ul li span{ display:block;white-space:nowrap;overflow:hidden;   
    -o-text-overflow: ellipsis;    /* for Opera */   
    text-overflow:ellipsis;        /* for IE */   }
.clearfix,#toplink,#headbox,#footer,.content {zoom:1;}
.clearfix:after,,#toplink:after,#headbox:after,#footer:after,.content:after {display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.page { color:#313031; padding:10px 6px 5px 6px; background:#fff; text-align:center; margin:8px; margin-bottom:20px; }
.page a { border:#b7d8ee 1px solid; padding:3px 6px 2px 5px; margin:0px 3px; color:#095cb4; }
.page a:hover { border:#b7d8ee 1px solid; color:#0066a7; background-color:#d2eaf6; }
.page a:active { border:#b7d8ee 1px solid; COLOR: #0066a7; background-color:#d2eaf6; }
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); }
	
/* 顶部链接 */
#toplink { background-color:#263440; height:30px; line-height:30px; color:#999; padding:0 20px; }
#toplink ul.lef { width:300px; float:left; }
#toplink ul.rig { width:400px; float:right; text-align:right; }
#toplink ul.rig a { width:19px; height:19px; display:block; float:right; text-indent:-9999px; background:url(../images/BgImg.png) no-repeat; margin:4px 0 0 8px; overflow:hidden; }
#toplink ul.rig a.sina { background-position:0 0; }
#toplink ul.rig a.qq { background-position:-25px 0; }

/* 头部 */
#headboxbg { background:url(../images/BgRepeat.png) repeat-x; background-position:0 0; border-top:1px solid #809ab2; border-bottom:1px solid #4d677f; height:76px; position:relative; width:100%; z-index:1; } 
#headbox { width:100%; margin:0 auto; height:76px; position:relative; border-bottom:1px solid #fff; }
#headbox div.logo { width:20%; float:left; left:0; position:relative; }
#headbox div.logo h1 a, #headbox div.logo strong a { background:url(../images/BgImg.png) no-repeat; display: block; height:76px; overflow:hidden; text-indent:-999px; width:200px; background-position:0 -60px; }
/* 头部菜单 */
.headnav { height:76px; width:80%; _width:60%; position:relative; z-index:9; float:left; }
.headnav ul { width:100%; position:absolute; z-index:10; }
.headnav ul li { float:left; width:80px; height:76px; line-height:76px; }
.headnav ul li:hover,.headnav ul li a:hover { background:url(../images/BgNav.png) 0 0 no-repeat; color:#fff; } 
.headnav ul li a.current { background:url(../images/BgNav.png) -110px 0 no-repeat; color:#f6f6f6; font-weight:bold; } 
.headnav ul li a { display:block; height:76px; line-height:76px; text-align:center; color:#ccc; font-size:14px; }
.headnav ul li dl { position:absolute; z-index:10; top:76px; display:none; text-align:center; background:url(../images/BgNav.png) 0 -76px repeat-x; left:-25%; _left:-35%; width:125%; _width:145%; }
.headnav ul li dl dd { height:30px; float:left; }
.headnav ul li dl dd a { display:block; height:30px; line-height:30px; _width:50px; padding:0 15px; float:left; line-height:30px; text-align:center; background:none; color:#ccc; font-size:12px; }
.headnav ul li dl dd a:hover{ color:#fff; background-image:none; }
.headnav ul li dl.first { padding-left:10%; _padding-left:120px; width:115%; _width:10000px;}
.headnav ul li dl.second { padding-left:15%; _padding-left:200px; width:110%; _width:10000px;}
.headnav ul li dl.third { padding-left:20%; _padding-left:280px; width:105%; _width:10000px;}
.headnav ul li dl.fourth { padding-left:40%; _padding-left:360px; width:85%; _width:10000px;}
.headnav ul li dl.fifth { padding-left:50%; _padding-left:520px; width:75%; _width:10000px;}
.headnav ul li dl.sixth { padding-left:50%; _padding-left:520px; width:75%; _width:10000px;}


/* 头部搜索 */
.headsearch { width:180px; position:absolute; float:right; z-index:11; right:20px; margin-top:23px; background:url(../images/BgImg.png) 0 -25px; }
.headsearch input { color:#666; border:none; width:140px; margin-left:10px; line-height:26px; height:26px; float:left; background:none; }
.headsearch input.action { width:30px; float:right; cursor:pointer; background:none; margin-left:0; }

/* 版权所有 */
#footer { color:#999; background-color:#1f2c37; height:50px; line-height:50px; bottom:0; width:100%; }
#footer a { margin:0 3px 0 5px; color:#999; }
#footer a:hover { color:#CCC; }
#footer p.fr { text-align:right; }

/****************************** 首页 ******************************/
/* 焦点大图 */
.imgPlaybg { height:400px; background:url(../images/BgRepeat.png) repeat-x 0 -90px; position:relative; z-index:0; }
.imgPlaybg .numbg { height:30px; width:100%; position:absolute; bottom:0; z-index:2; background:url(../images/BgRepeat.png) repeat-x 0 -820px; }
#imgPlay .num { position:absolute; bottom:10px; height:19px; z-index:3; }
#imgPlay .num span { display:inline-block;  background:url(../images/imgPlayer.png) no-repeat -19px -83px; margin:0px 2px; overflow: hidden; width:14px; cursor:pointer; line-height:0; height:13px; }
#imgPlay .num span.on { background-position:1px -83px; }
#imgPlay .numcenter { width:970px; margin:0 auto; height:30px; position:relative; bottom:30px; _bottom:0; }
#imgPlay #numInner { padding:3px 0 0; background:none transparent scroll repeat 0% 0%; position:absolute; bottom:2px; text-align:center; z-index:5; }
#imgPlay { width:970px; height:400px; zoom:1; position:relative; overflow:hidden; }
#imgPlay .imgs img { width:970px; height:400px; }
#imgPlay .imgs LI { float:left; position:relative; }
#imgPlay .imgs { width:2910px; }
#imgPlay .prev,#imgPlay .next { position:absolute; top:150px; cursor:pointer; width:46px; height:81px; z-index:4; text-indent:-9999px; cursor:pointer; }
#imgPlay .prev { left:0; background:url(../images/imgPlayer.png) no-repeat left top; }
#imgPlay .next { right:0; background:url(../images/imgPlayer.png) no-repeat right top; }

/* 主体内容 */
.homebox { float:left; margin:20px 20px 30px 0; _margin:20px 20px 5px 0; padding:1px; width:306px; height:96px; border:1px solid #ccc; background:url(../images/BgRepeat.png) repeat-x 0 -510px; color:#666; }
.edgebox { margin-right:0; }
.homebox strong { height:86px; width:96px; float:left; padding:10px 0 0; text-align:center; color:#fff; font-size:16px; }
.homebox h2 { font-size:14px; width:190px; }
.first strong { background-color:#d28500; }
.second strong { background-color:#78914b; }
.third strong { background-color:#069; }
.first h2 a { color:#d28500; }
.second h2 a { color:#78914b; }
.third h2 a { color:#069; }
.homebox a:hover { text-decoration:underline; }
.homebox ul { float:left; width:190px; margin:8px 5px 0 10px; _margin:8px 5px 0 5px; }
.homebox ul li { width:47%; _width:45%; float:left; margin-left:5px; line-height:160%; }
.homebox ul li.new { width:90%; font-weight:bold; color:#555; margin-bottom:7px;/*border:1px solid #d8dfca; border-left:3px solid #78914b; */padding-left:5px; line-height:120%; margin-left:8px; }
.homebox ul li.new a { color:#555; }
/* 旗下旗下网站 */
.mainwebsbg { height:120px; padding:25px 0 0; background:url(../images/BgRepeat.png) repeat-x 0 -620px; }
.websites { height:80px; }
.websites strong { height:20px; display:block; color:#abc5d9; }
.websites a { display:block; height:60px; float:left; margin-left:5px; _margin-left:4px; background:url(../images/logolist.jpg) no-repeat; text-indent:-9999px; }
.websites a.first { margin-left:0; }
.websites a.bmlink { width:134px; background-position:0 0; }
.websites a.glass { width:152px; background-position:-139px 0; }
.websites a.alu { width:125px; background-position:-296px 0; }
.websites a.wyw { width:134px; background-position:-426px 0; }
.websites a.menye { width:139px; background-position:-565px 0; }
.websites a.pipe { width:131px; background-position:-709px 0; }
.websites a.paint { width:125px; background-position:-845px 0; }
.websites a.bmlink:hover { background-position:0 -60px; }
.websites a.glass:hover { width:152px; background-position:-139px -60px; }
.websites a.alu:hover { width:125px; background-position:-296px -60px; }
.websites a.wyw:hover { width:134px; background-position:-426px -60px; }
.websites a.menye:hover { width:139px; background-position:-565px -60px; }
.websites a.pipe:hover { width:131px; background-position:-709px -60px; }
.websites a.paint:hover { width:125px; background-position:-845px -60px; }

/* 主题菜单 */
.mainNav { padding-top:22px; }
.mainNav ul { width:160px; float:left; }
.mainNav ul h3 { font-weight:bold; font-size:14px; }
.mainNav ul h3 a { color:#fcb727; }
.mainNav ul h3 a:hover { text-decoration:underline; }
.mainNav ul li a { color:#999; padding-left:12px; background:url(../images/BgRepeat.png) no-repeat 0 -800px; }
.mainNav ul li a:hover { color:#CCC; }


/****************************** 内页样式 ******************************/
/* banner主题图片 */
.bannerbg_about { height:300px; background:#3c4e64; }
.bannerImg_About { width:1000px; margin:0 auto; height:300px; background:url(../images/about/bg_about.png) no-repeat 0 0; }
.bannerbg_news { height:300px; background:#415a5e; }
.bannerImg_News { width:1000px; margin:0 auto; height:300px; background:url(../images/news/bg_news.png) no-repeat 0 0; }
.bannerbg_team { height:300px; background:#3e415f; }
.bannerImg_Team { width:1000px; margin:0 auto; height:300px; background:url(../images/team/bg_team.png) no-repeat 0 0; }
.bannerbg_product { height:300px; background:#343c3c; }
.bannerImg_Product { width:1000px; margin:0 auto; height:300px; background:url(../images/product/bg_product.png) no-repeat 0 0; }
.bannerbg_employ { height:300px; background:url(../images/employ/bg_employbanner.jpg) repeat-x; }
.bannerImg_Employ { width:1000px; margin:0 auto; height:300px; background:url(../images/employ/bg_employ.png) no-repeat 0 0; }
.bannerbg_contact { height:300px; background:url(../images/contact/bg_contactbanner.jpg) repeat-x; }
.bannerImg_Contact { width:1000px; margin:0 auto; height:300px; background:url(../images/contact/bg_contact.png) no-repeat 0 0; }

/* 公用选项卡 */
.tab_hd { border-bottom:1px solid #ccc; height:27px; _height:23px; padding-left:3px; line-height:26px; }
.tab_hd a { display:block; padding:0 20px; height:26px; float:left; text-align:center; background-color:#efefef; border:1px solid #ccc; border-bottom:none; font-size:14px; color:#666; margin-right:5px; font-weight:bold; }
.tab_hd a.tab_active { background:#fff; color:#333; height:27px; _height:22px; }
.tab_bd { height:450px; padding:10px 0px 10px 10px; overflow:hidden; }

/* 频道标题 */
.ChannelTitle { font-size:30px; color:#333; line-height:30px; }
.ChannelTitle .location { float:right; font-size:14px; }
.ChannelTitle .location a { color:#069; }
.ContentBox { padding:15px; }
.ContentLine { border-bottom:2px solid #333; margin:10px 0; }
.ContentLine2 { border-bottom:1px solid #333; margin:10px 0; width:40%; }

/* 商易简介 */
.about_main { width:630px; float:left; }
.about_main p { margin:5px 0 10px; line-height:180%; }
.about_imgs { float:left; width:60px; height:182px; background:url(../images/about/bg_about.png) no-repeat 0 -310px; }
.about_detail { display:block; width:100%; height:182px; }
.about_detail p { margin:2px 0 10px 70px; line-height:140%; }
.about_detail strong { display:block; }
.about_side { width:300px; float:right; }
.about_side .leaderbox { margin-top:20px; }
.about_side .leaderbox li { width:300px; height:382px; float:left; }
.about_side .leaderbox li a { display:block; border:1px solid #ccc; width:250px; height:380px; } 
.about_side .leaderbox li a:hover { border:1px solid #a9c1db; }
.about_side .leaderbox li span { line-height:25px; width:242px; display:block; text-align:center; }
/* 企业文化 */
.culturebox { width:100%; background:url(../images/about/img_culture.gif) no-repeat 220px 100px; }
.culture p { color:#666; }
.culture p strong { display:block; color:#333; }
/* 组织结构 */
.Organization { text-align:center; }
/* 成长历程 */
.Growth {}
.Growth ul li { margin-bottom:15px; }
/* 图片列表 */
.PictureList { position:relative; } 
.PictureList ul{ padding:10px 0 20px; overflow:hidden; }
.PictureList ul li{ width:210px; height:155px; border:1px solid #ccc; overflow:hidden; padding-top:4px; margin:8px 10px;_margin-left:6px; float:left; display:block; position:relative; background:#e7e7e7; }
.PictureList ul.leader { height:160px; }
.PictureList div.leaderinfo { width:460px; position:absolute; top:20px; left:240px; }
.PictureList div.leaderinfo p { margin:15px 0 0; white-space:normal; line-height:180%; }
.Imgbox{ width:200px; height:150px; display:block; overflow:hidden; margin:0 auto; background-color:#f6f6f6; text-align: center; border:1px solid #ddd; }
.Imgbox img { text-align:center; vertical-align:middle; }
.Imgbox a { height:150px; width:200px; display:block; overflow:hidden; }
.tipCom{ height:30px; line-height:30px; display:block;line-height:18px; width:210px; margin:0 auto; color:#fff; background-color:#292929; position:absolute; bottom:0; display:none; overflow:hidden; text-align:center; }
.tipCom:hover{ color:#fff; }
.bar369{ border-color:#a9b7c7!important; }
/* 新闻列表 */
.newslist ul { width:940px; }
.newslist ul li { display:block; width:940px; height:100px; }
.newslist ul li:hover { background-color:#e9f0f1; }
.newslist ul li div.date { width:100px; float:left; height:100px; }
.newslist ul li div.newstit { width:700px; float:left; }
.newslist ul li div.newstit h4 { font-size:14px; margin-bottom:5px; }
.newslist ul li div.newstit h4 a { color:#069; }
.newslist ul li div.newstit h4 a:hover { color:#036; }
.newslist ul li div.newstit p { color:#666; }
.newslist2 ul li { display:block; line-height:180%; }
.newslist2 ul li a { color:#333; font-size:14px; }
.newslist2 ul li a:hover { color:#069; }
.newslist2 ul li span { margin-left:10px; color:#666; }
/* 新闻详情 */
.NewsDetailBG { background:#eee; }
.NewsDetail { width:810px; margin:20px auto; background:url(../images/news/bg_newsdetail.png) repeat-y; }
.NewsDetail .DetailTop { height:15px; width:810px; background:url(../images/news/bg_news.png) no-repeat 0 -320px; }
.NewsDetail .DetailEnd { height:15px; width:810px; background:url(../images/news/bg_news.png) no-repeat 0 -386px; }
.NewsDetail .title { border-bottom:1px solid #cdcdcd; color:#666; padding:5px 0; margin-bottom:10px; }
.NewsDetail .content { padding:5px 20px; }
.NewsDetail .content p { line-height:160%; color:#333; font-size:14px; margin:0 0 15px 0; }
.NewsDetail .content img { margin:5px auto; }
/* 资源下载 */
.downloadlist { margin-bottom:20px; }
.downloadlist ul li { display:block; width:940px; height:100px; padding:10px 0; border-bottom:1px solid #666; }
.downloadlist ul li.noborder { border-bottom:none; }
.downloadlist ul li div.img { width:100px; float:left; height:100px; margin-right:15px; }
.downloadlist ul li div.txt { width:500px; float:left; }
.downloadlist ul li div.txt h4 { font-size:20px; margin-bottom:5px; }
.downloadlist ul li div.txt h4 a { color:#069; } 
/* 采访预约登记 */
.formtab { margin:10px 0 0; }
.formtab ul { padding:0 10px; }
.formtab ul li { display:block; margin:0 0 10px 0; }
.formtab ul li input,.formtab ul li textarea { border:1px solid #ccc; height:25px; line-height:25px; padding:0 5px; color:#666; }
.formtab ul li input.choose { border:none; height:12px; }
.formtab ul li textarea { height:100px; }
.formtab ul li span.tishi { background:url(../images/news/icon_tishi.png) no-repeat; padding-left:20px; line-height:140%; color:#999; }
.formtab ul li span.required { color:red; }
.formtab ul li span.ok { background-position:0 -283px; }
.formtab ul li span.normal { background-position:0 -142px; }
.formtab ul li span.confirm { background-position:0 -212px; }
.formtab ul li span.error { background-position:0 -70px; color:red; }
.formtab ul li.submit { border-top:1px solid #ccc; padding:15px 0; margin-top:10px; text-align:center; }
.formtab ul li.submit input,input.submit { width:122px; height:35px; border:none; cursor:pointer; background:url(../images/news/icon_tishi.png) no-repeat 0 -385px; display:block; }
a.submit { width:122px; height:32px; line-height:32px; border:1px solid #ccc; cursor:pointer; text-align:center; background:#e6e6e6; display:block; font-size:14px; font-weight:bold; color:#333; }
a.submit:hover { background:#f6f6f6; border:1px solid #ddd; }
/* 产品服务 */
.logolist { margin-top:15px; float:left; }
.logolist ul li { width:450px; height:85px; display:block; margin-bottom:10px; _margin-bottom:5px; }
.logolist ul li a { width:210px; height:80px; display:block; border:1px solid #eee; float:left; margin:0 10px 0 0; }
.logolist ul li p { width:220px; float:left; color:#666; }
.product { margin-top:15px; float:right; }
.product ul li { width:450px; /*float:left; */height:150px; margin:0 20px 20px 0; }
.product ul li div.img { width:200px; height:150px; margin-right:15px; float:left; background:url(../images/product/bg_product.png) no-repeat; }
.product ul li.first div.img { background-position:0 -325px; }
.product ul li.sencond div.img { background-position:-220px -325px; }
.product ul li.third div.img { background-position:-440px -325px; }
.product ul li.fourth div.img { background-position:-660px -325px; }
.product ul li strong { font-size:20px; color:#333; background:none; }
.product ul li p { color:#666; line-height:160%; font-size:14px; }
/* 成功案例 */
.Caselist { margin-top:15px; }
.Caselist ul li { width:450px; float:left; height:150px; margin:0 20px 20px 0; }
.Caselist ul li div.img { width:200px; height:150px; margin-right:15px; float:left; }
.Caselist ul li strong { font-size:20px; color:#333; }
.Caselist ul li p { color:#666; line-height:140%; font-size:14px; }
.Caselist ul li a.btn { display:block; float:left; height:24px; width:80px; background:url(../images/product/bg_product.png) no-repeat -870px -325px; text-indent:-9999px; cursor:pointer; margin-top:5px; }


/* 员工福利 */
.Welfare { margin:15px 0; }
.Welfare ul li { width:460px; float:left; height:155px; margin:0 10px 10px 0; }
.Welfare ul li div.img { width:200px; height:150px; margin-right:15px; float:left; background:url(../images/employ/bg_employ.png) no-repeat; }
.Welfare ul li.first div.img { background-position:0 -320px; }
.Welfare ul li.sencond div.img { background-position:-200px -320px; }
.Welfare ul li.third div.img { background-position:-400px -320px; }
.Welfare ul li.fourth div.img { background-position:-600px -320px; }
.Welfare ul li.fifth div.img { background-position:-800px -320px; }
.Welfare ul li strong { font-size:20px; color:#333; }
.Welfare ul li p { color:#666; line-height:160%; }
.Welfare ul li p.bold { color:#333; }
/* 人才岗位列表 */
.employhome { margin:10px 0 0; height:600px; font-size:14px; display:block; /*background:url(../images/employ/img_hr.jpg) no-repeat right bottom; */}
.employhome p { width:70%; }
.employhomelist { margin:5px 0 15px; }
.employhomelist ul li { line-height:160%; color:#666; }
.employlist ul { padding:10px; }
.employlist ul li { line-height:160%; width:49%; float:left; }
/* 在线应聘 */
.jobapply { background-color:#eaecf3; }
.jobapply td { padding:5px 8px; background-color:#fff; line-height:140%; }
.jobapply input,.jobapply textarea { padding:3px 8px; border:1px solid #e6e6e6; }
.jobapply input.noborder { border:none; vertical-align:middle; }
.jobapply input#button { border:none; cursor:hand; height:28px; width:100px; background:url(../images/btn_bg.gif) no-repeat; color:#fff; }
.jobapply input.submit { border:none; }

/* 联系我们 */
.contactMethod { width:400px; float:left; line-height:160%; }
.contactMethod h4 { text-indent:-9999px; width:130px; height:40px; background:url(../images/contact/bg_contact.png) no-repeat 0 -320px; margin-bottom:15px; }
.contactMethod p { margin-bottom:10px; }
.contactMap { width:500px; float:right; border:5px solid #ddd; margin-bottom:30px; }
/* 友情链接 */
.links { padding:5px; }
.links p { line-height:180%; }
.linkslist { border-top:1px dashed #ccc; padding:15px 0; margin-top:20px; }
.linkslist a { margin-right:10px; }
/* 合作伙伴 */
.Partners { padding:10px 0 20px; }
.Partners ul li { width:160px; float:left; margin:8px 12px; _margin:8px 10px; }
.Partners ul li a { display:block; padding:5px; border:1px solid #fff; background-color:#f6f6f6; text-align:center; }
.Partners ul li a:hover { border:1px solid #ffdb9c; background-color:#fffaf0; }
.Partners ul li img { display:block; margin:0 auto 5px; width:138px; height:60px; }
.Partners ul li span { width:140px; margin:0 auto; display:block; line-height:140%; }

/*索引菜单*/
.IndexNav { margin:10px 20px; line-height:150%; }
.IndexNav ul { margin:0 0 10px; }
.IndexNav ul li { font-weight:bold; padding-left:8px; margin:3px 0 5px; }
.IndexNav ul li a { color:#369; border-left:3px solid #039; padding-left:10px; }
.IndexNav ul li dl { margin:0 0 0 20px; }
.IndexNav ul li dl a { border-left:none; }
.IndexNav ul li dl dd { display:block; margin:0 0 0 15px; }
.IndexNav ul li dl em { display:block; margin:0 0 0 25px; }

/*----------- 法律声明 -----------*/
#Statement { width:600px; padding:30px; border:1px solid #eee; margin:80px auto; background:url(../images/img_sm.jpg) no-repeat right top; }
#Statement p { line-height:180%; padding:2px; }