body{font:14px/1.5 georgia,simsun,arial;}
h1{margin:10px 0;font-size:20px;color:#000000;font-weight: bold;}
h2{margin:10px 0;font-size:16px;color:#000000;font-weight: bold;}
h3{margin:10px 0;font-size:12px;color:#000000;}
h4{margin:10px 0;font-size:14px;color:#000000;}
h5{margin:10px 0;font-size:12px;color:#000000;}
h6{margin:10px 0;font-size:10px;color:#000000;}
ul{margin:0;padding:0;list-style:none;}
p{margin:0px;padding: 0px;color:#000000;}
.table{display:table;border-collapse:collapse;border:1px solid #ccc;}
.table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}
.table-column-group{display:table-column-group;}
.table-column{display:table-column;width:100px;}
.table-row-group{display:table-row-group;}
.table-row{display:table-row;}
.table-row-group .table-row:hover,.table-footer-group .table-row:hover{background:#f6f6f6;}
.table-cell{display:table-cell;padding:0 5px;border:1px solid #ccc;}
.table-header-group{display:table-header-group;background:#eee;font-weight:bold;}
.table-footer-group{display:table-footer-group;}
TD {FONT-SIZE: 13px; 
    vertical-align: top;}
img{
	display: inline-block;
}
BODY {
	FONT-SIZE: 13px;
	color: #000000;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	FONT-FAMILY: "宋体";
	SCROLLBAR-BASE-COLOR: #ffffff;
	BACKGROUND-COLOR: #ffffff;
	line-height: 25px;
	margin-top: 0px;
	text-align: center;
}
div{margin:0;border:0;padding:0;}
.font12 {	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.footerlinkstyle2{
	padding:0px ;
	margin:0;
	width: 220px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	
}
.footerlinkstyletitle{
	width: 100%;
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;

}
.footerlinkstyletitleimg{
	display: inline-block;
	width: 0px;
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}
.footerlinkstyletitlespan{
	width: calc( 100% - 40px );
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: left;
	font-size:18px;
	font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	color:rgb(0, 0, 0);
	font-weight: 400;
	
}
.footerlinkstyletitlespan1{
	width: calc( 100% - 40px );
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: left;
	font-size:18px;
	font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	color:#000066;
	font-weight: 400;
	
}
.footerlinkstyletitleimg img{
	display: inline-block;
	margin:auto;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}
.footerlinkstyle1 A:link {
	COLOR:rgb(0, 0, 0); 
	TEXT-DECORATION: none;
}
.footerlinkstyle1 A:visited {
	COLOR:rgb(0, 0, 0);
	TEXT-DECORATION: none;
}
.footerlinkstyle1 :hover {
	COLOR: #ffffff; 
	background-color: #0077ff;
	TEXT-DECORATION: none;
}

.linkstyle1 A:link {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.linkstyle1 A:visited {
	COLOR: #000066; TEXT-DECORATION: none
}
.linkstyle1 A:hover {
	COLOR: #000066; TEXT-DECORATION: underline
}
.linkstyle2 A:link {
	COLOR: #000066; TEXT-DECORATION: none
}
.linkstyle2 A:visited {
	COLOR: #000066; TEXT-DECORATION: none
}
.linkstyle2 A:hover {
	COLOR: #000066; TEXT-DECORATION: underline
}

.top {
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.title01 {
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.title01:hover {
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #FF0000;
	text-decoration: none;
}
.title02 {
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.text {
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.bord {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bd8e00;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #bd8e00;
	border-bottom-color: #bd8e00;
}
.title03 {
	font-family: "宋体";
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.title04 {
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.title05 {
	font-family: "宋体";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 25px;
}
.style3 {
	height: 16px;
	border: 1px solid #B7D2FB;
}
.title06 {
	font-family: "宋体";
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
p {
	text-indent:2em;
	line-height: 25px;
}
pre {
	line-height: 12px;
}
.style2 {
	color: #FF0000
}
.style4 {
	color: #0000FF
}
.style6 {
	color: #000066
}

/*li{ list-style-type:none; }*/
#headertop{
	display: inline-block;
	width:100%;
	height:auto;
	text-align: center;
	background-color:#ffffff;
}
#headertop0{
	display: inline-block;
	width:1800px;
	height:auto;
	text-align: center;
	background-color:#ffffff;
}
#headertop1{
	width: 1800px;
	height: auto;
	position: relative;
	background-color: #ffffff;
	text-align: center;
	left:calc(50% - 900px);
	
}
#headertel{
	margin:0 auto;
	width: 280px;
	height: 80px;
	line-height: 80px;
	position: relative;
	color:#290da1;
	background-color:white;
	text-align: center;
	vertical-align: middle;
	font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 20px;
	float:right;

	
}
#headertel img{
	margin:0 auto;

	width: 280px;
	height: 80px;
	position: relative;
	display: block;
}
.headerend{
	width: 100px;
	background-color:white;
}
#logo{
	width:240px;
	height: 80px;
	line-height:80px;
	background-color:#ffffff;
	position:relative;
	text-align: center;
	vertical-align: middle;
	float:left;
}
#logo img{
	display: inline-block;
	position: relative;
	top:10px;
	width: 172px;
	height: 60px;
	
}
 #menu {
 	width:auto;
 	background-color: #ffffff;
 	position: relative;
	text-align: center;
	vertical-align: middle;	 
	float:left;
 }
 #menu li {
	list-style: none;
	float:left;
	width:163px;
	line-height:80px;
	position:relative;
	border:none;
	font-family:"Microsoft YaHei",微软雅黑;
	font-size:20px; 
	
 }

 #menu li a {
 color: #000066;
 display:block;
 outline:0;
 text-decoration:none; 
}
#menu li:hover .droptitle {
	background-color:#0064b6;   
	border-radius: 0px;
	
	}
 #menu li:hover a {
 color: white; /*导航栏文字颜色 */
 
 }
 #menu li:hover .dropdown_1column {
 left:0px;
 top:auto;
 background-color:#bbb5b5;
 }
 .dropdown_1column{ /* 下拉菜单边框颜色*/
 margin:0px auto;
 float:left;
 position:absolute;
 left:-999em;
 text-align:center;
 border:0px solid #fdfbfb;
 border-top:none;
 color:rgb(0, 17, 255);
 background-color:#0012b6;
 width: 100%;
 z-index: 9999;
 }
 #menu li ul li:hover .dropdown_2column {
	left:163px;
	top:0px;
	background-color:#2637d38a;
	}
 .dropdown_2column{ /* 下拉菜单边框颜色*/
	margin:0px auto;
	float:left;
	position:absolute;
	left:-999em;
	text-align:center;
	border:0px solid #fdfbfb;
	border-top:none;
	color:rgb(0, 17, 255);
	background-color:#035aa1;
	width: 100%;
	z-index: 9999;
}

 #menu li:hover div a { /* 下拉菜单文字颜色*/
 font-size:16px;
 color:white;
 }
 #menu li:hover div a:hover{
	 color:#ffffff;
} /*下拉带单鼠标停留颜色*/
 #menu li ul {
	list-style:none;
	padding:0px 0px;
	margin:0;
	background-color:rgb(2, 2, 180);
 }
 #menu li ul li {
	top:0px;
	font-size:16px;
	height:40px;
	line-height:40px;
	position:relative;
	padding:0px;margin-bottom:1px;
	float:none;
	text-align:center;
	width: 100%;
	color:#ffffff;
	background-color:#065799;
 
 }
 #menu li ul li:hover {
 background:none;
 border:none;
 padding:0px;
 margin-bottom:1px;

 color:#865656;
 background-color:#0077ff;
 }
 #indexdiv1{
	display: inline-block;
	position:relative;
	 width: 100%;
	 height: auto;
	 text-align: center;
	 background-color: white;
 }
