*{
  margin:0;
  padding:0;
  }

body{
margin:auto 0;
background:#ffffff;
}

.clear{clear:both;}

a{
text-decoration:none;
font-family:΢ÈíÑźÚ, Helvetica, sans-serif;
}

li{
list-style-type:none

}
img{border:0px; text-decoration:none;}
<!---Í·²¿¿ªÊ¼--->
.nax {
	FONT-SIZE: 32px; COLOR: #0167d6; font-family:"΢ÈíÑźÚ";  text-align:left; line-height:82px;
}
.nax A:link {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";
}
.nax A:visited {
	FONT-SIZE: 32px; COLOR: #0167d6;  FONT-FAMILY:"΢ÈíÑźÚ";
}
.nax A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";}

.nax {
	FONT-SIZE: 32px; COLOR: #0167d6; font-family:"΢ÈíÑźÚ";  text-align:left; line-height:82px;
}
.nax A:link {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";
}
.nax A:visited {
	FONT-SIZE: 32px; COLOR: #0167d6;  FONT-FAMILY:"΢ÈíÑźÚ";
}
.nax A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxc {
	FONT-SIZE: 30px; COLOR: #ffffff; font-family:"΢ÈíÑźÚ"; LINE-HEIGHT:80px; text-align:center;
}
.naxc A:link {
	FONT-SIZE: 30px; COLOR: #ffffff; FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxc A:visited {
	FONT-SIZE: 30px; COLOR: #ffffff;  FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxc A:hover {
	FONT-SIZE: 30px; COLOR: #0167d6;FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxl {
	FONT-SIZE: 35px; COLOR: #646464; font-family:"΢ÈíÑźÚ"; LINE-HEIGHT:120px; 
}
.naxl A:link {
	FONT-SIZE: 35px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxl A:visited {
	FONT-SIZE: 35px; COLOR: #646464;  FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxl A:hover {
	FONT-SIZE: 35px; COLOR: #646464;FONT-FAMILY:"΢ÈíÑźÚ";
}

.naxl {
	FONT-SIZE: 35px; COLOR: #646464; font-family:"΢ÈíÑźÚ"; LINE-HEIGHT:120px; 
}
.naxl A:link {
	FONT-SIZE: 35px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxl A:visited {
	FONT-SIZE: 35px; COLOR: #646464;  FONT-FAMILY:"΢ÈíÑźÚ";
}
.naxl A:hover {
	FONT-SIZE: 35px; COLOR: #646464;FONT-FAMILY:"΢ÈíÑźÚ";
}

<!---Í·²¿½áÊø--->


/*µ¼º½*/
/* CSS Document */


ul,li{
margin:0px;
padding:0px;
}
li{
display:inline;
list-style:none;
list-style-position:outside;
text-align:center;
float:left;
z-index:999;
}

#nav{

	width:188px;
	height:160px;
	z-index:999;
	line-height:160px;
	position:absolute;
	top:0px;
	

}
.list1{
width:188px;
background-color:#0167d6;
border-top:none;
font-family:΢ÈíÑźÚ;
z-index:999;
color:#ffffff;
display:none; 
line-height:80px;
font-size:32px;
text-align:center;
font-weight:normal;
}
.list1 a:link{
color:#ffffff;
text-decoration:none;
float:left;
width:188px;

z-index:999;
line-height:80px;
text-align:center;
font-family:΢ÈíÑźÚ;
font-size:32px;
}
.list1 a:visited{
color:#ffffff;
text-decoration:none;
float:left;

width:188px;
z-index:999;
line-height:80px;
text-align:center;
font-family:΢ÈíÑźÚ;
font-size:32px;
}
.list1 a:hover{
color:white;
float:left;

width:188px;
text-decoration:none;
background-color:#3782c4;
z-index:999;
line-height:80px;
text-align:center;  
font-family:΢ÈíÑźÚ;
font-size:32px;
}
.list1 a:active{
color:white;
float:left;

width:188px;
text-decoration:none;
background-color:#3782c4;
z-index:999;
line-height:80px;
font-family:΢ÈíÑźÚ;
font-size:32px;
}

.menu1{
width:188px;
height:auto;
font-size:32px;
text-align:center;
color:#797979;
cursor:pointer;
overflow-y:hidden;
font-family: ΢ÈíÑźÚ, Helvetica, sans-serif;
}
.menu2{
width:188px;
height:146px;
font-size:32px;
text-align:center;
color:#797979;
overflow-y:hidden;
cursor:hand;
font-family: ΢ÈíÑźÚ, Helvetica, sans-serif;
}

.tophui2{
font-size:16px;


}
<!---µ¼º½--->

<!---center begin--->

A:link {
	FONT-SIZE: 32px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ"
}
A:visited {
	FONT-SIZE: 32px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ"
}
A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ"
}

