body{
  margin:0px !important;
  padding:0px;
  font-family: "Microsoft YaHei"
}
#fullpage{
  margin:0px,
  padding:0px;
  /* min-width:1200px; */
}
.head{
  background:url("../image/image1-1.jpg");
  height:500px;
  background-repeat:no-repeat;
  background-position:bottom center; 
  background-size:cover;
  
  color:#ffffff;
}
.titleBlock{
  padding-top:10%;
  padding-left:19%;
}
.titleBlock .title{
  font-size:36px;
}
.titleBlock .viseTitle{
  font-size:18px;
  margin-top:16px;
}
.inlineSpan{
  display:inline-block;
  vertical-align: top;
}
.addressBlock{
  /* width:1200px; */
  margin:100px auto;
  display: flex;
}
.addressBlock .block{
  width:420px;
}
.block .way1{
  margin-top:30px;
  text-align: left;
}
.block .way2{
  margin-top:20px;
  text-align: left;
}
.building{
}
.addressBlock .block .title{
  font-size:20px;
  color:#333333;
}
.addressBlock .block .content1{
  font-size:12px;
  color:#333333;
  line-height: 2;
}
.qrcodeSection{
  background:#f8f8f8;
  display: flex;
}
.qrcodeBlock{
  padding-bottom:85px;
  margin:0px auto;
  width: 100%;
}
.wordBlock{
  text-align: center;
  padding: 60px 0;
}
.wordBlock .word1{
  font-size:14px;
  color:#999999;
}
.wordBlock .word2{
  font-size:18px;
  color:#252525;
}
.memberBlock{
  padding-bottom:0px;
}.contactInput
.qrcodeMember{
  /* margin-top:80px; */
}
.member2{
  /* margin-left:60px; */
}
.talkbubble { 
  /* padding-left:60px; */
  /* padding-top:35px; */
  /* width: 510px;  */
  /* height: 145px;  */
  background: #ffffff; 
  position: relative; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  vertical-align: middle;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
} 
.talkbubble:before { 
  content:""; 
  position: absolute; 
  top: 100%; 
  /* left:279px; */
  width: 0; 
  height: 0; 
  border-left: 12px solid transparent; 
  border-top: 12px solid #ffffff; 
  border-right: 12px solid transparent; 
}
.talkbubble .word1{
  margin-left: 18px;
  font-size:12px;
  color:#999999;
  line-height: 2;
}
.memberShow{
  text-align:center;
  margin-top:40px;
}
.memberShow .word1{
  font-size:20px;
  color:#272727;
}
.memberShow .word2{
  font-size:14px;
  color:#999999;
}
.memberShow .word2 p{
  margin:0;
}
.mailBlock{
  font-size:0px;
  /* width:1200px; */
  margin:90px auto 0px;
}
.contactWord{
  text-align:center;
}
.contactWord .word1{
  font-size:18px;
}
.contactWord .iconLine{
  margin:0px auto;
  padding-top:10px;
  width:50px;
}
.contactInput{
  margin-top:70px;
  display: flex;
}
.contactInput .span{
  /* width:50%; */
}
.contactInput .input{
  width:100%;
  height:38px;
  border:1px solid #bebebe;
}
.contactInput .input span{
  height:38px;
  display:table-cell;
  vertical-align: middle;
}
.contactInput .input:not(:first-child){
  margin-top:40px;
}
.contactInput input{
  border:0px;
  height:36px;
  width:506px;
  font-size:14px;
  outline:none;
}
.contactInput .textArea{
  width:558px;
  height:198px;
  border:1px solid #bebebe;
}
.contactInput textarea{
  border:0px;
  width:504px;
  height:186px;
  padding-top:10px;
  font-size:14px;
  line-height: 1.5;
  outline:none;
}
.contactInput .textArea .span2{
  width:507px;
  height:198px;
}
.contactInput img{
  width:20px;
  height:20px;
  margin-left:15px;
  margin-right:15px;
}
.textArea img{
  margin-top:8px;
}
.mailBlock .msg{
  height:20px;
  font-size:14px;
  color:red;
}
.mailBlock .contactSend{
  background:#343434;
  color:#ffffff;
  margin:40px auto 100px;
  width:110px;
  text-align: center;
  padding-top:13px;
  padding-bottom:13px;
  font-size:14px;
  cursor:pointer;
}
.buttonCartoon{
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}
.buttonCartoon:hover{
    background-color: #666666;
}
/*::-webkit-input-placeholder{color:#333333;}
::-moz-placeholder{color:#333333;}
:-moz-placeholder{color:#333333;}*/
@media screen and (max-width: 1400px) {
  .addressBlock{
    /* width:1000px; */
    margin:100px auto;
  }
  .addressBlock .block{
    width:320px;
  }
  .talkbubble { 
    /* padding-left:60px;
    padding-top:35px;
    width: 410px; 
    height: 145px;  */
    background: #ffffff; 
    position: relative; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    vertical-align: middle;
  } 
  .talkbubble:before { 
    content:""; 
    position: absolute; 
    top: 100%; 
    /* left:234px; */
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent; 
    border-top: 12px solid #ffffff; 
    border-right: 12px solid transparent; 
  }
  .qrcodeBlock{
    padding-bottom:85px;
    margin:0px auto;
    width: 100%;
  }
  .mailBlock{
    font-size:0px;
    /* width:1000px; */
    margin:90px auto 0px;
  }
  .contactInput .input{
    width:100%;
    height:38px;
    border:1px solid #bebebe;
  }
  .contactInput input{
    border:0px;
    height:32px;
    width:406px;
    font-size:14px;
    outline:none;
  }
  .contactInput .textArea{
    width:458px;
    height:198px;
    border:1px solid #bebebe;
  }
  .contactInput textarea{
    border:0px;
    width:404px;
    height:166px;
    padding-top:10px;
    font-size:14px;
    line-height: 1.5;
    outline:none;
  }
  .contactInput .textArea .span2{
    width:407px;
    height:198px;
  }
}
.memberBlock span:first-child{
  margin-bottom: 30px;
}
@media only screen and (max-width: 500px) {
  .contactInput{
    display: flow-root;
  }
  .contactInput input,
  .contactInput .textArea,
  .contactInput textarea,
  .contactInput .textArea .span2{
    width: 100%;
  }
  .contactInput .span{
    margin-bottom: 30px;
  }
  .addressBlock{
    flex-wrap: wrap;
  }
  .contactWord .word1 strong{
    margin-top: 50px;
    display: inline-block;
  }
  .contactInput{
    margin-top: 20px;
  }
}