.cls_bottom{
	width: 100%;
	text-align: center;
	background:#a3b7fa;
}
 #footerdiv1{ 
	display: inline-block;
	position:relative;
	margin:0 auto;

	text-align:center;
	border:none;
	border-top:none;
	background:#ffffff;
	width: 100%;
	height: 450px;
	font-size:13px;
	color:#ffffff;

	}
#footerdiv11{ 
		display: inline-block;
		position:relative;
		margin:0 auto;

		text-align:center;
		border:none;
		border-top:none;	
		background:#000066;
		width: 100%;
		height: 120px;
		font-size:13px;
		color:#ffffff;
	
	}
#footerdiv2{ 
	display: inline-block;
	margin:0 auto;
	position:relative;
	text-align:center;
	border:none;
	border-top:none;
	font-size:13px;	
	background:#a3b7fa;
	width: 100%;
	height:450px;
	
	}
#footerdiv3{ 
	display: inline-block;
	margin:0 auto;
	position:relative;
	text-align:center;
	background:#000066;
	color:#ffffff;
	width: 100%;
	height: 50px;
	}
#footerdiv3 span{ 
	display: inline-block;
	margin:0 auto;
	height: 50px;
	line-height: 50px;
	text-align:center;
	vertical-align: middle;
	font-size:14px;	
	
	}
