*{
	box-sizing: border-box;
}
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,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:#4c4c4c;position:relative;font:14px/2 Microsoft YaHei,arial,Source Sans,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#4c4c4c;}
a:visited{color:#4c4c4c;}
a:hover,a:active,a:focus{color:#df4729;text-decoration:none;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;}
img{
	max-width: 100%;
}
@font-face {
    font-family: "Source Sans";
    src: url("../fonts/Source Han Sans CN Regular.woff2") format("woff2"),
       url("../fonts/Source Han Sans CN Regular.woff") format("woff"),
       url("../fonts/Source Han Sans CN Regular.ttf") format("truetype"),
       url("../fonts/Source Han Sans CN Regular.eot") format("embedded-opentype"),
       url("../fonts/Source Han Sans CN Regular.svg") format("svg"),
       url("../fonts/Source Han Sans CN Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
.animate {
    transform: translate(0px);
    opacity: 1;
    filter: alpha(opacity=100);
}



.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { /*background: url("../images/loading.gif") no-repeat center center;*/ height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; /*background: url(../images/arrows.png) no-repeat;*/ opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(../images/close.png) no-repeat; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}