.list-box{float: left; width: 100%; min-height: 600px;}
.back1{background:url(explain_back.png) top center; background-color: #333;}
.list-box .line-bottom{float: left; width: 100%; height: 14px; background:url(explain_line_bottom.png); background-color: #024444;}

.p-line1{float: left; width: 100%; height: 24px;}
.p-line2{float: left; width: 100%; height: 60px;}

.list1{float: left; width: 90%; margin: 60px 5% 60px 5%;}

.list1 .img3{float: left; width: 100%; margin: 1px 0px 30px 0px;}
.list1 .img3 .image1{float: left; width: 33.33333%;}
.list1 .img3 .image1 img{width: 100%; height:auto; display: block;}
.list1 .img3 .image2{float: left; width: calc(33.33333% - 1px); margin-left: 1px;}
.list1 .img3 .image2 img{width: 100%; height:auto; display: block;}

.d-left{margin: 0px 0% 0px 1.4%;}

.list1 .image-3{float: left; width: 100%; margin: 30px 0px 0px 0px;}
.list1 .image-3 .image{float: left; width: 32.4%;}
.list1 .image-3 .image img{width: 100%; height:auto; display: block;}

.list1 .image-4{float: left; width: 100%; margin: 30px 0px 0px 0px;}
.list1 .image-4 .image{float: left; width: 24.1%;}
.list1 .image-4 .image img{width: 100%; height:auto; display: block;}
.d-left2{margin: 0px 0% 0px 1.2%;}

.list1 .box11{float: left; width: 100%; background: linear-gradient(to bottom, #f4efbb, #ffffff);}
.list1 .box11 .title{float: left; width: 100%; margin: 70px 0px 0px 0px; text-align: center; color: #000; font-family: "汉仪粗宋简";}
.list1 .box11 .title h1{font-size: 40px;}
.list1 .box11 .title h2{font-size: 40px;}
.list1 .box11 .text{float: left; width: calc(100% - 150px); margin: 50px 70px 60px 80px; color: #000;}
.list1 .box11 .text p{line-height: 36px; text-align: left; font-size: 16px;}

.list1 .box12{float: left; width: 100%; background: linear-gradient(to bottom, #f4efbb, #ffffff);}
.list1 .box12 .text1{float: left; width: calc(55% - 115px); margin: 60px 0px 70px 80px; color: #000;}
.list1 .box12 .text2{float: right; width: calc(45% - 115px); margin: 60px 80px 70px 0px; color: #000;}
.list1 .box12 .text1 p{line-height: 36px; text-align: left; font-size: 16px;}
.list1 .box12 .text2 p{line-height: 36px; text-align: right; font-size: 16px;}

.list1 .box13{float: left; width: 100%; margin: 1px 0px 0px 0px;}
.list1 .box13 .image{float: left; width: 50%;}
.list1 .box13 .image img{width: 100%; height:auto; display: block;}
.list1 .box13 .show{float: left; width: 50%;}
.list1 .box13 .show .dd{float: left; width: calc(33.33333% - 1px); margin-left: 1px; margin-bottom: 1px;  position: relative;}
.list1 .box13 .show .dd img{width: 100%; height:auto; display: block;}

/* 竖向文字 */
.list1 .box13 .show .dd .title{position: absolute; background: linear-gradient(to bottom, rgba(54, 51, 93, 1.0), rgba(54, 51, 93, 0.0)); text-align: right; right: 0px; top: 0px;}
.list1 .box13 .show .dd .title .text{writing-mode: vertical-lr; letter-spacing: 4px; padding: 10px 2px 50px 2px; font-size: 14px; color: #fff;}


.list1 .box21{float: left; width: calc(100% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box21 .dd{float: left; width: 100%; position: relative;}
.list1 .box21 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box21 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}

.list1 .box22{float: left; width: calc(100% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box22 .dd{float: left; width: 50%; position: relative;}
.list1 .box22 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box22 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}

.list1 .box23{float: left; width: calc(100% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box23 .dd{float: left; width: 100%; position: relative;}
.list1 .box23 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box23 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}


.list1 .box31{float: left; width: 100%; background: linear-gradient(to right, #ccdbe6, #ffffff, #ffffff);}
.list1 .box31 .dd{float: left; width: 100%; height: 734px;}
.list1 .box31 .dd .show{float: left; width: 450px;}
.list1 .box31 .dd .show .title{float: left; width: 100%; margin: 80px 0px 0px 80px; text-align: left; color: #000; font-family: "汉仪粗宋简";}
.list1 .box31 .dd .show .title h1{font-size: 40px;}
.list1 .box31 .dd .show .text{float: left; width: 100%; margin: 50px 0px 70px 80px; color: #000;}
.list1 .box31 .dd .show .text p{line-height: 36px; text-align: left; font-size: 16px;}
.list1 .box31 .dd .image{float: right; width: 600px; height: 734px;}
.list1 .box31 .dd .image img{width: 100%; height:auto; display: block;}

.list1 .box32{display: none; float: left; width: 0%;}
.list1 .box33{display: none; float: left; width: 0%;}

.list1 .video{float: left; width: 100%; height: 780px; margin: 30px 0px 0px 0px; display: flex; justify-content: center; align-items: center; background: linear-gradient(to right, #CCDBE6, #ffff, #CCDBE6);}
.list1 .video .dd{width: 880px; height: 500px;}


.list1 .box41{float: left; width: 100%;}
.list1 .box41 .list{float: left; width: calc(100% - 425px); background: #ede1ad;}
.list1 .box41 .list .text{float: left; width: calc(100% - 60px); margin: 70px 60px 60px 80px; color: #000;}
.list1 .box41 .list .text p{line-height: 36px; text-align: left; font-size: 16px;}


.list1 .box51{float: left; width: calc(100% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box51 .dd{float: left; width: 100%; position: relative;}
.list1 .box51 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box51 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}

.list1 .box52{float: left; width: calc(50% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box52 .dd{float: left; width: 100%; position: relative;}
.list1 .box52 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box52 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}

.list1 .box5200{float: left; width: calc(50% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box5200 .dd{float: left; width: 100%; position: relative;}
.list1 .box5200 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box5200 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}


.list1 .box53{float: left; width: calc(33.3333% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box53 .dd{float: left; width: 100%; position: relative;}
.list1 .box53 .dd img{max-width: 100%; height:auto; display: block;}
.list1 .box53 .dd .text{position: absolute; text-align: right; right: 24px; bottom: 24px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 3px 3px 10px rgb(0, 0, 0, 1.0);}

.list1 .box54{float: left; width: calc(50% - 8px); margin: 0px 0px 0px 0px; border: 1px solid #459128; box-shadow: 0px 0px 15px rgba(0, 0, 0, 1); padding: 3px 3px 3px 3px;}
.list1 .box54 .dd1{float: left; width: 100%; height: 820px; display: flex; justify-content: center; align-items: center; background: linear-gradient(to right, #e1e1e1, #e1e1e1);}
.list1 .box54 .dd1 .td{margin: 0px 0px 0px 0px; width: 400px; height: 710px; box-shadow: 0px 0px 10px rgb(0, 0, 0, 1.0);}
.list1 .box54 .dd2{float: left; width: 100%; height: 820px; display: flex; justify-content: center; align-items: center; background: linear-gradient(to right, #e1e1e1, #e1e1e1);}
.list1 .box54 .dd2 .td{margin: 0px 0px 0px 0px; width: 400px; height: 710px; box-shadow: 0px 0px 10px rgb(0, 0, 0, 1.0);}

.list1 .box61{float: left; width: 100%; background: linear-gradient(to bottom, #afafaf, #f5f5f5);}
.list1 .box61 .title{float: left; width: 100%; margin: 70px 0px 0px 0px; text-align: center; color: #000; font-family: "汉仪粗宋简";}
.list1 .box61 .title h2{font-size: 40px;}
.list1 .box61 .text{float: left; width: 100%; margin: 50px 0px 60px 0px; display: flex; justify-content: center; align-items: center;}
.list1 .box61 .text .dd{}
.list1 .box61 .text .dd .icon1{float: left; display: inline-block; margin: 0px 0px 0px 0px; width: 24px; height: 24px;}
.list1 .box61 .text .dd .icon1 img{width: 100%;}
.list1 .box61 .text .dd .td1{float: left; display: inline-block; margin: 0px 0px 0px 14px; line-height: 24px; font-size: 15px; color: #000;}
.list1 .box61 .text .dd .td1 span{font-family: Arial; font-size: 16px;}
.list1 .box61 .text .dd .icon2{float: left; display: inline-block; margin: 0px 0px 0px 70px; width: 24px; height: 24px;}
.list1 .box61 .text .dd .icon2 img{width: 100%;}
.list1 .box61 .text .dd .td2{float: left; display: inline-block; margin: 0px 0px 0px 14px; line-height: 24px; font-size: 15px; color: #000;}
.list1 .box61 .text .dd .td2 span{font-family: Arial; font-size: 16px;}

.list1 .box62{float: left; width: 100%; margin: 1px 0px 0px 0px;}
.list1 .box62 .baidumap{float: left; width: 100%;height:600px;}

.list1 .box63{float: left; width: 100%; margin: 30px 0px 0px 0px; background: linear-gradient(to bottom, #afafaf, #f5f5f5);}
.list1 .box63 .title{float: left; width: 100%; margin: 70px 0px 0px 0px; text-align: center; color: #000; font-family: "汉仪粗宋简";}
.list1 .box63 .title h2{font-size: 40px;}
.list1 .box63 .text{float: left; width: 100%; margin: 50px 0px 60px 0px; display: flex; justify-content: center; align-items: center;}
.list1 .box63 .text .dd{}
.list1 .box63 .text .dd .icon1{float: left; display: inline-block; margin: 0px 0px 0px 0px; width: 24px; height: 24px;}
.list1 .box63 .text .dd .icon1 img{width: 100%;}
.list1 .box63 .text .dd .td1{float: left; display: inline-block; margin: 0px 0px 0px 14px; line-height: 24px; font-size: 15px; color: #000;}
.list1 .box63 .text .dd .td1 span{font-family: Arial; font-size: 16px;}

.shadow{box-shadow: 0px 0px 15px rgb(255, 255, 255, 1.0);}


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

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

@media screen and (max-width: 1620px){
	.list1 .box13 .show .dd .title .text{font-size: 13px;}
}

@media screen and (max-width: 1500px){
	.list1 .box13 .show .dd .title .text{letter-spacing: 2px;}
}

@media screen and (max-width: 1480px){
	
	.list1{float: left; width: 90%; margin: 60px 5% 60px 5%;}
	.list1 .box11 .title{float: left; width: 100%; margin: 60px 0px 0px 0px;}
	.list1 .box11 .text{float: left; width: calc(100% - 110px); margin: 40px 50px 50px 60px;}
	.list1 .box12 .text1{float: left; width: calc(55% - 75px); margin: 50px 0px 50px 50px;}
	.list1 .box12 .text1 p span{display: none;}
	.list1 .box12 .text2{float: right; width: calc(45% - 75px); margin: 50px 50px 50px 0px;}
	
	.list1 .box13 .show .dd .title .text{font-size: 13px;}
	
	.list1 .box41 .list .text{float: left; margin: 50px 0px 50px 60px;}
	
	.list1 .box61 .title{margin: 60px 0px 0px 0px;}
	.list1 .box61 .text{margin: 45px 0px 55px 0px;}
	.list1 .box63 .title{margin: 60px 0px 0px 0px;}
	.list1 .box63 .text{margin: 45px 0px 55px 0px;}
	
}