.tit {
	FONT-SIZE: 30px; COLOR: #646464; font-family:"΢ÈíÑźÚ" ;LINE-HEIGHT: 70px; text-align:left;
}
.tit A:link {
	FONT-SIZE: 30px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit A:visited {
	FONT-SIZE: 30px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit A:hover {
	FONT-SIZE: 30px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";
}

.tit1 {
	FONT-SIZE: 30px; COLOR: #646464; font-family:"΢ÈíÑźÚ" ; LINE-HEIGHT: 80px;
}
.tit1 A:link {
	FONT-SIZE: 30px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit1 A:visited {
	FONT-SIZE: 30px; COLOR: #646464; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit1 A:hover {
	FONT-SIZE: 30px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit2 {
	FONT-SIZE: 26px; COLOR: #261230; font-family:"΢ÈíÑźÚ" ; LINE-HEIGHT: 20px;font-weight:700;
}
.tit2 A:link {
	FONT-SIZE: 26px; COLOR: #261230; FONT-FAMILY:"΢ÈíÑźÚ";font-weight:700;LINE-HEIGHT: 20px;
}
.tit2 A:visited {
	FONT-SIZE: 26px; COLOR: #261230; FONT-FAMILY:"΢ÈíÑźÚ";font-weight:700;LINE-HEIGHT: 20px;
}
.tit2 A:hover {
	FONT-SIZE: 26px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";font-weight:700;LINE-HEIGHT: 20px;
}
.tit3 {
	FONT-SIZE: 32px; COLOR: #333333; font-family:"΢ÈíÑźÚ" ; LINE-HEIGHT: 82px; text-align:right;
}
.tit3 A:link {
	FONT-SIZE: 32px; COLOR: #333333; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit3 A:visited {
	FONT-SIZE: 32px; COLOR: #333333; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit3 A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit4 {
	FONT-SIZE: 32px; COLOR: #181818; font-family:"΢ÈíÑźÚ" ; LINE-HEIGHT:23px;
}
.tit4 A:link {
	FONT-SIZE: 32px; COLOR: #181818; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit4 A:visited {
	FONT-SIZE: 32px; COLOR: #181818b; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit4 A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:΢ÈíÑźÚ;
}
.tit5 {
	FONT-SIZE: 32px; COLOR: #0072bb; font-family:"΢ÈíÑźÚ" ; LINE-HEIGHT:80px;
}
.tit5 A:link {
	FONT-SIZE: 32px; COLOR: #0072bb; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit5 A:visited {
	FONT-SIZE: 32px; COLOR: #0072bb; FONT-FAMILY:"΢ÈíÑźÚ";
}
.tit5 A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:΢ÈíÑźÚ;
}
<!---center end--->



<!---foot begin--->

.wend {
	FONT-SIZE: 32px; COLOR: #261230; font-family:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}
.wend A:link {
	FONT-SIZE: 32px; COLOR: #261230; FONT-FAMILY:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}
.wend A:visited {
	FONT-SIZE: 32px; COLOR: #261230; FONT-FAMILY:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}
.wend A:hover {
	FONT-SIZE: 32px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}

.wend1 {
	FONT-SIZE: 28px; COLOR: #949494; font-family:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}
.wend1 A:link {
	FONT-SIZE: 28px; COLOR: #949494; FONT-FAMILY:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}
.wend1 A:visited {
	FONT-SIZE: 28px; COLOR: #949494; FONT-FAMILY:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}
.wend1 A:hover {
	FONT-SIZE: 28px; COLOR: #0167d6; FONT-FAMILY:"΢ÈíÑźÚ"; LINE-HEIGHT:50px;
}



<!---foot end--->

.zt1 {
	font-family:΢ÈíÑźÚ;
	font-size: 32px;
	color: #FFFFFF;
}
.zt1 a {


	color: #FFFFFF;
}



.top  a {
	color: #9c9a9a;
	background-image: url(images/bj_06.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 97px;
}
.zt2 {

font-size: 16px;
font-weight: 300;
line-height: 31px;
color: #5c5b5b;
font-family:"΢ÈíÑźÚ";

}
.zt2 a {
font-size:32px;
line-height: 31px;
	color: #5c5b5b;
	
}
.zt2 a:hover {
	color: #0099FF;
}
.zt3 {
	font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
margin-bottom: 30px;
color:#333333
}
.span3 {
width: 220px;
float:left;
padding-left:20px;

}
.span31 {
width: 180px;
float:left;
padding-right:70px;

}
.span32 {
width: 180px;
float:left;
padding-left:50px;


}
.box {
box-shadow: 0px 6px 6px -4px #e1e1e1;
min-height: 140px;
border: 1px solid #e7e7e7;
padding: 30px;
margin-bottom: 30px;
position: relative;
}
.box2 {
box-shadow: 0px 6px 6px -4px #e1e1e1;
min-height: 300px;
border: 1px solid #e7e7e7;
padding: 30px;
margin-bottom: 30px;
position: relative;
}
.box_image {

text-align: center;
overflow: hidden;
position: relative;
}
.span33 {
width: 200px;
float:left;
margin:24px;

}
.box3{


padding: 30px;
margin-bottom: 30px;
position: relative;
margin-left: 0px;
width: 200px;
height: 170px;
clear: both;
background: url(images/prolist-bg.jpg) no-repeat;
}
.box_image3{
margin-top:-10px;
margin-left:-10px;

overflow: hidden;
position: relative;
}


.box_title {
text-align: center;
}
.box_title3{
text-align: center;

margin-top:3px
}
.box .box_title a {
font-size: 26px;
font-weight: 600;
color: #27344a;
font-family: 'Open Sans', sans-serif;
}

.box2 .box_title a {
font-size: 26px;
font-weight: 600;
color: #27344a;
font-family: 'Open Sans', sans-serif;
}
.box3 .box_title3 a {
font-size: 26px;
font-weight: 600;
color: #27344a;
font-family: 'Open Sans', sans-serif;
}
.box3 .box_title3 a:hover {
font-size: 32px;

color:#006699

}


.box_tech p {
margin: 0px !important;
padding: 0px !important;
line-height: 1.3em;
font-size: 32px;
color: #555;
text-align: center;
}

.left_title {
font-size: 18px;

margin-bottom: 30px;
font-family:"΢ÈíÑźÚ"
}
.clients {
border: 1px solid #e7e7e7;
width:1098px;

padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-bottom:30px;
position: relative;
}

.clients .slide_bar {
position: absolute;
margin-top:-8px;
width: 100px;
margin-left: 30px;
margin-right: 30px;
border-top: 5px solid #ff6600;
cursor: pointer;
}

.slide_nav_next {
margin-left: 8px;
margin-top: 4px;
margin-right: 8px;
opacity: 0.7;
cursor: pointer;
}


#footer {
margin-top: 30px;
color: #999;
font-size: 26px;
}
#footer1 {
margin-top: 30px;
color: #999;
font-size: 26px;
width:1100px;
margin:auto;
}
#footer .footer_border {
background: url(images/footer_border.png);
background-repeat: repeat-x;
height: 8px;
}
#footer1 .footer_border {
background: url(images/footer_border.png);
background-repeat: repeat-x;
height: 8px;
}
.container {
margin-right: auto;
margin-left: auto;
width:950px
}
#footer .footer_border .right {
float: right;
}
#footer .footer_border .backtotop {
margin-top: -26px;
position: absolute;
background:url(images/back_top_bg.jpg);
background-repeat: no-repeat;
height: 20px;
width: 109px;
cursor: pointer;
}

#footer .footer_content {
background: url(images/footer_bg.png);
padding: 30px 0px;
height:220px
}
#footer1 .footer_border .right {
float: right;
}
#footer1 .footer_border .backtotop {
margin-top: -26px;
position: absolute;
background:url(images/back_top_bg.jpg);
background-repeat: no-repeat;
height: 20px;
width: 109px;
cursor: pointer;
}

#footer1 .footer_content {
background: url(images/footer_bg.png);
padding: 30px 0px;
height:220px
}
.row {
margin-left: -20px;
}
.span3 {
width: 220px;
}

