.main01{width: 1200px; margin: auto; padding:20px 10px; margin-top: 30px; overflow: hidden;}
.main01 h2{margin: 0px; padding: 0px; background: url(../img/main01.jpg) no-repeat center top; background-size: 54px 36px; padding-top: 45px; text-align: center; font-size: 30px; line-height: 30px; font-weight: 100; overflow: hidden;}
.main01 h2 span{display: block; font-size: 14px;}
.main01 .bd{width: 1230px;}
.main01 .bd ul li{width: 380px; float: left; background: url(../img/main02.png) no-repeat bottom right -100px; background-size:580px 380px ; transition: all 0.5s; text-align: center; box-shadow: 0 0 10px #dedede; margin: 30px 30px 0 0; border-radius: 3px; overflow: hidden;}
.main01 .bd ul li .pic{display: table-cell; width: 380px; height: 280px; vertical-align: middle;}
.main01 .bd ul li .pic img{max-width: 378px; max-height: 280px; transition: all 0.5s; display: block; margin: auto;}
.main01 .bd ul li .pic:hover img{transform: scale(1.1);}
.main01 .bd ul li h4{margin: 0px; padding: 10px; font-weight: 100; font-size: 16px; border-top: 1px dotted #f1f1f1; border-bottom: 1px dotted #f1f1f1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main01 .bd ul li p{margin: 0px; margin: 10px 20px; padding:0; height: 66px; color: #555; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 66px; color: #555; text-align: left;}
.main01 .bd ul li .xq{display: block; float: right; margin: 0 20px 10px 0; font-size: 12px;}
.main01 .more{display: block; margin: auto; margin-top: 30px; width: 150px; height: 40px; border:1px solid #dedede; border-radius: 3px; text-align: center; line-height: 40px; position: relative; overflow: hidden;}
.main01 .more font{display: block; z-index: 1; width: 100%; position: relative;}
.main01 .more span{display: block; width: 0px; transition: all 0.5s; background: #bd945b; position: absolute; left: 0px; top: 0px;}
.main01 .more:hover span{width: 100%;}
.main01 .more:hover{border: 1px solid #bd945b;}

.main02{margin-top: 10px; background: url(../img/main03.png) #000 no-repeat fixed; padding: 50px 0; background-size:cover ; overflow: hidden;}
.main02 dl{width: 800px; margin: auto; color: #dedede; overflow: hidden;}
.main02 dl dt{float: left; width: 250px; overflow: hidden;}
.main02 dl dt h2{margin: 0px; padding: 0px; font-size: 20px; line-height: 35px;}
.main02 dl dt img{display: block; width: 250px;}
.main02 dl dd{float: right; text-indent: 2em; margin: 20px 0; width: 500px; font-size: 18px; line-height: 40px; overflow: hidden;}
.main02 dl dd p{margin: 0px; padding: 0px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden;}
.main02 dl dd font{position: relative; z-index: 999;}
.main02 dl dd .more{display: block; position: relative; float: right; border:1px solid #f1f1f1; padding: 0 10px; margin-top: 30px; color: #dedede;}
.main02 dl dd .more span{display: block; width: 0px; height: 40px; transition: all 0.5s; background: none; position: absolute; top: 0px; left: 0px;}
.main02 dl dd .more:hover span{width: 100%; background: #000;}

.main03{width: 1160px; margin: auto; margin-top: 50px; box-shadow: 0 0 10px #dedede; padding: 20px; overflow: hidden;}
.main03 .pic{float: left; width: 600px; overflow: hidden;}
.main03 .pic img{display: block; width: 100%; transition: all 0.5s; height: 350px;}
.main03 .pic:hover img{transform: scale(1.1);}
.main03 dl{float: right; margin-top: 40px; width: 500px; overflow: hidden;}
.main03 dl dt{font-size: 30px; line-height: 40px; color: #666;}
.main03 dl dt font{display: block;}
.main03 dl dt span{display: block; float: left; font-size: 18px; border-bottom: 1px solid #BD945B;}
.main03 dl dd{margin-top: 30px; font-size: 16px; color: #888; line-height: 30px; overflow: hidden;}
.main03 dl .more{display: block; float: right; margin-top: 30px; width: 150px; height: 40px; border:1px solid #dedede; border-radius: 3px; text-align: center; line-height: 40px; position: relative; overflow: hidden;}
.main03 dl .more font{display: block; z-index: 1; width: 100%; position: relative;}
.main03 dl .more span{display: block; width: 0px; transition: all 0.5s; background: #bd945b; position: absolute; left: 0px; top: 0px;}
.main03 dl .more:hover span{width: 100%;}
.main03 dl .more:hover{border: 1px solid #bd945b;}

.main04{margin-top: 50px; overflow: hidden;}
.main04 img{display: block; width: 100%;}
.main04 dl{width: 600px; margin: auto; margin-top: 30px; overflow: hidden;}
.main04 dl dt{font-size: 30px; color: #bd945b; line-height: 40px;}
.main04 dl dd{margin-top: 10px; line-height: 30px; font-size: 16px; color: #666;}
.main04 dl .more{display: block; margin: auto; margin-top: 30px; width: 150px; height: 40px; border:1px solid #dedede; border-radius: 3px; text-align: center; line-height: 40px; position: relative; overflow: hidden;}
.main04 dl .more font{display: block; z-index: 1; width: 100%; position: relative;}
.main04 dl .more span{display: block; width: 0px; transition: all 0.5s; background: #bd945b; position: absolute; left: 0px; top: 0px;}
.main04 dl .more:hover span{width: 100%;}
.main04 dl .more:hover{border: 1px solid #bd945b;}

.main05{margin-top: 50px; overflow: hidden;}
.main05 img{display: block; width: 100%;}

.main06{width: 1200px; margin: auto; margin-top: 50px; margin-bottom: 30px; padding:0 10px 10px 10px; overflow: hidden;}
.main06 h2{margin: 0px; padding: 0px; background: url(../img/main01.jpg) no-repeat center top; background-size: 54px 36px; padding-top: 45px; text-align: center; font-size: 30px; line-height: 30px; font-weight: 100;}
.main06 h2 span{display: block; font-size: 14px;}
.main06 ul li{margin-top: 30px; transition: all 0.5s; padding: 20px; border-bottom: 1px dotted #dedede; overflow: hidden;}
.main06 ul li:hover{margin-top: 25px; box-shadow: 0 0 10px #dedede;}
.main06 ul li .pic{display: block; float: left; border: 1px solid #dedede; padding: 1px; width: 260px; overflow: hidden;}
.main06 ul li .pic img{display: block; width: 100%; height: 150px; transition: all 0.5s;}
.main06 ul li:hover .pic img{transform: scale(1.1);}
.main06 ul li dl{float: right; width: 860px; overflow: hidden;}
.main06 ul li dl dt{font-size: 25px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main06 ul li dl dd{margin-top: 5px; line-height: 29px; text-indent: 2em; color: #555; height: 88px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.main06 ul li dl .xq{float: right;}
.main06 .more{display: block; margin: auto; margin-top: 30px; width: 150px; height: 40px; border:1px solid #dedede; border-radius: 3px; text-align: center; line-height: 40px; position: relative; overflow: hidden;}
.main06 .more font{display: block; z-index: 1; width: 100%; position: relative;}
.main06 .more span{display: block; width: 0px; transition: all 0.5s; background: #bd945b; position: absolute; left: 0px; top: 0px;}
.main06 .more:hover span{width: 100%;}
.main06 .more:hover{border: 1px solid #bd945b;}

@media only screen and (max-width:1080px ) {
	.main01{width: 100%; padding:0; margin-top: 0.925925rem;}
	.main01 h2{background: url(../img/main01.jpg) no-repeat center top; background-size: 1.851851rem 1.24074rem; padding-top: 1.203703rem; font-size: 0.925925rem; line-height: 1.481481rem;}
	.main01 h2 span{font-size: 0.37037rem; line-height: 0.74074rem;}
	.main01 .bd{width: 100%;}
	.main01 .bd ul li{width: 45.5%; background: url(../img/main02.png) no-repeat bottom right -1.851851rem; background-size:10.74074rem 7.037037rem; margin: 0.555555rem 0 0 3%; border-radius: 0.055555rem;}
	.main01 .bd ul li .pic{width: 100%; height: 6.481481rem;}
	.main01 .bd ul li .pic img{max-width: 8.851851rem; max-height: 6.481481rem;}
	.main01 .bd ul li h4{padding: 0.185185rem; font-size: 16px;}
	
	.main02{margin-top: 0.925925rem; background: url(../img/main03.png) #000 no-repeat fixed; padding: 0.925925rem 0;}
	.main02 dl{width: 18.518518rem;}
	.main02 dl dt{width: 30%;}
	.main02 dl dt h2{font-size: 0.555555rem; line-height: 0.925925rem;}
	.main02 dl dt img{width: 100%;}
	.main02 dl dd{width: 65%; font-size: 0.462962rem; line-height: 0.925925rem;}
	
	.main03{width: 17.777777rem; margin-top: 0.925925rem; padding: 0.37037rem;}
	.main03 .pic{width: 50%; overflow: hidden;}
	.main03 .pic img{height: 5.555555rem;}
	.main03 dl{margin-top: 0.555555rem; width: 45%;}
	.main03 dl dt{font-size: 0.74074rem; line-height:1.296296rem;}
	.main03 dl dt span{font-size: 0.555555rem;}
	.main03 dl dd{display: none;}
	.main03 dl .more{display: block; float: right; margin-top: 0.555555rem; width: 70%; height: 40px; border:1px solid #dedede; border-radius: 3px; text-align: center; line-height: 40px; position: relative; overflow: hidden;}
	.main03 dl .more font{display: block; width: 100%; position: relative;}
	
	.main04{margin-top: 0.925925rem;}
	.main04 dl{width: 80%; margin-top: 0.925925rem;}
	.main04 dl dt{font-size: 0.74074rem; line-height: 1.296296rem;}
	.main04 dl dd{margin-top: 0.37037rem; line-height: 0.925925rem; font-size: 0.462962rem;}
	
	.main05{margin-top: 0.925925rem;}
	
	.main06{width: 94%; margin-top: 0.925925rem; padding:0 3% 0.185185rem 3%;}
	.main06 h2{background: url(../img/main01.jpg) no-repeat center top; background-size: 1.851851rem 1.24074rem; padding-top: 1.203703rem; font-size: 0.925925rem; line-height: 1.481481rem;}
	.main06 h2 span{font-size: 0.37037rem; line-height: 0.74074rem;}
	.main06 ul li{margin-top: 0.555555rem; padding: 0.37037rem 0;}
	.main06 ul li:hover{margin-top: 0.462962rem;}
	.main06 ul li .pic{width: 30%;}
	.main06 ul li .pic img{width: 100%; height: 3.703703rem;}
	.main06 ul li dl{width: 65%;}
	.main06 ul li dl dt{font-size: 0.74074rem; line-height: 1.296296rem;}
	.main06 ul li dl dd{margin-top: 0.092592rem; font-size: 0.37037rem; line-height: 0.74074rem; height: 1.481481rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	.main06 ul li dl .xq{float: right; font-size: 0.222222rem; margin-top: 0.092592rem;}
	.main06 .more{margin-top: 0.555555rem;}
}