body{
  padding: 0;
  margin: 0;
  padding-top: 100px;
}
.header {
  width: 100%;
  height: 100px;
  background-color: #fff;
  display: inline-flex;
  position: fixed;
  top: 0;
  z-index: 20000000;
}
.header .header-main {
  width: 100%;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  margin: auto;
  height: 100%;
  padding-left: 13%;
}
.header-main .ul-list{
	height: 100%;
	line-height: 100px;
	width: 45%;
	word-break:keep-all;
	white-space:nowrap;
}


/* 中交华安科技核心产品 */
.product-dropdownlist{
	width: 200px;
    height: 260px;
    position: absolute;
    /* top: 94px;
    left: 510px; */
    left: -55px;
    display: none;
    text-align: center;
    background-color: white;
    box-shadow: 2px 14px 10px #272323;
    z-index: 2000000;
}
.product-dropdownlist li{
	line-height: 50px!important;
}
.product-dropdownlist li a{
	font-size: 16px;
	color: gray;
}
.product:hover .product-dropdownlist{
	display: block;
	
}



.logo-model {
  width: 20%;
  height: 52px;
  display: flex;
  justify-content: space-between;
  line-height: 52px;
  margin-right: 105px;
word-break:keep-all;
white-space:nowrap;
}
.logo-model img{
  height: 52px;
}
.logo-model title{
  height: 52px;
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #000000;
}
.min-title {
  width: 100%;
  font-size: 24px;
  color: #333;
}
.max-title {
  width: 100%;
  font-size: 12px;
  letter-spacing: 4px;
}
ul {
  display: inline-flex;
  list-style-type: none;
  width: 575px;
  justify-content: space-between;
}
ul li a{
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
.phone {
	font-size: 20px;
	font-family: DIN;
	font-weight: 500;
	color: #323337;
	margin-left: 40px;
	/* position: absolute; */
	/* right: 174px; */
	width: 30%;
	word-break: keep-all;
	white-space: nowrap;
	/* overflow: hidden; */
	/* text-overflow: ellipsis;
}
.phone i{
  font-size: 18px;
  /* position: absolute; */
}

.window-video{
  z-index: 10000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  visibility: hidden;
}
.window-video .video-container{
  position: relative;
}
.window-video .icon-container{
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%,-50%);
  height: 2em;
  width: 2em;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.window-join{
  position: fixed;
  background: rgba(0, 0, 0, .3);
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 3000000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.window-model {
  /* width: 754px;
  height: 597px; */
  background: #FFFFFF;
  padding: 55px 48px;
  z-index: 3000000000;
  position: absolute;
}

.window-model .title-top {
  width: 100%;
  height: 46px;
  font-size: 36px;
  line-height: 43px;
  color: #000000;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}

.window-model .title-top .title{
  font-size: 36px;
  line-height: 43px;
  color: #000000;
}

.window-model .title-top i{
  font-size: 20px;
  color: #000000;
  cursor: pointer;
}

.window-model .small-title{
  font-size: 14px;
  width: 100%;
  line-height: 35px;
  color: #848484;
}

.window-model .form-model {
  width: 100%;
}

.window-model .form-model .form-one{
  width: 100%;
  display: inline-flex;
  justify-content: space-around;
  margin-top: 30px;
}
.window-model .form-model .form-one div{
  width: 370px;
}

.window-model .form-model .form-one p{
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 30px;
  color: #848484;
}

.window-model .form-model .form-one input{
  width: 360px;
  height: 58px;
  background: #F4F4F4;
  border: none;
  text-indent: 1em;
}
.window-model .form-model .form-title {
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  color: #848484;
  margin-top: 15px;
  margin-bottom: 10px;
}
.window-model .form-model .form-input-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.window-model .form-model .form-input-list input{
  background: #FFFFFF;
  border: solid 1px #000000;
  text-indent: 1em;
  height: 58px;
}

.window-model .form-model .form-input-list .input_1{
  width: 174px;
}

.window-model .form-model .form-input-list .input_2{
  width: 174px;
}

.window-model .form-model .form-input-list .input_3{
  width: 366px;
}
.window-model textarea {
  width: 100%;
  height: 98px;
  background: #F4F4F4;
  border: none;
  font-size: 18px;
  color: #757575;
  text-indent: 1em;
  margin-top: 10px;
}
.window-model .subBtn {
  height: 50px;
  background: #D9534F;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 21px;
}

.hidden {
  visibility: hidden;
}

.show {
  visibility: inherit;
}
.product{
  position: relative;
}