﻿@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{ width:100%; -moz-user-select: none;}
.nav ul li ul.menuChild{ display:none;}
input.button{ display:block; cursor:pointer;}

/*头部样式*/
.header{ width:100%; min-width:1020px; height:486px; margin:0 auto;}
.logo{ width:1020px; height:96px; margin:0 auto;}
.logo h1{ width:422px; height:95px; background:url(../images/common/logo.jpg) no-repeat; display:block}
.logo h1 a{ display:block; float:left; width:422px; height:95px; text-indent:-9999px;}
.links{ width:412px; height:96px;}
.links ul{ height:40px; float:right; padding-left:10px;}
.links ul li{ height:40px; float:left;}
.links ul li.search_li{ position:relative;}
.links ul li.search_li div.search_input{ width:148px; height:18px; position:absolute; top:34px; left:-4px; display:none;}
.links ul li.search_li div.search_input form{ width:148px; height:18px; border:1px solid #cfcfcf;}
.links ul li.search_li div.search_input input.text{ width:131px; height:18px; line-height:18px; border:none; float:left;}
.links ul li.search_li div.search_input input.button{ width:13px; height:12px; margin:3px 2px; float:left;}
.links ul li a{ height:40px; line-height:40px; color:#777777;}
.links ul li a:hover{ color:#0090dc;}
.links ul li span{ padding:0 6px; color:#777777;}
.links ul li img{ padding:10px 0;}
.links ul li.link a{ float:left; width:20px; height:20px; text-indent:-9999px; margin:10px 0 10px 5px; padding:0;}

li#li_login{ margin-right:4px;}
li#li_login a{ margin-left:4px;}


/*登陆注册*/
.box{ width:572px; height:431px; z-index:100; position:absolute; left:50%;}
.box a.close{ position:absolute; top:32px; right:23px; width:15px; height:12px;}

.loginBox{ width:572px; height:431px; margin:100px auto 0; *margin-top:100px; background:url(../images/icons/loginBox-bg.png) bottom center no-repeat; overflow:hidden; position:relative;}
form.login{ width:380px; margin:0 auto; padding-top:140px;}
form.login p{ height:40px; margin-bottom:8px;}
form.login p label{ height:40px; line-height:40px; color:#555555; font-size:14px; float:left;}
form.login p input{ width:300px; height:30px; line-height:30px; font-size:14px; color:#555555; float:left;}
form.login p label.check{ height:40px; line-height:40px; color:#555555; font-size:14px;}
form.login p input.check{ width:20px; height:40px; line-height:40px; margin-right:2px; margin-left:63px;}
form.login p a{ height:40px; line-height:40px; font-size:14px; float:right;}
form.login p input.button{ width:209px; height:39px; float:right; background:url(../images/icons/login_btn_bg.jpg) no-repeat; border:none; text-indent:-9999px; margin-right:10px; cursor:pointer;}

#TB_overlayBG{ background-color:#000; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:100%; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7;}


/*导航样式*/
.nav{ min-width:1020px; width:100%; height:46px; background:url(../images/common/nav_bg.png) repeat-x; position:absolute; top:96px; left:0; z-index:10;}
.nav ul{ width:1020px; height:46px; margin:0 auto;}
.nav ul li{ float:left; width:145px; height:46px; position:relative; z-index:10; text-align:center; cursor:pointer;}
.nav ul li a{ height:46px; line-height:42px; font-size:16px; font-family:"微软雅黑"; color:#fff;}
.nav ul li a:hover{ color:#13a73c;}
.nav ul li ul.menuChild{ position:absolute; width:145px; height:auto; left:0; top:40px;}
.nav ul li ul.menuChild li{ width:145px; height:40px; text-align:center; border-bottom:1px solid #000; float:none; background: url(../images/common/nav_child_bg.png) repeat-x;}
.nav ul li ul.menuChild li a{ height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;}

/*banner样式*/
.banner{ min-width:1020px; width:100%; height:390px; position:relative;}
.bannerImg{ min-width:1020px; width:100%; height:390px; overflow:hidden;}
.bannerImg li{ width:100%; min-width:1600px; height:390px; text-align:center;}
.bannerImg li a{ display:block; height:390px; text-align:center;}
.bannerImg li a img{ min-width:1600px; height:390px; margin:0 auto;}
.bannerBtn{ height:16px; position:absolute; bottom:26px; right:20%; float:right; z-index:10;}
.bannerBtn a{ width:16px; height:16px; background:url(../images/common/banner_btn_bg.png) no-repeat; text-indent:-9999px; margin-left:12px; float:left;}
.bannerBtn a.activeSlide{ background:url(../images/common/banner_btn_bg_cur.png) no-repeat;}
.bannerBtn a:hover{ background:url(../images/common/banner_btn_bg_cur.png) no-repeat;}

/*footer样式*/
.footer{ width:100%; min-width:1020px; height:64px; margin:0 auto; border-top:6px solid #0190dc; background-color:#e1e1e1;}
.footerCon{ width:1020px; height:64px; margin:0 auto;}
.footer p{ height:64px; line-height:64px; color:#323232; text-align:left; float:left}
.footer p img{ padding:26px 6px;}
.footer p span.support{ color:#017cd9;}
.footer select{ width:140px; height:20px; margin:22px 0; float:right;}
.footer a{ display:block; width:20px; height:20px; margin:22px 10px; float:left;}

/*内容样式*/
.main{ width:1020px; height:auto; min-height:600px; margin:0 auto; background:#efefef; overflow:hidden;}

/*左侧样式*/
.leftCon{ width:200px; height:auto; min-height:600px; float:left; overflow:hidden;}
.leftCon h2{ display:block; width:180px; height:106px; margin:30px 10px 0; text-indent:-9999px;}
.leftCon h2.about{ background:url(../images/icons/about_title_bg.jpg) no-repeat;}
.leftCon h2.news{ background:url(../images/icons/news_title_bg.jpg) no-repeat;}
.leftCon h2.product{ background:url(../images/icons/product_title_bg.jpg) no-repeat;}
.leftCon h2.service{ background:url(../images/icons/service_title_bg.jpg) no-repeat;}
.leftCon h2.message{ background:url(../images/icons/message_title_bg.jpg) no-repeat;}
.leftCon h2.contact{ background:url(../images/icons/contact_title_bg.jpg) no-repeat;}
.leftCon h2.personal{ background:url(../images/icons/personal_title_bg.jpg) no-repeat;}
.leftCon h2.search{ background:url(../images/icons/search_title_bg.jpg) no-repeat;}
.leftCon ul.list{ width:180px; min-height:30px; margin:0 10px;}
.leftCon ul.list li{ width:180px; height:30px; line-height:30px; background:url(../images/common/left_list_bg.jpg) left #d0d3d8 no-repeat; margin-top:1px;}
.leftCon ul.list li a{ height:30px; line-height:30px; color:#333331; padding-left:24px; display:block;}
.leftCon ul.list li.current{ background:url(../images/common/left_list_bg_cur.jpg) #14a73d left no-repeat;}
.leftCon ul.list li.current a{ color:#fff; font-weight:bold;}
.leftCon ul.list li ul.menuList li{ height:30px; background:none;}
.leftCon ul.list li ul.menuList li a{ height:30px; line-height:30px; color:#333333; font-weight:normal;}
.leftCon ul.list li ul.menuList li.current a{ color:#11a73b;}
.leftCon ul.contactBox{ width:180px; height:auto; margin:30px 10px 0;}
.leftCon ul.contactBox li{ line-height:24px; color:#626161;}
.leftCon ul.contactBox li a.message{ width:180px; height:71px; background:url(../images/common/sub_message_bg.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom:10px;}
.leftCon ul.contactBox li a.contact{ width:180px; height:71px; background:url(../images/common/sub_contact_bg.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom:10px;}

/*右侧样式*/
.rightCon{ width:800px; height:auto; min-height:600px; padding-left:20px; float:left; background:#fff;}
.rightCon p.title{ width:800px; height:34px; line-height:34px; margin-top:30px; border-bottom:1px solid #d0d4d8;}
.rightCon p.title a{ color:#666666;}
.rightCon p.title span{ height:34px; line-height:34px; color:#666666; padding:0 3px;}
.rightCon p.title strong{ color:#0090dc;}
.rightCon .attr{ height:auto; line-height:26px; color:#646464; font-size:12px; font-weight:normal; padding:10px 15px;}

/*内容样式*/
.rightCon .attr{ height:auto; line-height:26px; color:#646464; font-size:12px; font-weight:normal; padding:10px 15px;}
.rightCon .attr img{ width:expression(100%?100%) true; max-width:100%; height:auto; margin:0 auto; padding:4px 0; display:block;}
.rightCon img.title{ margin:0 auto; padding:10px 0 0; display:block;}
.rightCon .attr p,.rightCon .attr span,.rightCon .attr a{ line-height:26px; color:#646464;}
.rightCon .attr h3{/* height:30px; */line-height: 25px;font-size:16px;text-align:center;margin: 7px 0;}
.rightCon .attr p.mark{ text-align:center; padding-bottom:10px; border-bottom:1px dashed #b4b3b3; margin-bottom:20px;}
.rightCon .attr .article{ min-height:360px; margin-bottom:20px;}
.rightCon .attr .change{ border-top:1px dashed #b4b3b3; padding:20px 0;}
.rightCon .attr .change a:hover{ text-decoration:underline;}

/*列表样式*/
.rightCon ul.list{ margin:6px 20px 0;}
.rightCon ul.list li{ height:35px; padding-right:8px; border-bottom:1px dashed #d2d3d7;}
.rightCon ul.list li a{ height:30px; line-height:30px; color:#666666; background:url(../images/common/right_list_bg.jpg) left top no-repeat; padding-left:20px; float:left;}
.rightCon ul.list li a:hover{ color:#008fdd; background:url(../images/common/right_list_bg_cur.jpg) left top no-repeat; font-weight:bold;}
.rightCon ul.list li span{ height:30px; line-height:30px; color:#666666; float:right;}
.rightCon .pages{ color:#444444; height:40px; line-height:40px; text-align:center; margin:20px 0;}
.rightCon .pages a{ height:40px; line-height:40px; text-align:center; margin:20px 0; color:#444444; padding:0 4px;}

/*搜索列表样式*/
ul.search_list{ min-height:528px;}
ul.search_list li{ min-height:54px; padding: 0 14px 10px; background:url(../images/common/list_bg.jpg) left top no-repeat;}
ul.search_list li a{ height:30px; line-height:30px; font-size:14px; color:#333333;}
ul.search_list li a strong{ padding:0;}
ul.search_list li a:hover{ text-decoration:underline;}
ul.search_list li p{ min-height:24px; line-height:24px;}
ul.search_list li p span{ color:#333333;}