html,body{

  margin: 0;

  padding: 0;

}

.mb10{

  margin-bottom: 10px;

}

.mb20{

  margin-bottom: 20px;

}

.mt20{

  margin-top: 20px;

}

ul,li,ol {

  list-style: none;

  margin: 0;

  padding: 0;

}

a{

  text-decoration: none;

  color: #333;

}

a:hover{

  text-decoration: none;

}



.header {

	Z-INDEX: 9; WIDTH: 100%; TOP: 0px; LEFT: 0px; position:fixed; BACKGROUND: url(../images/nav_bg01.png) repeat-x;

}

.header_bg {

	BACKGROUND: url(../images/nav_bg.png) repeat-x

}



.wrapboxs{

  width: 1200px;

  height:100px;

  margin: 0 auto;

}



.wrapbox{

  width: 1200px;

  margin: 0 auto;

  margin-top:100px;

}



.nav_wrap{

  height: 50px;

  line-height: 50px;

  padding: 20px 0;

  vertical-align: middle;

}

.logo{

  display: inline-block;

  width: 230px;

  height:35px;


}

.nav_box{

  float: right;

  margin-top: 13px;

  text-align: right;

  margin-right:-25px;

}

.nav_box li{

  display: inline-block;

  padding:0px 25px;

  font-size: 15px;

  color: #000;

  text-align: center;

}

.nav_box li.current a{

  padding:5px 0px;

  border-bottom: 1px solid #333;

}

.nav_box li a{

  color: #000;

  text-decoration: none;

}

.nav_box li a:hover{

  text-decoration: none;

  padding:5px 0px;

  border-bottom: 1px solid #333;

}

.nav_box li a:active{

 text-decoration: none;

}



.index_list_item{

  position: relative;

  float: left;

  width: 390px;

  height: 356px;

  overflow: hidden;

  margin-right:15px;

  margin-bottom: 15px;

}

.shadow_mask{

  opacity: 0;

  position: absolute;

  text-align: center;

  vertical-align: middle;

  width: 100%;

  height: 100%;

  padding-top: 145px;

  left:0;

  top: 0;

  background:rgba(41 ,41, 39, 0.93);

  -webkit-transition: 0.5s ease-in-out;

  -moz-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

}

.shadow_mask p{

  display: inline-block;

  text-align: center;

  width: 100%;

  vertical-align: middle;

  color: #fff;

  font-size: 20px;

  letter-spacing:1px;

  font-weight: bold;

}

.shadow_mask p span{

  color: #fff;

  font-size: 14px;

  letter-spacing:normal;

  font-weight:normal;

  padding:5px 0px;

  text-decoration: none;

  border-bottom: 1px solid #fff;

  margin-top:10px;

}

li.index_list_item:hover .shadow_mask{

  opacity: 1;

}



.footer{

  width: 1200px;

  height: 40px;

  padding-top: 40px;

  line-height: 40px;

  color: #8a8b8c;

  font-size: 12px;

  margin: 0 auto;

}

.footer li{

  float: left;

  height:12px;

  line-height:10px;

  padding:0 20px;

  border-right:1px solid #8a8b8c;

}

.footer li.fl{

  padding-left:0px;

}

.footer li.fr{

  float: right;

  text-align: right;

}

.footer li.bd_n{

  border: none;

  padding-right:30px;

}

.footer li.Copyright{

  border: none;

  padding-right:0px;

}

.footer li.Copyright a{

  color: #8a8b8c;

}



.pro_list_item_s{

  position: relative;

  float: left;

  width: 387px;

  height: 374px;

  overflow: hidden;

  margin-right:16px;

  margin-bottom: 16px;

  border: 1px solid #dfdfdf;

  opacity: 1;

}



.pro_list_item{

  position: relative;

  float: left;

  width: 387px;

  height: 374px;

  overflow: hidden;

  margin-right:16px;

  margin-bottom: 16px;

  border: 1px solid #dfdfdf;

  opacity: 1;

}