#footer .title {
padding-bottom: 6px;
font-size: 16px;
color: #91aed2;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-shadow: 1px 1px 1px #303030;
}

#footer .logo {
margin: 10px 0px;
}


#footer .footer_posts {
margin-bottom: 30px;
position: relative;
top: 0;
left: 0;
min-height: 90px;
}


#footer .footer_posts .image {
position: absolute;

top: 0;
left: 0;
border: 1px solid #fff;
box-shadow: 0 5px 4px -4px #000;
}

#footer .footer_posts .footer_posts_title {
padding-left: 100px;
padding-top:5px
}


#footer a {
color: #6d7f99;
}
#footer a:hover {
color: #ffffff;
}



#footer .footer_posts span {
font-size: 10px;
color: #888;
padding-left: 70px;
}



#footer1 .title {
padding-bottom: 6px;
font-size: 16px;
color: #91aed2;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-shadow: 1px 1px 1px #303030;
}

#footer1 .logo {
margin: 10px 0px;
}


#footer1 .footer_posts {
margin-bottom: 30px;
position: relative;
top: 0;
left: 0;
min-height: 90px;
}


#footer1 .footer_posts .image {
position: absolute;

top: 0;
left: 0;
border: 1px solid #fff;
box-shadow: 0 5px 4px -4px #000;
}

