body{
  background:url(../img/bg.jpg) no-repeat center top;
}
.main{
  position:relative;
  width:1240px;
  margin:0 auto;
}
.top{
  height:710px;
}
.logo{
  position:absolute;
  left:0;
  top:40px;
}
.top-txt{
  padding-top:225px;
}
.sq,.box .submit input{
  display:block;
  position:relative;
  z-index:2;
  width:238px;
  color:#fff;
  margin-top:-35px;
  background:#ff8e42;
  border-radius:30px;
  font-size:24px;
  line-height:63px;
  text-align:center;
}
.sq:hover{
  background:#fff;
  color:#ff8e42
}
.side-btn{
  display:block;
  position:fixed;
  right:-55px;
  top:50%;
  z-index:1000;
  margin-top:-38.5px;
}
.tit{
  padding:80px 0 40px;
  text-align:center;
}
.tit img{
  display:inline;
}
.info{
  position:relative;
}
.info-logo{
  float:left;
  width:10.1%;
}
.info-txt{
  float:right;
  width:88.1%;
  line-height:25px;
}
.icon-list{
  padding:35px 0;
}
.icon-list li{
  position:relative;
  float:left;
  width:25%;
  height:195px;
  text-align:center;
}
.icon-list li img{
  margin:0 auto;
}
.back{
  display:none;
  position:absolute;
  left:50%;
  top:0px;
  margin-left:-103.5px;
  width:157px;
  height:140px;
  padding:30px 20px;
  background:#fef103;
  border-radius:5px;
  text-align:left;
  line-height:25px;
}
.back ul{
  padding-left:15px;
}
.icon-list .back li{
  list-style: disc  outside none;
  float:none;
  width:100%;
  height:auto;
  text-align:left;
}
.front{
  padding-top:40px;
  height:100%;
}
.front p{
  line-height:35px;
}
.icon-list li:hover .back{
  display:none;
}
.icon-list li:hover .front{
  display:block;
}
.banner{
  position:relative;
}
.banner li{
  float:left;
  width:50%;
}
.banner-icon{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  margin:-94px 0 0 -92px;
}
.loc{
  padding-bottom:95px;
}
.loc img{
  margin:0 auto;
}
.area2{
  height:422px;
  background:url(../img/bg5.png) no-repeat center top;
}
.ms-tit{
  width:98px;
  background:url(../img/bg4.png) no-repeat bottom center;
  font-size:50px;
  font-weight:bold;
  text-align:center;
}

.ms li{
  float:left;
  width:32%;
  height:230px;
  padding:25px 30px 0;
  margin-right:20px;
  box-sizing:border-box;
  background:#fff;
  border-radius:8px;
}
.ms-name{
  font-size:16px;
  line-height:35px;
}
.ms-txt{
  font-size:20px;
}
.ms li.ms-2{
  margin-right:0;
}

/*嵌入表单样式*/
.box{
  padding-bottom:50px;
}
.box h5{
  display:none;
}
.box th{
  width:200px;
}
.box .table_form tbody td,.box .table_form tbody th{
  border-bottom:none;
  font-size:14px;
}
.box .input-text, .box .measure-input, textarea, input.date, input.endDate, .box .input-focus{
  padding:10px 0 10px 5px;
  background:#F7F7F7;
  border:none;
  font-size:14px;
}
.box select{
  width:105px;
  -webkit-appearance: none;   /* google */
  -moz-appearance: none;  /* firefox */
  appearance: none;       /* IE */
  padding:8px 25px 8px 8px;
  border:none;
  background:#F7F7F7 url(../img/m/arr2.png) no-repeat right 14px;
}
.box .submit input{
  position:absolute;
  left:42%;
  margin-left:-87.5%;
  width:175px;
  height:45px;
  line-height:45px;
  font-size:16px;
  color:#fff;
  margin:0;
}
.box tr{
  /* float:left;
  width:48%;
  height:45px; */
  display:block;
  background:#F7F7F7;
  margin-bottom:10px;
  border-radius:4px;
}
.box tr:last-child{
  background:none;
  position:relative;
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.main{width:1024px}

}

@media screen and (min-width:768px) and (max-width:1023px) {
.main{width:768px}
.ms li{width:31%}
}
@media screen and (max-width:767px) {
.main{width:100%;max-width:768px;}

}
.toast-msg {
    position: fixed;
    left: 50%;
    top:50%;
    z-index:1000;
    width:200px;
    line-height:50px;
    margin:-25px 0 0 -100px;
    background:#000;
    color: #fff;
    text-align:center;
    border-radius:5px;

}