﻿@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:#fdfdfd;}

/*头部样式*/
.header{ width:100%; min-width:950px; height:109px; background:#fdfdfd;}

.logo{ width:950px; height:67px; margin:0 auto;}
.logo h1{ width:256px; height:67px; background:url(../images/common/logo.jpg) no-repeat; display:block;}
.logo h1 a{ display:block; float:left; width:256px; height:67px; text-indent:-9999px;}

/*导航样式*/
.nav{ width:100%; min-width:950px; height:42px; background:url(../images/common/nav_bg.jpg) repeat-x;}
.nav ul{ width:950px; height:42px; margin:0 auto;}
.nav ul li{ float:left; height:42px;}
.nav ul li a{ height:42px; line-height:42px; font-size:14px; color:#fff; padding:0 18px; float:left;}
.nav ul li a:hover{ color:#fdf566; background:url(../images/common/nav_bg_cur.jpg) bottom center no-repeat;}
.nav ul li span{ float:left; width:12px; height:42px; line-height:42px; background:url(../images/common/nav_line.png) no-repeat;}
.nav ul li.search{ float:right;}
.nav ul li.search form{ width:auto; height:42px; overflow:hidden;}
.nav ul li.search form input.search{ width:146px; height:23px; line-height:23px; padding-left:32px; border:1px solid #919296; background:url(../images/common/search_bg.jpg) #2f3034 center left no-repeat; color:#fff; margin-top:7px;}
.nav ul li.search form input.button{ width:65px; height:19px; margin-top:10px; margin-left:8px; border:none; background: url(../images/common/search_btn_bg.jpg) no-repeat; text-indent:-9999px; cursor:pointer;}

/*banner样式*/
.banner{ width:100%; min-width:950px; height:406px; background:url(../images/common/banner_bg.jpg) top repeat-x; position:relative; overflow:hidden;}
.bannerImg{ width:950px; height:368px; overflow:hidden; background:url(../images/common/banner_bottom_bg.jpg) bottom center no-repeat; padding-bottom:27px; margin:11px auto 0;}
.bannerImg li{ width:950px; height:368px;}

/*footer样式*/
.footer{ width:100%; min-width:950px; height:96px; margin-bottom:8px; background:url(../images/common/footer_bg.jpg) top center no-repeat; overflow:hidden;}
.footer p{ height:96px; line-height:96px; color:#04327f; text-align:center;}

/*内容样式*/
.main{ width:950px; height:auto; margin:0 auto;}

/*左侧样式*/
.leftCon{ width:209px; height:auto; min-height:355px; padding:0 7px;}
.leftCon h2{ display:block; width:209px; height:43px; line-height:43px; text-indent:-9999px;}
.leftCon h2.about{ background:url(../images/icons/about_title_bg.png) no-repeat;}
.leftCon h2.product{ background:url(../images/icons/product_title_bg.png) no-repeat;}
.leftCon h2.quality{ background:url(../images/icons/quality_title_bg.png) no-repeat;}
.leftCon h2.news{ background:url(../images/icons/news_title_bg.png) no-repeat;}
.leftCon h2.contact{ background:url(../images/icons/contact_title_bg.png) no-repeat;}
.leftCon h2.service{ background:url(../images/icons/service_title_bg.png) no-repeat;}
.leftCon h2.search{ background:url(../images/icons/search_title_bg.png) no-repeat;}
.leftCon ul.list{ width:209px; overflow:hidden;}
.leftCon ul.list li{ height:30px; margin-bottom:3px; background:#bfc7cc; overflow:hidden;}
.leftCon ul.list li a{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#04327b; display:block; background: url(../images/common/index_left_mark1.png) #bfc7cc left no-repeat; padding-left:32px; padding-right:4px;}
.leftCon a.contact{ width:208px; height:73px; display:block; margin:9px auto 14px;}
.leftCon ul.list li a:hover{ background-color:#f3f3f4;}
.select{ width:206px; height:20px; border:1px solid #333333; border-bottom-color:#a2a0a1; border-right-color:#a2a0a1; background:#023665; position:relative; margin:0 auto; cursor:pointer;}
.select input{ width:186px; height:20px; line-height:20px; background:none; text-align:center; border:none; font-size:12px; cursor:pointer; float:left; color:#fff; font-family:Arial;}
.select input.arrow{ width:20px; height:20px; background:url(../images/common/arrow.png) #023665 no-repeat; float:right;}
.select ul{ width:206px; min-height:20px; position:absolute; left:-1px; top:21px; border-width:0px 1px 1px 1px; border-style:solid; border-color:#a2a0a1; background:#fff; display:none;}
.select li{ height:20px; line-height:20px; overflow:hidden; cursor:pointer; text-align:center;}
.select li a{ color:#333333; display:block; padding-right:20px;}
.select li a:hover{ color:#fff; background:#023665;}

/*右侧样式*/
.rightCon{ width:714px; height:auto; float:left; margin-left:12px;}
.rightCon h2{ height:35px; line-height:35px; background:url(../images/common/right_title_bg.jpg) repeat-x; font-size:14px; font-family:Corbel; padding-left:16px;}
.rightCon h2 a{ color:#fff;}
.rightCon h2 a.home{ background:url(../images/common/right_home_bg.jpg) left top no-repeat; padding-left:38px;}
.rightCon h2 span{ color:#fff; padding:0 4px;}
.rightCon .attr{ height:auto; min-height:400px; line-height:26px; font-size:12px; font-weight:normal; padding:30px 18px; font-family:"宋体";}

/*内容样式*/
.rightCon .attr img{ width:expression(100%?100%) true; max-width:100%; height:auto; margin:0 auto; padding:20px 0; display:block;}
.rightCon .attr p,.rightCon .attr span,.rightCon .attr a{ line-height:30px; color:#646464; font-size:14px; color:#2f3034; font-family:"宋体";}
.rightCon .attr h3{ height:52px; line-height:52px; font-size:16px; text-align:center; color:#646464;}
.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; font-size:14px; color:#000; font-family:"宋体";}
.rightCon .attr .change{ padding:20px 0;}
.rightCon .attr .change a:hover{ text-decoration:underline;}

/*地图样式*/
.rightCon .map{ width:625px; height:309px; border:1px solid #c6c6c6; margin:30px auto 10px;}
.rightCon .map img{ margin:0; padding:0;}
.rightCon .map p,.rightCon .map span,.rightCon .map a{ line-height:16px;}
.rightCon #container{ width:619px; height:303px; padding:3px;}
.rightCon #container .BMap_bubble_content{ line-height:20px;}

/*列表样式*/
.rightCon ul.list{ height:480px;}
.rightCon ul.list li{ height:30px; background: url(../images/common/right_list_bg.jpg) left top no-repeat; padding:0 12px 0 20px; border-bottom:1px dashed #d8d8d8;}
.rightCon ul.list li a{ height:30px; line-height:30px; color:#3a3a3a; font-family:"宋体"; font-size:12px; float:left;}
.rightCon ul.list li a:hover{ text-decoration:underline;}
.rightCon ul.list li span{ height:30px; line-height:30px; color:#3a3a3a; font-family:"宋体"; font-size:12px; float:right;}
.rightCon .pages{ color:#3a3a3a; height:30px; line-height:30px; text-align:center; font-family:"宋体"; margin-top:20px;}
.rightCon .pages span{ font-size:14px;}
.rightCon .pages span font{ color:#35519f; padding:0 8px;}
.rightCon .pages a{ font-size:14px; padding:0 2px;}
.rightCon .pages a:hover{ text-decoration:underline;}

/*产品列表样式*/
.main ul.productList{ width:688px; height:582px; margin:0 auto; overflow:hidden;}
.main ul.productList li{ width:203px; height:184px; margin:0 13px 10px; display:inline-block; float:left;}
.main ul.productList li a{ width:203px; height:30px; line-height:30px; text-align:center; color:#2e2d33; font-family:"宋体"; color: #04327b;font-size: 14px; display:block;}
.main ul.productList li a:hover{ color:#35519f; text-decoration:underline;}
.main ul.productList li a.img{ height:154px;}
.main ul.productList li a.img img{ width:199px; height:150px; padding:1px; border:1px solid #e3e3e3;}

/*搜索列表样式*/
.rightCon .attr ul.searchList{ height:auto; min-height:600px; padding-right:30px;}
.rightCon .attr ul.searchList li{ height:88px; background:none; padding-left:12px; margin-bottom:10px;}
.rightCon .attr ul.searchList li a{ height:30px; line-height:30px; color:#000; font-size:14px; display:block; font-weight:bold;}
.rightCon .attr ul.searchList li a strong.skey{ color:#35519f; padding-left:10px;}
.rightCon .attr ul.searchList li div{ height:60px; line-height:30px; color:#000; font-size:12px; overflow:hidden;/* white-space:nowrap; text-overflow:ellipsis;*/}
.rightCon .attr ul.searchList li div strong.skey{ color:#35519f; font-weight:normal; padding-left:0;}
.rightCon .attr .pages a{ color:#000;}
.rightCon .attr .pages a:hover{ color:#35519f;}