@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}


.herder{ width: 100%;}
.herder .top{ height: 105px; width: 1200px; margin: 0 auto; position: relative;}
.herder .top .logo{ float: left; height: 105px; line-height: 105px;}
.herder .top .logo img{ display: inline-block; vertical-align: middle;}
.herder .top ul{ float: right; margin-top: 45px;}
.herder .top ul li{ float: left; line-height: 14px; border: ; height: 14px; line-height: 14px; padding:  0 5px;}
.herder .top ul li a{ font-size: 12px; color: #333;}
.herder .top .serach{ width: 340px; height: 34px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.herder .top .serach input{ box-sizing:border-box; float: left; display: block; width: 270px; height: 100%; border: 1px solid #f1f1f3; padding-left: 24px; background: url(../images/index_06.png) 8px center no-repeat; border-radius:5px 5px 0 0 ;}
.herder .top .serach button{line-height: 34px; display: block; height: 34px; color: #fff; width: calc(100% - 270px); float: left; border-radius:0 5px 5px 0; border: none; outline: none; background: #b17b48;}
.kv{ width: 100%; height: 100%; }
.kv img{ display: block; width: 100%; height: auto;}


.nav{ width: 100%;}
.nav ul{ text-align: center;}
.nav ul li{ display: inline-block; padding: 0 22px; height: 32px; line-height: 32px;}
.nav ul li a{ font-size: 20px; color: #333;}
.banner{ width: 100%;}
.banner img{ display: block; width: 100%; height: auto;}