.pro_list_item:hover{

  background:rgba(255 ,255, 255, 0.5);

  -webkit-transition: 0.5s ease-in-out;

  -moz-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  opacity: 0.5;

}

.pro_list_item .pro_img{

  width: 100%;

  height:247px;

  overflow: hidden;

}

.pro_info{

  padding: 0 25px;

}

.mr0{

	margin-right:0px;

}

.pro_fl{

  height: 16px;

  line-height: 16px;

  margin-top:20px;

  font-size: 12px;

  color: #6f6f6f;

  font-weight:normal;



}

.pro_title{

  height: 18px;

  line-height: 18px;

  font-size: 16px;

  color: #313131;



}

.pro_desc{

  font-size: 12px;

  line-height: 16px;

  color:#6f6f6f;

}



.content_fl{

  padding: 0px;

  height: 20px;

  line-height: 20px;

  margin-top:50px;

  font-size: 12px;

  color: #6f6f6f;

  font-weight:normal;

}



.content_title{

  padding: 0px;

  color: #555354;

  height: 30px;

  line-height: 30px;

  font-size: 20px;

  margin-bottom:30px;

  padding-bottom:30px;

  border-bottom: 1px solid #adadad;

  margin-top: 0px;

}

.content_details{

  font-size: 14px;

  line-height: 30px;

  color: #000;

  margin-bottom:50px;

}

.content_details a:hover{

	color:#666;

}

.content_details p{

	margin-top:15px;

}

.content_details_name{

	font-size:22px;

	font-weight:bold;

	line-height:30px;

}

.content_details_name span{

	font-size:16px;

	font-weight:bold;

	line-height:20px;

}

.content_details_email{

	font-size:14px;

	font-weight:bold;

	line-height:20px;

}

.content_details_email a{

	font-size:14px;

	color:#333;

	padding-bottom:1px;

	border-bottom:solid 1px #333;

	text-decoration:none;

}

.content_details_email a:hover{

	color:#666;

	border-bottom:solid 1px #666;

	text-decoration:none;

}

/*-- 案例详情 --*/

.detail_banner{ position:relative; background:#000; background-color:#000;

}

.detail_banner .video_btn{ 

  width:1200px; 

  height:600px; 

  position:absolute; 

  left:0px; 

  top:0px;

  background:#000;

  background-color:#000;

  background:rgba(0 ,0, 0, 1.0);

}



/*banner*/

.slideBox{width:1200px; height:600px; overflow:hidden; position:relative;}

.slideBox .sPrev{ position:absolute; top:45%; width:40px; height:60px; display:block; cursor:pointer; z-index:999; left:30px; background:url(../images/left.png) no-repeat left top; display:none; }

.slideBox .sNext{ position:absolute; top:45%; width:40px; height:60px; display:block; cursor:pointer; z-index:999; right:30px; background:url(../images/right.png) no-repeat left top; display:none; }



.slideBox .div_ul{ width:1200px; height:45px; bottom:0px; position:absolute; z-index:10; text-align:center; }

.slideBox .div_ul span{ display:none; width:24px; height:24px; cursor:pointer;background:url(../images/ico_outb.png) center center no-repeat;}

.slideBox .div_ul span.on{background:url(../images/ico_onb.png) center center no-repeat;}



.tempWrap{ width:1200px;position:relative; }

.tempWrap ul{ width: 1200px; position: relative; overflow: hidden; padding: 0px; margin: 0px; }

.tempWrap ul li { float: left; width: 1200px; }

/*banner*/



/*-- 联系我们 --*/

.contact_content{ 

    margin-top:-20px;

}

.contact{

  position: relative;

  float: left;

  margin-top:30px;

  width: 260px;

  height: 500px;

  margin-bottom:25px;

}

.contact a:hover{

	color:#666;

}

.contact h2{

  font-size: 16px;

  color: #333;

  letter-spacing:1px;

}

.contact ul{

	margin-top:-10px;

}

.contact li{

  color: #444;

  margin-bottom: 30px;

  line-height: 25px;

}

