@charset "utf-8";
/* CSS Document */
*{
  margin:0;
  padding:0;
  list-style:none;
  outline:none;
  font-family:"微软雅黑";
}
body{
  min-width:1280px;
}
img{
  display:block;
  border:none;
}
a{
  text-decoration:none;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -moz-transition:all 0.5s;
}

.ie8{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  background:#ffffdc;
  color:#997000;
  font-size:12px;
  line-height:30px;
  z-index:9999;
}
.c3{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -moz-transition:all 0.5s;
}

.ty{
  overflow:hidden;
  width:100%;
}

.w1200{
  width:1280px;
  margin:0 auto;
}
.clear::after{
  content:"";
  width:100%;
  height:0;
  clear:both;
  display:block;
}
.clear:after{
  content:"";
  width:100%;
  height:0;
  clear:both;
  display:block;
}


/* title */
.title{
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  color: #333;
}

/* header */
.header{ margin-top: 20px;border-top:1px solid #ddd; position:relative; height:54px;}
.header ul li{ float:left;}
.header ul li > a{ display:block; margin:0 20px; font-size:14px; color:#000; line-height:54px;}
.header ul li:hover > a{ color:#808080;}
.header ul li.hover > a{ color:#808080;}
.header ul li.hover .znav{ display:block;}


/* nav */
.nav{
  width:100%;
  height: 55px;
  background: rgba(0,0,0,.1);
  border-bottom: 1px solid #4d4d4d;
}
.nav ul{
  display: flex;
  align-items: center;
  height: 55px;
}
.nav ul li a{
  display: block;
  margin: 0 20px;
  font-size: 14px;
  color: #b3b3b3;
}
.nav ul li.on a,
.nav ul li:hover a{
  color: #fff;
}


/* poster */
.poster{ padding:150px 0 250px 0;text-align: center; background: url("../images/poster.jpg") no-repeat top center;}
.poster dl{ position:relative}
.poster dl dt{ font-size:48px; line-height:100px; color:#FFF; height:100px; overflow:hidden;}
.poster dl dd{ line-height:50px; font-size:24px; color:#fff; height:100px; overflow:hidden;}
.poster dl dd img{ max-height:100px; width:auto}


/* 公共标题 */
.title{
  margin-bottom: 50px;
}
.title span{
  display: block;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 31px;
  color: #333;
}
.title h2{
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  color: #333;
}


/* 找到我们 */
.zdwm{
  margin: 100px 0 70px;
}
.zdwm .content{
  display: flex;
  align-items: center;
  width: 100%;
}
.zdwm .content .lxtu01{
  margin-right: 40px;
}
.zdwm .content .details h3{
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 20px;
  color: #333;
}
.zdwm .content .details .address{
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 16px;
  color: #333;
}
.zdwm .content .details .address i{
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: url("../images/area_icon.jpg") no-repeat;
}


/* 在线留言 */
.zxly{
  margin-top: 100px;
}

.zxly .title .zxly-tit{
  margin: 0 auto;
}
.zxly .message {
  overflow: hidden;
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.zxly .message dt {
  float: left;
  width: 96%;
  margin: 0 2%;
}
.zxly .message dd{ float:left; width:47%; margin-left:2%;}
.zxly .message h1{ font-size:14px; line-height:30px; font-weight:normal; color:#333; text-transform:uppercase;}
.zxly .message h1 span{ color:#c20800; padding-left:3px;}
.zxly .message input{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:40px; color:#333; padding:0 5px; font-size:16px; line-height:38px; margin-bottom:10px; border-radius:3px;}
.zxly .message textarea{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:150px; color:#333; padding:0 5px; font-size:16px; line-height:30px; margin-bottom:10px; border-radius:3px;}
.zxly .message button{display:block; height:50px; text-transform:uppercase; border-radius:5px; border:none; line-height:50px; cursor:pointer; font-size:16px; color:#FFF; background:#333; width:100%; margin-top:15px;}
.zxly .message button:hover{ background:#ff2d38;}


/* footer */
.footer{
  padding: 40px 0;
}
.footer p{
  display: block;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #666;
}