﻿@charset "utf-8";

/* CSS Document  QQ:847198344  技术支持 */
/*关于我们*/
.ny_banner01{
	margin-top:100px;}
.content_area{
	width:1200px;
	margin:0 auto;
	padding-top:33px;
	}
.content_area .left_nav{
	width:242px;
	float:left;
	}
.content_area .left_nav h3{
	font-size:18PX;
	color:#a50000;	
	background:#444347;
	color:#fff;
	height:62px;
	line-height:62px;
	margin-bottom:2px;
	}
.content_area .left_nav h3 em{
	padding-left:58px;
	font-weight:bold;
	font-style:normal;}
.content_area .left_nav ul{
	margin-top:4px;
}
.content_area .left_nav li{	
	font-size:13px;
	color:#333333;
	height:51px;
	line-height:51px;
	background:#b4afa7;
	color:#fff;
	padding-left:27px;
	margin-top:2px;}

.content_area .left_nav li:hover{
	background:#444347;
	font-weight:bold;}
.content_area .quality_nav li:hover{
background: #105a8c;}
.content_area .quality_nav li{
background:#3475a1;}
.content_area .project_nav li:hover{
background: #275b71;}
.content_area .project_nav li{
background:#3f7f9b;}

.content_area .customer_nav li:hover{
background: #971454;}
.content_area .customer_nav li{
background:#bf2470;}

.content_area .service_nav li:hover{
background: #503f3a;}
.content_area .service_nav li{
background:#827672;}
.content_area .left_nav li em{
	display:inline-block;
	background:url(../image/left_line.jpg) no-repeat center;
	width:8px;
	height:1px;
	margin-right:20px;
	font-size:14px;}
.content_area .left_nav li a{
	display:block;
	width:100%;
	height:100%;}
.content_area .people_nav li{
	background:#1b4f71;}
.content_area .people_nav li:hover{
	background:#021f32;
	font-weight:bold;}
.right_area{
	float:right;
	width:900px;
	background:#fff;
	margin-bottom:40px;
	}
.right_area .position{
	border-bottom:1px solid #e6e6e6;
	height:30px;
	margin:0 30px;
	padding-top:25px;}
.right_area .position h3{
	font-size:16PX;
	color:#0d0e34;
	float:left; 
	}
.right_area .position h4{
	color:#333333;
	font-size:13PX;
	background:url(../image/img10.png) no-repeat left center;
	float:right;
	font-style:normal;
	padding-left:21PX;
	height:16px;
	line-height:16px;}
.right_area .position h4 em{
	color:#0d0e34;
	font-style:normal;
		}
.font_area{
	font-size:14PX;
	color:#333333;
	line-height:32PX;
	min-height:400PX;
	padding:0 30px;
	padding-top:25PX;
	padding-bottom:10PX;
	
	}


.pro_list{ width:900px;}


/*荣誉资质开始*/
.prize_list{
	padding-top:35px;
	margin:0 auto;
	width:864px;}
.prize_list li{
	width:268px;
	height:230px;
	line-height:230px;
	position:relative;
	border-radius:5px;
	cursor:pointer;
	float:left;
	margin:0 10px;
	margin-bottom:20px;
	background:url(../image/img11.png) no-repeat center bottom;
	text-align:center;
	padding-bottom:35px;
	}
.prize_list li img{
	max-width:80%;
	max-height:100%;
	vertical-align: bottom;}
.prize_list li h3{
	width:188px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	background:url(../image/img06.png) center;
	position:absolute;
	left:0;
	bottom:0;
	display:none;
	}
/*弹出层*/
.mask-wrap {
	position: fixed;left: 0;top: 0;width: 100%;height: 100%;
	z-index: 99999;text-align: center;display: none;
}
.mask-bg {
	width: 100%;height: 100%;position: absolute;left: 0;
	top: 0;background: #000;opacity: .7;
}
.mask-main {
	width: 800px;
    height: 600px;
    position: absolute;
    top: 50%;
    margin-top: -350px;
    left: 50%;
    margin-left: -400px;
}
.mask-img {width: 100%;
    height: 700px;}
.mask-img .img-md {max-width: 100%;max-height: 100%;}
.mask-img img{
max-width: 100%;
    max-height: 100%;
    transition: all .3s;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.mask-main p {font-size: 18px;color: #fFf;margin: auto;line-height: 60px;height:60px; background:#000;
width:600px; text-align: center; border-radius:30px; margin-top:20px;}
.mask-pager li {position: absolute;top: 25%;cursor: pointer;height: 50%;width: 10%;}
.mask-pager .prev {left: 25%;background: url("../image/mask_left.png") no-repeat center;}
.mask-pager .next {right: 25%;background: url("../image/mask_right.png") no-repeat center;}
.mask-close {
	width: 30px;height: 30px;position: absolute;right: 20%;
	top:35%;cursor: pointer;transition: all 1s;
	background: url("../image/mask_off.png") no-repeat center center;
}
.mask-close:hover{transform: rotate(360deg);}
/*新闻中心开始*/
.content_area .left_news ul li{
	background:#8dd2f3;
	}
.content_area .left_news ul li:hover{
	background:#24a4e3;
	}
.news_list{
	width:843px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:30px;}
.news_list li{
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
	margin-bottom:15px;}
.news_list li .img{
	float:left;
	background:url(../image/news_bc.jpg) no-repeat center;
	width:278px;
	height:183px;}
.news_list li .right{
	width:548px;
	float:right;}
.news_list li .right .title{
	font-size:16px;
	color:#333333;
	background:url(../image/news_title.jpg) no-repeat  left center;
	padding-left:20px;
	margin-top:28px;}
.news_list li .right .span{
	padding-left:20px;
	display:block;
	font-size:12px;
	color:#666666;
	line-height:21px;
	margin-top:17px;}
.news_list li .right  .time{
	padding-left:20px;
	font-size:13px;
	color:#999999;
	margin-top:22px;
	}

/*新闻详情页开始*/
.news_info{
	margin:0 auto;
	padding:0 35px;
	padding-top:40px;}	

.news_info .title{
	text-align:center;
	font-size:18px;
	color:#0d0e34;
	font-weight:bold;}	
	
.news_info .time{
	font-size:13px;
	color:#666;
	text-align:center;
	padding-top:25px;
	padding-bottom:20px;}	
.news_info .nr{
	font-size:14px;
	color:#666666;
	line-height:31px;
	min-height:400px;
	/*border-bottom:1px dotted #ccc;*/
	padding-bottom:40px;}	
.news_info .more{
	font-size:14px;
	color:#666666;
	background:url(../image/return.jpg) no-repeat left center;
	padding-left:28px;
	display:block;
	margin:0 auto;
	width:70px;
	margin-bottom:40px;
	margin-top:18px;}
.news_info .next{
	padding-bottom:35PX;}
.news_info .next a{
	display:block;
	font-size:14PX;
	color:#333333;
	padding-top:20PX;
	}
/*产品频道页开始 */
.pdy{
	width:1210px;
	margin:0 auto;
	color:#fff;
	}
.pdy .title{
	padding-top:200px;
	font-size:26px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	letter-spacing: 6px;
	}
.pdy .span{
	display:block;
	font-size:15px;
	line-height:32px;
	text-align:center;
	padding-top:35px;
	}
.pdy_list{
	padding-top:57px;
	width:1210px;
	margin:0 auto;}
.pdy_list li{
	float: left;
	width:376.5px;
	height:400px;
	border:1px solid #4faade;
	text-align:center;
	background: rgba(0,0,0,.5);
	border-radius:20px;
	margin:0 7px 14px;
	}
.pdy_list li img{
	height:122px;
	margin-top:30px;
	display:inline-block;
	
	}
.pdy_list li .title01{
	font-size:16px;
	color:#ffffff;
	margin-top:27px;}
.pdy_list li .span02{
	display:block;
	width:90%; padding-left:5%; padding-right:5%;
	height:108px;
	margin:0 auto;
	font-size:12px;
	color:#ffffff;
	line-height:22px;
	padding-top:22px;}
.pdy_list li .more{
	background:url(../image/more01.png) no-repeat center;
	width:29px;
	height:30px;
	display:block;
	margin:0 auto;
	margin-top:1px;}
.service02{
width:1190px;
margin:0 auto;
border:1px solid #4faade;
height:609px;
margin-top:53px;
background: rgba(0,0,0,.5);
border-radius: 5px;
	

}

.service02 .title02{
text-align:center;
color:#fff;
font-weight: bold;
font-size:26px;
padding:60px 0;
letter-spacing: 6px;}

.service02 li{
float:left;
color:#fff;
text-align:center;
margin:0 45px;
margin-bottom:45px;
}	
.service02 li em{
display:block;
width:140px;
height:140px;
background: rgba(39,126,206,.3);
border-radius: 140px;}
.service02 li .img{
display:block;
margin:0 auto;
padding-top:40px;
}
.service02 li h4{
text-align:center;
font-size:14px;
color:#ffffff;
margin-top:18px;}	
	
/*产品列表页面开始*/
.content_area .proleft_nav{
	width:242px;
	float:left;
	}
.content_area .proleft_nav h3{
	 font-size: 18PX;
    background: #01072a;
    color: #fff;
    height: 62px;
    line-height: 62px;
	margin-bottom:3px;
	}
.content_area .proleft_nav h3 em{ 
padding-left: 58px;
    font-weight: bold;
	}
   
.content_area .proleft_nav ul{
	
	}
.content_area .proleft_nav ul li{
	margin-top:2px;
	
	}
.content_area .proleft_nav ul li a{
	line-height:51px;
	background:#06104b;
	display:block;
	color:#fff;
	padding-left:40px;
	font-size:13px;
	font-weight:bold;}
.content_area .proleft_nav ul li a:hover{
	background:#01072a;}
.content_area .proleft_nav ul li a em{
	display: inline-block;
    background: url(../image/left_line.jpg) no-repeat center;
    width: 8px;
    height: 1px;
    margin-right: 20px;
    font-size: 14px;
	}
.proleft_nav ul li .seconde_nav{
	display: none;
	background:#01072a;
	color:#fff;
	}
.proleft_nav ul li .seconde_nav a{
	display:block;
	line-height:50px;
	background:#fff;
	padding-left:66px;
	font-size: 13px;
	color:#fff;
	font-weight:normal; 
    background: url(../image/img09.png) no-repeat 37px center;}
.proleft_nav ul li .seconde_nav a:hover{
	font-weight:bold;
	 background: url(../image/img09.png) no-repeat 37px center;
	
	}
.proleft_nav ul li .seconde_nav .act
{
	font-weight:bold;
	 background: url(../image/img09.png) no-repeat 37px center;
	
	}
.product_list{
	width:880px;
	margin:0 auto;
	padding-top:38px;
	}	

.product_list li{
	float:left;
	width:397px;	
	margin:0 20px;
	height:357px;
	margin-bottom:45px;
	cursor:pointer;
}	
.product_list li .img{
	width:397px;
	height:247px;
	position:relative;}
.product_list li .em{
	width:397px;
	height:247px;
	background:url(../image/pro_01.png) no-repeat center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	display:none;
	}
.product_list li:hover .em{
	display:block;}
.product_list li .title{
	font-size:18px;
	color:#0d0f37;
	font-weight:bold;
	text-align:center;
	margin-top:25px;}	
.product_list li .span02{
	text-align:center;
	font-size:14px;
	color:#666666;
	display:block;
	line-height:24px;
	margin-top:18px;}
/*产品详情页页面开始*/
.proinfo{
	padding-top:45px;}
.title03{
	width:150px;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:#0d0f37;
	text-align:center;
	margin-left:54px;
	margin-top:48px;}
.pro_info{
	padding:0 54px;
	font-size:13px;
	color:#666666;
	line-height:24px;
	padding-top:31px;
	padding-bottom:50px;}
.btn2{
	width:790px;
	margin:0 auto;
	margin-bottom:70px;}
.btn2 a{
	display:block;
	width:155px;
	height:46px;
	border:1px solid #cccccc;
	text-align:center;
	line-height:46px;
	font-size:14px;
	float:left;
	}
.btn2 a:hover{
	background:#0d0e31;
	color:#fff;}
/*下载中心开始*/
.content_area .downleft_nav{
	width:236px;
	float:left;
	}
.content_area .downleft_nav h3{
	font-size:18PX;
	color:#a50000;
	font-weight:bold;
	text-align:center;
	}
.content_area .downleft_nav h4{
	font-size:14PX;
	color:#dfdfdf;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:8PX;
	}
.content_area .downleft_nav ul{
	padding-top:15px;}
.content_area .downleft_nav li{
	
	font-size:13px;
	color:#333333;
	line-height:40px;
	border-bottom:1px dotted #ccc;
	text-align:center;
	background:url(../image/img09.png) no-repeat 8px center;}
.content_area .downleft_nav li a{
	display:block;
	width:100%;
	height:100%;}
.content_area .downleft_nav li:hover{
	color:#a50000;
	border-bottom:1px solid #a50000;}

.down_list{
	width:921px;
	margin:0 auto;
	background:#fff;
	padding-bottom:30px;}
	
.down_list table{
	width:921x;
	margin:0 auto;
	margin-top:30px;
	}
	
.down_list table td{
	text-align:center;}
.down_list .head{
	font-size:14px;
	color:#333333;
	height:39px;
	border:1px solid #ededed;
	background:url(../image/img33.jpg) repeat-x center;}
.down_list .tablebody{
	font-size:14px;
	color:#666666;
	line-height:53px;
	background:url(../image/img35.jpg)  no-repeat center bottom;}
.down_list .tablebody a:hover{
	color:#ff7200;}
/*人才招聘开始*/
.people_list{
	margin-bottom:30px;
	width:840px;
	margin:0 auto;
	}
.people_list .title{
	height:39px;
	line-height:39px;
	margin-top:37px;
	font-weight:bold;
	font-size:14px;
	color:#666666;}
.people_list .title .name{
	display:inline-block;
	text-align:center;
	line-height:39px;
	font-size:14px;
	color:#666666;}
.people_list .list01{
	line-height:45px;
	font-size:14px;
	color:#666666;transition: .5s;
	background:#f8f8f8;
	margin-bottom:2px;
	position:relative;
	}
.people_list .list01 .name{
	text-align:center;
	display:inline-block;
	}
.people_list .list01 .name.cls{background: #FFF url("../image/img34.png") center no-repeat;transition: all .5s;}
.people_list .list01.cur .name.cls,.people_list .list01:hover .name.cls{
	background:none;
	background:#fff;}

.people_list .cur,.people_list .list01:hover{
	background:#121133;
	color:#fff;}
.people_list .cur .peopleinfo{
	display:block;
	color:#333;}
.peopleinfo{
	background:#fff;
	padding:0 50px;
	line-height:35px;
	padding-bottom:20px;
	display:none;
	}
.peopleinfo  .title02{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin-bottom:10px;
	padding-top:15px;}
/*留言板开始*/
.zc {
  font-size: 14px;
  color: #333333;
  width: 134px;
  text-align: right;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}
.zctx {
  border: 1px solid #cccccc;
  width: 474px;
  height: 36px;
  line-height: 36px;
  margin-left: 29px;
  margin-bottom: 15px;
  padding-left:25px;
  font-size:12px;
  color:#666;
}
.xh {
  color: Red;
  margin-left: 15px;
  display: inline-block;
  position: relative;
  top: -4px;
}
.yztp {
  display: inline-block;
  position: relative;
  top: -8px;
  margin-left: 15px;
}
.wb2 {
  height: 126px;
  line-height: 38px;
  border: 1px solid #ccc;
  width: 499px;
  margin-left:29px;
  resize: none;
  margin-bottom: 20px;
  display: inline-block;
}

.position_name{
	font-size:12px;
	color:#666666;
	display:inline-block;
	width:480px;
	height:36px;
	line-height:36px;
	border:1px solid #cccccc;
	padding-left:20px;
	margin-left:28px;
	}
.yztp .tjjl{
	width:135px;
	height:38px;
	background:#fec961;
	line-height:38px;
	position:relative;
	left:-16px;
	color:#fff;
	display:inline-block;}
.right_area .submit{
	width:160px;
	background:#0d0e34;
	display:inline-block;
	color:#fff;
	font-size:15px;
	height:45px;
	margin-left:164px;
}
.right_area .submit02{
	width:160px;
	background:#7b7878;
	display:inline-block;
	color:#fff;
	font-size:15px;
	height:45px;
	margin-left:180px;
}

/**9-28**/
.proD_showA{width:560px;margin:0 auto 16px;}
.proD_showA img{width:100%;}
.proD_showB{width:560px;margin:auto;box-sizing:border-box;padding:0 36px;}
.proD_showB ul li{box-sizing:border-box;border:1px solid #ccc;}
.proD_showB ul li.act{border-color:#0c0f32;}
.bx-wrapper .bx-controls-direction a{
	width:28px;height:100%;margin-top:0;top:0;
	border-radius:2px;background-color:#424147;
}
.bx-wrapper .bx-prev{left: -36px;background: url("../image/to_left.jpg") center no-repeat;}
.bx-wrapper .bx-next{right:-36px;background:url("../image/to_right.jpg") center no-repeat;}


