@charset "utf-8";
/* CSS Document */
body,div,img,ul,li,h1,h2,h3{
	font:normal 14px "Microsoft YaHei","微软雅黑",helvetica, arial, verdana, tahoma, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	list-style-type:none;
	}
.bg{
	width:1200px;
	margin:0 auto;
	}
.clear{
	clear:both;
	}
/*------services------*/
#servicesBox { width:999px; height:270px; margin:0 auto; clear:both; padding:60px 0px 45px 0px; line-height:18px; color:#999999; font-size:12px;}
#servicesBox .serBox { cursor:pointer; display:inline; width:320px; height:270px; float:left; overflow:hidden; background-color:#f7f7f7; position:relative;}
#servicesBox .serBoxOn { display:none; width:320px; height:270px; background:url(../images/serboxon_bg.gif) repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:19;}
#servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:22px; right:105px; z-index:99;}
#servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:22px; left:-110px; z-index:99;}
#servicesBox .serBox .txt1 { width:240px; height:100px; color:#999999; position:absolute; top:145px; left:40px; z-index:99;}
#servicesBox .serBox .txt2 { width:240px; height:100px; color:#999999; position:absolute; top:145px; right:-240px; z-index:99;}
#servicesBox .serBox span.tit { font-size:16px; display:block; height:50px; line-height:40px; text-align:center;}
#servicesBox .serBox .txt1 .tit { color:#000000;}
#servicesBox .serBox .txt2 .tit { color:#fd8200;}

.fgH20 { float:left; width:19px; height:270px;}

#servicesBox h3 { font-weight:normal; font-size:16px; height:30px; line-height:20px; color:#000000;}

.servicesPop { background:url(../images/services_popbg.gif) repeat 0px 0px; width:100%; clear:both; height:320px; padding-top:33px; position:absolute; top:-3px; left:0px; z-index:999; display:none;}
.servicesPop #serFocus { width:1000px; height:273px; margin:0 auto; clear:both; background-color:#ffffff;}
#serFocus div.box { width:1000px; height:273px; display:none; color:#999999;}
#foot{
	height:160px;
	background:#3e3e3e;
	margin-top:0px;
	padding-top:30px;
	}
#foot dl{
	float:left;
	margin-right:30px;
	}	
#foot dl dt{
	color:#eee;
	font-size:16px;}	
#foot dl dd a{
	color:#999;
	font-size:14px;
	font-family:"微软雅黑";
	}	
#di{
	height:40px;
	background:#3e3e3e;
	padding-top:10px;
	/*overflow-y:hidden;*/
	}
#di p{
	color:#999;
	text-align:right;
	padding-bottom:10px;
	font-family:"微软雅黑";
margin-top: -10px;    line-height: 20px;
	}
#dz{
	color:#999;
	
	font-size:12px;
	padding-top:10px;
	font-family:"微软雅黑";
	}
#di p a{
	color:#999;
	font-size:14px;
	font-family:"微软雅黑";
	display:inline-block;
	margin-left:10px;
	}
#di p a:hover{
	color:#999;
	}
/*以上是公用及部分首页样式*/
/*新闻中心样式开始*/
#newsBg{
	background:url(news_02.jpg);
	background-size:100%;
	height:220px;
	text-align:center;
	}
#newsBg img{
	margin-top:70px;
	}
#xinWen ul{
	margin-top:10px;}
	
#xinWen ul li {
	height:80px;
	border-bottom:1px solid #ccc;
	line-height:80px;
	color:#666;
	}
#xinWen ul li span{
	color:#999;
    float: right;
	}
#newPic{
	margin-top:50px;
	}
#newPic img{
	float:left;
	margin-right:120px;	
	}
/*公司介绍样式开始*/
#subNav{
	float:left;
	}
#subNav ul{
    border-top: 1px solid #ddd;
}
#subNav ul li{
line-height: 38px;
    border-bottom: 1px solid #ddd;
    width: 150px;
	
	}
.lH{
    background-color: #4380B8;
    display: block;
    width: 130px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 5px;
	}

#subNav ul li a{
	padding-left:20px;
	}	
#mainNew{
	margin-top:30px;

	}	
#mainNew h1{
	color:#333;
	font-size:24px;
	margin-bottom:50px;	text-align:center;
	}
#mainNew p{
	text-indent:2em;
	text-align:left;
	color:#666;
	line-height:30px;
	
	}
