@charset "utf-8";
/* CSS Document */
.pub_title { b ackground:url(title_logo.png) left 26px no-repeat;p adding-left:135px;min-height:115px;display: inline-block; text-align: center;}
.pub_title  strong{font-size:46px;color:#0371c8;display: block;line-height:56px;text-align: center;}
.pub_title  strong span{font-weight:100;color:#000;}
.pub_title  strong i{display: inline-block;width:55px;height:2px;background-color:#ffa200;}
.pub_title  p{font-size:18px;color:#6c6c6c;line-height:66px;}
.bgc{background-color: #eeeeee;padding:30px 0;}
#scroll_one{height:232px;width:90%;position:relative;overflow: hidden;margin:0 auto;padding:20px 0;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float: left;width:184px;text-align: center;margin-right:36px;}
#scroll_one ul li img{display: inline-block;width:172px;height:172px;border:6px solid #fff;border-radius:50%;}
#scroll_one ul li strong{font-weight:100;display:block;color:#000;margin-top:16px;width:100%;height:30px;line-height:30px;border:1px solid #155fb6;border-radius:120px;}
#scroll_one ul li a:hover img{border-color:#0371c8;}
#scroll_one ul li a:hover strong{background-color: #0371c8;color:#fff;}

#top_scroll {height:752px;overflow: hidden;max-width:90%;margin:50px auto;}
#top_scroll ul li{float: left;width:24%;margin:0.5%;text-align: center;position: relative;}
#top_scroll ul li .img{position: relative;overflow: hidden;}
#top_scroll ul li .info{padding:10px 10px 6px;border-bottom:1px solid #d0d0d0;}
#top_scroll ul li .info .fl{width:70%;text-align: left;}
#top_scroll ul li .info .fl h3{line-height:34px;font-size:16px;color:#000;}
#top_scroll ul li .info .fl strong{font-family: impact;font-size:22px;color:#0371c8;line-height:34px;font-weight:100;}
#top_scroll ul li .info .fl strong i{display: inline-block;vertical-align: middle;width:18px;height:18px;background:url(a1.png);margin-right:6px;margin-top:-2px;}
#top_scroll ul li .info .fr{width:30%;padding-top:28px;}
#top_scroll ul li .info .fr span{height:26px;display: block;border-radius:20px;border:1px solid #b8b8b8;line-height:26px;font-size:14px;color:#000;}
#top_scroll ul li:hover .info{background-color: #0371c8;}
#top_scroll ul li:hover .info h3, #top_scroll ul li:hover .info strong{color:#fff;}
#top_scroll ul li:hover .fl strong i{background-image:url(a2.png);}
#top_scroll ul li:hover .fr span{background-color: #fff;border-color:#fff;}

body, html {margin:0;padding:0;font-family: Microsoft YaHei;font-size: 1rem;line-height: 1.5;color: #373a3c;background-color: #fff;width:100%;max-width:100%;min-width:1100px;}
*{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
input:hover, input:active, input:focus {outline: 0;}
ul, ul li, input, dl, dd {padding:0;margin:0;list-style-type:none;}
img, a img {border:0;margin:0;padding:0;}
img {vertical-align: middle;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
a {text-decoration:none;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;color: #9c9c9c;}
a:hover {text-decoration:none;}
.fl {float:left;}
.fr {float:right;}
textarea {resize:none;overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.clear {clear: both;}
.container {width:1250px;margin:0 auto;margin-left:auto !important;margin-right:auto !important;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb50 {margin-bottom:50px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.myClass {
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
}
/*top*/
.top-part {overflow: hidden;}
.dnav {background: rgba(255, 255, 255, 0.7);width: 100%;z-index: 99;height: 120px;position: absolute;top: 0;left: 0;border-top: 6px #0371c8 solid;}
.dnav .left-logo {line-height: 40px;text-align: center;vertical-align: middle;margin-left: 5%;}
.dnav .left-logo img {vertical-align: middle;display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;}
.navb {
	width: 50%;
	padding: 0;
}
.navb .m {
	position: relative;
	float: left;
	width: 14%;
	display: inline;
	text-align: center;
	height: 120px;
}
.navb h3 {
	font-size: 100%;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
}
.navb h3 a {
	zoom: 1;
	display: block;
	color: #000;
	text-align: center;
	height: 120px;
	line-height: 120px;
}
.navb h3 a:hover {
transition-duration: .3s;
	background: #2577e3;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}
.navb .sub {
	display: none;
	width: 100px;
	position: absolute;
	left: 0px;
	top: 121px;
	float: left;
	line-height: 30px;
	z-index: 1000;
}
.navb .sub2 {
	left: -150px !important;
	width: 895px;
}
.navb .sub li {
	text-align:center;
}
.navb .sub li a {
	color:#5e5e5e;
	display:block;
	zoom:1;
}
.navb .sub li a:hover {
	background:#ddd;
	color:#c00;
}
.navb .sub li a img {
	width: 151px;
	height:129px;
}
.navb .sub li p {
	text-align:left;
}
.mun1 {
	width:850px;
	height:810px;
	background:#f6f6f6;
	padding-left:15px;
	-moz-box-shadow:0px 2px 2px #999 inset;
	-webkit-box-shadow:0px 2px 2px #999 inset;
	box-shadow:0px 2px 2px #e4e4e4 inset;
}
.mun1 ul li {
	width:150px;
	float:left;
	height:auto;
	overflow:hidden;
	margin-left:13px;
	margin-top:25px;
}
.mun1 ul li h2 {
	width:100%;
	font-size:14px;
	color:#5e5e5e;
	border-bottom:1px solid #dbdbdb;
	line-height:35px;
	margin-bottom:7px;
	overflow: hidden;
	height: 35px;
}
.dnav .sub .mun1 ul li p a {
	width:100%;
	height:28px;
	display:block;
	color:#919191;
	font-size:13px;
	overflow: hidden;
}
.dnav .sub .mun1 ul li p a:hover {
	color:#0c438c;
	background:none;
}
.mun1 ul li ul li {
	width:75px;
	float:left;
	margin:0px;
}
.dnav .sub .mun1 ul li ul li a {
	color:#919191;
}
.dnav .sub .mun1 ul li ul li a:hover {
	color:#0c438c;
	background:none;
}
.top-r {
	margin-right: 10%;
	font-size: 16px;
    color: #232323;
    background: url(tel.png) left center no-repeat;
    padding-left: 80px;
    margin-top: 26px;
}
.top-r span{
     color: #de0000;
     font-size: 30px;
     font-family: "Impact";
     display: block;
}
  
/*宽度小于1920px*/
@media screen and (max-width:1773px) {
  .dnav {
}
 .left-logo {
	margin-left: 3% !important;
}
 .top-r {
margin-right: 5%
}
}
@media screen and (max-width:1480px) {
	  .dnav {
	}
	 .left-logo {
		margin-left: 0% !important;
	}
	 .top-r {
	margin-right: 0;
	}
	}


/*banner*/
  ._wai, .wai_main {
	position: relative;
}
._wai, .wai_main, .fugai {
	width:100%;
	height:890px;
}
._bg {
	height: 890px;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 8
}
._imgbao {
	position: absolute;
	height: 890px;
	width: 100%;
	z-index: 1;
}
._bg div:first-child {
	z-index: 2
}
._bg img {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
}
._logos {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}
._logo {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 999;
}
._logod {
	z-index: 997;
}
._logol {
	z-index: 998;
	position: absolute;
	bottom: -15px;
	left: 35px;
}
.nav {
	height: 90px;
	width: 100%;
	background: rgba(51, 51, 51, 0.7);
	color: #fff
}
._nav {
	position: relative;
	z-index: 8;
	overflow: hidden;
	width:60%;
	left: 50%;
	margin-left: -27%
}
._nav:after {
	content: '';
	clear: both;
}
._nav a {
	float: left;
	font-size: 16px;
	position: relative;
}
._nav a {
	display: inline-block;
	padding: 0 3%;
	height: 35px;
	line-height: 35px;
	margin: 27.5px 0;
}
._nav a:hover {
	background: #e60000;
	color: #fff;
	border-radius: 30px
}
._navf {
	height: 50px;
	width: 100%;
	background: rgba(255, 0, 0, 0.7);
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 9;
	text-align:center
}
._navf a {
	font-size: 16px;
	position: relative;
	display: inline-block;
	padding: 0 27px;
	height: 30px;
	line-height: 30px;
	margin: 10px 0
}
._navf a:hover {
	background: #000;
	color: #fff;
	border-radius: 30px
}

  .cnav span {
	display: inline-block;
	width: 220px;
	position: relative;
	margin-top: 17px;
	background: url(icon00.png) no-repeat;
	text-indent: 50px;
	font-size: 14px;
	float: right;
}
.cnav span em {
	display: block;
	font-size: 28px;
	color: #e60000;
	font-weight: 700;
	font-family: Impact;
}
.bottoms {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	height: 900px;
	width: 93%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 11;
}
.jian {
	position: absolute;
	z-index: 11;
	bottom: 180px;
	color: #fff;
	font-size: 54px;
	left: 0px;
}
._bt {
	position: absolute;
	right: 60px;
	bottom: 130px;
	display: none;
}
._bt a {
	border: 3px solid #fff;
	height: 15px;
	width: 15px;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
}
hr {
	margin-top: 140px;
	height: 5px;
	background: #ff0000;
	border: 0
}
._lbt {
	position: absolute;
	bottom: 300px;
	height: 130px;
	width: 100%
}
._lbt>a {
	height: 85px;
	width: 85px;
	display: inline-block;
	border-radius: 50%;
	float: left;
	position: relative;
	cursor: pointer;
}
._lbt em {
	display: block;
}
._lbt em a {
	height: 100px;
	width: 100px;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}
.bg {
	background: #fff;
}
._pree:before {
	content:'';
	height:35px;
	width:35px;
	display:block;
	border:5px solid #fff;
	border-right-width:0;
	border-bottom-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position:absolute;
	top:31px;
	left:20px;
}
._pree:after {
	content:'';
	height:6px;
	width:65px;
	display:block;
	background:#fff;
	position:absolute;
	top:47px;
	left:18px;
}
._next:before {
	content:'';
	height:35px;
	width:35px;
	display:block;
	border:5px solid #fff;
	border-left-width:0;
	border-top-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position:absolute;
	top:31px;
	right:20px;
}
._next:after {
	content:'';
	height:6px;
	width:65px;
	display:block;
	background:#fff;
	position:absolute;
	top:47px;
	left:18px;
}

/*产品分类*/

/*产品分类*/
.rollBox {
    width:1380px;
    overflow:hidden;
    margin:0 auto;
    margin-top: 20px;
  }
  .rollBox .LeftBotton {
    height:120px;
    width:70px;
    background:url("cp_left.png") no-repeat left center;
    overflow:hidden;
    float:left;
    display:inline;
    margin:40px 10px 0 0;
    cursor:pointer;
  }
  .rollBox .RightBotton {
    height:120px;
    width:70px;
    background:url("cp_right.png")no-repeat right center;
      overflow:hidden;
    float:left;
    display:inline;
    margin:40px 0 0 10px;
    cursor:pointer;
  }
  .rollBox .Cont {width:1200px; overflow:hidden;float:left;}
  .rollBox .ScrCont {width:10000000px;}
  .rollBox .Cont .pica {
    width:220px;
    float:left;
    height:250px;
    text-align: center;
    margin-right: 25px;
  }
.rollBox .Cont .pica img { display:block; width:220px;height:200px;border-radius: 20px;}
.rollBox .Cont .pica p a{color: #000;font-size: 16px;line-height: 35px;}
.rollBox .Cont .pica:hover p a{font-weight: bold;color: #db0713;}
.rollBox .Cont .pica:hover img{cursor:pointer; *-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.rollBox #Lista, .rollBox #Listb {float:left;} 
  

/*产品展示*/
.classify{width:1250px;margin: 0 auto;margin-top: 20px;}
.classify ul li{float: left; height: 50px;background: #2f6fd1;border-bottom: 5px #195ec7 solid;width: 16.5%;margin-right: 1px;margin-bottom: 10px;line-height: 50px;text-align: center;}
.classify ul li a{color: #fff;font-size: 16px;display: block;}
.classify ul li:hover{background: #d53433;border-bottom: 5px #b60100 solid;}
#pro-box1{width: 85%;overflow: hidden;margin: 0 auto;}
  @media (max-width: 1366px) {
    #pro-box1{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    }
  }
  #pro-box1 li{
      width: 23.5%;
      height: 360px;
      background: #fff;
      margin: 15px 0.5% 20px 0.5%;
      float: left;
      list-style: none;
      position: relative;
      z-index: 0;
      border-bottom: solid 1px #e0e0e0;
      box-sizing: border-box;
      
  }
  #pro-box1 li .Img div{
      width: 100%;
      height: 285px;
      padding: 0;
      margin: 0;
      display: block;
  }
  #pro-box1 li p{
    position: absolute;
    width: 100%;
    height: 75px;
    background: #fff;
    z-index: 999;
    left: 0;
    bottom: 0;
    padding-top: 20px;
  }
  
  #pro-box1 li p .sytitle{
      width: 100%;
      font-size: 17px;
      color: #363636;
  }
  #pro-box1 li p .sytitle span{
      display: block;
      color: #888;
      font-size: 15px;
      line-height: 30px;
  }
  #pro-box1 li p .smore{
    font-size: 16px;
    color: #555;
    line-height: 40px;
    display: block;
    text-align: center;
    width: 35%;
    z-index: 3;
    margin: 0 auto;
    border-radius: 20px;
    position: absolute;
    right: 8px;
    bottom: 20px;
    border: 1px #dcdcdc solid;
  }
  #pro-box1 li:hover{box-shadow: 0px 0px 10px #ccc;text-align: center;}
  #pro-box1 li:hover p{background: #2f6fd1;}
  #pro-box1 li:hover p .sytitle{text-align: center; color: #fff;}
  #pro-box1 li:hover p .sytitle span{ color: #fff;}
  #pro-box1 li:hover p .smore{background:#ff9c00;font-size: 16px;color: #fff;line-height: 40px;display: block;text-align: center;width: 70%;position: absolute;z-index: 3;margin: 0 auto;bottom: -25px;left: 0;right: 0;border-radius: 20px;}
  #pro-box1 li .avatar{position: relative;}
  #pro-box1 li .avatar{display: block; height: 285px;overflow: hidden;width:100%; }
  #pro-box1 li .avatar .myClass{height: 285px;}
  .avatar:after {bottom: 0;left: 5px;position: absolute; z-index: 10;}
  .avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover { box-shadow: 0 0 10px gray;}
  .avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s;}

.about {padding: 58px 0;background: url(abg.jpg) no-repeat top center;background-size: cover;height: 780px;box-sizing: border-box;}
.ab_t {b ackground: url(ab_tbg.png) no-repeat;w idth:520px;line-height: 50px;height: 190px;}
.ab_t a {font-size: 28px;color: #fff;}
.ab_t b {display: block;font-size: 46px;color: #fff;padding: 15px 0 15px;}
.ab dl {margin: 0;}
.ab dt {float: left;margin-top: 60px;}
.ab dt img {transition: .5s;}
.ab dt:hover img {padding-left: 10px;}
.ab dd {width: 715px;float: right;padding-top: 40px;margin-right: 20px;}
.ab dd h3 {border-bottom: 1px solid #ffffff57;}
.ab dd h3 a {font-size: 60px;color: #1c71ea;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em {font-size: 16px;color: #fff;font-weight: normal;display: block;padding-bottom: 20px;font-style: normal;}
.ab dd p {font-size: 16px;color: #fff;line-height: 38px;margin-top: 24px;margin: 0;}
.ab span a {margin-top: 20px;display: inline-block;border-radius: 25px;background: #1c71ea url(jt.png) 85px center no-repeat;color: #fff;width: 150px;line-height: 40px;transition: all .3s;font-size: 14px;box-shadow: 0 0 10px #599effb0padding: 0 0px 0 20px; width: 116px;padding: 0 20px;}
.ab span a:hover {background-color: #1459bb;background-position-x: 90px;}
.athree {width: 770px;text-align: center;position: absolute;right: 0px;top: 580px;}
.athree dl {color: #e50014;float: left;width: 25%;border-right: 1px solid #fff;box-sizing: border-box;margin: 0;}
.athree dl:last-child {border: none;}
.athree dl dt {font-size: 66px;margin-top: 7px;font-family: impact;line-height: 1;}
.athree dl dd {font-size: 18px;}


/*关于我们*/
.index_box{padding:30px 0;}
.about_bg{padding-top:80px;height:746px;box-sizing:border-box;background:url(about_bg.jpg) no-repeat center top;}
.about_tit dt{font-size:39px;color:#fff;line-height:40px; text-align: center;}
.about_tit dd{font-size:16px;color:#fff;line-height:30px;text-transform:uppercase;text-align: center;}
.about_tit_text{font-size:20px;color:#fff;line-height:30px;margin-bottom:50px;text-align: center;}
.about_pic{width:540px;height:400px;}
.about_pic img{border-radius:5px; p osition: relative;}
.about_pic_text{p osition:absolute;left:0;bottom:0;width:100%;height:80px;padding:10px;box-sizing:border-box;background:#ff7800 url(line.jpg) no-repeat center center;}
.about_pic_text li{width:50%;padding:0 10px;line-height:30px;box-sizing:border-box;float:left;}
.about_pic_text .about_pic_a{font-size:12px;color:#fff;text-transform:uppercase;}
.about_pic_a span{font-size:24px;color:#fff;}
.about_pic_text .about_pic_b{background:url(about_tel.png) no-repeat 20px center;padding-left:80px;font-size:18px;color:#fff;}
.about_pic_b b{font-size:24px;color:#fff;}
.about_con{width:600px;}
.about_text{line-height:40px;height:200px;overflow:hidden;margin:20px 0;}
.about_list li{width:120px;height:120px;line-height:40px;float:left;border:#ddd solid 1px;border-radius:5px;margin-right:20px;transition:all .5s linear;}
.about_list li:hover{border:#2655cb solid 1px;}
.about_list li>a{display:block;padding:20px 0;}
.about_more{width:150px;height:40px;line-height:40px;border:#ddd solid 1px;border-radius:20px;color:#fff;margin-top:80px;background: #ff7800;}
.about_more:hover{border:#2655cb solid 1px;color:#2655cb;}

/*工程案例*/
.case_list{padding-top:20px;}
.case_list li{width:280px;height:320px;overflow:hidden;margin:0 10px;float:left;position:relative;}
.case_list li img{transition:all .8s linear;}
.case_list li:hover img{transform:scale(1.1);}
.case_list_name{position:absolute;left:20px;bottom:20px;width:240px;height:40px;line-height:40px;background:#fff;color:#7288a9;font-size:18px;font-weight:bold;}
.case_list_name b{color:#2655cb;}
.case_more{display:block;margin:50px auto;width:150px;height:40px;line-height:40px;border:#ddd solid 1px;border-radius:20px;color:#999;}
.case_more:hover{border:#eb1700 solid 1px;color:#eb1700;}
/*优势*/
.cooper_bg{padding:60px 0px;box-sizing:border-box;min-height:610px;background:url(cooper_bg.jpg) no-repeat center top;text-align: center;}
.cooper_tit{line-height:40px;color:#fff;text-transform:uppercase;}
.cooper_tit dt{font-size:42px; font-weight: bold; margin-bottom: 10px; }
.cooper_tit dd{font-size:14px;}
.cooper_text{margin:30px 0;position:relative;}
.cooper_text span{display:inline-block;width:366px;height:40px;line-height:40px;background:#ff9f10;border-radius:5px;color:#fff;font-size:18px;}
.cooper_text:before,.cooper_text:after{content:"";position:absolute;top:20px;width:330px;height:1px;background:#a2c0ea;}
.cooper_text:before{left:100px;}
.cooper_text:after{right:100px;}
.cooper_list{margin:50px 0;}
.cooper_list li{width:230px;height:200px;float:left;margin:0 10px;padding:30px 0;line-height:60px;box-sizing:border-box;background:#ededed;position:relative;transition:all .5s linear;}
.cooper_list li:after{content:"";position:absolute;left:50%;bottom:20px;margin-left:-20px;width:40px;height:2px;background:#666;}
.cooper_list li:hover:after{background:#ff9f10;}
.cooper_list li:hover{background:#fff;}
.link_box{margin:0 10px;background:#fff;box-shadow:0 0 15px #ddd;}
.link_tit{width:300px;height:160px;line-height:30px;background:#ff9f10;color:#fff;text-transform:uppercase;}
.link_tit img{padding:10px 0;}
.link_list li{width:292px;margin:20px 0;float:left;border-right:#ddd solid 1px;}
.link_list li:last-of-type{border-right:none;}
/*新闻资讯*/
.news_con{width:580px;border-bottom:#ddd solid 1px;padding-bottom:18px;}
.news_pic{margin-bottom:20px;}
.news_con h3{font-size:18px;font-weight:normal;line-height:50px;color:#000;}
.news_con_text{line-height:30px;height:60px;overflow:hidden;}
.news_con_text a{color:#666;}
.news_list{width:608px;}
.news_list li{padding:24px 0;border-bottom:#ddd solid 1px;transition:all .5s linear;height: 100px;}
.news_list li:hover{border-bottom:#eb1700 solid 1px;}
.news_list_date{width:120px;padding-right:20px;line-height:40px;color:#999;position:relative;}
.news_list_date span{line-height:60px;font-size:36px;}
.news_list_date:after{content:"";position:absolute;right:0;top:40px;width:2px;height:30px;background:#ddd;}
.news_list_con{width:430px;line-height:30px;color:#999;}
.news_list_con h3{line-height:40px;color:#333;}
.news_list li:hover .news_list_con h3{color:#eb1700;}
/*footer*/
/*footer*/
.footer{overflow: hidden;background-color:#000000;border-top:18px solid #005fd4;position: relative; padding-bottom: 39px;}
.footer .one{height:96px;position: relative;margin-bottom:60px;}
.footer .box{position: absolute;left:50%;top:0;margin-left:-230px;text-align: center;color:#fff;width:460px;height:96px;background-color: #005fd4;}
.footer .box h2{font-weight:bold;font-size:32px;line-height:56px;}
.footer .box p{font-size:16px;}
.footer .nav{width:400px;font-size:0;line-height:96px;}
.footer .nav a{font-size:16px;color:#fff;display: inline-block;width:33.33%;text-align: center;}
.footer .nav1{position: absolute;left:0;top:0;}
.footer .nav2{position: absolute;right:0;top:0;}
.footer h4{font-weight:bold;color:#fff;font-size:20px;}
.footer .line{width:40px;height:2px;background-color: #fff;margin:12px 0 24px;}
.footer .list{width:739px;}
.footer .a a{float: left;margin:0 12px 12px 0;width:158px;height:28px;line-height:28px;text-align: center;text-align: center;border:1px solid #fff;font-size:16px;color:#fff;}
.footer .text{font-size:16px;color:#fff;line-height:30px;}
.footer .img img{margin:60px 60px 30px;}

.copyright{height:60px;line-height:60px;color:#fff;background-color: #000;font-size:14px;text-align: center;border-top:1px solid #808080;}
.copyright img{display: inline-block;margin:0 10px 4px;}
.copyright a{display: inline-block;margin:0 10px;color:#fff;}