body{padding:0;margin:0;font-size:1rem; color:#333; background-color:#FFF;}
*{font-family:'Arial','Microsoft Yahei';}
ul{list-style:none;}
p,h1,h2,h3,ul{padding:0;margin:0;}
img{border:0;}
a{text-decoration:none;transition:color 0.3s;-moz-transition:color 0.3s;-webkit-transition: color 0.3s;-o-transition: color 0.3s;}
.in{margin:0 auto;padding:0 1rem;box-sizing:border-box;}
.fsLarge{font-size:3rem;}
.fs8{font-size:2rem;}
.fs7{font-size:1.75rem;}
.fs6{font-size:1.5rem;}
.fs5{font-size:1.25rem;}
.fs4{font-size:1rem;}
.fs14{font-size:0.875rem;}
.fs3{font-size:0.75rem;}
.bold{font-weight:bold;}
.vtop{vertical-align:top!important;}
.vmiddle{vertical-align:middle;}
.maskBox{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);color:#FFF;transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%); transition:transform 0.3s ease-out; }
.maskBox{white-space:nowrap;}
.maskBox:after{display:inline-block;content:'';height:100%;width:0%;overflow:hidden;vertical-align:middle;}
.maskBox *{display:inline-block;vertical-align:middle;white-space:normal;padding:0 1rem;}
.hvShow{visibility:hidden;}
.hvBacker{position: relative;overflow: hidden;}
.hvBacker:hover .hvShow{visibility:visible;}
.hvBacker:hover .maskBox{transform:translateY(0%);-webkit-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%); }
.textcenter{text-align:center;}
.textleft{text-align:left;}
.full-h{height:100%;}
.bgpic{background-position:center center;background-size:cover; background-color:#e8e8ee}
.overflowHidden{overflow:hidden;}
.tblay{display:table;}
.tbcol{display:table-cell;}
.s1x1:after,.s16x9:after{content:'';display:block;}
.s1x1:after{padding-top: 100%;}
.s16x9:after{padding-top: 56.25%;}
.marginTop1{margin-top:1rem;}.marginTop2{margin-top:2rem;}.marginTop3{margin-top:3rem;}
.marginBottom1{margin-bottom:1rem;}.marginBottom2{margin-bottom:2rem;}
.marginLeft1{margin-left:1rem;}.marginLeft2{margin-left:2rem;}
.padding1{padding:1rem;}
.paddingLeft1{padding-left:1rem;}
.clearfloat:after{display: block; content:'';clear: both;}
.L-2:after,.L-3:after,.L-4:after,.L-5:after,.L-6:after{display:block;content:'';clear:both;}
.L-2 > .item,.L-3 > .item,.L-4 > .item,.L-5 > .item,.L-6 > .item{float:left;padding-left:2rem;margin-bottom:2rem;box-sizing:border-box;}
.L-2,.L-3,.L-4,.L-5,.L-6{margin-left:-2rem;margin-bottom:-2rem;}
.L-2 > .item{width:50%}
.L-3 > .item{width:33.33%}
.L-4 > .item{width:25%}
.L-5 > .item{width:20%}
.L-6 > .item{width:16.66%}
.itemsSpacing1>.item {
	padding-left: 1rem!important;
	margin-bottom: 1rem!important;
}
.itemsSpacing2{margin-left:-2rem!important;margin-bottom:-2rem;}
.itemsSpacing4{margin-left:-4rem!important;margin-bottom:-4rem;}
.itemsSpacing2>.item{padding-left:2rem!important;margin-bottom:2rem!important;}
.itemsSpacing4>.item{padding-left:4rem!important;margin-bottom:4rem!important;}
.boxsPd1 .box{padding:1rem;}
.boxsPd2 .box{padding:2rem;}

.boxShadow{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.borderRadius{border-radius:6px;}
.bgpicsRadius .bgpic{border-radius:6px;overflow:hidden;}
.boxsBoxShadow .box{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.boxsRadius .box{border-radius:6px;overflow:hidden;}
.radiusHalf{border-radius:50%;}
.hvBoxsShadow .box{transition:box-shadow 0.5s;}
.hvBoxShadow:hover{box-shadow:0 1rem 3rem rgba(29,32,136,0.2);}
.hvBoxsShadow .box:hover{box-shadow:0 1rem 3rem rgba(29,32,136,0.2);}
.inlineBlock{display:inline-block;}.max-width{max-width: 100%;}
.fixLine1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.lineHeight1-5{line-height:1.5;}
.lineHeight2{line-height:2;}

.flex{display:flex;display:-webkit-flex; flex-wrap:wrap;align-items:stretch;-webkit-align-items: stretch;}
.flex.boxsFull>.item{display:flex;display:-webkit-flex;align-items:stretch;;-webkit-align-items: stretch;}
.flex.boxsFull>.item>.box{box-sizing: border-box;flex:1;-webkit-flex: 1;}
.items-center{justify-content:center;-webkit-justify-content: center;}
.items-middle{align-items: center;-webkit-align-items: center;}

.hide{display:none;}
.nodrag{pointer-events: none;}

@media screen and (max-width:768px){
	.M-1 > .item{width:100%!important;}
	.M-2 > .item{width:50%!important;}
	.M-3 > .item{width:33.33%!important;}
	.M-4 > .item{width:25%!important;}
	.M-TEXTCENTER{text-align:center;}
}

@media screen and (max-width:480px){


	.S-BLOCK{display:block;}
	.S-1 > .item{width:100%!important;}
	.S-2 > .item{width:50%!important;}
	.S-2{margin-left:-1rem;}.S-2 > .item{padding-left:1rem;margin-bottom:1rem;}

}

@media screen and (max-width:380px){
	html{font-size:14px;}
}
@media screen and (max-width:320px){
	html{font-size:12px;}
}

.absolute{
	position: absolute;
}
.relative{
	position: relative;
}