@import url("reset.css");
/*public*/
body{font-family:"Source Han Sans CN","noto sans";font-size:14px;color:#666;background:#fff;}
a{
	color: #333;
	text-decoration: none;
}
a:hover{text-decoration:none;}
@media (min-width: 1660px){
    .wrapper{
        width:1630px;       
    }
	#news .newsdata{
		width:1630px;
	}
	.product_new .menu-1{
		background: url('../images/chire.jpg');
		background-repeat: no-repeat;
		background-position: 160px 84px;
	}
	.product_new .menu-2{
		background: url('../images/style.jpg');
		background-repeat: no-repeat;
		background-position: 160px 84px;
		
	}
	.product_new .menu-3{
		background: url('../images/pfeng.jpg');
		background-repeat: no-repeat;
		background-position: 160px 84px;
	}
	.product_new .menu-4{
		background: url('../images/jli.jpg');
		background-repeat: no-repeat;
		background-position: 160px 84px;
	}
	.product_new .menu-5{
		background: url('../images/zshi.jpg');
		background-repeat: no-repeat;
		background-position: 160px 84px;
	}
	.case-left{
		height: 535px;
		width: 430px;
		margin-top: 15px;
		float: left;
		display: block;
		background:url(../images/case-bg.jpg) no-repeat;
	}
}
@media (max-width: 1629px){
    .wrapper{
        width:1200px;
    }
	#news .newsdata{
		width:1200px;
	}
	.product_new .menu-1{
		background: url('../images/chire.jpg');
		background-repeat: no-repeat;
		background-position: 74px 84px;
	}
	.product_new .menu-2{
		background: url('../images/style.jpg');
		background-repeat: no-repeat;
		background-position: 74px 84px;
		
	}
	.product_new .menu-3{
		background: url('../images/pfeng.jpg');
		background-repeat: no-repeat;
		background-position: 74px 84px;
	}
	.product_new .menu-4{
		background: url('../images/jli.jpg');
		background-repeat: no-repeat;
		background-position: 74px 84px;
	}
	.product_new .menu-5{
		background: url('../images/zshi.jpg');
		background-repeat: no-repeat;
		background-position: 74px 84px;
	}
	.case-left{
		height: 535px;
		width: 0px;
		margin-top: 15px;
		float: left;
		display: block;
		background:url(../images/case-bg.jpg) no-repeat;
	}
}
.wrapper {margin:0 auto;position:relative;}
.wrapper img{
	max-width:1200px;
}
.bi{margin: .25rem;font-size: 16px;} 
.btn_blue,#filter li a.cur,.category li a.cur{background-color:#000;color: #fff;}
.btn_blue:hover,#filter li a.cur:hover,.category li a.cur:hover{background-color:#000;text-decoration:none;}
.textinput{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;font-size:13px;height:25px;line-height:25px;padding:1px 8px;color:#999;}
.textinput:focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);border:1px solid #0084cf;outline:none;color:#666;}
.cat_title{overflow:hidden;padding:20px 0;height:130px;}
.cat_title .title02{font-size:48px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin-top:65px;}
.cat_title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999;margin-top:65px;margin-left:10px;}
.cat_title strong{font-size:60px;font-family:Arial;font-weight:bold;color:#333;margin-right:6px;vertical-align:middle;}
.cat_title .more{
	width: 178px;
	height: 23px;
	border-radius: 13px;
	padding-top: 5px;
	float: right;
	display: block;
	margin-top: 8px;
	transition: all .3s ease-out 0s;
	/* background-color: #fff; */
	text-align: center;
	color: #000;
	/* border: solid 1px #f5f5f5; */
}
.cat_title .more:hover{
	color: #ffffff;
	text-decoration:none; 
	background-color: #07976e;
}
.cat_title02 .more{
	width: 120px;
	height: 30px;
	line-height: 30px;
	color:#333333;
	border-radius: 20px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: #dbdbdb;
}
.cat_title02 .more:hover{
	background-color: #07976e;
	color: #FFF;
	text-decoration: none;
}
/*header*/
header{width:100%;height:63px;position:fixed;top:0;z-index:9;background:url(../images/bg_head.png) repeat-x;box-shadow: 2px 2px 5px rgba(0,0,0, .5);}
* html{background-image:url(about:blank);background-attachment:fixed}
* html header{position:absolute;top:expression(eval(document.documentElement.scrollTop))}
#navbg{
width:100%;height:63px;overflow:hidden;text-indent:-9999px;position:absolute;left:0;top:0;}
#ruifoxHome {background:url(../images/bg_body.png) repeat-x }
#ruifoxHome #navbg{filter:alpha(opacity=80);opacity:0.8;}
#ruifoxHome .cat_title{overflow:hidden;padding:35px 0;height:150px;border-bottom:1px solid #d8d9d8;}
#ruifoxHome .cat_title .title02{font-size:30px;text-indent:10px;color: #2B2B2B;font-weight:300;margin: 0px auto;}
#ruifoxHome .cat_title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:12px;color:#999;margin-top:80px;}
#ruifoxHome .cat_title span{font-size:24px;font-weight:lighter;color:#909090; padding-left:20px;}
header h1.logo{position:absolute;top:20px;}
header nav{display:block;position:absolute;right:0;top:0;font-size:0;}
header nav li{display:inline-block;zoom:1;*display:inline;width:135px;height:63px;background:url(../images/nav_ico.png) no-repeat;padding-top: 5px;}
header nav li.home{border-left:none;background-position:10px -10px}
header nav li.about{background-position:10px -86px}
header nav li.news{background-position:10px -392px}
header nav li.service{background-position:10px -166px}
header nav li.cases{background-position:10px -242px}
header nav li.client{border-right:none;background-position:10px -320px}
header nav li a{display:block;height:40px;padding-left:40px;margin:10px 5px 0 5px;font-size:14px;color:#fff;text-decoration:none;}
header nav li a:hover{text-decoration:none;}
header nav li span{display:block;color:#b0b0b0;font-size:11px;-webkit-text-size-adjust:none;}
/*banner*/

#drag_ctr{position:absolute;top:-14px;left:20px;width:115px;height:156px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;bottom:170px;background:#0084cf;}
#drag_arrow{position:absolute;top:-14px;left:20px;width:115px;height:156px;background:url(../images/drag_banner_arrow.gif) center 14px no-repeat;}
/*cases*/
#ruifoxHome .cat_title{overflow:hidden;height:64px;padding:35px 0;background:none;border:none;}
#ruifoxHome .cat_title p{margin-top:0;}
#cases ul{display:block;font-size:0;letter-spacing:-6px;text-align:center;width:1200px;height:565px;float:right;}
#cases ul li{display:inline-block;zoom:1;*display:inline;vertical-align:top;position:relative;width:385px;height:260px;overflow:hidden;margin:15px 0 0 15px;letter-spacing:normal; background-color:#FFF}
#cases ul li img{position:absolute;top:0;left:0;width:385px;height:260px;-webkit-filter:grayscale(90%);}
#cases ul li p{display:none;width:355px;height:70px;position:absolute;z-index:1;font-size:14px;text-align:left;padding:0px 15px;background: rgba(50,50,50,0.5);color:#fff;left:0;bottom:0;}
#cases ul li p strong{display:block;font: 16px/30px Microsoft YaHei;color:#fff; text-align:center;line-height:70px}
#cases ul li p a{
	display: inline-block;
	zoom: 1;
*display:inline;		
	height: 30px;
	width: 100px;
	line-height: 30px;
	padding: 0;
	margin-top: 80px;
	border: 1px solid #fff;
}
.case-bg{
	height: 565px;
}

#cases ul li p a.openurl{width:355px;height:23px;padding:0; background-color:#FFF;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
#cases ul li p a:hover{
	background-position: 0;
	color: #0d9871;
	background-color: #FFF;
	background-image: none;
}
/*product*/
#ruifoxHome .cat_title{overflow:hidden;height:64px;padding:35px 0;background:none;border:none;}
/* #product ul{display:block;font-size:0;letter-spacing:-6px;text-align:center;height:730px;} */
/* #product ul li{
	display: inline-block;
	zoom: 1;
*display:inline;	vertical-align: top;
	position: relative;
	width: 289px;
	height: 360px;
	overflow: hidden;
	margin: 10px 0 0 10px;
	letter-spacing: normal;
} */
/* #product ul li :hover{
	background-color: #f5f5f5;
/* 	
box-shadow: 0px 0px 20px 0px rgba(0,0,0,.5); */
}
#product ul li img{position:absolute;top:0;left:0;width:279px;height:279px; margin-right:10px;}
#product ul li p{display:block;width:289px;height:60px; margin-top:289px; color:#b4b4b4; font-size:14px;}
#product ul li p strong{display:block;font:bold 14px/30px Microsoft YaHei;color:#2b2b2b;margin-top:10px}
#product ul li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;height:40px; width:230px;line-height:40px;padding:0 8px;margin-top:180px; color:#666}
 */