.caseMain{

	    margin-top: -20px;
	}
.leftCase{
	float:left;	
	width:830px;
	}


.rightCase {
	float:right;
	width:308px;
	}
	



.subrightCase{
	height:210px;		
	background:#4f80a8;
	border-radius:8px;
	box-shadow:#c2d6fa 1px 1px 1px;
	margin-top:20px;
	}	
.subrightCase img{
	border-radius:5px;
	}	
.subrightCase strong{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	width:220px;
	margin-top:10px;
	margin-left:50px;

	display:inline-block;
	}

.subrightCase span{
	float:left;
	display:inline-block;
	margin-right:10px;
	margin-left:30px;
	text-align:center;
	margin-top:20px
	}
.subrightCase span h3{
	text-align:center;
	color:#fff;
	margin-top:5px;
	}
.subrightCase span h3:hover{
	text-decoration:underline;
	color:#f3f4f5;
	}
.subrightCase .ying{
	color:#FFF;
	font-size:14px;
	margin-top:110px;
	border-top:1px solid #a3c0f7;
	width:100%;
	padding-top:10px;
	font-weight:bold;	
	} 
.indexQk{
	text-align:center;
	}
.leftCase h2{
	text-align:left;	
	height:0;
	font-size:24px;
	color:#0e81d5;
	float:left;
	margin-top:-35px;	
	}
.subLeftCase{
	width:255px;
	height:210px;
	background:#4f80a8;
	position:relative;
	margin-top:20px;
	float:left;
	margin-right:20px;
	cursor:pointer;
	}
	
.subLeftCase img{width:255px;}
.subLeftCase p{
	color:#fff;
	font-size:18px;
	position:absolute;
	top:170px;
	left:35%;
	}



.rightCase h2{
	text-align:left;	
	height:0;
	font-size:24px;
	color:#0e81d5;
	float:left;
	margin-top:-35px;
	display:inline-block;
	}
.qingKanMain{
	margin-top:50px;
	}
.leftQingKan{
	width:534px;
	float:left;
	}	
.leftQingKan h2{
	text-align:left;	
	height:0;
	font-size:24px;
	color:#0e81d5;
	float:left;
	margin-top:-35px;
	}
.subQk{
height: 290px;
    width: 510px;
    padding-top: 20px;
    float: left;
    padding-right: 11px;
    padding-left: 11px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;

	}
.subQk .alldd{line-height: 24px;    margin-left: 220px;    width: 280px;    height: 270px;    overflow: auto;}
.subQk img{
	 float: left;
	}
.subQk h3{
margin-left: 250px;
margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
	}
.subQk p{
	margin-left:250px;
	width:260px;
	}
.subQk span{
	margin-left:60px;
	}
.rightQingKan{
	float:right;
	width:650px;
	}
.rightQingKan h2{
	text-align:left;	
	height:0;
	font-size:24px;
	color:#0e81d5;
	float:left;
	margin-top:-35px;
	}
.huoBan{
	margin-top:50px;
	}
	
@media screen and (max-width: 1200px) { 
body{    overflow-x: hidden;}
.bg{
	width:1000px;
	}
.leftCase{
	float:left;	
	width:670px;
	}
.rightCase {
	float:left;
	width:308px;
	}
.subLeftCase{
	width:215px;
	height:210px;
	background:#4f80a8;
	position:relative;
	margin-top:20px;
	float:left;
	margin-right:5px;
	cursor:pointer;
	}
.subLeftCase img{
	width:100%;
}
.subLeftCase p{
	color:#fff;
	font-size:18px;
	position:absolute;
	top: 160px;
    left: 32%;
	}
.leftQingKan{
    width: 310px;
    float: left;
    margin-right: 20px;
	}
.leftQingKan .subQk img{ display:none;}	
.subQk{
height: 290px;
    width: 290px;
    padding-top: 20px;
    float: left;
    padding-right: 11px;
    padding-left: 11px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;

	}
.subQk .alldd{line-height: 24px;    margin-left: 0;    width: 280px;    height: 270px;    overflow: auto;}

.rightQingKan{
	float:left;
	width:650px;
	}
.huoBan{ width:1000px;}
.huoBan img{ width:100%; height:auto}
.bg .ddddd{    margin-top: -40px;
    margin-left: 15px;}
}