#footer1 .footer_posts .footer_posts_title {
padding-left: 100px;
padding-top:5px
}


#footer1 a {
color: #6d7f99;
}
#footer1 a:hover {
color: #ffffff;
}



#footer1 .footer_posts span {
font-size: 10px;
color: #888;
padding-left: 70px;
}
.Photostream .PhotostreamLink {
display: block;
float: left;
width: 50px;
height: 40px;
border: 1px solid #f1f1f1;
margin-bottom: 8px;
margin-right: 8px;
box-shadow: 0 5px 4px -4px #000;
overflow: hidden;
}

.Photostream img {
float: left;
padding: 0;
background: none;
border: none;
margin-bottom: 0;
margin-right: 0;
box-shadow: none;
max-width: none !important;
}

#footer .footer_rights {
border-top: 1px solid #482a4d;
background: #191c22;
font-size: 32px;
color: #6d7f99;
font-family: 'Nunito', sans-serif;
padding: 10px 0px;
}

.span6 {
width: 460px;
font-family: 'Nunito', sans-serif;
font-size:26px;
color:#6d7f99
}

#footer .footer_social {
float:right;
text-align: right;
width:460px;
height:22px
}

#footer .footer_rights img {
width: 20px;
height: auto;
opacity: 0.6;
}


.nybanner {
width: 100%;
background-color: #aca39a;
height: 190px;
}


.bannerbox {
margin: 0 auto;
width: 990px;
}


.fwfcbt {
height: 37px;
width:240px;
background: url(images/cp_center.jpg) repeat-x top;
line-height: 37px;
text-indent: 16px;
color: #fff;
font-size: 32px;
font-weight: bold;
margin-top:5px;
text-align:left;
}

.fwfclist ul {
list-style: none;
width:240px;
}
.fwfclist ul li  {
border: 1px solid  #FFFFFF;
width:240px;
}

.ul4 .tup {
background: url(images/fh_bg1.gif) repeat-x top;
width:240px;
}

.ul4 .tup {
background: url(images/fh_bg1.gif) repeat-x top;
width:240px;
}
.tup:hover{
background:#616772;
cursor:pointer



}
.ul4 li {
line-height: 30px;
height: 30px;
width:240px;
border-bottom: 1px solid #dde0e3;
background: url(images/fh_bg.gif) repeat-x top;
}

