*{
  margin: 0;
  padding: 0;
}
html, body{
  margin:0; 
  height:100%; 
  padding: 0;
}
#containShadow{
  width: 100%;
  height: 6250px;
  background-color: #000;
  opacity: 0.9;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
}
#containShadowBox, #containShadowBoxQin{
  position: fixed;
  top: 30vh;
  left: 37vw;
  z-index: 200;
  width: 480px;
  height: 280px;
  background-color: #fff;
  border-radius: 6px;
  display: none;
}
.contain{
  /*width: auto;*/
  /*width: 100%;*/
  /*min-height: 1200px;*/
   width: 1200px;
  background-color: #f1f3f5;
}
@media (min-width:1200px) {
	.contain{
		width: 100%;
		background-color: #f1f3f5;
	}
} 
.header{
  height: 800px;
  width: 100%;
  position: relative;
  background-color: #e5e7e9;
}
.header .headerTop{
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #232323;
}
.header .headerTop img{
  float: left;
  margin-top: 20px;
}
.header .headerTop .headerTopDiv{
  width: 1200px;
  margin-top: 20px;
  height: 60px;
  line-height: 60px;
  margin: auto;
}
.header .headerTop .div{
  float: right;
  height: 60px;
  width: 600px;
  display: flex;
  justify-content: space-between;
}
.header .headerTop .div span{
  font-size: 14px;
  cursor: pointer;
}
.header .headerTop .div a{
  text-decoration: none;
  font-size: 14px;
  color:#232323;
  cursor: pointer;
}
.header .headerTop .div span:hover{
  color: #1a7de0;
}
.header .headerTop .div a:hover{
  color: #1a7de0;
}
.swiper-container{
  width: 100%;
  height: 100%;
}
.swiper-slide img{
  width: 100%;
  height: 100%;
}
.nav{
  width: 100%;
  height: 873px;
  background-image: linear-gradient(0deg, 
  #e4e6eb 0%, 
  #ffffff 100%);
  overflow: hidden;
}
.nav h1{
  text-align: center;
  color: #191919;
  line-height: 36px;
  font-size: 44px;
  height: 46px;
  margin: 0;
  margin-top: 143px;
}
.nav .div1{
  width: 1200px;
  height: 200px;
  margin: auto;
  margin-top: 93px;
  display: flex;
  justify-content: center;
}
.nav .div1 div{
  width: 400px;
  height: 200px;
}
.nav .div1 div img{
  display: block;
  margin: auto;
}
.nav .div1 div h2{
  font-size: 20px;
  color: #232323;
  text-align: center;
  margin: 0;
  margin-top: 25px;
}
.nav .div1 div p{
  line-height: 27px;
  font-size: 15px;
  color: #232323;
  text-align: center;
}
.nav .div2{
  width: 995px;
  height: 401px;
  margin: auto;
  margin-top: 87px;
  position: relative;
  
}
.nav .div2 img:nth-child(1){
  position: absolute;
  left: 83px;
  top: 0;
}
.nav .div2 img:nth-child(2){
  position: absolute;
  left: 0;
  top: 93px;
  animation: float 2s linear infinite;
}
.nav .div2 img:nth-child(3){
  position: absolute;
  right: 0;
  top: -41px;
  animation: float2 3s linear infinite;
}
.nav .div2 img:nth-child(4){
  position: absolute;
  right: 0;
  top: 232px;
  animation: float3 4s linear infinite;
}
@keyframes float {
  0% {             
    transform: translate(0px, 0px);            
  }            
  50% {                
    transform: translate(0px, -7px);            
  }            
  100% {                
    transform: translate(0px, 0px);
  }
}
@keyframes float2 {
  0% {             
    transform: translate(0px, 0px);            
  }            
  25% {                
    transform: translate(0px, -4px);            
  }            
  50% {                
    transform: translate(0px, 0px);            
  }            
  75% {                
    transform: translate(0px, 4px);            
  }            
  100% {                
    transform: translate(0px, 0px);
  }
}
@keyframes float3 {
  0% {             
    transform: translate(0px, 0px);            
  }            
  50% {                
    transform: translate(0px, -10px);            
  }            
  100% {                
    transform: translate(0px, 0px);
  }
}
.article{
  width: 100%;
  /* height: 1687px; */
  margin-top: 100px;
}
.article .divBox{
  width: 1200px;
  /* height: 1687px; */
  margin: auto;
}
.article .divBox h1{
  text-align: center;
  font-size: 44px;
  color: #191919;
  height: 46px;
  line-height: 36px;
}
.article .divBox>p{
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #aaaaaa;
  height: 15px;
  line-height: 30px;
}
.article .divBox>div h2{
  text-align: center;
  font-size: 28px;
  color: #232323;
  height: 39px;
  line-height: 36px;
  margin: 0;
  margin-bottom: 24px;
}
.article .divBox>div p{
  text-align: center;
  font-size: 16px;
  color: #232323;
  line-height: 30px;
}
.article .divBox>div a{
  display: block;
  text-align: center;
  text-decoration: none;
  color: #1a7de0;
  font-size: 16px;
  margin: auto;
  margin-top: 11px;
  width: 100px;
  cursor: pointer;
  /* border: 1px solid red; */
}
.article .divBox>div{
  width: 100%;
  height: 380px;
  margin-top: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.article .divBox .divBottom{
  width: 100%;
  height: 160px;
  margin-top: 20px;
  background-color: #fff;
  overflow: hidden;
}
.article .divBox .divBottom a{
  display: none;
  text-decoration: none;
  display: block;
  margin: 0;
  width: 100%;
  height: 160px;
}
.article .divBox .divBottom img{
  transition: all 0.6s ease;
  cursor: pointer;
}
.article .divBox .divBottom img:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1); /*Safari 和 Chrome*/
  -moz-transform: scale(1.1); /*Firefox*/
  -ms-transform: scale(1.1); /*IE9*/
  -o-transform: scale(1.1); /*Opera*/
}
.article .divBox>div:nth-child(2){
  margin-top: 55px;
}
.article .divBox .div1>div:nth-child(1){
  width: 510px;
  /* height: 187px; */
  float: left;
  /* margin-top: 84px; */
  margin: auto;
}
.article .divBox .div1>div:nth-child(2){
  width: 630px;
  height: 360px;
  float: right;
  margin-top: 10px;
  margin-right: 25px;
}
.article .divBox .div2>div:nth-child(1){
  width: 630px;
  height: 360px;
  float: left;
  margin-top: 10px;
  margin-left: 25px;
}
.article .divBox .div2>div:nth-child(2){
  width: 480px;
  /* height: 250px; */
  float: right;
  /* margin-top: 84px; */
  margin: auto;
}
.middle{
  width: 100%;
  /* height: 1566px; */
  margin-top: 88px;
}
.pre-scene-font{
  margin-top: 20px;
  font-family: 'Microsoft YaHei';
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 10;
}
.middle .divBox{
  width: 1200px;
  margin: auto;
  /* height: 1566px; */
}
.middle .divBox h1{
  text-align: center;
  font-size: 44px;
  color: #191919;
  line-height: 36px;
  height: 46px;
  margin-bottom: 52px;
}
.middle .divBox .div{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 350px;
}
.middle .divBox .div div{
  height: 350px;
  position: relative;
}
.middle .divBox .div1 div{
  width: 590px;
}
.middle .divBox .div2 div{
  width: 390px;
}
.middle .divBox .div div .shadow{
  width: 100%;
  height: 350px;
  background-color: #000;
  opacity: 0.45;
  position: absolute;
  left: 0;
  top: 0;
}
.middle .divBox .div div h1{
  width: 100%;
  font-size: 40px;
  color: #ffffff;
  height: 38px;
  line-height: 36px;
  margin: 0;
  margin-top: 87px;
  position: relative;
  z-index: 10;
}
.middle .divBox .div div p{
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 10;
}
.middle .divBox .div div a{
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  position: relative;
  z-index: 10;
  width: 140px;
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  border-radius: 6px;
  border: solid 2px #ffffff;
  display: none;
  margin: auto;
  margin-top: 46px;
  cursor: pointer;
}
.middle .divBox .div div:hover .pre-scene-font{
  display: none;
}
.middle .divBox .div div:hover a{
  display: block;
}
.bottom{
  width: 100%;
  height: 425px;
  margin-top: 90px;
}
.bottom>div{
  width: 1210px;
  margin: auto;
  height: 425px;
}
.bottom>div h1{
  text-align: center;
  font-size: 44px;
  color: #191919;
}
.bottom>div .div{
  width: 100%;
  margin-top: 50px;
  height: 274px;
  display: flex;
  justify-content: space-around;
  align-content:space-between;
  flex-wrap: wrap;
}
.bottom>div .div div{
  width: 290px;
  height: 132px;
  background-color: #fff;
}
.bottom>div .div div img{
  width: 80%;
  height: 80%;
  margin-left: 10%;
  display: block;
  margin-top: 11px;
  transition: all 0.6s ease;
}
.bottom>div .div div img:hover{
  transform: scale(1.2);
  -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
  -moz-transform: scale(1.2); /*Firefox*/
  -ms-transform: scale(1.2); /*IE9*/
  -o-transform: scale(1.2); /*Opera*/
}
.section{
  width: 100%;
  height: 390px;
  margin-top: 8px;
  background-color: #fff;
}
.section h1{
  width: 1200px;
  color: #232323;
  margin: auto;
  padding: 0;
  font-size: 36px;
  padding-top: 90px;
  /* padding-left: 359px; */
}
.section .div{
  width: 1200px;
  color: #767676;
  height: 140px;
  margin: auto;
  margin-top: 20px;
}
.section .div .text{
  float: left;
  width: 355px;
  line-height: 28px;
  height: 140px;
  /* margin-left: 359px; */
}
.section .div .photo{
  float: right;
  width: 355px;
  height: 120px;
  /* margin-right: 360px; */
  display: flex;
  justify-content: space-between;
}
.section .div .photo div{
  width: 100px;
  height: 120px;
}
.section .div .photo div img{
  width: 100px;
  height: 100px;
}
.section .div .photo div span{
  display: block;
  text-align: center;
  color: #767676;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.section .div2{
  width: 1200px;
  font-size: 12px;
  margin: auto;
  margin-top: 55px;
  /* margin-left: 359px; */
  /* display: flex;
  justify-content: space-between; */
}
.section .div2 a{
  color: #aaaaaa;
  text-decoration: none;
}
.foot{
  width: 100%;
  height: 55px;
  line-height: 55px;
  border-top: 1px solid #d3d9e2;
  text-align: center;
  font-size: 12px;
  color: #999999;
  background-color: #fff;
}
.pre-system-font{
  font-family: 'Microsoft YaHei';
  text-align: center;
  font-size: 16px;
  line-height:30px;
  color: #232323;
  font-weight: 400
}
.pre-dolit-font{
   font-family: 'Microsoft YaHei';
   margin-top: 15px;
   line-height: 27px;
   font-size: 15px;
   color: #232323;
   text-align: center;
}