@CHARSET "UTF-8";

html{margin:0;padding:0;border:0;}

body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,

dl,dt,dd,ol,ul,li,fieldset,form,label,footer,

header,hgroup,nav,section

{margin:0;padding:0;border:0;}

body{background:#fff;color:#666;position:relative;font-size:100%;font:12px/1.5 arial,微软雅黑,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}

a{text-decoration:none;outline:none;}

a:link{color:#666;}

a:visited{color:#666;}

a:hover,a:active,a:focus{color:#e87518;text-decoration:underline;outline:none;}



input{padding:0;margin:0;}

img{border:none;background:none;vertical-align:middle;}

ul,ol,li{list-style-type:none;}

select,input,img,select{vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0}

table, th, td {vertical-align: middle}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.clearfix{zoom:1}

.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}



h1,h2,h3,h4{font-size:12px;font-weight:bold;}

hr {border: 0;border-top:1px solid #ccc;height:0;}







/*************/

.pc-slide { float: left; width: 400px; }
.view .swiper-slide .imgauto { width: 100%; height: 300px; line-height: 300px; overflow:hidden }
.view .swiper-container { width: 100%; }
.preview { width: 100%; margin-top: 10px; position: relative; }
.preview .swiper-container { margin: 0 30px; }
.preview .swiper-slide .imgauto { height: 80px; border: 1px solid #ddd; text-align: center; cursor: pointer; position: relative; }
.preview .swiper-slide .imgauto img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.preview .arrow-left { background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview .arrow-right { background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview img { padding: 1px; }
.preview .active-nav .imgauto { border: 1px solid #015cb5; }
div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; }
div.zoomMask { position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; }
.yunu-sou { padding: 15px 0; background-color: #f5f5f5; }




/*************/