.qietu {
background: url(images/jia1.png) no-repeat 28px center;
text-indent: 30px;
line-height: 30px;
color: #ffffff;
}

.qietu a:link {
	FONT-SIZE: 26px; COLOR:#ffffff; FONT-FAMILY:"΢ÈíÑźÚ"
}
.qietu a:visited {
	FONT-SIZE: 26px; COLOR: #ffffff; FONT-FAMILY:"΢ÈíÑźÚ"
}
.qietu a:hover {
	FONT-SIZE: 26px; COLOR: #ffffff; FONT-FAMILY:"΢ÈíÑźÚ"
}
.qietu a:cur {FONT-SIZE: 26px; COLOR: #ffffff; FONT-FAMILY:"΢ÈíÑźÚ"} 
.phone {
line-height: 30px;
margin: 20px 0 0 0;
font-size: 18px;
}


.service_szwz {
width: 720px;
border-bottom: 1px dotted #464646;
height: 27px;
margin: 30px 0 0 0;
margin-left:24px;
}
.service_szwzleft {
float: left;
font-size: 18px;
line-height: 27px;
}
.service_szwzright {
float: right;
color: #737373;
line-height: 27px;
}

.service_szwzright img {
margin: 0 5px 0 0;
}

.text4 {
font-size:32px;
color: #737373;
font-family:"΢ÈíÑźÚ";
}
.service_szwz .service_szwzright .text4:hover {
	font-size:32px;
	color: #0167d6;
	font-family:"΢ÈíÑźÚ";
}

.service1 {
width:100%;
font-size:20px;
margin:5% auto 2% auto;
line-height: 50px;
color: #7e7d7d;
text-align:left;
}

.newslist {
margin: 20px 0 0 0;
}

.newslist ul {
list-style: none;
}

.newslist ul li {
width:100%;
border-bottom: 1px dotted #999;
margin: 0 0 30px 0;
}

.newsbt2 {
line-height: 30px;
height: 30px;
overflow: hidden;
width: 600px;
}
.newsbt2 a:hover {
font-size: 16px;
color:#0066FF;
}
.newsbt2 a {
font-size: 16px;
color: #333;
}

.newsny {
line-height: 20px;
color: #7e7d7d;
height: 30px;
overflow: hidden;
width: 720px;
}

.newsdate {
height: 30px;
line-height: 30px;
color: #7e7d7d;
}


.newsleft {
float: left;
width: 720px;
min-height: 300px;
text-align:left;
}

.newsnrbt {
margin: 20px 0 0 0;
color: #7e7d7d;
width: 720px;
font-size: 32px;
font-weight: bold;
line-height: 30px;
}

.newsnrdate {
margin: 0 0 20px 0;
color: #7e7d7d;
width: 720px;
}

.newsnr {
line-height:40px;
color:#333333;
width:100%;
font-size:30px;
min-height: 200px;
}
.sbj6 {
	font-family: "΢ÈíÑźÚ";
	font-size: 26px;
	color: #464646;
}
.box_title a:hover {
	font-size: 32px;
	font-weight: bold;
	color: #0066FF;
}
.box2 .box_title a:hover {
	font-size: 32px;
	font-weight: bold;
	color: #0066CC;
}
.clients2 {

border-top: 1px solid #e7e7e7;
width:1008px;
padding: 30px 0px 0px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

position: relative;
}

.clients2 .slide_bar {
position: absolute;
margin-top: -18px;
width: 100px;
margin-left: 30px;
margin-right: 30px;
border-top: 5px solid #ff6600;
cursor: pointer;
}

.tl1{
background:#595757;
color:#FFFFFF;
font-size:32px;
text-align:center;
line-height:27px;
height:27px
font-family:"΢ÈíÑźÚ"




}
.tl2{
background:#595757;
color:#FFFFFF;
font-size:32px;
text-align:center;

font-family:"΢ÈíÑźÚ"




}
.tl3{

color:#464646;
font-size:32px;
text-align:center;
height:30px;
line-height:30px;
border:#464646 solid 1px;

font-family:"΢ÈíÑźÚ"




}
.tl3 td{
border:#CCCCCC solid 1px

}