@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font:12px/20px "微软雅黑","宋体"; color:#333; text-align:center; background:#fff; overflow-y:auto; overflow-x:hidden;}
*{ margin:0; padding:0; list-style:none;}
img{ display:inline-block; border:none;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{*zoom:1;}
.l{ float:left; display:inline;}
.r{ float:right; display:inline;}
.hide{ display:none;}
.show{ display:block;}
.text-center{ width:100%; text-align:center;}

a:link{ text-decoration:none; color: #333;}
a:visited{ text-decoration: none; color: #333;}
a:hover{ text-decoration: none; color:#c00;}
a:active{ text-decoration: none; color: #c00;}

a.whitelink:link{ text-decoration: none; color: #fff;}
a.whitelink:visited{ text-decoration: none; color: #fff;}
a.whitelink:hover{ text-decoration: none; color:#ccc;}
a.whitelink:active{ text-decoration: none; color:#ccc;}

.container{ width:950px; margin:0 auto;}

.boxs{ width:100%; padding-top:70px;}
.bg_white{ background:#FFF; padding-top:50px;}
.bg_gray{ background:url(../images/jt1.jpg) no-repeat top center #212a31;}
.bg_yellow{ background:url(../images/jt2.jpg) no-repeat top center #f39700;}
.bg_white2{ background:url(../images/jt3.jpg) no-repeat top center #FFF;}
.bg_black{ background:url(../images/jt4.jpg) no-repeat top center #000; padding:20px 0;}

.wrap{ width:950px; margin:0 auto; padding-bottom:30px;}
.titles_gray{ background:#212a31;}
.titles_yellow{ background:#f39700;}
.titles_black{ background:#000;}

.titles{ display:block; position:absolute; font:normal 50px/50px "Arial Black"; width:350px; text-align:center; left:50%; margin-left:-175px!important; background:#FFF;}


h2 {
	width: 350px;
	height: 45px;
	margin: 0 auto;
	font: bold 45px/45px "微软雅黑";
	color: #f39700;
	margin-bottom: 20px;
}

h3 {
	font: normal 18px/18px "微软雅黑";
	margin: 0 auto;
	color: #000000;
}

h4 {
	font: normal 28px/28px "Arial Black";
	margin: 0 auto;
	padding: 50px 0 10px;
}
.bg_h3,.bg_h3_gray,.bg_h3_yellow{ width:686px; height:18px; margin:0 auto; background:url(../images/bg_h3.png) no-repeat center center; margin-bottom:30px;}
.bg_h3_gray{ background:url(../images/bg_h3_white.png) no-repeat center center;}
.bg_h3 h3{ background:#FFF; width:80px;}
.bg_h3_gray h3{ background:#212a31; width:220px;}
.bg_h3_yellow h3{ background:#f39700; width:170px;}
.bg_h3_white2 h3{ width:100px;}

.bg_white .work ul#portfolio-filter,.bg_white .work ul#portfolio-filter-d { 
		display:inline-block; 
		*display:inline; 
		zoom:1; 
		padding-bottom:25px;
	}
.bg_white .work ul#portfolio-filter li,.bg_white .work ul#portfolio-filter-d li { 
		float:left; 
	}
.bg_white .work ul#portfolio-filter li a,.bg_white .work ul#portfolio-filter-d li a{ 
		float:left; 
		display:inline; 
		/*width:55px;*/ 
		text-align:center; 
		margin:0 10px; 
		font:bold 18px/22px "微软雅黑"; 
		padding: 0 5px 3px;
	}
.bg_white .work ul#portfolio-filter li a:hover,.bg_white .work ul#portfolio-filter-d li a:hover,
.bg_white .work ul#portfolio-filter li a.on,.bg_white .work ul#portfolio-filter-d li a.on {
	color: #FFF;
	background: #f39700;
	border-radius: 3px;
	cursor: pointer;
}


.bg_white .work ul.portfolio-filter,.bg_white .work ul.portfolio-filterPro { 
		display:inline-block; 
		*display:inline; 
		zoom:1; 
		padding-bottom:25px;
}
.bg_white .work ul.portfolio-filter li, .bg_white .work ul.portfolio-filterPro li { 
		float:left; 
}
.bg_white .work ul.portfolio-filter li a, .bg_white .work ul.portfolio-filterPro li a{ 
		float:left; 
		display:inline; 
		/*width:55px;*/ 
		text-align:center; 
		margin:0 10px; 
		font:bold 18px/22px "微软雅黑"; 
		padding: 0 5px 3px;
}
.bg_white .work ul.portfolio-filter li a:hover, .bg_white .work ul.portfolio-filter li a.on, .bg_white .work ul.portfolio-filterPro li a:hover, .bg_white .work ul.portfolio-filterPro li a.on{
	color: #FFF;
	background: #f39700;
	border-radius: 3px;
	cursor: pointer;
}


.get_more a{ border:#f39700 2px solid; border-radius:3px; background:#FFF; color:#f39700; font:bold 18px/30px "微软雅黑"; padding:5px 20px; margin:0 auto; text-align:center; width:200px;}
.get_more a:hover{ border:#f274a5 2px solid; color:#f274a5;}
.get_more{ padding-bottom:20px;}
.more_tip{ display:none; text-align:center; height:20px; line-height:20px; padding-bottom:40px;}

.pages{ float:left; width:100%; padding-bottom:40px; overflow:hidden;}
.pages ul{ float:left; left:50%; margin:0 auto; position:relative;}
.pages li{ float:left; position:relative; right:50%;}
.pages li a{ display:block; width:25px; height:4px; line-height:0; font-size:0; margin-right:6px; background:#bcbdc1;}
.pages li a:hover,.pages li a.on{ background:#f39615;}

.service li{ float:left; display:inline; width:164px; text-align:center; font:bold 18px/22px "微软雅黑"; color:#FFF; margin-right:98px;}
.service li.last{ margin-right:0;}
.service li div{ position:relative; padding-top:30px; height:200px;}
.service li div .zhezhao{ position:absolute; z-index:2; width:100%; border-top:#5f656a solid 1px; background:#212a31; height:30px; top:130px; left:0;}
.service li ul{ position:absolute; top:150px; left:0; z-index:3;}
.service li li{ float:inherit; display:block; font:normal 13px/22px "微软雅黑"; background:url(../images/list_service.jpg) no-repeat left; text-align:center; }

.client {
	width: 899px;
	margin: 0 auto;
	padding-top: 20px;
	height: 165px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	
}

.client .clientUl li {
	float: none;
	width: 900px;
	height: 55px;
	line-height: 55px;
	margin: 0;
	padding: 0;
}

.client .clientUl li .client1,
.client .clientUl li .client2,
.client .clientUl li .client3,
.client .clientUl li .client4 {
	float: left;
	display: block;
	text-align: center;
	/*width: 244px;
	height: 55px;
	margin-right: 84px;*/
	padding: 0;
}

.client .clientUl li .client2 {
	width: 112px;
}

.client .clientUl li .client3 {
	width: 170px;
}

.client .clientUl li .client4 {
	width: 121px;
	margin-right: 0;
}
.about{ color:#fff;}
.about p{ font-size:14px; padding-bottom:10px; text-indent:28px; text-align:left;    line-height: 30px;}
.about h4 {
	font-size: 30px;
	font-family: "微软雅黑";
}
.liucheng {
	padding-top:20px;
	overflow: hidden; 
	position: relative; 
	z-index: 2; 
	left: 0px;
	overflow:hidden;
	visibility: visible; 
}

.liucheng ul {
	margin: 0px; 
	padding: 0px; 
	position: relative; 
	list-style-type: none; 
	z-index: 1; 
}
.liucheng ul li {
	float: left; 
	width: 240px; 
	height: 324px;
	background: #fff;
}
.liucheng .mid {
	margin: 0 57px;
}
.evaluation li a {
	margin: 30px auto 20px;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	overflow: hidden;
}
.evaluation li a img {
	width: 60px;
}
.evaluation li p {
	text-indent: 0;
	padding: 0 20px;
	height: 160px;
	font-family: "微软雅黑";
	font-size: 13px;
	color: #666;
	overflow: hidden;
}
.evaluation li span {
	color: #8babd1;
}
.evaluation li.fr { 
	float: right;
	margin-right: 58px;
}

.team{ padding-top:20px; width:950px; overflow:hidden;}
.team ul{ width:950px;}
.team li{ float:left; display:inline; width:174px; height:145px; margin:0 8px;}
.team li img{ width:174px; height:145px;}

.team_btn{ position:relative; width:950px;}
	.team_btn .btn_slide{ position:absolute; top:75px; width:14px; height:23px; display:block; text-indent:-9999px; background-repeat:no-repeat; z-index:5; cursor:pointer;}
	.team_btn .btn1{ left:-20px; background-image:url(../images/ico_jt1.gif);}
	.team_btn .btn2{ right:-20px; background-image:url(../images/ico_jt2.gif);}
	.team_btn .btn12{ left:-20px; background-image:url(../images/ico_jt12.gif);}
	.team_btn .btn22{ right:-20px; background-image:url(../images/ico_jt22.gif);}

.contact{ color:#333;}
.contact h1{ font:bold 20px/20px "微软雅黑"; padding:10px 0 20px; text-align:left;}
.contact p{ font:normal 15px/24px "微软雅黑"; text-align:left;}
.contact_l{ width:668px; height:230px;}
#dituContent{ width:645px; height:228px; border:#9a9a9a solid 1px;}
.contact_r{ width:280px;}
.web{ padding:110px 0 20px; color:#212a31;}
.web ul{ width:408px;}
.web div{ width:542px;}
.web li{ float:left; display:inline; margin-right:35px;}
.web h4{ font:bold 25px/25px "微软雅黑"; padding:0 0 10px; text-align:left;}
.web p{ font:normal 13px/20px "微软雅黑"; padding:0; text-align:left;}

.footer ul{ width:300px; height:68px; margin:0 auto; padding:30px 0;}
.footer p{ text-align:center; color:#999;}
.footer{ border-bottom:#f39700 solid 30px; padding:20px 0;}


.white{ color:#FFF;}
.bg_pnk{background:#f39700;}
.yellow{ color:#f39615;}


.animatedImage2{ display:block;}
.animatedImage2 img{ 
	position:relative; 
	top:300ms ease-out;
	opacity:0.7 300ms ease-out;
	-moz-transition: all 300ms ease-out;  
	-webkit-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;  
}
.animatedImage2 img:hover{  
	top:-10px;
	opacity:1;
	-moz-transform: scale(1.2) rotate(-10deg);
	-webkit-transform: scale(1.2) rotate(-10deg);
	-o-transform: scale(1.2) rotate(-10deg);
	-ms-transform: scale(1.2) rotate(-10deg);
	transform: scale(1.2) rotate(-10deg);
}

.animatedImage3{
	display:block;
	position:relative;
}
.animatedImage3 img{
	width:100%;
}

/**** Isotope CSS3 transitions ****/

.isotope,.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope .isotope-item{
  width: 390px;
  height: 240px;
  float: left;
  overflow: hidden;
  position: relative;
}

.imgWidth { width: 390px; }

.imgHeight { height: 242px; }

/*web图片切换*/
.web ul li {  
	width: 101px;  
	height: 116px;  
	float: left;  
	position: relative;  
	overflow: hidden;  
}  
  
.footer ul li {  
	width: 68px;
	height: 68px;
	padding: 0 16px;  
	float: left;  
	position: relative;  
	overflow: hidden;  
}  
  
.web ul li img,.footer ul li img {  
	position: absolute; 
	top:0; 
	left: 0;
	-webkit-transition: all 300ms ease-out;  
}
.footer ul li img {  
	left:16px;
}  
.caption {  
	position: absolute;  
	z-index: 100;  
	-webkit-transition: all 300ms ease-out;  
	left: 0;  
}  
.web ul li .slide-caption {  
	width: 170px;  
	height: 170px;  
	text-align: left;  
	padding: 15px;  
	left: 200px;  
}  
.web ul li:hover .slide-caption {  
	background-color: rgba(0,0,0,1) !important;  
	-moz-transform: translateX(-100%);  
	-o-transform: translateX(-100%);  
	-webkit-transform: translateX(-100%);  
	opacity: 1;  
	transform: translateX(-100%);  
}  
.web ul li:hover img#image-4 {  
  -moz-transform: translateX(-100%);  
  -o-transform: translateX(-100%);  
  -webkit-transform: translateX(-100%);  
  transform: translateX(-100%);  
}



    .footer li a:hover .fade-caption {  
        opacity: 1;  
    }  
    .footer li a .fade-caption{  
        opacity: 0;
        width: 68px;  
        height: 68px;  
        text-align:center;  
        padding: 0 16px;  
    } 


/* zp_box */
.pop_tit{width:370px;height:40px;padding:10px 10px 5px 10px;background:url(../images/zp_titbg.gif) repeat-x; display:none; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-195px!important; z-index:9999; /*FF IE7 该值为本身宽的一半 */}
.p_tit1{line-height:20px;color:#ffffff;font-size:16px;}
.p_tit2{line-height:16px;font-family:Arial;color:#f39700;font-size:12px;}


/* 弹出新页面 */
.fullScreen { width:100%; background:#181818 url(../images/logo.png) no-repeat center center; left:100%; z-index:99999;top:0px;padding-top:40px; display:none; position:fixed;
*position:fixed !important;/*IE7*/
*position:absolute;/*IE6*/}
.zpConFullScreen { background-color:#181818; width:100%; z-index:99998; display:none; position:absolute; left:0px; top:0px;padding-top:40px;}


.topHeader{ width:100%; height:67px; background:#000; z-index:999; position:fixed; left:0; top:0;
	opacity:.7;
	border-bottom:#f39700 solid 2px;
	-moz-box-shadow:0 5px 10px #666;
	-webkit-box-shadow:0 5px 10px #666;
	-o-box-shadow:0 5px 10px #666;
	-ms-box-shadow:0 5px 10px #666;
	box-shadow:0 5px 10px #666;
}
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html .topHeader{width:100%; height:67px; clear:both; border-bottom:#f39615 solid 2px; background:#000; position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}

.chinaT,.englishT{ display:none; position:absolute; width:90px; height:67px; line-height:67px; z-index:99999999;}
.chinaT{ display:block; z-index:99999998;}
.navbar { width:1000px; clear:both; height:67px; margin:0 auto; position:relative;}

.top_nav { float:right; width:480px; font:bold 20px/67px "微软雅黑";}
.top_nav a { display:inline-block; background:none; width:90px; height:67px; overflow:hidden; text-align:center; position:relative; z-index:10;}
.top_nav a,.top_nav a:link,.top_nav a:visited,.top_nav a:hover { color:#bdbdbd;}
.top_nav a.on,.top_nav a.on:visited,
.top_nav a.on:hover,
.top_nav a:hover {
	color: #f39700;
}
.navBg { background:url(../images/menu_jt.png) no-repeat bottom center; width:90px; height:67px; position:absolute; left:0px; top:0px; z-index:-1; display:none;}

#homeBtn{ cursor:pointer;}



/*大图*/
.DB_tab25 {width:100%;height:580px;position:relative;overflow:hidden}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:580px;display:none}

.DB_tab25 .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;}

.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:-37px;top:414px;}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:-37px;top:108px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:697px;top:220px}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:20px;top:127px; z-index:1;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:747px;top:451px; z-index:2;}

.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:-37px;top:414px; }

.DB_tab25 .DB_prev{position:absolute;left:10px;top:245px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:10px;top:245px;cursor:pointer;display:none}


a.fancybox img {
    max-width: 390px;
    max-height: 240px;
}