/*client*/
#client{height:560PX;background:#212121;}
#client .cat_title .title02{color:#fff;}
#client .cat_title a{color:#999;}
#client ul{width:1200px;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;}
#client ul li{display:inline-block;zoom:1;*display:inline;position:relative;width:195px;height:120px;overflow:hidden;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
#client ul li a{display:block;width:100%;height:100%;}
#client ul li a:hover{background:#333;}
#client ul li.justify_fix{height:0;overflow:hidden;border:none;}
#client ul li.noborder{border-right:none;}
/*news*/
#news{/* height:700px; */background:#DBDBDB; padding: 50px 0 100px;}
#news .newsdata{background:url(../images/news-bg.jpg) left center no-repeat;height:520px;margin:0 auto;position:relative;}
#news .newsad{position:absolute;top:15px;left:15px;}
#news ul{position:absolute;width:834px;height:490px;top:0px;right:0px; background-color: #fff;padding:15px 30px}
#news ul li{position:relative;border-bottom:1px solid #f5f5f5;padding:12px 0;}
#news ul li .newslist{position:absolute;width:684px;right:0;top:10px;}
#news ul li .newslist a{font-size:20px;color:#2b2b2b; line-height:35px;}
#news ul li .newslist span{display:block;line-height:20px;color:#999; font-size:12px}
#news ul li img{
	-webkit-filter: grayscale(60%); 
	-moz-filter: grayscale(60%);
	-ms-filter: grayscale(60%);
	-o-filter: grayscale(60%);
}
/*footer*/
footer{clear:both;}
#footerlink{background:#111;height:46px;line-height:46px;border-bottom:1px solid #000;position:relative;}
#footerlink a{color:#fff;margin-right:20px;}
#footerlink a.lab{display:inline-block;zoom:1;*display:inline;padding-left:18px;background:url(../images/lab.png) left center no-repeat;}
#gotop {display:block;width:41px;height:35px;position:absolute;right:0;top:0;overflow:hidden;background:url(../images/top.png) no-repeat;text-indent:-9999px;}
#footerinfo{padding-bottom:20px;background:#181818;border-top:1px solid #292929;}
#footerinfo .wrapper{height:190px;}
#footerinfo .wrapper a{color:#4a4a4a; font-size: 12px;}
#footerinfo .title02{width:112px;position:absolute;top:20px;left:0;font-size:28px;text-align:right;}
#footerinfo .title02 strong{display:block;font-size:28px;color:#333;}
#footerinfo .wrapper p{position:absolute;width:520px;top:30px;left:128px;line-height:1.5;}
#footerinfo #qq{display:block;width:92px;height:22px;margin-bottom:8px;overflow:hidden;background:url(../images/qq.png) no-repeat;text-indent:-9999px;background-position:0 -22px;}
#footerinfo #qq:hover{background-position:0 -22px;}
#footerinfo #homemap{position:absolute;top:20px;right:20px;}
#footerinfo .links{width:986px;min-height:120px;_height:120px;margin:0 auto;position:relative;}
#footerinfo .links p{position:absolute;width:850px;bottom:25px;left:128px;line-height:1.8;}
#footerinfo .links p a{color:#444;}
#footerinfo .links em{display:block;color:#333;line-height:2.8;}
#footerinfo a{color:#999}
.links ul{ overflow:hidden;position:absolute;width:850px;top:25px;left:128px;line-height:1.8;}
.links ul li{ float:left; margin-right:10px}
.links ul li a{ color:#444444}
/*SubPage Caseslist*/
#cases {
	width:100%;
	padding-top: 30px;
	height: 810px;
	position: relative;
	overflow: hidden;
	background-color: #ededed;
}
#case_search,#news_search{position:absolute;right:0;top:85px;height:29px;vertical-align:middle;}
#case_search #keywords,#news_search #keywords{width:220px;vertical-align:middle;}
#case_search #submit,#news_search #submit{width:80px;height:27px;font-size:13px;font-weight:bold;padding:1px 8px;vertical-align:middle;}
#filter{height:68px;}
#filter.fixed{width:100%;position:fixed;top:80px;left:0;z-index:1;background:#fff;}
* html #filter.fixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+80));}
#filter .wrapper{height:68px;}
#filter li{display:inline-block;zoom:1;*display:inline;width:110px;margin-right:0px;margin-top:20px;vertical-align:middle;border-right: solid 1px #eee;}
#filter li a{display:block;-webkit-user-select:none;background-color:#ffffff;color:#666;height:29px;line-height:29px;min-width:54px;padding:0 8px;text-align:center;}
#filter li a:hover{background-color:#000;text-decoration:none;color:#ffffff;}
#filter p{position:absolute;top:25px;right:5px;}
#caseslist .cases {padding:20px 0;font-size:0;letter-spacing:-6px;}
#caseslist .cases li{
	display: inline-block;
	zoom: 1;