#footerdiv4{ 
	display: inline-block;
	width: 100%;
	height: 50px;
	margin:0 auto;
	position:relative;
	text-align:center;
	background:#000066;
	}
#footerdiv4 span{ 
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align:center;
	vertical-align: middle;
	font-size:14px;	
	
	}
#footerdiv123{
		width: 500px;
		margin:0 auto;	
		position: relative;	
	}
#footerdiv4-01{
	width: 250px;
	margin:0 auto;
	position:relative;
	text-align:center;
	line-height: 50px;
	vertical-align: middle;
	border:none;
	font-size:14px;	
	border-top:none;
	float: left;
}
#footerdiv4-02{
	width: 30px;
	margin:0 auto;
	position:relative;
	text-align:center;
	line-height: 50px;
	vertical-align: middle;
	border:none;
	font-size:14px;	
	border-top:none;
	float: left;
}
#footerdiv4-02 img{
	display: inline-block;
	line-height: 50px;
	vertical-align: middle;
}
#footerdiv4-03{
	width: 200px;
	margin:0 auto;
	position:relative;
	text-align:center;
	line-height: 50px;
	vertical-align: middle;
	border:none;
	font-size:14px;	
	border-top:none;
	float: left;
}
#footerdiv4 a{ 
	color:#ffffff;
	TEXT-DECORATION: none;
	}
#footerdiv4 a:hover{ 
	color:#ffffff;
	TEXT-DECORATION: underline;
	}

#footerdiv4 img
{
	width: auto;
	height: auto;
	position: relative;
}
.footercls{
	width: 220px;
	height: 450px;
	position:relative;
	float:left;
	text-align: center;
}
.footercls img{
	display: inline-block;
	margin:0 auto;
}
#footercontact{
	width: calc( 100% - 890px );
	height: 450px;
	position:relative;
	float:left;
	font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-align: center;
	background-color:#a3b7fa;
	color:#000000;
	border-left: 1px dashed rgb(150, 147, 147);
}

.footercontactimg{
	display: block;
	margin:0 auto;
	text-align: center;
	position: relative;
}

#indexbody{
	
	padding: 0px;
	margin-top:30px;
	top:0px;
	width: 100%;
	height:1600px;
	position: relative;
	margin:0 auto;
	background-color:white;
}
#indexbody002{
	margin: 0px;padding: 0px;
	top:10px;
	width: 100%;
	height:500px;
	position: relative;	
}
.indexbody_grid{
	width: 25%;
	height: 380px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	float:left;	

}
.blank_grid{
	height: 50px;	
}

.indexbody_grid:hover .grid_img{
	box-shadow: 1px 2px 3px rgb(7, 91, 247);
}
.indexbody_grid:hover .grid_desc{
	background-color: rgb(7, 91, 247);
	color:white;
	
}
.indexbody_grid A:link {
	COLOR: #000066; TEXT-DECORATION: none
}
.indexbody_grid A:visited {
	COLOR: #000066; TEXT-DECORATION: none
}
.indexbody_grid A:hover {
	COLOR: #000066; TEXT-DECORATION: underline
}
.grid_title{
	top:0px;
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align: middle;
	position: relative;
	font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 16px;
	display: inline-block;
	
}
.grid_img{
	text-align: center;
	width: 95%;
	height: 300px;
	vertical-align: middle;
	position: relative;	
	display: inline-block;
	box-shadow: 1px 2px 3px rgba(158, 153, 153, 0.5);
}
.grid_img img{
	
	width: 80%;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.grid_desc{
	width: 100%;
	height: 24px;
	text-align: center;
	vertical-align:text-top;
	position: relative;
	display: inline-block;
	font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 20px;
	
}
.grid_bottom{
	width: 100%;
	height: 5px;
	position: relative;
	display: inline-block;
}
/* banner */
.clear{ 
	zoom:1; 
	}
.clear:after{
	visibility: none;
	content:"";
	display:block;
	clear:both;
	height:0;
	}
.wrap_background{
	width: 100%;
	background: #000033;
}
#wrap{
  width: 100%;
  height:468px;
  margin:0 auto;
  position:relative;
  background: rgb(47, 101, 248);
  overflow: hidden;
}
#webwrap{
	display: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#inner{
  width: 10200px;
  height:468px;
  position:absolute;
  left:0;
  top:0;
}
#inner img{
  width:100%;
  height:468px;
  float: left;
}
.paganation{
  width: 100%;
  position: absolute;
  bottom:10px;
  text-align:center;
}
.paganation span{
  font-size: 0px;
  padding:5px 5px;
  background:gray;
  color:white;
  border-radius:100%;
  cursor: pointer;
  display:inline-block;
  width:5px;
  height:5px;
}
.paganation .selected{
  background: rgb(255, 255, 255);
  color:white;

}
.arrow{
  position:absolute;
  top:0;
  width: 30px;
  height: 468px;
  line-height: 468px;
  text-align: center;
  color: rgb(252, 250, 250);
  cursor: pointer;
  font-size:24px;
  font-family: '微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#right{
  right: 0;
}
.arrow:hover{
  background: rgba(0,0,0,0.5);
}
.div_bannerpic{
	position: relative;
	display: inline-block;
	background-color: #21a0a6;
    width: 100%;
    height: 250px;
	text-align: center;	
}
.zhbannerpic{
    display: inline-block;
    position: relative;
    top:0px;
    width: 100%;
    height: 234px;
	background-color: #000033;
}
.bannerpic{
    margin: 0px,auto;
    padding: 0px;
    width: 100%;
    height: 234px;
    position: relative;
	display: inline-block;
	background-color: white;
}
.bannerpic img{
	display: inline-block;
    padding: 0px;
    margin: 0px,0px;
    width: 100%;
    height: 234px;
    position: relative;
}
.bannertext{
	position: absolute;	
	left: 50px;
	top: 0px;
    width: 100%;
    height: 430px;
	line-height: 430px;

	text-align: center;
	vertical-align: middle;
	color:white;
	font-size: 40px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}	
