@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑"; line-height:22px; color:#333;}
ul,li,dd,dl,dt{margin:0px; padding:0px; list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#009EFF;}
img{border:0px;}

.header{overflow:hidden;}
.header .top{background:#000; padding:10px 0; overflow:hidden;}
.header .top .k{width:1200px; margin:auto; overflow:hidden;}
.header .top .k .logo{float:left;}
.header .top .k .logo img{display:block; height:37px;}
.header .top .k .menu{float:right; overflow:hidden;}
.header .top .k .menu ul li{float:left; margin-left:50px; line-height:37px;}
.header .top .k .menu ul li a{color:#fff;}
.header .top .k .menu ul li a:hover{color:#f6c775;}
.header .top .k .menu ul li a.clickclass{color:#f6c775;}

.header .banner{position:relative; overflow:hidden;}
.header .banner .bd ul li img{display:block; width:100%;}
.header .banner .hd{position:absolute; left:50%; bottom:10px; margin-left:-80px; z-index:999;}
.header .banner .hd ul li{width:50px; height:5px; float:left; cursor:pointer; margin-right:5px; background:#fff;} 
.header .banner .hd ul li.on{background:#009EFF;}

.footer{background:#37474F; padding:15px 0; overflow:hidden;}
.footer .bottom{width: 1200px; font-size: 12px; margin: auto; color:#9ba3a8; overflow: hidden;}
.footer .bottom .lt{text-align: center;}
.footer .bottom a{margin-right: 20px; color: #9ba3a8;}
.footer .bottom .lt span{display: block; margin-top: 5px;}
.footer .bottom .rt{float:right; overflow: hidden;}
.footer .bottom .rt span{display: block; float: left; margin:30px 10px 0 0;}
.footer .bottom .rt img{display: block; float: left; height: 75px;}

.footer .kefu{width: 50px; position: fixed; bottom: 50px; right: 10px;}
.footer .kefu ul li{margin-top: 1px; position: relative;}
.footer .kefu ul li a{display: block; width: 50px; height: 50px;}
.footer .kefu ul li .m1{background: url(../images/kefu.png) no-repeat;}
.footer .kefu ul li .m2{background: url(../images/kefu.png) no-repeat 0 -153px;}
.footer .kefu ul li .m3{background: url(../images/kefu.png) no-repeat 0 -102px;}
.footer .kefu ul li .m4{background: url(../images/kefu.png) no-repeat 0 -51px;}
.footer .kefu ul li .m5{background: url(../images/kefu.png) no-repeat 0 -204px;}
.footer .kefu ul li:hover .m1{background: url(../images/kefu.png) no-repeat -51px 0;}
.footer .kefu ul li:hover .m2{background: url(../images/kefu.png) no-repeat -51px -153px;}
.footer .kefu ul li:hover .m3{background: url(../images/kefu.png) no-repeat -51px -102px;}
.footer .kefu ul li:hover .m4{background: url(../images/kefu.png) no-repeat -51px -51px;}
.footer .kefu ul li:hover .m5{background: url(../images/kefu.png) no-repeat -51px -204px;}
.footer .kefu ul li span{display:none; transition: all 0.5s; width: 0px; padding: 2px; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.footer .kefu ul li span img{display: block; width: 150px;  box-shadow: -2px 2px 2px #dedede;}
.footer .kefu ul li:hover span{left: -154px; width: 150px; display: inherit;}
.footer .kefu ul .tel:hover span{width: 220px; left: -240px; padding: 10px; background: #fff; box-shadow: -2px 2px 2px #dedede;}