@charset "UTF-8";

body{overflow-x:hidden;overflow-y:auto}
body,dd,dl,form,h1,h2,h3,h4,h5,p,textarea{margin:0}
button,input,ol,ul{margin:0;padding:0}
body,button,form,input{color:#333;font-size:14px;font-family:"microsoft yahei",'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:28px}
/*h1,h2,h3,h4,h5,h6{font-weight:400;font-size:14px}*/
li,ol,ul{list-style:none}
input{border:0 none;background:0 0}
iframe,img{border:0}
em,i{font-style:normal}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left}
.fr{float:right}
.showPro { width:550px; float:left;margin-left:0;margin-bottom:50px;}
.showPro .showimg{position:relative;float:left;overflow:hidden;width: 320px;}
.showPro .showimg .bigimg{position:relative;display:block;height: 430px; margin-top:20px;}
.showPro .showimg .bigimg .list{width:500%}
.showPro .showimg .bigimg .list li{width: 320px;height: 320px;}
.showPro .showimg .bigimg .list img{display:block;width:100%;height:100%;transition:all ease .3s}
.showPro .showimg .smallimg{position:absolute;bottom:0;left:0;z-index:10;overflow:hidden;padding-top:11px;width:320px;height:95px;}
.showPro .showimg .list{position:relative;overflow:hidden; margin:0 auto;width:260px; }
.showPro .showimg .listcon{position:relative;width:300%}
.showPro .showimg .next,.showPro .showimg .prev{position:absolute;top:11px;z-index: 10000;width:20px;height:84px;background: #f5f5f5 url(../images/btn-ico2.png) no-repeat 0 center;cursor:pointer;padding-left:0 !important;border: 1px solid #ddd;}
.showPro .showimg .next:hover,.showPro .showimg .prev:hover{background-color:#ddd}
.showPro .showimg .prev{left:0; background-position:7px center;}
.showPro .showimg .next{right: 0;background-position:-39px center;}
.showPro .showimg li{position:relative;float:left;margin-right:18px;width:84px;height:84px;cursor:pointer}
.showPro .showimg li img{display:block;width:100%;height:100%}
.showPro .showimg li.on{/* width:80px; *//* height:80px; */border:1px solid #ddd;}