﻿ body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
    background-color: #fff;
	}
.HomePage {
  line-height: 1;
}
#header {
	margin:0 auto;
	background-color:white;
	z-index: 99;
    border-bottom:solid 1px rgba(144, 144, 144, 0.25); 
}
.content{
  width: 1200px;
  height: 60px;
  position: absolute;
  overflow:auto;
  top:10px;
  left: 50%;
  z-index: 99;
  -webkit-transform: translateX(-50%);
  text-align: center;
  
}
 #header .content .logo {
  width: 200px;
  height: 60px;
  float: left;
  top: 0;
}
#header .content .logo .name{
  float: right;
  margin-top:19px;
  font-size:22px;
  font-family:宋体;
  color:rgb(3, 6, 125);
}
#header .content .nav {
  height: 60px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
#header .content .nav .navList{
  width:640px;
  line-height: 60px;
  position: relative;
  float: left;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 19px;
  font-family:宋体;
  color: #333;
}
#header .content .nav .navList .text {
  /* display: inline; */
  position: relative;
  width:160px;
  text-align: center;
  float: left;
}
#header .content .right {
  float: right;
  text-align: right;
  height: 60px;
} 
#header .content .right .consult {
    float:right;
	margin-top:19px;
	font-size:22px;
	font-family:宋体;
	color:rgb(3, 6, 125);
	
}
 #main{
      width: 100%;
      height: 210px;
      display: flex;
      margin-top: 80px;
      background: #fafafa;
    }
    #d1{
      width: 100%;
      height: 210px;
      margin: 0 71px 0 72px;
      display: flex;
      overflow:hidden;
    }
    #d11{ 
    height: 210px;
    position: relative;
    line-height: 210px;
    text-align: center;
    font-size: 60px;
    cursor: pointer;
    color: #f9f9f98c;
    z-index: 3;
    }  
   #d13{
      height: 210px;
      position: relative;
      line-height: 210px;
      text-align: center;
      font-size: 60px;
      margin-left:-60px;
      cursor: pointer;
      color: #f9f9f98c;
      z-index: 3;
    }
    #d12{
      /*元素个数*355(div宽度)  动态算 1420px[4个元素] 1775px[5个元素]  2130px[6个元素]  3550px[10个元素] */
      /* 用JS动态设置改值 */
     
     /* 先预设足够放10张图片的宽度 */
      width: 3550px;
      height: 210px;
      z-index: 1;
     /*  使用弹性布局排列 */
      display: flex;
      transition:all 0.2s linear 0s;
     /*  再将多出来的10张图片的宽度用负边距隐藏起来 */
      margin:0 -1775px 0 -45px;
    }
    #d12 .d120{
       width: 355px;
       height: 210px;
       z-index: 2;
    }
    .ddd{
      width: 340px;
      height: 160px;
      margin-right: 15px;
      margin-top: 25px;
    }
    .ddd img{
      width: 100%;
      height: 100%;
    } 
 
.centre {
  width: 1200px;
  height: 1770px;
  margin: 0 auto;
  font-size:20px;
} 
.centre .center1 {
    background: #05a5f712;
    padding: 40px 50px;
    margin-bottom: 50px;
    display: flex;
    color: #333;
    cursor: pointer;
    float:left;
	left:50%;
    width: 1200px;
    font-family: 楷体;
}
.centre .center2 {
    background: #078ef517;
    padding: 40px 50px;
    margin-bottom: 50px;
    display: flex;
    color: #333;
    cursor: pointer;
    float:left;
	left:50%;
    width: 1200px;
    font-family: 楷体;
}
.centre .center3 {
    background: #5f72fd1a;
    padding: 40px 50px;
    margin-bottom: 50px;
    display: flex;
    color: #333;
    cursor: pointer;
    float:left;
	left:50%;
    width: 1200px;
    font-family: 楷体;
}
#footer{
    width:100%;
   height:120px;
    /* margin-top:2010px; */
    /* text-align:center; */
	/* background: #292929; */
    /* line-height: 1; */
} 
#footer .contact {
	clear: both;
	height:110px;
	line-height:40px;
	padding-top: 9px;
	bottom:10px;
	background: #fafafa;
	color: #666; 
	margin:0 auto; 
	text-align:center;
	border-top:1px #ddd solid ;
	box-shadow:0 2px 0 #fafafa;
}
#footer .contact .above {
	width: 550px;
	bottom:10px;
	text-align:center; 
	margin:auto;
}
/* #footer .contact .above .number{
	width: 1200px;
	bottom:10px;
	text-align:center; 
	font-family:宋体;
} */
#footer .contact .record {
	/* width: 900x; */
	height:33px;
	line-height:110px; 
	font-size:14px; 
	font-family:Verdana,"Microsoft YaHei";

}