header {
  height: 96px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 1px 16px 0px rgba(41,38,85,0.12);
  position: fixed;
  top: 0;
  z-index: 9999;
    background: rgba(255, 255, 255, .24);
}
header.cur{
 background: rgba(0, 0, 0, .3);
}
header .wrap{
  margin: 0 auto;
  width: 1200px;
    position: relative;
}
header .head {
  height: 96px;
}
header .head .logo {
  width: 120px;
  text-align: center;
}
header .head .logo img {
  width: 80px;
  height: 80px;
}
header .head ul {
  width: 940px;
  line-height: 96px;
  position: relative;
  z-index: 999;
}
header .head ul li {
  width: 165px;
  font-size: 18px;
  font-weight: 400;
  color: #1D2738;
  text-align: center;
  position: relative;
}
header .head ul .active {
  color: #D69962;
}
header .head ul .info {
  width: 90px;
  line-height: 48px;
  text-align: center;
}
header .head ul .info img {
  width: 16px;
  height: 18px;
}
header .head ul .info::before {
  content: "|";
  width: 1px;
  height: 20px;
  color: #DDDDDD;
  margin-right: 12px;
}
.footer {
    width: 100%;
    position: relative;
    background: url(../img/db.png) bottom no-repeat;
    background-size: cover;
    padding-top: 50px;
    margin-top: -50px;
}
footer .footerImg {
  width: 100%;
  height: 72px;
  margin-top: -26px;
  position: absolute;
}
footer .footerImg img {
  width: 100%;
  /* height: 100%; */
}
footer .footTotal {
  width: 100%;
   /* background: #27426F; */
  padding-top: 20px;
  position: relative;
}
footer .footTotal .total {
  width: 1200px;
  margin: 34px auto;
}
footer .footTotal .total .left {
  width: 338px;
}
footer .footTotal .total .left h3 {
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
}
footer .footTotal .total .left h3 span {
  font-size: 24px;
  font-weight: 400;
  color: #3F5986;
  line-height: 48px;
}
footer .footTotal .total .left .server .addres img {
  width: 16px;
  /* height: 16px; */
  margin-top: 6px;
  margin-right: 3px;
}
footer .footTotal .total .left .server .addres .imgs {
  margin-top: -30px;
}
footer .footTotal .total .left .server .addres p {
  width: 314px;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
  overflow: hidden;
  margin-left: 4px;
  margin-top: 6px;
}
footer .footTotal .total .center {
  width: 290px;
  text-align: center;
}
footer .footTotal .total .center .logo {
  width: 94px;
  height: 106px;
  margin: 0 auto;
}
footer .footTotal .total .center .logo img {
  width: 100%;
  height: 100%;
}
footer .footTotal .total .center .company {
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 58px;
}
footer .footTotal .total .right {
  width: 284px;
  text-align: center;
}
footer .footTotal .total .right .account img {
  width: 124px;
  height: 124px;
}
footer .footTotal .total .right .account .our {
  line-height: 42px;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
}
footer .footTotal .footerCon {
  width: 100%;
  margin-top: 30px;
}
footer .footTotal .footerCon .line {
  width: 100%;
  border-top: 1px solid #f2f2f2;
  opacity: 0.1;
}
footer .footTotal .footerCon .copyright {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #969FB1;
  line-height: 24px;
  padding: 24px 0;
}
.banner {
  width: 100%;
  margin-bottom: 50px;
  position: relative;
  /*margin-top: 110px;*/
}
.banner .bannerTu {
  width: 100%;
  position: relative;
}
.banner .bannerTu img {
  width: 100%;
  height: 100%;
}
.banner .abouts {
  width: 1200px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .abouts h3 {
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
  line-height: 70px;
}
.banner .abouts .line {
  width: 50px;
  height: 6px;
  background: #ffffff;
  margin: 4px 1px;
}
.banner .abouts ul {
  width: 198px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  display: unset;
}
.banner .abouts ul  a{font-size: 16px;font-weight: 400;color: #FFFFFF;}




/* pager */
.pager {
	width: 97%;
	padding: 40px 0 20px;
	text-align: right;
}

.pager > * {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	background: #FFF;
	border: 1px solid #ddd;
	margin: 0 5px;
font-size: 15px;
}

.pager > *:first-child {
	display: none;
}

.pager > *:first-child + * {
	margin-left: 0px;
}

.pager > span {
	cursor: no-drop;
}

.pager > span.cur {
	cursor: default;
	background: #d69962;
	color: #fff;
	font-weight: bold;
}

.pager > a:hover {
	background: #f9f9f9;
}

.pager .current {
	background: #d69962;
	color: #ffffff;
	border: 1px solid #d69962;
}
.wave-box img {
	border: 0
}
.autoWidth {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1200px
}
.auto {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1200px
}

@media screen and (max-width:1233px) {
.auto {
	padding-left: 10px
}
}
.clearfix:after, .clearfix:before {
	display: table;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both
}
.clear-float {
	clear: both
}
.telephone {
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #fff
}
.telephone span {
	display: inline-block;
	width: 32px;
	height: 32px;
	float: left;
	background: url(../images/phone_32px.png);
	margin-left: 16%
}
.telephone .tel-number {
	font-size: 30px;
	font-weight: 400;
	text-align: right
}
.official-plat {
	width: 100%;
	height: 100%;
	margin-top: 20px;
	position: relative
}
.official-plat ul {
	float: right;
	margin-top: 7px
}
.official-plat ul li span {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/plat_icon.png) no-repeat 0 0;
	line-height: 32px;
	float: left;
	margin-right: 12px
}
.official-plat ul li .weibo-logo {
	background: url(../images/plat_icon.png) no-repeat -32px 0
}
.official-plat ul li .qq-logo {
	background: url(../images/plat_icon.png) no-repeat -64px 0
}
.official-plat ul li {
	height: 45px
}
.official-plat ul a {
	display: inline-block;
	height: 32px;
	width: 100%;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 12px
}
.official-plat>p {
	display: inline-block;
	width: 132px;
	height: 132px;
	border: 1px solid #ddd;
	background-color: #fff
}
.official-plat .weixin {
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(../images/plat_qrcode.png);
	background-repeat: no-repeat;
	background-position: 0 0
}
.official-plat .weibo {
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(../images/plat_qrcode.png);
	background-repeat: no-repeat;
	background-position: -132px 0;
	display: none
}
#wx-corner {
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 12px;
	right: -20px;
	z-index: 10
}
#wb-corner {
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 58px;
	right: -20px;
	z-index: 10
}
.five-superiority {
	width: 100%;
	border-bottom: 1px solid #27aede;
	padding: 10px 0 20px
}
.five-superiority-list li {
	float: left;
	width: 20%;
	height: 36px;
	text-align: center;
	border-left: 1px solid #27aede
}
.five-superiority-list li:first-child {
	border-left: none
}
.five-superiority-list li a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: no-repeat 2% center;
	text-indent: 2em;
	color: #fff;
	font-size: 16px
}
.five-superiority-list li a:hover {
	color: #bfe7f5
}
.five-superiority-list li a.superiority-text {
	text-indent: 4em
}
.superiority-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 10%;
	background-repeat: no-repeat;
	background-image: url(../images/footer_youshi.png)
}
.compensate_ico .superiority-icon {
	background-position: 0 0
}
.compensate_ico:hover .superiority-icon {
	background-position: 0 -50px
}
.retreat_ico .superiority-icon {
	background-position: 0 -100px
}
.retreat_ico:hover .superiority-icon {
	background-position: 0 -150px
}
.technology_ico .superiority-icon {
	background-position: 0 -200px
}
.technology_ico:hover .superiority-icon {
	background-position: 0 -250px
}
.prepare_ico .superiority-icon {
	background-position: 0 -300px
}
.prepare_ico:hover .superiority-icon {
	background-position: 0 -350px
}
.service_ico .superiority-icon {
	background-position: 0 -400px
}
.service_ico:hover .superiority-icon {
	background-position: 0 -450px
}
.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.marquee {
	width: 8000%;
	height: 60px
}
.wave-list-box {
	float: left
}
.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}
.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}
.wave-box {
	position: relative;
	height: 60px;
	background: #F5F5F5;
}