*{
  margin: 0;
  padding: 0;
  list-style:none;
}
body {
  min-width:1280px;
  margin-top: 80px;
}
body,p,a,h1,h2 {
  font-family: 'Open Sans', Arial, sans-serif;
}
a ,a:link,a:visited,a:hover,a:active{
  text-decoration:none;
  color: #080808;
}

header.main-header {
  position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      min-width: 1280px;
      background-color: #FFFFFF;
      padding: 15px 5% 10px 15%;
      box-sizing: border-box;
      z-index: 999;
      box-shadow: 1px 1px 12px #afafaf;
}
header.main-header .welcome {
  position: absolute;
      top: 30%;
      left: 23%;
      width: 180px;
      height: 34px;
      line-height: 34px;
      font-size: 24px;
      color: #333;
      border-left: 2px solid #7d7d7d;
      padding-left: 1%;
}
header.main-header #logo {
  width: 120px;
  left: 10%;
}
header.main-header nav {
  line-height: 50px;
  height: 50px;
  float: right;
}
header.main-header nav li {
  display: inline-block;
  width: 80px;
  text-align: center;
  font-weight:bold;
}
header.main-header nav li.active ,header.main-header nav li.nav:hover {
  background-color: #3381cc;
}
header.main-header nav li.active>a,header.main-header nav li.nav:hover>a {
  color: #FFFFFF;
}
header.main-header nav li.experience {
  margin-left: 30px;
  width: 120px;
  border-radius: 25px;
  background-color: #cc3349;
}
header.main-header nav li.experience >a {
  color: #FFFFFF;
}
header.main-header .phone {
  float: right;
  line-height: 50px;
  margin-left: 50px;
  font-weight: bold;
}
header.main-header .phone>span {
  color: #cc3349;
  margin-right: 10px;
}
footer.main-footer {
  /* position:fixed;
  bottom:0px; */
  position: relative;
  height: 50px;
  width: 100%;
  background-color: #000000;
  color: #FFFFFF;
  
}
/* footer.main-footer >div {
  display: inline-block;
  margin-left: 25%;
} */
footer.main-footer ul {
  position: absolute;
  top: 30%;
  left: 5%;
  font-size: 15px;
}
footer.main-footer ul li {
  display: inline-block;
  
}
footer.main-footer ul li a {
  color: #fff;
}
footer.main-footer .code {
  font-size: 15px;
      padding-top: 15px;
}
footer.main-footer .code>a{
	color: #b1c9e3;
   text-decoration: underline;
}
footer.main-footer >div:nth-last-child(1){
  
}
footer.main-footer p{
  text-align: center;
    padding-top: 10px;
}
footer.main-footer p img {
  width: 18px;
  margin-bottom: -8px;
}

#page-title {
  background-color: #3381cc;
  height: 90px;
  color: #FFFFFF;
  position: relative;
}
#page-title h1 {
  position: absolute;
  bottom: 10%;
  left: 15%;
  font-size: 35px;
}
.open-tips {
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
.open-tips .layui-layer-content {
  height: 100%;
}
/* .open-tips .content {
  width: 600px;
  height: 100%;
  overflow: hidden;
} */
.open-tips .title {
  font-size: 1.5rem;
  color: firebrick;
  margin-top: 15px;
  margin-bottom: 15px;
}
.open-tips .intro {
  margin-right: 10px;
  margin-left: 10px;
}
.open-tips .intro-button {
  color:#FFFFFF;
  background-color:#3381cc;
  padding: 7px;
  border-radius: 5px;
  
}