@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; background:#fff; min-width:1200px; position:relative; overflow:hidden;}

/*头部样式*/
.header{ width:1048px; height:auto; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-524px; z-index:9999;}
.header h1.logo{ display:block; width:242px; height:114px; float:left;}
.header h1.logo a{ display:block; width:100%; height:100%; background:url(../images/common/logo.png) center no-repeat; text-indent:-9999em;}
.header p.link{ display:block; height:32px; line-height:32px; color:#fff; padding:0 2px; float:right; margin:32px 18px 0 300px;}
.header p.link span{ margin:0 10px;}
.header p.link a{ color:#fff;}
.header p.link a:hover{ color:#31a3ec;}
.header form.search{ display:block; float:right; margin:0 18px 0 300px;}
.header form.search input.txt{ display:block; width:164px; height:24px; line-height:24px; color:#888888; padding:0 8px; background:#fff; border:2px solid #31a3ec; float:left;}
.header form.search input.btn{ display:block; width:52px; height:28px; color:#fff; text-align:center; background:#31a3ec; border:0; cursor:pointer; float:left;}

/*导航样式*/
.nav{ width:1048px; background:url(../images/common/nav_bg.png) center repeat-x; border-radius:5px; position:absolute; top:114px; left:50%; margin-left:-524px; z-index:9999;}
.nav ul{ display:block; height:38px; margin:0 5px;}
.nav ul li{ display:block; width:150px; height:38px; float:left; position:relative; z-index:9999;}
.nav ul li:first-child{ width:138px;}
.nav ul li a{ display:block; height:38px; line-height:38px; color:#fff; font-size:16px; text-align:center; text-transform:capitalize; margin:0 4px;}
.nav ul li a:hover{ background:#1592da;}
.nav ul li.cur>a,
.nav ul li.on>a{ background:#1592da;}

.nav ul li ul.subNav{ display:none; width:142px; height:auto; padding:3px 0 0; position:absolute; left:4px; margin:0; top:38px; z-index:9999; background:#31a3ec; overflow:hidden;}
.nav ul li ul.subNav li{ display:block; width:100%; height:auto; overflow:hidden; float:left;}
.nav ul li ul.subNav li a{ display:block; width:100%; height:32px; line-height:32px; color:#fff; font-size:14px; text-align:center; padding:0; margin:0;}
.nav ul li ul.subNav li a:hover{ background:#fff; color:#31a3ec;}


/*banner样式*/
.banner{ width:100%; height:420px;}
 
/*footer样式*/
.footer{ background:#636469 url(../images/common/foot_bg.png) top repeat-x; padding:30px 0 28px; font-weight:normal;}
.footer .foot{ width:1048px; margin:0 auto; overflow:hidden;}
.footer .foot .code{ display:block; float:left; margin-right:36px;}
.footer .foot .code img{ display:block; width:100px; height:100px; float:left; margin:0 18px;}
.footer .foot .code span{ display:block; height:84px; line-height:28px; color:#e0e1e5; float:left; margin-top:8px;}
.footer .foot .txt{ width:720px; height:105px; line-height:26px; color:#e0e1e5; font-size:14px; text-align:right; margin:11px 18px 0 0; float:right; overflow:hidden;}
.footer .foot .txt a{ color:#e0e1e5;}
.footer .foot .txt a:hover{ text-decoration:underline;}

.footer .foot .code{ width:124px;}
.footer .foot .code img{ float:none; margin:0 auto;}
.footer .foot .code span{ float:none; text-align:center; height:auto; line-height:20px;}
.footer .foot .txt{ width:600px; margin-top:28px;}

/*主体样式*/
.main{ width:1000px; height:auto; margin:32px auto; overflow:hidden;}

/*左侧样式*/
.leftCon{ width:226px; height:auto; overflow:hidden; margin-right:22px;}
.leftCon h2{ display:block; border-bottom:5px solid #2b8fcf;}
.leftCon h2 strong{ display:block; height:34px; line-height:34px; color:#fff; font-size:16px; font-weight:normal; font-family:"微软雅黑"; padding:5px 20px 0; background:#31a3ec; border:solid #2b8fcf; border-width:1px 0;}
.leftCon ul.list{ display:block; overflow:hidden; border:1px solid #d9d9d9; border-top:none; margin-bottom:16px;}
.leftCon ul.list li{ display:block; height:auto; overflow:hidden; *float:left; *width:100%; background:url(../images/common/left_list_bg.jpg) bottom repeat-x;}
.leftCon ul.list li a{ display:block; height:38px; line-height:38px; color:#333333; font-size:14px; text-transform:capitalize; padding:0 16px 0 36px; background:url(../images/common/left_list_mark.png) left center no-repeat;}
.leftCon ul.list li a:hover,
.leftCon ul.list li.cur a{ color:#077ed0;}
.leftCon .contact{ min-height:164px; line-height:26px; color:#333333; font-size:12px; background:url(../images/common/left_contact.png) right bottom no-repeat; border:1px solid #d9d9d9; padding:10px 10px 44px;}
.leftCon .contact h3{ display:block; line-height:20px; color:#077ed0; font-size:14px; font-weight:normal; padding:6px 0;}

/*右侧样式*/
.rightCon{ width:752px; height:auto; overflow:hidden; border-bottom:5px solid #e6e8e9;}
.rightCon p.title{ height:35px; line-height:35px; background:url(../images/common/title_bg.png) 12px 17px no-repeat; border:1px solid #dfdfdf; border-bottom:5px solid #e6e8e9; padding:5px 6px 0 34px;}
.rightCon p.title a{ color:#696969;}
.rightCon p.title a:hover{ text-decoration:underline;}
.rightCon p.title span{ color:#696969; padding:0 5px; font-size:13px;}
.rightCon p.title strong{ color:#077ed0; font-size:16px; font-weight:normal;}

/*内容样式*/
.rightCon .attr{ height:auto; min-height:460px; line-height:26px; color:#333333; font-size:13px; font-weight:normal; background:#fff; border:1px solid #dfdfdf; border-top:0; overflow:hidden;}
.rightCon .attr img{ width:expression(100%?100%) true; max-width:100%; height:auto;}
.rightCon .attr h3{ display:block; line-height:36px; color:#333333; font-size:16px; font-weight:normal; text-align:center; margin:10px 20px;}
.rightCon .attr p.mark{ display:block; height:28px; line-height:28px; color:#9b9a9a; text-align:center; border:dotted #c8cedc; border-width:1px 0; background:#f7f7f7; margin:0 20px;}
.rightCon .attr .article{ min-height:280px; line-height:26px; color:#333333; font-size:13px; font-weight:normal; padding:20px;}

.rightCon .change{}

/*页码样式*/
.pages{ text-align:center; padding:10px 4px 20px; margin:3px;}
.pages a{ color:#0081e1; padding:3px 8px; background-position:50% bottom; border:1px solid #bababa; margin:3px 3px 0 0;}
.pages a:active,
.pages a:hover{ color:#31a3ec; border:1px solid #31a3ec;}
.pages span.current{ color:#31a3ec; font-weight:bold; padding:2px 6px; margin-right:3px;}
.pages span.disabled{ color:#adaaad; font-weight:bold; padding:2px 6px; margin-right:3px;}

/*产品列表*/
.rightCon .attr ul.product{ display:block; overflow:hidden; padding:20px 9px 0;}
.rightCon .attr ul.product li{ display:block; float:left; margin:0 12px 10px;}
.rightCon .attr ul.product li a.pic{ display:block; width:220px; height:166px;}
.rightCon .attr ul.product li a.pic img{ display:block; width:218px; height:164px; border:1px solid #cccccc;}
.rightCon .attr ul.product li a.name{ display:block; width:220px; height:36px; line-height:36px; color:#212121; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rightCon .attr ul.product li a.name:hover{ color:#0081e1;}

/*新闻列表*/
.rightCon .attr ul.news{ display:block; overflow:hidden; padding:10px 14px;}
.rightCon .attr ul.news li{ display:block; height:36px; line-height:36px; font-size:13px; border-bottom:1px dashed #dfdfdf; background:url(../images/common/right_list_bg.png) left center no-repeat; padding:0 10px 0 14px;}
.rightCon .attr ul.news li a{ display:block; max-width:500px; color:#2e2e2e; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rightCon .attr ul.news li a:hover{ color:#0081e1;}
.rightCon .attr ul.news li span{ display:block; color:#888888; float:right;}

/*报名留言*/
.rightCon form.msg{ display:block; height:auto; overflow:hidden; padding:30px 40px;}
.rightCon form.msg p{ display:block; min-height:32px; line-height:32px; color:#252525; font-size:14px; padding:6px 0; overflow:hidden;}
.rightCon form.msg p img{ display:block; width:auto; height:32px; float:left; cursor:pointer;}
.rightCon form.msg p label{ display:block; width:4em; height:32px; line-height:32px; color:#6e6e6e; text-align:right; float:left; padding:0 14px 0 0;}
.rightCon form.msg p input.text{ display:block; width:312px; height:30px; line-height:30px; color:#666666; font-size:14px; border:1px solid #cccccc; padding-left:4px; float:left;}
.rightCon form.msg p textarea{ display:block; width:524px; height:160px; line-height:42px; color:#252525; font-size:14px; border:1px solid #cccccc; padding:0 4px; float:left; resize:none;}
.rightCon form.msg p font{ display:block; width:10px; height:32px; line-height:38px; color:#ea5504; font-size:20px; padding:0 10px; float:left;}
.rightCon form.msg p.button{ text-align:center; padding:20px 0;}
.rightCon form.msg p input.btn{ display:inline-block; width:116px; height:36px; line-height:36px; font-size:18px; text-align:center; border:none; margin:0 27px; cursor:pointer; color:#fff;}
.rightCon form.msg p input.btn{ *display:inline;}
.rightCon form.msg p input.submit{ background:#077ed0;}
.rightCon form.msg p input.reset{ background:#a1a1a1;}

























/**/