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

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

/*头部样式*/
.header{ width:100%; height:86px; overflow:hidden; background:url(../images/common/nav_bg.png) repeat; position:absolute; left:0; top:0; z-index:9999;}
/*
.header{ width:100%; height:76px; overflow:hidden; background:url(../images/common/nav_bg.png) left 12px repeat-x; position:absolute; left:0; top:30px; z-index:9999;}
*/
.header .head{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.header h1.logo{ display:block; width:188px; height:86px; float:left; background:url(../images/common/logo_bg.png) repeat-x; background:none; margin:0 20px; margin:0 9px; width:440px; margin:0;}
.header h1.logo a{ display:block; width:100%; height:100%; background:url(../images/common/logo.png) center no-repeat; text-indent:-9999em;}

/*导航样式*/
#flag{ display:block; width:130px; width:106px; height:5px; background:#0078c1; position:absolute; left:290px; left:458px; bottom:0;}
ul.nav{ display:block; height:50px; margin:13px 0 0; float:right; height:70px; margin:16px 0 0; position:relative;}
ul.nav li{ display:block; width:130px; height:50px; height:70px; float:left; position:relative; z-index:9999; cursor:pointer; width:106px;}
ul.nav li a{ display:block; height:50px; line-height:50px; height:70px; line-height:70px; color:#333; color:#fff; font-size:15px; text-align:center; border-right:1px solid #223b86; border:0;}
ul.nav li a:hover,
ul.nav li.on>a{ background:#79bc38 url(../images/common/nav_cur.png) top repeat-x; background:none; color:#0078c1; border-bottom:5px solid #0078c1;}
ul.nav li.cur>a{ background:#79bc38 url(../images/common/nav_cur.png) top repeat-x; background:none; color:#0078c1;}
ul.nav li ul.subNav{ display:none;}

/*
ul.nav li ul.subNav{ display:none; width:239px; height:auto; position:absolute; left:1px; top:52px; z-index:9999; overflow:hidden; padding-top:10px;}
ul.nav li ul.subNav li{ display:block; width:100%; height:auto; background:url(../images/common/subnav_bg.png) repeat; overflow:hidden; float:left;}
ul.nav li ul.subNav li a{ display:block; width:auto; height:60px; line-height:60px; color:#fff; margin:0 42px; border-top:1px solid #fff; border-radius:0;}
ul.nav li ul.subNav li:first-child a{ border-top:0;}
ul.nav li ul.subNav li a:hover{ background:none; color:#000;}
ul.nav li ul.subNav li.on>a{ background:none; color:#000;}
*/

/* banner */
.banner{ width:100%; height:650px; overflow:hidden; position:relative;}
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ display:block; width:100%; height:650px; zoom:1; vertical-align:middle; display:block;}
.banner .bd a{ display:block; width:100%; height:650px;}
.banner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:14px; z-index:1;}
.banner .hd ul{ width:100%; height:auto; text-align:center; overflow:hidden; zoom:1;}
.banner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; cursor:pointer; background:#ccc; margin:0 3px; border-radius:6px;}
.banner .hd ul li.on{ background:#333;}
 
/*footer样式*/
.footer{ background:#2c3c6d url(../images/common/foot_bg.png) center top no-repeat;}
.footer .foot{ width:1000px; margin:0 auto; overflow:hidden;}
.footer .foot a{ color:#fff;}
.footer .foot a:hover{ text-decoration:underline;}
.footer .foot .code{ overflow:hidden; float:right; padding:48px 0 0;}
.footer .foot .code span{ display:block; height:48px; line-height:24px; color:#fff; font-size:12px; text-align:center; float:left; margin:35px 18px 0;}
.footer .foot .code img{ display:block; width:118px; height:118px; float:left;}
.footer .foot .contact{ width:60%; height:72px; line-height:24px; color:#fff; font-size:14px; padding-top:54px; float:left;}
.footer .foot .copyright{ width:60%; height:54px; line-height:54px; color:#fff; font-size:12px; margin:0 0 40px; float:left;}

/*主体样式*/
.main{ width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.main h2.title{ display:block; height:auto; line-height:30px; color:#000; font-size:20px; text-align:center; background:url(../images/icons/index_title.png) center no-repeat; margin:64px 0 12px;}
.main h2.title strong{ display:block; line-height:42px; font-size:28px;}

/*栏目*/
.main ul.menu{ display:block; margin:0 auto; overflow:hidden;}
.main ul.menu li{ display:block; width:200px; float:left;}
.main ul.menu li a{ display:block; height:40px; line-height:40px; margin:0 1px 1px 0; color:#fff; font-size:14px; text-align:center; background:#2c3c6e;}
.main ul.menu li a:hover{ color:#000; background:#c3e7fd;}

.main .content{ overflow:hidden;}
.main .content h3{ display:block; height:30px; line-height:30px; color:#333; font-size:24px; text-align:center; padding:20px 0 8px;}
.main .content h3.pro{ height:30px; line-height:30px; font-size:18px; padding:12px 0 8px;}
.main .content p.mark{ display:block; height:36px; line-height:36px; color:#666; font-size:13px; text-align:center; border-bottom:1px solid #ccc; padding:0 0 4px; margin:0 0 -20px;}
.main .content img.pro{ display:block; margin:32px auto -20px; padding:7px; border:1px solid #ddd;}
.main .content .article{ min-height:240px; line-height:28px; color:#333; font-size:16px; margin:38px 10px 64px; overflow:hidden;}
.main .content .article img{ max-width:100%;}
.main .content .article *{ line-height:inherit; color:inherit; font-size:inherit;}

/*切换*/
.main .content .change{ border-top:1px solid #ccc; overflow:hidden; padding:0 10px; margin:-36px 0 20px;}
.main .content .change p{ display:block; max-width:48%; line-height:44px; font-size:14px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .content .change p a{ color:#666;}
.main .content .change p a:hover{ color:#000; text-decoration:underline;}

/*页码样式*/
.pages{ text-align:right; font-size:12px; font-weight:bold; height:72px; padding:4px 0 0;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:12px; height:20px; line-height:20px; color:#555; text-align:center; padding:0 7px; background:#f5f5f5; border:1px solid #ddd; border-radius:2px; margin:0 0 0 2px;
	transition:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */
}
.pages a:active,
.pages a:hover{ color:#333; border-color:#c6c6c6; background:#f8f8f8; box-shadow:#ececec 0 1px 1px;}
.pages span{ display:inline-block; *display:inline; *zoom:1; width:26px; height:21px; line-height:20px; color:#555; text-align:center; background:#f9f9f9; border:1px solid #2489ce; border-radius:2px; margin:0 0 0 2px; cursor:default; box-shadow:#999 0 0 1px inset;}
.pages span.disabled{ width:auto; height:20px; padding:0 7px; background:#f5f5f5; border:1px solid #ddd; box-shadow:none;}

/*新闻列表*/
.main .content ul.newsList{ display:block; overflow:hidden; margin:18px 0 26px;}
.main .content ul.newsList li{ display:block; line-height:36px; overflow:hidden; background:url(../images/icons/index_list.jpg) 4px center no-repeat; padding-left:14px; border-bottom:1px dashed #ccc;}
.main .content ul.newsList li a{ display:block; max-width:800px; color:#444; font-size:14px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .content ul.newsList li a:hover{ color:#2c3c6e; text-decoration:underline;}
.main .content ul.newsList li span{ display:block; color:#999; font-size:13px; float:right;}

/*产品列表*/
.main .content ul.proList{ display:block; overflow:hidden; margin:44px 5px 0;}
.main .content ul.proList li{ display:block; width:300px; float:left; margin:0 15px 30px;}
.main .content ul.proList li a.pic{ display:block;}
.main .content ul.proList li a.pic img{ display:block; width:300px; height:300px;}
.main .content ul.proList li a.title{ display:block; height:30px; line-height:30px; color:#2c3c6e; font-size:14px; font-weight:bold; text-align:center;}
.main .content ul.proList li a.title:hover{ color:#333;}

/*案例列表*/
.main .content ul.anList{ display:block; overflow:hidden; margin:44px 28px 0;}
.main .content ul.anList li{ display:block; width:220px; float:left; margin:0 8px 25px;}
.main .content ul.anList li a.pic{ display:block;}
.main .content ul.anList li a.pic img{ display:block; width:220px; height:165px;}
.main .content ul.anList li a.title{ display:block; height:30px; line-height:30px; color:#2c3c6e; font-size:14px; font-weight:bold; text-align:center;}
.main .content ul.anList li a.title:hover{ color:#333;}

/*在线报名*/
.main form.msg{ display:block; height:auto; overflow:hidden; margin:20px auto 80px; border:1px solid #cacfd2;}
.main form.msg h2{ display:block; height:36px; line-height:36px; color:#fff; font-size:14px; padding:0 10px; background:#2c3c6e; margin:0 0 18px;}
.main form.msg p{ display:block; color:#4d4d4d; font-size:12px; padding:4px 0; overflow:hidden; margin-left:146px;}
.main form.msg p label{ display:block; width:5em; height:30px; line-height:30px; text-align:right; float:left; padding:0 6px 0 0;}
.main form.msg p input.text{ display:block; width:660px; height:22px; line-height:22px; color:#4d4d4d; font-size:12px; border:1px solid #c1c1c1; padding:3px; float:left;}
.main form.msg p input.short{ width:148px;}
.main form.msg p textarea{ display:block; width:660px; height:140px; line-height:22px; color:#4d4d4d; font-size:12px; border:1px solid #c1c1c1; padding:3px; float:left; resize:vertical;}
.main form.msg p img{ display:block; width:78px; height:28px; border:1px solid #0c0994; float:left; margin:0 8px; cursor:pointer;}
.main form.msg p a{ display:block; height:30px; line-height:30px; color:#4d4d4d; float:left;}
.main form.msg p a:hover{ color:#0c0994; text-decoration:underline;}
.main form.msg p input.btn{ display:block; width:80px; height:30px; line-height:30px; color:#fff; font-size:14px; text-align:center; border:none; background:#2c3c6e; margin:12px 14px 156px 0; cursor:pointer; float:left; border-radius:2px;}

/*QQ客服*/
.SonlineBox{ width:162px; height:300px !important; font-size:12px; overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:28px; height:120px; background:url(../images/icons/blueOpen.png) no-repeat; position:absolute; top:0px; z-index:1; cursor:pointer;}
.SonlineBox .titleBox{ height:35px; line-height:35px; background:url(../images/icons/blueTitleBg.png) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑';}
.SonlineBox .contentBox{ width:124px; height:auto; border:2px solid #0a5ab0; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer; position:absolute; top:5px; right:5px;}
.SonlineBox .contentBox .listBox{ overflow:hidden; padding:6px 0 16px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; height:22px; margin:10px;}
.SonlineBox .contentBox .listBox .QQList a{ display:block; line-height:22px; color:#444; font-size:14px; text-align:center;}
.SonlineBox .contentBox .listBox .QQList span{ margin:0 6px;}
.SonlineBox .contentBox .listBox .QQList a:hover span{ color:#0176ba;}
.SonlineBox .contentBox .listBox p.tel{ display:block; color:#333; font-size:13px; margin:12px 0 -6px 16px;}























/**/