body{
	text-align:center;
}
img {
	border-width: 0px 0px 0px 0px;
	margin-left: 0px;
}
*{
    padding: 0;margin: 0;
}
html,body{
    font-family:"Microsoft YaHei",sans-serif;color: #333;font-size: 18px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;color: #666;
}

/**************/
.title{
	width: 1080px;
	height: 65px;
	margin: 0px auto;
	text-align: left;
	}
.htmltext{
	width: 1080px;
	height: 65px;
	margin: 0px auto;
	
	}
.box{
    width: 1080px;height: 800px;border: 1px solid #dedede;margin: 0px auto;background: #f9f9f9;
}
.mainimage{
    width: 1080px;height: 455px;margin: 0px auto;
}
.all{
	width: 800px;
	height:780px;
	margin: 40px auto;
	overflow: hidden;
	text-align: center;
}
.top-img{
    width: 800px;height: 456px;font-size: 0;position: relative;
} 
.activeimg{
	overflow: hidden;
	height: 450px;
	position: absolute;
}
.top-img .activeimg img{
    width: 800px;height: 456px;
}
.middle-txt{
	height: 160px;width: 800px;margin: 5px auto;
	}
.bot-img{
    height: 100px;width: 800px;margin: 0px auto;
}
.bot-img ul{
    width: 100%;height: 100px;
}
.bot-img ul li{
    width: 138px;margin-right: 20px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}

.tipTxt{
	width: 800px;	
	text-align: left;
}
.activetxt{	
	
	width: 4000px;
	display: flex;
	justify-content: flex-start;	
	position: relative;
}