.bannertext span{
	margin-right: 25px;
}
#bannertext1{
	display:block;
}
#bannertext2{
	display: none;
}
#bannertext3{
	display: none;
}
#bannertext4{
	display: none;
}
#bannertext5{
	display: none;
}
#bannertext6{
	display: none;
}
#casesbody{
	padding: 20px;
	top:0px;
	width: 100%;
	height:auto;
	position: relative;
	margin:0 auto;
	background-color:white;
	text-align: center;
}
.cls_cases_title{
	display: inline-block;
	margin-top:50px;
    width: 1760px;
    height: 60px;
	line-height: 60px;
	text-align: left;
	vertical-align: middle;
	color:rgb(0, 0, 0);
	font-size: 16px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color: #ffffff;
	border:1px solid #f1f1f1;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px rgba(207, 206, 206, 0.5);
}
.cls_casestitle_span{
	display: inline-block;
	margin-left: 50px;
	width: 130px;
	height:40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #ffffff; /* 默认背景色 */
	border-radius: 40px 0px 40px 0px;
}
.cls_casestitle_span:hover{
	background-color: #0120ac;
	color:white;
}
.cls_cases_list{
	display: inline-block;
	margin-top:50px;
    width: 1760px;
    height: auto;
	text-align: left;
	color:rgb(0, 0, 0);
	font-size: 14px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color: #ffffff;
	border:1px solid #f1f1f1;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px rgba(207, 206, 206, 0.5);
}

.scl_cases_row{
	display: inline-block;
	padding: 10px 30px;
	width: 100%;
    height: 30px;
	text-align: left;
	color:rgb(0, 0, 0);
	font-size: 14px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color: #ffffff;
	cursor: pointer;
}
.gps_cases_row{
	display: inline-block;
	padding: 10px 30px;
	width: 100%;
    height: 30px;
	text-align: left;
	color:rgb(0, 0, 0);
	font-size: 14px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color: #ffffff;
	cursor: pointer;
}
.hvac_cases_row{
	display: inline-block;
	padding: 10px 30px;
	width: 100%;
    height: 30px;
	text-align: left;
	color:rgb(0, 0, 0);
	font-size: 14px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color: #ffffff;
	cursor: pointer;
}
.qt_cases_row{
	display: inline-block;
	padding: 10px 30px;
	width: 100%;
    height: 30px;
	text-align: left;
	color:rgb(0, 0, 0);
	font-size: 14px;
	font-family: '微软雅黑','黑体','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	background-color: #ffffff;
	cursor: pointer;
}
.scl_cases_row:hover{
	background-color: #f5f5f5;
	color:darkblue;
}
.gps_cases_row:hover{
	background-color: #f5f5f5;
	color:darkblue;
}
.hvac_cases_row:hover{
	background-color: #f5f5f5;
	color:darkblue;
}
.qt_cases_row:hover{
	background-color: #f5f5f5;
	color:darkblue;
}