@charset "utf-8";

/*area*/
.area-sub{
	float:left; width:229px;}
.area-main{
	float:right; width:900px;}

/*mod-banner*/
.mod-banner{
	height:280px;
	background-repeat:no-repeat; background-position:center top;}

/*mod-sort*/
.mod-sort{
	background:url(../Images/bg_sort.png) repeat-y left;}
.mod-sort .hd{
	height:78px; padding-left:20px;
	background:url(../Images/bg_sort_hd.png) no-repeat left;}
.mod-sort .hd h2{
	padding-top:15px; font-size:20px; font-weight:normal; color:#f08200;}
.mod-sort .hd span{
	margin-top:5px; font-size:24px; color:#dbdbdb; display:block;}
.mod-sort .bd{
	min-height:378px; padding-top:5px; padding-bottom:50px;
	background:url(../Images/bg_sort_bd.png) no-repeat left bottom;}
.mod-sort .bd li.level1{
	padding-top:5px;}
.mod-sort .bd li.level1 a{
	height:35px; padding-left:35px; padding-right:35px; line-height:28px; display:block; overflow:hidden;
	background:url(../Images/bg_sort_li.png) no-repeat left;}
.mod-sort .bd li.level1 a.cur{
	color:#fff;
	background:url(../Images/bg_sort_li_on.png) no-repeat left;}
.mod-sort .bd ul.level2{
	width:155px; padding-left:33px; display:none;}
.mod-sort .bd ul.level2 li{
	height:37px; border-bottom:1px solid #e2e9ef;}
.mod-sort .bd ul.level2 li a{
	height:36px; padding-left:18px; padding-right:0; font-size:14px; line-height:36px; overflow:hidden;
	background:url(../Images/icon_subsort.png) no-repeat 6px 15px;}
.mod-sort .bd ul.level2 li a:hover, .mod-sort .bd ul.level2 li a.cur1{
	color:#0092fd;
	background:url(../Images/icon_subsort_on.png) no-repeat 6px 15px;}

/*mod-body*/
.mod-body .hd{
	height:30px; margin-bottom:15px; padding-top:13px; line-height:30px; border-bottom:1px solid #cacaca;}
.mod-body .hd h3{
	float:left; font-size:16px; font-weight:normal; color:#224977;}
.mod-body .hd p{
	float:right; padding-left:15px; font-size:12px;
	background:url(../Images/icon_crumbs.png) no-repeat 0 11px;}
.mod-body .hd p, .mod-body .hd p a{
	color:#777;}
.mod-body .hd p a:hover, .mod-body .hd p a.last{
	color:#224977;}
.mod-body .bd{
	min-height:400px; overflow:hidden;}

/*more*/
a.more{
	margin-left:5px; color:#f08200;}
a.more:hover{
	color:#0092fd;}

/*article*/
.article{
	font-size:14px; line-height:26px;}
.article p{
	margin-bottom:15px;}
.article img{
	max-width:100%;}
.art-title{
	margin-top:14px; margin-bottom:5px; font-size:16px; line-height:1.5; color:#444; text-align:center;}
.art-info{
	padding-bottom:5px; font-size:12px; color:#bbb; text-align:center;}
.art-info a{
	color:#bbb;}
.art-info a:hover{
	color:#0092fd;}
.art-image{
	margin:10px 0; text-align:center;}
.art-container{
	margin:10px 0; font-size:14px; line-height:26px; overflow:hidden;}
.art-container p{
	margin-bottom:15px;}
.art-container img, .art-image img{
    max-width:100%;}
.art-class{
	margin-top:15px; font-size:14px; line-height:30px;}
.art-tag a, .art-class a{
	color:#333;}
.art-class a:hover, .art-tag a:hover{
	color:#f60;}
.art-tag{
	margin-bottom:15px; font-size:14px; line-height:30px; }
.art-tag a{
	margin:0 5px;}
.art-related{
	margin:15px 0; padding-top:15px; border-top:1px dotted #e3e3e3;}
.art-related h3{
	font-size:14px; margin-bottom:5px;}
.art-related li{
	height:30px; padding-left:10px; font-size:14px; line-height:30px;
	background:url(../Images/icon_news.png) no-repeat 0 13px;}
.art-related li a:hover{
	color:#f08200;}
.art-action{
	margin:10px 0; font-size:12px; line-height:38px; color:#999; text-align:center; border-top:1px dotted #e3e3e3; border-bottom:1px dotted #e3e3e3;}
.art-action a{
	color:#999;}
.art-action a:hover{
	text-decoration:underline;}
.art-record{
	margin:10px 0; font-size:12px; line-height:24px; color:#0092fd;}
.art-record a:hover{
	color:#0092fd;}

/*news-list*/
.news-list li{
	height:40px; padding:0 5px 0 15px; font-size:14px; line-height:40px; border-bottom:1px dotted #ccc; overflow:hidden;
	background:url(../Images/icon_news.png) no-repeat 5px 18px;}
.news-list li a:hover{
	color:#f08200;}
.news-list li span{
	float:right; color:#999;}
	
/*newscont-list*/
.newscont-list dl{
	padding:5px 0; margin-bottom:15px;}
.newscont-list dt{
	height:23px; padding-left:10px; font-size:16px; line-height:23px; overflow:hidden;
	background:url(../Images/icon_news.png) no-repeat 0 11px;}
.newscont-list dt a{
	color:#f08200;}
.newscont-list dt a:hover{
	color:#0092fd;}
.newscont-list dd{
	padding:0 10px;}
.newscont-list dd.info{
	padding-bottom:5px; font-size:12px; color:#bbb; border-bottom:1px dotted #e3e3e3;}
.newscont-list dd.info span{
	margin-right:15px;}
.newscont-list dd.pic{
	padding-top:10px;}
.newscont-list dd.pic img{
	max-width:200px; max-height:200px;}
.newscont-list dd.cont{
	padding:5px 10px; font-size:12px; line-height:21px; color:#666; border-bottom:1px solid #ececec;}

/*piccont-list*/
.piccont-list{
	padding-top:15px;}
.piccont-list li{
	padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ececec;}
.piccont-list a.image{
	float:left; width:200px; height:140px; padding:1px; border:1px solid #dbdbdb;}
.piccont-list a.image img{
	width:200px; height:140px;}
.piccont-list dl{
	margin-left:225px;}
.piccont-list dt{
	height:23px; padding-left:10px; font-size:16px; line-height:23px; overflow:hidden;
	background:url(../Images/icon_news.png) no-repeat 0 11px;}
.piccont-list dt a{
	color:#f08200;}
.piccont-list dt a:hover{
	color:#0092fd;}
.piccont-list dd{
	padding:0 10px;}
.piccont-list dd.info{
	padding-top:2px; padding-bottom:3px; font-size:12px; color:#bbb; border-bottom:1px dotted #e3e3e3;}
.piccont-list dd.info span{
	margin-right:15px;}
.piccont-list dd.cont{
	padding:5px 5px 1px 10px; font-size:12px; line-height:21px; color:#666;}
.piccont-list .more{
	margin:0; font-size:12px;}

/*product-list*/
.product-list ul{
	width:930px;}
.product-list li{
	float:left; width:280px; height:310px; padding-top:20px; padding-right:30px;}
.product-list li a span{
	width:274px; height:274px; padding:2px; border:1px solid #cacaca; display:block;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.product-list li a img{
	width:274px; height:274px;}
.product-list li a p{
	height:30px; font-size:14px; font-weight:bold; line-height:30px; text-align:center; display:block; overflow:hidden;}
.product-list li a:hover span{
	border-color:#f08200;}
.product-list li a:hover p{
	color:#f08200;}

/*application-list*/
.application-list ul{
	width:930px;}
.application-list li{
	float:left; width:280px; height:320px; padding-top:20px; padding-right:30px;}
.application-list li img, .application-list li .box, .application-list li .hover, .application-list li .relative, .application-list li .bg{
	width:280px; height:280px;}
.application-list li .box{
	overflow:hidden; position:relative;
	background:#eee;}
.application-list li .hover{
	color:#bababa; position:absolute; top:280px; left:0;}
.application-list li .relative{
	position:relative;}
.application-list li .wrap{
	width:210px; position:absolute; top:77px; left:35px; z-index:2;}
.application-list li .bg{
	position:absolute; z-index:1;
	filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
	background:#000;}
.application-list li h4{
	height:24px; font-size:18px; font-weight:normal; text-align:center; overflow:hidden;}
.application-list li h4, .application-list li h4 a{
	color:#fff;}
.application-list li h4 a:hover{
	color:#f08200;}
.application-list li p{
	padding:10px 0; line-height:18px; text-indent:2em; border-bottom:1px dotted #bababa;}
.application-list li .details{
	margin-top:10px; font-size:14px; text-align:center;}
.application-list li .details a{
	color:#bababa;}
.application-list li .details a:hover{
	color:#f08200;}
.application-list li .title{
	height:30px; margin:5px 0; font-size:14px; font-weight:bold; line-height:30px; text-align:center; overflow:hidden;}
.application-list li .title a:hover{
	color:#f08200;}

/*product-show*/
.product-show .info{
	padding-top:20px;}
.product-show .info .image{
	float:left; width:280px; height:280px; padding:10px; border:1px solid #e2e9ef;}
.product-show .info .image img{
	width:280px; height:280px;}
.product-show .info .cont{
	margin-left:320px;}
.product-show .info .cont h1{
	padding-top:5px; margin-bottom:15px; font-size:16px;}
.product-show .info .cont p{
	font-size:14px;}
.product-show .tab{
	height:34px; border-bottom:1px solid #cacaca; position:relative;}
.product-show .tab li{
	float:left; width:140px; height:34px; margin-left:10px; font-size:14px; line-height:34px; text-align:center; cursor:pointer; position:relative;}
.product-show .tab li span{
	width:100%; height:34px; display:block; position:absolute; top:0; left:0;
	background:url(../Images/bg_product_tab.png) no-repeat;}
.product-show .tab li.on span{
	height:40px; color:#fff;
	background:url(../Images/bg_product_tab_on.png) no-repeat;}

/*job-list*/
.job-list{
	border-bottom:2px solid #e8e8e8;}
.job-list ul.queryul{
	margin:10px 0;}
.job-list li{
	height:35px; padding-left:10px; font-size:12px; line-height:35px;}
.job-list li.cap{
	font-weight:bold; border-bottom:2px solid #e8e8e8;}
.job-list .bt{
	float:left; margin-right:20px;}
.job-list .bt a{
	line-height:35px;}
.job-list .bk{
	float:right; width:130px;}
.job-list .au{
	float:right; width:90px;}
.job-list .cl{
	float:right; width:50px;}
	
/*message-list*/
.message-list .item{
	margin:15px 0; font-size:12px; border:1px solid #ededed; display:block;}
.message-list .head{
	height:23px; padding:5px 10px;}	
.message-list .title{
	float:left; font-weight:bold; color:#000;}
.message-list .date{
	float:right; color:#999;}
.message-list .cont{
	padding:0 10px 10px; line-height:21px; text-indent:2em;}
.message-list .replay{
	padding:5px 10px; line-height:21px; color:#000; border-top:1px solid #ededed; color:#f08200;
	background:#f9f9f9;}
.message-list .replay span{
	color:#f08200;}

/*job-show*/
.job-show .name{
	height:28px; padding:5px; font-size:14px; font-weight:bold; line-height:28px;
	background-color:#f5f5f5;}
.job-show .item{
	margin-bottom:15px; font-size:12px; line-height:23px;}
.job-show .title{
	margin:5px 0px; font-size:12px; line-height:20px;
	background:url(../images/icon_down.gif) 60px no-repeat;}
.job-show .intro{
	padding:15px 3px; border:solid #ddd; border-width:1px 0; font-size:12px; line-height:20px;}
.job-show .contact{
	padding:15px 0px; margin-bottom:15px; font-size:12px; line-height:23px;}
	
/*form*/
div.form .item{
	float:left; width:100%; padding:6px 0; font-size:12px;}
div.form .item *{
	float:left; font-size:12px;}
div.form .item label , div.form .item span{
	line-height:21px;}
div.form .item span{
	margin-left:5px;}
div.form .item-lt{
	float:left; width:50%;}
div.form .item-rt{
	float:right; width:50%;}
.input{
	height:20px; padding:0px 3px; line-height:20px; border:1px solid #ddd; color:#555;
	background:#fbfbfb}
.textarea{
	padding:3px; color:#555; border:1px #ddd solid;
	background:#fbfbfb}
.submit , .button{
	width:80px; height:30px; margin-top:10px; line-height:30px; border:1px #ddd solid; cursor:pointer;
	background:#f7f7f7;}

/*pagecode*/
.pagecode{
	margin:30px 0; text-align:center;}
.pagecode a, .pagecode span{
	height:31px; padding:0 12px; margin:0 2px; line-height:31px; border:1px solid #e7e6e6; display:inline-block;
	background:#fcfcfc;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pagecode a:hover, .pagecode a .page-btn:hover{
	color:#0092fd; border-color:#0092fd;}
.pagecode span.page-btn{
	color:#999;}
.pagecode .page-num-on{
	border-color:#0092fd;
	background:#0092fd;}
.pagecode .page-num-on, .pagecode a.page-num-on:hover{
	color:#fff;}
	
.class-intro{
	padding:8px 10px; margin-top:10px; margin-bottom:15px; font-size:14px; line-height:26px; border:1px solid #eee; overflow:hidden;
	background:#fff;}