.contact li p{

  color: #333;

  line-height:20px;

  margin-bottom:0px;

}

.contact li p.mobile{

  font-size: 20px;

  font-family:Arial;

  letter-spacing:1px;

  font-weight: bold;

}

.contact .qr_code{

  position: absolute;

  left: 0;

  bottom: 0;

  font-size:12px;

  color:#333333;

  text-align:left;

  line-height:16px;

}

.map{

  float: right;

}

/*-- job --*/

.job_content .content_title{

  color: #000;

  font-size: 20px;

  padding: 15px 0 10px 0;

  margin-top: 0;

}

.job_list{

  margin-top: 20px;

  font-family: 'Microsoft Yahei';

}

.job_list li{

  margin-bottom: 50px;

}

.job_list li h3{

  font-size: 18px;

  font-weight: bold;

  color: #333;

}

.job_list li h4{

  font-weight: bold;

  font-size: 14px;

  color: #535353;

  margin-bottom: 10px;

}

.job_list li p{

  font-size: 14px;

  color: #535353;

  line-height: 20px;

}

.job_list li a{

  font-family: 'Microsoft Yahei';

  display: block;

  line-height: 24px;

  font-weight: bold;

  font-size: 14px;

  color: #000;

  margin-top: 20px;



  text-decoration: underline;

}



/*-- news --*/

.news_list{

  float: left;

  width: 375px;

  background: #191919;

  overflow: hidden;

  position:relative;

}

.news_list_wrap{

  float: left;

  width: 345px;

  padding: 15px;

  background: #191919;

  overflow: hidden;

  position:relative;

}

.news_list_wrap ul{

  height:328px;

}

.news_list_wrap li{

  border-bottom: 1px solid #595959;

  margin-bottom: 20px;

  margin:10px;

  padding-bottom:10px;

  line-height:30px;white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;

}

.news_list_wrap li a{

  color: #fff;

  font-size: 15px;

}

.news_list_wrap li a:hover{

  text-decoration: none;

  color:#9c9c9c;

}

.news_list_wrap .ok a{

  text-decoration: none;

  color:#9c9c9c;

}

.news_list_wrap li p{

	margin:0px;

}

.news_list_wrap li .dates{

  font-family: "Arial";

  line-height:20px;

  color:#9c9c9c;

  font-size:14px;

}



.news_list_wrap .page{

margin-top:30px; margin-right:10px; padding-bottom:15px; width:55px; text-align:right; float:right

}

.news_list_wrap .page .left{

width:21px; height:27px; background:url(../images/news_btn.PNG) no-repeat 0px 0px; display:block; float:left;

}

.news_list_wrap .page .left:hover{

	background-position:0px -27px;

}

.news_list_wrap .page .right{

width:21px; height:27px; background:url(../images/news_btn.PNG) no-repeat -21px 0px; display:block; float:right; margin-left:10px;

}

.news_list_wrap .page .right:hover{

	background-position:-21px -27px;

}





.news_detail{

  float: right;

  width: 750px;

  overflow: hidden;

  color: #868686;

}

.news_detail .news_title{

  font-weight: bold;

  color: #000;

  font-size: 20px;

  line-height: 30px;

}

.news_detail .news_detail_content{

  font-size: 14px;

  line-height: 30px;

  color: #000;

  margin-bottom:50px;

}

.news_detail .news_detail_content p{

	margin-top:15px;

}

.news_detail .news_detail_content img{

	max-width:750px;

}



#caidantopflash {

	display:none;

}



/* to_top */

#backTop {

	POSITION: fixed; FILTER: alpha(opacity=0); WIDTH: 60px; BOTTOM: 100px; ZOOM: 1; DISPLAY: block; BACKGROUND: url(../images/gotop.png); HEIGHT: 60px; CURSOR: pointer; opacity: 0; _display: none; right:50px;

}

#backTop:hover {

	background-position:-61px;

}
/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

#dituContent img{ max-width:inherit !important}