*display:inline;	position: relative;
	width: 290px;
	height: 320px;
	overflow: hidden;
	background: #fff;
	padding: 10px;
	font-size: 12px;
	letter-spacing: normal;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#caseslist .cases li img{width:290px;height:240px;border-radius: 5px;}
#caseslist .cases li strong{display:block;font:bold 12px/24px Microsoft YaHei;color:#666;padding-top: 20px;}
#caseslist .cases li a:hover{text-decoration:none;}
#caseslist .cases  li p{display:none;width:290px;height:100%;font-size:12px;line-height:1.5;text-align:left;padding:0 15px;background:#212121;background:rgba(0,0,0,0.5);color:#999;position:absolute;left:2px;bottom:0;}
#caseslist .cases  li  p strong{margin-top:10px;color:#fff;}
#caseslist .cases  li  p em{display:block;color:#ddd;margin-bottom:5px;}
#caseslist .cases  li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#caseslist .cases  li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
#caseslist .product {padding:20px 0;font-size:0;letter-spacing:-6px;}
#caseslist .product li{display:inline-block;zoom:1;*display:inline;position:relative;width:320px;height:3400px;overflow:hidden;background:#fff;padding:2px;margin:0 0 10px 2px;font-size:12px;letter-spacing:normal;}
#caseslist .product li img{
	width: 226px;
	height: 226px;
	padding: 37px;
}
#caseslist .product li img:hover{
	width: 300px;
	height: 300px;
	padding: 0px;
}
#caseslist .product li strong{
	display: block;
	color: #666;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	padding-left: 20px;
	text-align: center;
	padding-right: 20px;
}
.pagelist{width: auto;margin: 0 auto; display: table;}
#caseslist .product  li p{display:none;width:210px;height:100%;font-size:12px;line-height:1.5;text-align:left;padding:0 15px;background:#212121;background:rgba(0,0,0,0.8);color:#999;position:absolute;left:2px;bottom:0;}
#caseslist .product  li  p strong{margin-top:10px;color:#fff;}
#caseslist .product  li  p em{display:block;color:#ddd;margin-bottom:5px;}
#caseslist .product  li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#caseslist .product  li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
#caseslist li p a.openurl:hover{background-position:0 -23px;}
#case_footer{background:#f5f4f4;border-top:1px solid #d8d9d8;padding:15px 0;}
#case_footers{padding:15px 0;}
#loading{display:none;background:url(../images/bg_loading_anim.gif) center no-repeat;height:100px}
#loadmore{text-align:center;}
#loadmore a{color:#666;}
#loadmore a:hover{text-decoration:none;color:#39f;}
#login_bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:998;background:#000;filter:alpha(opacity=15);opacity:0.15;}
#login{display:none;z-index:999;position:fixed;width:380px;height:240px;background:#fff;border:1px solid #eee;left:50%;margin-left:-190px;top:150px;}
#login #login_tit{position:relative;height:35px;line-height:35px;font-size:14px;padding-left:25px;border-bottom:1px solid #eee;font-weight:bold;background:#FCFCFC;margin-bottom:10px;}
#login #login_tit a{font-size:35px;color:#999;font-weight:normal;position:absolute;right:10px;}
#login #login_tit a:hover{text-decoration:none;color:#666;}
#login #login_err{display:block;height:24px;line-height:24px;color:#c00;}
#login p{padding:5px 30px;}
#login p .textinput{width:240px;}
#login p .btn_blue{width:80px;height:27px;font-size:13px;font-weight:bold;padding:1px 8px;vertical-align:middle;margin-left:35px;cursor:pointer;}
* html{background-image:url(about:blank);background-attachment:fixed}
* html #login{position:absolute;top:expression(eval(document.documentElement.scrollTop+150));}
/*SubPage caseDetailed*/
#show_cases article{padding:20px 0;background-position:center 190px;_background-position:center 0;background-attachment:fixed;}
#show_cases #overview{width:250px;height:100%;position:relative;left:930px;text-align:center;}
#show_cases #overview .overview_bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;filter:alpha(opacity=80);opacity:0.8;}
#show_cases #overview img{background:#333;margin-top:15px;border:15px solid #fff;}
#show_cases #overview #case_info{position:absolute;top:0;left:0;padding:0 20px;background: #fff;}
#show_cases #overview #case_info h1{font:bold 16px/35px Microsoft YaHei;}
#show_cases #overview #case_info ul{padding:10px 0;}
#show_cases #overview #case_info li{text-align:left;padding:6px 0;line-height:2;border-top:1px dotted #aaa;}
#show_cases #overview #case_info p{line-height:2;padding:10px 0;text-align:left;}
#show_cases #overview #case_info .brief{text-indent:2em;line-height:1.8;}
#show_cases #overview .btn_blue{display:block;width:210px;height:40px;font:bold 14px/40px Microsoft YaHei;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:-1px -1px rgba(51,51,51,0.3);}
#show_cases #detailed{width:716px;line-height:1.8;text-align:justify;color:#666;}
#main-container img{
  max-width:1200px;padding-bottom: 20px;
}
#show_cases #detailed img{border:8px solid #fff;border:8px solid rgba(255,255,255,0.8);background:url(../images/bg_loading_anim.gif) center no-repeat #fff;}
#case_footer .showother{height:20px;line-height:20px;}
#case_footer .showother a span{display:block;width:20px;height:20px;overflow:hidden;position:relative;}
#case_footer .showother a span img{position:absolute;}
#case_footer .showother a{display:block;width:85px;height:20px;line-height:20px;position:absolute;top:0;color:#666;}
#case_footer .showother a:hover{text-decoration:none;color:#39f;}
#case_footer .showother .previous{left:0;}
#case_footer .showother .previous span{float:left;}
#case_footer .showother .backlist{left:50%;margin-left:-20px;width:20px;text-indent:-9999px;overflow:hidden;background:url(../images/sprite_arrows.png) 0 -40px no-repeat;}
#case_footer .showother .backlist:hover{background-position:-20px -40px;}
#case_footer .showother .next{right:0;}
#case_footer .showother .next span{float:right;}
#case_footer .showother .next span img{top:-20px;}

