﻿@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;}
body{ background:url(../images/common/logo_bg.jpg) repeat;}

/*头部样式*/
.header{ width:100%; min-width:1000px; height:96px; background:url(../images/common/head_bg.jpg) repeat-x; border-bottom:1px solid #d6d6d6;}
.head{ width:1000px; height:96px; margin:0 auto;}
.head h1.logo{ width:520px; height:96px; background:url(../images/common/logo.jpg) no-repeat; display:block;}
.head h1.logo a{ display:block; float:left; width:520px; height:96px; text-indent:-9999px;}
.head p.link{ display:block; width:auto; height:48px; line-height:48px; text-align:right; padding-right:20px;}
.head p.link a{ color:#5f5f5f;}
.head p.link span{ padding:0 6px; color:#5f5f5f;}
.head form.search{ display:block; width:224px; height:24px; overflow:hidden; padding:13px 20px 0 0;}
.head form.search input.text{ display:block; width:146px; height:18px; line-height:18px; color:#a6a6a6; padding-left:4px; background:url(../images/common/search_text.jpg) repeat-x; border:1px solid; border-color:#dedede #d0d0d0 #acacac; float:left; margin:1px 4px 0 0;}
.head form.search input.button{ display:block; width:68px; height:24px; background:url(../images/common/search_btn.jpg) no-repeat; border:none; float:left;}

/*导航样式*/
.nav{ width:auto; *width:460px; height:24px; display:block; margin-top:16px;}
.nav ul{ width:auto; height:24px;}
.nav ul li{ float:left; width:auto; height:24px; position:relative; z-index:9999; display:block; padding:0;}
.nav ul li a{ height:24px; line-height:22px; color:#272727; *font-size:14px; font-size:14px; font-family:"微软雅黑"; display:block; float:left;}
.nav ul li span{ display:block; width:10px; height:24px; float:left;}
.nav ul li a:hover,
.nav ul li.current a,
.nav ul li.select a{ color:#fff; background:url(../images/common/nav_bg.jpg) top repeat-x;}
.nav ul li.current span.leftbg,
.nav ul li.select span.leftbg{ background:url(../images/common/nav_bg_left.jpg) no-repeat;}
.nav ul li.current span.rightbg,
.nav ul li.select span.rightbg{ background:url(../images/common/nav_bg_right.jpg) no-repeat;}

/*.nav ul li ul.menuChild{ position:absolute; width:100%; height:auto; left:5px; top:36px; border:solid #dee3e7; border-width:0px 1px; display:none; background:#f2f2f2; padding:0;}
.nav ul li ul.menuChild li{ width:auto; height:32px; text-align:center; float:none; padding:2px 0;}
.nav ul li ul.menuChild li a{ height:26px; line-height:26px; text-align:center; font-size:12px; font-weight:normal; color:#545454; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0;}
.nav ul li ul.menuChild li a:hover{ background:#e4e4e4;}*/

/*banner样式*/
.banner{ width:100%; min-width:1000px; height:388px; background:url(../images/common/banner_bg.jpg) top repeat-x; overflow:hidden;}
.bannerImg{ width:1000px; height:368px; overflow:hidden; padding-bottom:20px; margin:0 auto; background:url(../images/common/banner_bottom_bg.jpg) left bottom no-repeat;}
.bannerImg li{ display:block; width:1000px; height:368px;}
.bannerImg li img{ display:block; width:1000px; height:368px;}
.bannerBtn{ display:none;}

/*footer样式*/
.footer{ width:1000px; height:54px; line-height:54px; background:#575654; text-align:center; margin:0 auto;}
.footer span{ height:54px; line-height:54px; color:#fff; display:inline-block;}
.footer select{ width:140px; height:20px; margin-left:14px; display:inline-block; text-align:center;}
.footer select option{ text-align:center;}

/*内容样式*/
.main{ width:1000px; height:auto; margin:16px auto 0; overflow:hidden; background:url(../images/common/main_bg.jpg) bottom repeat-x;}

/*左侧样式*/
.leftCon{ width:220px; height:auto; overflow:hidden; margin:0 8px 0 10px;}
.leftCon h2{ display:block; width:134px; height:70px; line-height:80px; color:#fff; font-size:22px; font-weight:normal; font-family:"微软雅黑"; padding-left:86px; background:url(../images/common/left_title.jpg) no-repeat;}
.leftCon ul.list{ width:auto; padding:4px 9px 0; background:#044c9e; border:1px solid #044c9e; border-top:none; border-radius:0 0 6px 6px; display;block; overflow:hidden;}
.leftCon ul.list li{ height:auto; min-height:30px; margin-bottom:8px; display;block;}
.leftCon ul.list li a{ height:28px; line-height:28px; color:#19262f; font-size:14px; border:1px solid #d5e5f4; border-radius:5px; background:url(../images/common/left_list_bg.jpg) #d5e5f4 178px -1px no-repeat; padding-left:16px; display:block;}
.leftCon ul.list li a:hover,
.leftCon ul.list li.current a{ color:#0157a2;}

/*.leftCon ul.list li ul.subList{ padding-top:6px; display:none;}
.leftCon ul.list li ul.subList li{ height:20px; margin:0; padding-left:16px; min-height:20px;}
.leftCon ul.list li ul.subList li a{ height:20px; line-height:20px; color:#fff; font-size:12px; background:url(../images/common/left_sublist_bg.jpg) #044c9e top left no-repeat; padding-left:12px; border:none; font-weight:normal;}
.leftCon ul.list li ul.subList li a:hover{text-decoration:underline;}
.leftCon ul.list li ul.subList li.current a{ font-weight:bold;}*/

.leftCon .contact{ min-height:132px; padding:110px 0 72px 5px; background:url(../images/common/left_contact.jpg) center top no-repeat; margin-top:10px;}
.leftCon .contact p{ min-height:24px; line-height:24px; color:#232429;}

/*右侧样式*/
.rightCon{ width:750px; height:auto; background:url(../images/common/right_bg.jpg) left top no-repeat; padding-left:4px; float:left;}

/*标题样式*/
.rightCon p.title{ display:block; height:26px; line-height:26px; border-bottom:1px solid #19589f; padding:0 4px;}
.rightCon p.title strong{ height:26px; line-height:26px; color:#19589f; font-size:16px;}
.rightCon p.title a{ height:26px; line-height:26px; color:#212025;}
.rightCon p.title span{ height:26px; line-height:26px; color:#212025; padding:0 8px;}

/*列表样式*/
.rightCon ul.list{ height:auto; min-height:320px;}
.rightCon ul.list li{ height:48px; background:url(../images/common/news_list_bg.jpg) left top no-repeat; padding:0 12px 0 20px; border-bottom:1px dashed #d5d5d5;}
.rightCon ul.list li a{ height:48px; line-height:48px; color:#252527; font-size:12px; float:left;}
.rightCon ul.list li a:hover{ text-decoration:underline;}
.rightCon ul.list li span{ height:48px; line-height:48px; color:#252527; font-size:12px; float:right;}

/*分页样式*/
.rightCon .pages{ color:#050505; height:40px; line-height:40px; text-align:center; font-size:12px; margin:20px 0;}
.rightCon .pages a{ color:#050505; font-size:12px; padding:0 2px;}
.rightCon .pages a:hover{ text-decoration:underline;}
.rightCon .pages font{ padding:0 4px; font-size:12px; color:#35519f;}

/*产品列表样式*/
.rightCon ul.proList{ height:auto; min-height:320px; padding:10px 0 0;}
.rightCon ul.proList li{ display:block; width:204px; height:198px; float:left; padding:0 15px 6px;}
.rightCon ul.proList li a.pic{ display:block; width:204px; height:154px;}
.rightCon ul.proList li a.pic img{ display:block; width:200px; height:150px; padding:1px; border:1px solid #e3e3e3;}
.rightCon ul.proList li a.title{ display:block; width:204px; height:44px; line-height:44px; color:#030303; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rightCon ul.proList li a.title:hover{ text-decoration:underline;}

/*内容样式*/
.rightCon .attr{ height:auto; min-height:320px; line-height:30px; color:#232325; font-weight:normal; padding:20px 24px;}
.rightCon .attr div{ line-height:30px; color:#232325; font-weight:normal;}
.rightCon .attr img{ width:expression(100%?100%) true; max-width:100%; height:auto; padding:10px 0; margin:0 auto; display:block;}
.rightCon .attr h3{ min-height:52px; line-height:52px; font-size:16px; text-align:center; color:#000;}
.rightCon .attr p.mark{ height:48px; line-height:48px; text-align:center; margin-bottom:20px; color:#727272;}
.rightCon .attr .article{ min-height:360px; margin-bottom:18px; color:#232325;}
.rightCon .attr .change{ padding:20px 0;}
.rightCon .attr .change a:hover{ text-decoration:underline;}


