﻿@charset "utf-8";
/* CSS Document 
   Design by www.east.net
   Author SiLuying
   Date 2014-3-18
   
   注意事项:
   css样式以类别选择器为主
   层次结构要清晰,级别深度控制在三层以内
   样式命名规则为小写,可结合"_"使用
   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)
*/
.left{ float:left;}
.right{ float:right;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden;}
.wrap{ background:url(../images/common/main_bg.jpg) #f7f7f7 repeat-x; background-position-y:468px; min-width:1014px;}

/*头部样式*/
.header{ width:1014px; height:100px; z-index:9999; margin:0 auto; overflow:hidden;}
.header h1.logo{ display:block; width:400px; height:100px; float:left;}
.header h1.logo a{ display:block; width:400px; height:100px; background:url(../images/common/logo.jpg) no-repeat; text-indent:-9999px;}
.header a.email{ display:block; width:64px; height:24px; background:url(../images/common/email_btn.jpg) no-repeat; float:right; margin:35px 10px;}
.header form.search{ display:block; height:26px; margin:34px 0; float:right;}
.header form.search input.text{ display:block; width:132px; height:22px; line-height:22px; color:#6e6b6b; padding-left:4px; border:1px solid #b7d0e5; background:#f7f7f7; margin-right:5px; margin-top:1px; float:left;}
.header form.search input.button{ display:block; width:52px; height:26px; border:1px solid #f7f7f7; background:url(../images/common/search_btn.jpg) no-repeat; float:left; cursor:pointer;}

/*导航样式*/
.nav{ width:100%; min-width:1014px; height:38px; display:block; background:url(../images/common/nav_bg.jpg) repeat-x;}
.nav ul{ display:block; width:1014px; height:38px; z-index:9999; margin:0 auto; overflow:hidden;}
.nav ul li{ display:block; height:38px; float:left; overflow:hidden;}
.nav ul li span{ display:block; width:1px; height:38px; background:url(../images/common/nav_line.jpg) no-repeat; float:left; overflow:hidden;}
.nav ul li a{ display:block; width:144px; height:38px; line-height:38px; color:#fff; font-size:14px; font-family:"微软雅黑"; text-align:center; float:left; overflow:hidden;}
.nav ul li a:hover,
.nav ul li.current a,
.nav ul li.select a{ color:#0080d1; background:#fff;}
/*.nav ul li ul.menuChild{ position:absolute; width:100%; height:auto; left:1px; top:44px; display:none;}
.nav ul li ul.menuChild li{ height:44px; text-align:center; border-top:1px solid #d3d3d3;}
.nav ul li ul.menuChild li a{ color:#333333; font-size:14px; font-weight:bold; font-family:"宋体"; background:#ededed;}
.nav ul li ul.menuChild li a:hover{ color:#e00000; background:#fff;}*/

/*banner样式*/
.banner{ width:100%; min-width:1014px; height:330px; overflow:hidden; position:relative;}
.banner .img{ width:1920px; height:330px; overflow:hiden; position:absolute; margin-left:-960px; left:50%;}
.banner .img img{ display:block; width:auto; height:auto; max-width:1920px; max-height:330px; margin:0 auto;}

/*footer样式*/
.footer{ width:100%; min-width:1014px; height:36px; overflow:hidden; padding:10px 0; background:#2399e4;}
.footer p{ display:block; width:1014px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; margin:0 auto;}

/*主体样式*/
.main{ width:1014px; height:auto; margin:24px auto 10px; overflow:hidden;}

/*左侧样式*/
.leftCon{ width:236px; height:auto; overflow:hidden; margin-right:64px;}
.leftCon h2{ display:block; height:40px; background:url(../images/common/left_title_bg.png) no-repeat; padding-top:14px;}
.leftCon h2 strong{ display:block; height:40px; line-height:40px; color:#fff; font-size:18px; font-weight:normal; text-align:center; font-family:"黑体";}
.leftCon ul.list{ display:block; width:220px; overflow:hidden; margin:0 auto; background:url(../images/common/left_list_bottom.png) bottom center no-repeat; padding-bottom:14px;}
.leftCon ul.list li{ display:block; height:35px; background:#e2e2e2;}
.leftCon ul.list li.blank{ height:15px;}
.leftCon ul.list li a{ display:block; height:35px; line-height:35px; color:#0a0a0a; font-size:14px; text-align:center;}
.leftCon ul.list li a:hover,
.leftCon ul.list li.current a{ color:#fefbfb; background:url(../images/common/left_list_cur.png) center no-repeat;}
/*.leftCon ul.list li ul.subList{ display:none; padding:0;}
.leftCon ul.list li.current ul.subList li{ height:auto;}
.leftCon ul.list li.current ul.subList li a,
.leftCon ul.list li.current ul.subList li a{ min-height:61px; height:auto; color:#333333; padding-left:48px; background:url(../images/common/left_sub_list.jpg) #ededed left top no-repeat; font-weight:normal;}
.leftCon ul.list li.current ul.subList li a:hover,
.leftCon ul.list li.current ul.subList li.current a{ color:#e00000; background:url(../images/common/left_sub_cur.jpg) #fff left top no-repeat;}*/
.leftCon .contact{ width:236px; height:164px; background:url(../images/common/left_contact_bg.png) no-repeat; margin-top:12px;}
.leftCon .contact h2{ display:block; height:32px; line-height:32px; color:#0885d5; font-size:17px; font-weight:normal; background:none; padding:14px 0 0 18px;}
.leftCon .contact h2 span{ color:#a1a1a1; font-size:18px; margin-left:4px; letter-spacing:-1px;}
.leftCon .contact .info{ height:96px; line-height:24px; color:#1e1e1e; font-size:12px; overflow:hidden; padding:0 19px;}

/*右侧样式*/
.rightCon{ width:714px; height:auto; overflow:hidden;}
.rightCon p.title{ height:30px; line-height:30px; background:url(../images/common/right_title_bg.png) bottom center no-repeat; padding:6px 0 1px;}
.rightCon p.title a{ height:30px; line-height:30px; color:#252525; font-size:14px;}
.rightCon p.title span{ height:30px; line-height:30px; color:#252525; font-size:14px; padding:0 6px;}
.rightCon p.title strong{ color:#0885d5; font-size:18px; font-weight:normal;}

/*内容样式*/
.rightCon .attr{ height:auto; min-height:400px; line-height:30px; color:#333333; font-size:14px; font-weight:normal; padding:16px;}
.rightCon .attr img{ width:expression(100%?100%) true; max-width:90%; height:auto;}
.rightCon .attr h3{ min-height:38px; line-height:38px; color:#454545; font-size:20px; text-align:center; font-weight:normal; padding-top:16px;}
.rightCon .attr p.mark{ height:30px; line-height:30px; color:#727272; font-size:12px; text-align:center; padding-bottom:20px;}
.rightCon .attr .article{ min-height:280px; line-height:30px; color:#333333; font-size:14px; font-weight:normal;}
.rightCon .attr .change{ padding:12px 6px 0;}
.rightCon .attr .change p{ display:block; height:30px; line-height:30px; color:#1693e3; font-size:14px;}
.rightCon .attr .change p a{ height:30px; line-height:30px; color:#333333;}
.rightCon .attr .change p a:hover{ text-decoration:underline;}

.rightCon .attr .pro{ height:208px; margin:20px 0 36px;}
.rightCon .attr .pro img{ display:block; width:300px; height:200px; padding:3px; border:1px solid #0885d5; float:left;}
.rightCon .attr .pro h3{ display:block; width:300px; height:auto; max-height:180px; line-height:36px; color:#0a0a0a; font-size:18px; font-weight:normal; text-align:left; float:left; margin:0 20px 0 36px; overflow:hidden;}

/*分页样式*/
.attr div.pages,.attr .pages span{ height:42px; line-height:42px; text-align:center; color:#060606; font-size:14px;}
.attr .pages a{ height:42px; line-height:42px; color:#060606; font-size:14px; margin:0 5px;}
.attr .pages a:hover{ text-decoration:underline;}
.attr .pages a.currentpage{ color:#1593e3;}
.attr .pages span{ margin:0 5px;}

/*列表样式*/
.rightCon ul.newsList{ display:block; height:auto; min-height:240px;}
.rightCon ul.newsList li{ display:block; height:42px; padding:0 10px; border-bottom:1px dashed #d2d2d2;}
.rightCon ul.newsList li a{ display:block; max-width:432px; height:42px; line-height:42px; color:#3e3e3e; font-size:14px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/common/right_list_mark.png) left center no-repeat; padding-left:12px;}
.rightCon ul.newsList li a:hover{ color:#1593e3;}
.rightCon ul.newsList li span{ display:block; height:42px; line-height:42px; color:#3e3e3e; font-size:14px; float:right;}

/*产品列表样式*/
.rightCon ul.proList{ display:block; height:auto; min-height:400px; margin:0 -16px;}
.rightCon ul.proList li{ width:208px; height:auto; background:none; float:left; margin:0 15px 4px; overflow:hidden;}
.rightCon ul.proList li a.pic{ display:block; width:200px; height:134px; padding:3px; background:#fff; border:1px solid #0885d5;}
.rightCon ul.proList li a.pic img{ display:block; width:200px; max-width:none; height:134px;}
.rightCon ul.proList li a.title{ display:block; height:36px; line-height:36px; color:#0a0a0a; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*招聘列表样式*/
.rightCon .recruitList{ height:auto; min-height:320px;}
.rightCon .recruitList table{ width:100%; border-top:1px solid #cccccc;}
.rightCon .recruitList table thead tr{ border-bottom:1px solid #cccccc;}
.rightCon .recruitList table thead tr td{ height:46px; line-height:46px; color:#262626; font-size:14px; text-align:center;}
.rightCon .recruitList table tbody tr{ border-bottom:1px dashed #cccccc;}
.rightCon .recruitList table tbody tr td{ height:46px; line-height:46px; color:#565656; font-size:14px; text-align:center;}
.rightCon .recruitList table tbody tr td a{ color:#565656;}
.rightCon .recruitList table tbody tr td a:hover{ text-decoration:underline;}

.rightCon .attr h3.recruit{ font-size:17px; text-align:left;}
.rightCon .attr p.recruit{ color:#333333; font-size:15px; text-align:left;}

/*QQ客服*/
.qq{ width:111px; height:auto; position:fixed; _position:absolute; right:10px; _right:10px; top:228px; z-index:9999;}
.qq .top{ width:111px; height:84px; background:url(../images/icons/qq_top.png) no-repeat;}
.qq .bottom{ width:111px; height:22px; background:url(../images/icons/qq_bottom.png) no-repeat;}
.qq .list{ height:auto; overflow:hidden; border:solid #0567cc; border-width:0 1px; background:#fff;}
.qq .list a{ display:block; width:81px; height:24px; background:url(../images/icons/qq_btn.jpg) no-repeat; margin:0 auto 8px;}






/**/