#case_footers .showother{height:20px;line-height:20px;}
#case_footers .showother a span{display:block;width:20px;height:20px;overflow:hidden;position:relative;}
#case_footers .showother a span img{position:absolute;}
#case_footers .showother a{display:block;width:85px;height:20px;line-height:20px;position:absolute;top:0;color:#666;}
#case_footers .showother a:hover{text-decoration:none;color:#39f;}
#case_footers .showother .previous{left:0;}
#case_footers .showother .previous span{float:left;}
#case_footers .showother .backlist{left:50%;margin-left:-20px;width:20px;text-indent:-9999px;overflow:hidden;background:url(../images/sprite_arrows.png) 0 -40px no-repeat;}
#case_footers .showother .backlist:hover{background-position:-20px -40px;}
#case_footers .showother .next{right:0;}
#case_footers .showother .next span{float:right;}
#case_footers .showother .next span img{top:-20px;}

#show_thumb{display:none;position:absolute;bottom:25px;width:82px;height:57px;background:url(../images/sprite_arrows.png) center bottom no-repeat;}
#show_thumb img{border:3px solid #111;position:absolute;top:0;left}
/*SubPage newsList*/
.category{height:68px;line-height:68px;}
.category .wrapper{height:68px;}
.category li{display:inline-block;zoom:1;*display:inline;width:200px;margin-right:5px;*margin-top:20px;vertical-align:middle;}
.category li a{display:block;background-color:#fbfbfb;color:#333;height:39px;line-height:39px;padding:0 8px;text-align:center;font-size: 18px;}
.category li a:hover{background-color:#333;border:1px solid #333;text-decoration:none;color: #fff;}
.category p{position:absolute;top:25px;right:5px;}
#newslist .news{padding:15px 0;width: 1200px !important;}
#newslist .news li{position:relative;border-bottom:1px solid #eee;height: 250px; width: 555px;float: left;margin: 0 15px;}
#newslist .news li img{width:374px;height:250px;}
#newslist .news li .newslist{position:absolute;width:540px;right:0;top:30px;}
#newslist .news li .newslist a{font:16px/30px Microsoft YaHei;color:#333;font-weight: 400;}
#newslist .news li .newslist span{display:block;line-height:20px;color:#999;}
#newslist .news li .newslist p{display:block;color:#000;margin-top: 20px;font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;line-height: 26px;}
#newslist .news li:hover{background-color: #fbfbfb;}
#newslist .pagelist li{position:relative;margin-top: 20px; }
#newslist .time{width: 80px;position: relative;left: -15px;float: left;padding: 40px 10px;}
#newslist .time h2{font-size: 36px;text-align: center;font-weight: 600;color: #000;}
#newslist .time p{font-size: 18px;text-align: center;font-weight: 500;color: #000;}
#newslist .lin{height: 20px;border-bottom: solid 1px #fbfbfb;}
#newslist .wap{position: relative;display: block;width: 100%;}
#newslist .dxq{margin-top: 40px;text-align: right;}
/*SubPage Shownews*/
.category h1{font:bold 16px/68px Microsoft YaHei;color:#444;}
.category span{position:absolute;right:0;top:0;height:68px;vertical-align:middle;}
#shownews #detailed{line-height:1.8;text-align:justify;color:#666;padding:20px 0;}
#shownews #detailed p{text-indent:2em;margin:5px auto;}
.related{padding-bottom:15px}
.related .title03{position:relative;height:40px;font:bold 14px/40px Microsoft YaHei;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-bottom:10px;}
.related .share{position:absolute;right:0;top:8px;line-height:1.2;}
.share #bdshare{float:none;}
.related ul{padding-left:20px}
.related li{height:22px;line-height:22px;list-style-type:disc;}
/*SubPage About*/
.catbtn{position:absolute;display:block;height:68px;right:0;top:0;}
.catbtn li{margin:0 auto;*margin-top:20px;*margin-left:5px}
#single {background:url(../images/about-bg.jpg) center no-repeat;}
#single #detailed{line-height:40px;text-align:justify;color:#666;padding:20px 20px;position:relative;min-height:500px;_height:500px;font-size:16px;}
#single #detailed .title02{font-size:18px;font-weight:bold;color:#444;}
#single #detailed p{text-indent:2em;margin:5px auto;}
#single #detailed strong{font-weight:bold;}
#single #detailed .slide{display:none;}
/*SubPage Service*/
.pdl250{padding-left:250px;}
#single .serv_detailed #detailed,#single .pro_detailed #detailed{width:986px;margin:0 auto;}
.tit_pic {position:absolute;top:15px;left:10px;width:180px;height:220px}
.tit_pic span{display:block;background:url(../images/serv_pic.png) no-repeat;width:180px;height:180px;text-indent:-9999px;overflow:hidden;}
.tit_pic em{display:block;text-align:center;font:bold 16px/30px Microsoft YaHei;}
.tit_pic .website{background-position:0 0;}
.tit_pic .develop{background-position:0 -180px;}
.tit_pic .marketing{background-position:0 -360px;}
.tit_pic .trusteeship{background-position:0 -540px;}
.tit_pic .app{background-position:0 -720px;}
.tit_pic .science{background-position:0 -900px;}
.tit_pic .hospital{background-position:0 -1080px;}
/*SubPage ClientList*/
#client_list .client_logo{background:#212121;padding:30px 0;}
#client_list .client_logo ul{width:1200px;margin:0 auto;background:#212121;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;}
#client_list .client_logo li{display:inline-block;zoom:1;*display:inline;position:relative;width:195px;height:120px;overflow:hidden;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
#client_list .client_logo li a{display:block;width:100%;height:100%;}
#client_list .client_logo li a:hover{background:#333;}
#client_list .client_logo li.justify_fix{height:0;overflow:hidden;border:none;}
#client_list .client_logo li.noborder{border-right:none;}
.client_text{width:1200px;margin:0 auto;padding:10px 0;}
.client_text ul{font-size:0;letter-spacing:-6px;}
.client_text li{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;font-size:12px;line-height:30px;width:245px;height:30px;}
.client_text li a{color:#444;}
.client_text li a:hover{color:#39f;text-decoration:none;}

.dede_pages{ text-align:center; width:1180px; padding:10px 0 0 0; margin:0 auto 50px; color:#FFF}
.dede_pages ul li{ float:left; margin:0 3px; background:#444; padding:3px 8px;border-radius: 3px;}
.dede_pages ul li a{ display:block; color:#fff}


.header {width:100%;height:63px;line-height:63px;position:fixed;top:0px;left:0px;z-index:9;background:url(../images/bg_head.png) repeat-x;}
.container{margin:auto;text-align:left;width:935px;}
.fr{float:right;display:inline;}
.header .fr{width:484px;height:40px;line-height:40px;margin-top:8px;overflow:hidden;}

.header .fr{width:484px;height:40px;line-height:40px;margin-top:8px;overflow:hidden;}

.header .fr a{margin-right:40px;float:left;display:inline;height:40px;background:url(../images/nav.png) no-repeat;}

.header .fr a.btn1{width:44px;background-position:-1px 0px;}

.header .fr a.btn2{width:42px;background-position:-93px 0px;}

.header .fr a.btn3{width:85px;background-position:-177px 0px;}

.header .fr a.btn4{width:80px;background-position:-303px 0px;}

.header .fr a.btn5{margin-right:0px;width:68px;background-position:-427px 0px;}



.header .fr a.btn1_fire{background-position:-1px -41px;}

.header .fr a.btn2_fire{background-position:-93px -41px;}

.header .fr a.btn3_fire{background-position:-177px -41px;}

.header .fr a.btn4_fire{background-position:-303px -41px;}

.header .fr a.btn5_fire{background-position:-427px -41px;}

.bj2{height:30px;width:100%;}

.banner .button a.btn1_fire{background-position:-0px -23px;}

.banner .button a.btn2_fire{background-position:-23px -23px;}

.banner .button a.btn3_fire{background-position:-46px -23px;}

.banner .button a.btn4_fire{background-position:-69px -23px;}

.banner .button a.btn5_fire{background-position:-92px -23px;}

.banner .button a.btn6_fire{background-position:-115px -23px;}

.banner .button a.btn7_fire{background-position:-138px -23px;}

.banner .button a.btn8_fire{background-position:-161px -23px;}

.banner .button a.btn9_fire{background-position:-184px -23px;}

.banner .nav2,.banner .nav2 a{color:#787878;}



.banner .nav2 a:hover{text-decoration:none;color:#6fa605;}

.banner .nav2 li{float:left;display:inline;margin-right:18px;padding-left:9px;}

.banner .nav2 li.location{background:url(../images/nav2_s.png) left center no-repeat;padding-left:11px;}

.banner .nav2 span.fr{padding-right:21px;}

.logo{width:184px;height:45px;margin-top:10px;}

.banner{width:100%;margin-top:58px;}

.banner .title{height:580px;margin:auto;display:block;background:url(../images/bnabg.jpg) right center no-repeat;background-color: #010101;}

.banner .showf{overflow:hidden;margin:auto;width:100%;height:815px;position:relative; }

.banner .shows{float:left;display:none;width:100%;position:absolute;top:50px;left:0px;}

.banner .text, .banner .img, .banner .button, .banner .f{display:block;margin:auto;}

.banner .f {width:723px;height:16px;/* background:url(../images/banner_f.png); */margin-bottom:12px; }

.banner .img {margin-top:12px;}

.banner .button{width:219px;}

.banner .button a{float:left;display:inline;width:23px;height:23px;margin-right:1px;background:url(../images/bg_banner_button.png) no-repeat;}


.banner .button a.btn1{background-position:-0px 0px;}

.banner .button a.btn2{background-position:-23px 0px;}

.banner .button a.btn3{background-position:-46px 0px;}

.banner .button a.btn4{background-position:-69px 0px;}

.banner .button a.btn5{background-position:-92px 0px;}

.banner .button a.btn6{background-position:-115px 0px;}

.banner .button a.btn7{background-position:-138px 0px;}

.banner .button a.btn8{background-position:-161px 0px;}

.banner .button a.btn9{background-position:-184px 0px;}



.banner .button a.btn1_fire{background-position:-0px -23px;}

.banner .button a.btn2_fire{background-position:-23px -23px;}

.banner .button a.btn3_fire{background-position:-46px -23px;}

.banner .button a.btn4_fire{background-position:-69px -23px;}

.banner .button a.btn5_fire{background-position:-92px -23px;}

.banner .button a.btn6_fire{background-position:-115px -23px;}

.banner .button a.btn7_fire{background-position:-138px -23px;}

.banner .button a.btn8_fire{background-position:-161px -23px;}

.banner .button a.btn9_fire{background-position:-184px -23px;}







.banner .nav2{height:47px;line-height:47px;background:url(../images/nav2.png);font-size:14px;padding-left:6px;}

.banner .nav2,.banner .nav2 a{color:#787878;}



.banner .nav2 a:hover{text-decoration:none;color:#6fa605;}

.banner .nav2 li{float:left;display:inline;margin-right:18px;padding-left:9px;}

.banner .nav2 li.location{background:url(../images/nav2_s.png) left center no-repeat;padding-left:11px;}

.banner .nav2 span.fr{padding-right:21px;}


body{background:url(../images/bg_body2.png) repeat-x ;}
.text-center a{color:#959595;}
.index_new{width:1000px; margin:0 auto;}
.index_new .title{line-height:30px; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
.index_new .title a{float:right;}
.index_new .new li{line-height:26px;}
.index_new .new li span{float:right;}
iframe{nifm2:expression(this.src='about:blank',this.outerHTML='');}
script{no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');}
.product_new{
	margin-top: 0px;
}
.product_new ul{
	width: 100%;
	height: 620px;
	margin: auto;	
	border-bottom: 1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	display: block;
}

.product_new ul li{
	width: 20%;
	height: 620px;	
	float:left;
	
	
}
.product_new .header_text{
	color: #666;
	font-size:18px;
	 width: 60%; 
	 height: 40px; 
	 padding-top:40px; 
	 line-height:40px; 
	 margin: auto; 
	 border-bottom:2px solid #f5f5f5;
	 text-align: center;
	 }

.border-left-1px{width: 100%;height: 100%;border-left:1px solid #f5f5f5;}
.menu-bg{height: 57px;border-right: solid 1px #fbfbfb; float: left; display: inline; background-position: center; margin-right: 20px; }
.menu-bg .sapna{line-height: 50px;font-size: 14px;background-color: #fff;height: 50px;display: block;font-weight: 500;color: #333;font-family:Microsoft YaHei;padding-top: 7px;text-align: left;}
.m-01{background-image: url(../images/menu-bg.png); background-position: -574px 0px;width: 80px;padding-left: 77px;}
.m-02{background-image: url(../images/menu-bg.png); background-position: -190px 0px;width: 90px;padding-left: 85px;}
.m-03{background-image: url(../images/menu-bg.png); background-position: -388px 0px;width: 80px;padding-left: 77px;}
.m-04{background-image: url(../images/menu-bg.png); background-position: -278px 0px;width: 80px;padding-left: 82px;}
.m-05{background-image: url(../images/menu-bg.png); background-position: -474px 0px;width: 80px;padding-left: 77px;}
.m-06{background-image: url(../images/menu-bg.png); background-position: -10px 0px;width: 80px;padding-left: 50px;}
.m-07{background-image: url(../images/menu-bg.png); background-position: -662px 0px;width: 80px;padding-left: 50px;}
.m-08{background-image: url(../images/menu-bg.png); background-position: -74px 0px;width: 80px;padding-left: 103px;}
.menu-bg:hover{margin-top: -10px;}