@charset "utf-8";
/* CSS 通用 */
body, input, ul, ol, dl, li, dt, dd, form, div, h1, h2, h3, h4, h5, h6, p 
{ margin:0px auto;  color:#000;  font-size:14px;font-family:微软雅黑; }
ul,li{ list-style:none; padding:0px; margin:0px;}
img{ border:none;}
p{ margin:0px; padding:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#0079c2;}
.clear{ clear:both;}
.l{ float:left;}
.r{ float:right;}
.h40{ height:40px; clear:both;}
.h10{ height:10px; clear:both;}
.h15{ height:15px; clear:both;}
.h20{ height:20px; clear:both;}
.h30{ height:30px; clear:both;}
.w1200{ width:1200px; overflow:hidden; margin:0 auto;}
.w1000{ width:1000px; overflow:hidden; margin:0 auto;}
.w600{width:600px;}


h1{ margin:0; padding:0; font-weight:100;}
h2{ margin:0; padding:0; font-weight:100;}
h3{ margin:0; padding:0; font-weight:100;}
h4{ margin:0; padding:0; font-weight:100;}


/* 首页 */
#header{ height:564px;}
.top{ width:1200px; margin:0 auto; height:100px;}
.logo{margin:15px 0; text-align:center;}

.nav{height:100px;}
.nav li{
    float: left;
    width:119px;
    text-align: center;
    height: 100px;
    overflow: hidden;
    
    border-left: 1px solid #2a7eca;
    }
.nav li a{
    display: block;
    height: 40px;
    width:120px;
    color:#2a7eca;
    padding-top: 60px;
	 font-size:15px;
    }
.nav li a:hover{color:#fff;}	
	
.nav li.n1{background:url(images/n1.png) no-repeat center 20px #fff;}
.nav li.n1:hover{background:url(images/n11.png) no-repeat center 20px #2a7eca;}
.nav li.n2{background:url(images/n2.png) no-repeat center 20px #fff;}
.nav li.n2:hover{background:url(images/n22.png) no-repeat center 20px #2a7eca;}
.nav li.n3{background:url(images/n3.png) no-repeat center 20px #fff;}
.nav li.n3:hover{background:url(images/n33.png) no-repeat center 20px #2a7eca;}
.nav li.n4{background:url(images/n4.png) no-repeat center 20px #fff;}
.nav li.n4:hover{background:url(images/n44.png) no-repeat center 20px #2a7eca;}
.nav li.n5{background:url(images/n5.png) no-repeat center 20px #fff;}
.nav li.n5:hover{background:url(images/n55.png) no-repeat center 20px #2a7eca;}
.nav li.n6{background:url(images/n6.png) no-repeat center 20px #fff;}
.nav li.n6:hover{background:url(images/n66.png) no-repeat center 20px #2a7eca;}
.nav li.n7{background:url(images/n7.png) no-repeat center 20px #fff;}
.nav li.n7:hover{background:url(images/n77.png) no-repeat center 20px #2a7eca;}
.nav li.n8{background:url(images/n8.png) no-repeat center 20px #fff;}
.nav li.n8:hover{background:url(images/n88.png) no-repeat center 20px #2a7eca;}
.nav li.n9{background:url(images/n9.png) no-repeat center 20px #fff;}
.nav li.n9:hover{background:url(images/n99.png) no-repeat center 20px #2a7eca;}
.nav li.n10{background:url(images/n10.png) no-repeat center 20px #fff;}
.nav li.n10:hover{background:url(images/n100.png) no-repeat center 20px #2a7eca;}


/*右侧浮动*/
.side-pannel {position:fixed; width:50px; bottom:150px; right:20px; z-index:99999999999; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:#6a6a6a;  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar>a:hover{ background:#2a7eca;}
.side-bar a.gotop:hover{ background:#222;}

.side-bar a.qq i{ background:url(images/side_03.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
 
.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%; background:#6a6a6a;  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#2a7eca;}
.side-bar .dh i{ background:url(images/side_06.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(images/side_10.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(images/side_14.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}

.side-bar .dh .hide{  width:166px;  position:absolute; left:-166px; top:-35px;}
.side-bar .dh .hied_con{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after{ content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);}


 
.side-bar .dh .hide dl{ width:110px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt{color:#fff; }
.side-bar .dh .hide dl dt a{ color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; }


/*Js幻灯片样式*/
#banner_main {position:relative;  }
#banner { margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block; width:100%;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:absolute; bottom:20px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; border-radius:5px;
background:#666; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#039;}

/* CSS 底部 */
#footer{ width:100%; height:148px; text-align:center; background:#000; line-height:32px;}
#footer p{ color:#fff;}
#footer a{color:#fff;}
#footer a:hover{ color:#FF0;}

/* Content样式开始*/
.Content { width:100%;}
.about{ height:500px; width:1200px; margin:0 auto;}
.about img{ float:left; margin-right:24px;}
.about p{ font-size:16px; line-height:32px;}
.about p a{ color:#2a7eca;}
.yewu{ height:770px;}
.htitle{ text-align:center; width:1200px; margin:0 auto; background:url(images/title.png) no-repeat center; height:111px;}
.htitle h1{ font-size:28px; padding-top:38px; color:#2a7eca;}
.htitle2{ text-align:left;   background:url(images/title2.png) no-repeat left;}
.htitle2 h1{font-size:28px; padding-left:28px; color:#2a7eca;}
.InfoContent{font-size:16px; line-height:26px;}
.box{ height:266px; width:279px;}
.box img{ width:279px; height:165px; margin-bottom:18px; border-radius:4px;}
.box h1{ font-size:18px; margin-bottom:12px;}
.box p{ font-size:13px; color:#787878; line-height:24px;}

.fuwu{ height:360px;}
.baoz{height:440px;background:#f7f7f7; text-align:center;}
.wenhua{ text-align:left;}
.wenhua h1{ font-size:19px; color:red; font-weight:bold; margin-bottom:10px;}
.wenhua p{ font-size:15px; line-height:32px;}
.wenhua div img{margin-top:10px;}
.wenhua div h2{font-size:15px; line-height:32px; float:left; margin-right:14px;}
.new{ text-align:left;}
.new li{ margin-bottom:18px;}
.new a{ font-size:15px; padding-left:14px;background:url(images/dian.png) no-repeat 0 7px}
.new a:hover{background:url(images/diann.png) no-repeat 0 7px;}
.new span{ float:right; font-size:13px; color:#656565;}



/* 内页样式开始*/

.main_con{ width:200px; }
.main_con li{}
.main_con li a{ display:block; background:#fff;width:180px; height:44px; border:1px solid #dedbdb; font-size:16px; line-height:46px; color:#000; padding-left:18px;}
.main_con li a:hover{ background:#eeeeee; color:#2640a3; border-left:4px solid #2640a3; width:179px; padding-left:16px;}
.main_con li a.in{background: url(title2.jpg) no-repeat; color:#fff;}

.subchannel_main{ margin:10px 0;}
.subchannel{}
.subchannellist { text-align:center; font-size:15px;}
.subchannellist li { display:inline;line-height:36px;  }
.subchannellist li a {background:#29283a; padding:8px 25px; margin-right:10px; color:#ffffff; border-radius:6px; font-weight:normal;}
.subchannellist li a:hover { background:#2a7eca;  color:#FFF;text-decoration:none; }
.subchannellist #current a {  font-weight:normal; background:#2a7eca; color:#FFF;}

.neirong2{ width:980px; height:100%; line-height:28px;padding:10px;}
.neirong h1{ text-align:center; font-size:20px; font-weight:bold; margin-bottom:10px;padding-bottom:10px;border-bottom:1px #dddddd dashed; }
.neirong img{ margin-top:10px;}
.neirong{ width:980px; height:100%; line-height:28px;padding:10px;}

.nnews {width:980px;height: 100%;line-height:32px;padding: 10px;}
.nnews li{ height:40px;  }
.nnews a{ font-size:16px;background:url(images/dian.png) no-repeat 0 8px;padding-left:16px;}
.nnews a:hover{background:url(images/diann.png) no-repeat 0 8px;}
.nnews span{ float:right;}

.case{ width:1000px; margin:0 auto; overflow:hidden; }
.case li{ width:303px; height:240px; margin:0 15px; margin-bottom:30px;  float:left; color:#666;}
.case img{width:303px; height:200px; margin-bottom:12px;}
.case a{ font-size:16px;}
.case p{ margin-top:6px; font-size:16px;}

.page { padding:4px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#0079c2; color:#fff; }
.page .current{ background:#0079c2; color:#FFF;}
.page #total{color:#0079c2;    font-weight: bold;}


.ntitle #location{ background:#acebf1; width:1184px; height:42px; line-height:42px; padding-left:16px;}


.fixed { top:40px; height:100%; width:260px;}


/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden; padding:5px 0px;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:12px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
.btn{ background:#0079c2; color:#fff;height: 28px;width:110px; padding:6px 12px; font-family:微软雅黑;}
.btn:hover{color:#fff;}

/*应聘*/
table.resume_table { margin-left:150px; text-align:center; width:700px; border-collapse:collapse; line-height:40px;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:center }

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ height:40px; background:url(../images/product_bg.jpg) left center; padding-left:35px; line-height:40px; font-size:16px; color:#5d5d5d; font-weight:bold;}
.message_body{ padding: 10px; color:#626262;border:1px solid #ccc; margin-top:20px;}
.message_bottom{}
/*===留言频道  结束===*/

/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000;font-family:微软雅黑;}
.form_text {  width:99%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:99%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}
.btn2{ background:#2a7eca; color:#fff;height: 40px;width: 120px; font-family:微软雅黑; font-size:18px;}


#main {
	width:1040px;
	margin:20px auto 0;
	overflow:hidden
}
.main {
	margin-top:38px;
	overflow:hidden;
}
.newslist {
	height:136px;
	border:1px solid #d8d8d8;
	padding:21px 26px;
	margin-bottom:20px;
	overflow:hidden
}
.newslist dd {
	width:210px;
	height:136px;
	float:left;
	overflow:hidden
}
.newslist dd img {
	width:206px;
	height:132px;
	padding:1px;
	border:1px solid #d8d8d8
}
.newslist dt {
	width:737px;
	float:right;
	height:136px;
	position:relative;
	overflow:hidden
}
.newslist dt .newtit {
	height:75px;
	line-height:30px;
	color:#5e5e5e;
	padding-bottom:10px;
	border-bottom:1px solid #d8d8d8;
	overflow:hidden
}
.newslist dt .newtit a {
	font-size:18px;
	float:left;
	color:#5e5e5e
}
.newslist dt .newtit span {
	float:right;
	font-size:14px;
}
.newslist dt .newtitt {
	height:71px;
	line-height:18px;
	color:#5e5e5e;
	padding-bottom:10px;
	border-bottom:0px solid #d8d8d8;
	overflow:hidden
}
.newslist dt p {
	margin-top:8px;
	line-height:24px;
	font-size:14px;
	color:#5e5e5e
}
.newslist dt a.nmore {
	display:block;
	position:absolute;
	bottom:0;
	width:84px;
	height:23px;
	line-height:23px;
	text-align:center;
	background:url(../images/nmore.jpg) no-repeat;
	color:#5e5e5e
}
.newslist dt a.nmore:hover {
	background:url(../images/nmoreh.jpg) no-repeat;
	color:#12acda
}
.newslist:hover {
	cursor:pointer;
	border:1px solid #12acda;
}
.newslist:hover dt .newtit a {
	color:#12acda
}