*{margin:0;padding:0;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body,button,input,select,textarea{font:12px/2 Verdana, "微软雅黑", Helvetica, sans-serif;}/*宋体 \5FAE\8F6F\96C5\9ED1  Verdana, Helvetica, sans-serif*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;word-wrap: break-word; white-space: normal;}
small{font-size:12px;}
ul,ol{list-style:none;}
a:link,a:visited{color:#999;text-decoration:none;}
a:hover{color:#543737;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#999;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;outline: none;}
table{border-collapse:collapse;border-spacing:0;}

html,body{ color:#999;}
.fl{float:left;display: inline;}
.fr{float:right;display: inline;}
.clear{clear: both;}
.clear:after{content: "";display: table;clear: both;overflow: hidden;}


@media (max-width: 768px) {
	.mg {width: 100%;padding: 0 10px;}
	.mg2 {width: 100%;padding: 0 10px;}
}

@media (min-width: 769px) and (max-width: 992px) {
	.mg {margin: 0 auto;width: 760px;padding: 0 10px;}
	.mg2 {margin: 0 auto;width: 760px;padding: 0 10px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.mg {margin: 0 auto;width: 993px;padding: 0 10px;}
	.mg2 {margin: 0 auto;width:993px;}
}
@media (min-width: 1201px) {
	.mg {margin: 0 auto;width: 1000px;}
	.mg2 {margin: 0 auto;width: 1200px;}
}
.gallery li img {
    height: auto;
    max-width: 100%;
    display: block;
}
.csSlideOuter .csPager.cSGallery li.active {
    outline: 2px solid #CD3420;
    outline-offset: -2px;
}