/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
ol,ul{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:11px;;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
}
.clear { clear:both;}
a { text-decoration:none;}
img { }

/*幻灯片*/

.banner{overflow:hidden; width:700px; position:relative; z-index:1; background:#f1f1f1;}
/*幻灯片高度*/
.banner-box{ min-width:700px; height:80px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
/*幻灯片高度*/
.banner-box .bd li{ width:100% !important; height:80px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
/*幻灯片左右箭头距离顶部的距离*/
.banner-btn{ width: 100%; position: absolute; top:30px; left: 0; margin-left: 0; height: 50px; overflow: hidden; }
.banner-btn a{ display:block; width:39px; height:80px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
/*幻灯片箭头*/
.banner-btn a.prev{ left:-50px; background:url(http://login.114my.cn/memberpic/szjhyhn/uploadfile/image/20201231/20201231144155_1284970075.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(http://login.114my.cn/memberpic/szjhyhn/uploadfile/image/20201231/20201231144155_1284970075.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
/*幻灯片下面圆点*/
.banner-box .hd ul li.on{ background: #c99d49;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }