@charset "utf-8";
.cf:before, .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.cf:after {
	clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
 *zoom: 1;
}
.demowrap{width: 1610px;
    margin: 0 0 0 160px;}
.he-wrap {
	position:relative;
	zoom:1;
	display:inline-block;
*display:inline;
	position:relative;
width: 521px;
    height: 502px;
}
.he-view, .he-zoom {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	visibility:hidden
}
.a0, .a2{
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
-webkit-animation-duration:.6s;
-moz-animation-duration:.6s;
-ms-animation-duration:.6s;
-o-animation-duration:.6s;
animation-duration:.6s
}
.box
{
	float: left;
    margin: 15px 15px 0px 0;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
}

.tpl6 .bg {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_1_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg1 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_2_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg2 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_3_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg3 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_4_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg4 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_5_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg5 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_6_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg6 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_7_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg7 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_8_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg8 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_9_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg9 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_10_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg10 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_11_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg11 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_12_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg12 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_13_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg13 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_14_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg14 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_15_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg15 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_16_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg16 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_17_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg17{
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_18_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg18 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_19_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg19 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_20_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg20 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_21_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg21 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_22_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg22 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_23_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg23 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_24_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg24 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_25_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg25 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_26_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg26 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_27_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 .bg27 {
	height:502px;
	width:521px;
	background:url(../images/2020ban/xm_28_hover.jpg)no-repeat center center;
	text-align:center;
}
.tpl6 h3 {
	background-color:000;
	background-color:rgba(0, 0, 0, .8);
	color:#fff;
	margin:0;
	padding:8px;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px 3px #000;
	box-shadow:0 0 5px rgba(0, 0, 0, .5);
}
.tpl6 .btn {
	display: inline-block;
    background: #ffffff;
    text-decoration: none;
    margin: 439px 0px 0 410px;
    color: #000;
    width: 67px;
    height: 23px;
        border-radius: 45px;
    border: 1px solid #fff;
    text-align: center;
	font-size: 19px;
        width: 67px;
        height: 23px;
}
.tpl6 .btn span {
	color:#fff;
	padding:0 2px;
	font-weight:bold;
}
.he-wrap.tp16 span{
display: block;line-height: 102px;
}
.tp16 .xm_bt1{font-size: 28px;padding-left: 16px;}
.tp16 .xm_bt2{font-size: 22px;}

.xm_a{height: 502px;
    width: 521px;display: inline-block;}