.banner:before { background:none; }

.tydjk-panel {
	margin-bottom: 40px;
}

.tydjk-panel .title {
	width: 480px;
	height: 44px;
	background: linear-gradient(to right, #36a172, #e7f3f3);
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 550;
	line-height: 44px;
	box-sizing: border-box;
	padding-left: 10px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	letter-spacing: 2px;
}

.tydjk-panel .cont { 
	color: #333333;
	font-size: 16px;
	letter-spacing: 1px;
}

#tydjk-02 .cont { display: flex; flex-direction:row; }
#tydjk-02 .cont p { width: 900px; padding-right: 10px; box-sizing: border-box; }
#tydjk-02 .cont .img { width: 300px; height: 400px; }
#tydjk-02 .cont .img img { width: 100%; height: 100%; border-radius: 10px;}

#tydjk-03 .cont { display: flex; flex-direction:row; }
#tydjk-03 .cont p { width: 900px; padding-right: 10px; box-sizing: border-box; }
#tydjk-03 .cont .img { width: 300px; height: 400px; }
#tydjk-03 .cont .img img { width: 100%; height: 100%; border-radius: 10px;}
#tydjk-03 .cont .imgs { width: 100%; display: flex; flex-direction: row;}
#tydjk-03 .cont .imgs img { width:235px; height:151px; margin-right: 15px; border-radius: 10px;}


#tydjk-04 .cont { display: flex; flex-direction:row; padding-top: 40px;}
#tydjk-04 .cont .item { width: 300px; display: flex; flex-direction:column; align-items: center; margin-right: 40px;}
#tydjk-04 .cont .item img { width:170px; height:170px; border-radius:85px;}
#tydjk-04 .cont .item label { line-height:40px;  }
#tydjk-04 .cont .item p { display:block; padding:10px 20px; }


#tydjk-05>div { display:flex; flex-direction:row;}
#tydjk-05 .cont { display: inline-block; width: 700px; margin-top: 20px;}
#tydjk-05 .cont label { display:block; font-size: 18px; font-weight: 550; margin-top: 20px;}
#tydjk-05 .cont p { display:block; padding: 0px; width: 570px;}
#tydjk-05 .imgs { display:inline-block; }
#tydjk-05 .imgs img  { display: flex; width:220px; height:150px; margin-bottom: 20px; border-radius: 10px;}
#tydjk-05 .sl { background-color:#eef5f7; display:flex; flex-direction:row; margin-right: 20px; box-sizing: border-box; padding-left: 10px; padding-top: 10px;}
#tydjk-05 .sl .item { width:200px; }
#tydjk-05 .sl .item label { color:#277452; font-size:38px; margin: 0px; display: inline-block;}
#tydjk-05 .sl .item em { font-size:12px; color:#277452;}

.bottom-img img  { width:100%; }

.xx-panel { width:100%; display:flex; flex-direction:row; margin-bottom: 120px;}
.xx-panel .xx-cont { width:600px; height: 800px; box-sizing: border-box; padding-right: 20px;}
.xx-panel .xx-cont p { font-size:16px; }
.xx-panel .xx-cont img { width:400px; border-radius:10px; }
.xx-panel .xx-imgs { width:600px; position: relative;}
.xx-panel .xx-imgs .img  { border:solid 4px #dbaa76; border-radius:10px; position: absolute;}
.xx-panel .xx-imgs .img img { width:100%; height:100%; }
.xx-panel .xx-imgs .img01 { width:450px; height:200px; top: 0px; left: 90px; z-index: 2;}
.xx-panel .xx-imgs .img02 { width:320px; height:200px; top: 215px; left: 20px; z-index: 2;}
.xx-panel .xx-imgs .img03 { width:240px; height:150px; top: 285px; left: 380px; z-index: 2;}
.xx-panel .xx-imgs .img04 { width:240px; height:160px; top: 425px; left: 130px; z-index: 2;}
.xx-panel .xx-imgs .img05 { width:240px; height:160px; top: 455px; left: 420px; z-index: 2;}
.xx-panel .xx-imgs .img06 { width:270px; height:170px; top: 555px; left: 0px; z-index: 1;}
.xx-panel .xx-imgs .img07 { width:270px; height:170px; top: 625px; left: 320px; z-index: 1;}

.xx-panel1 h2 { font-size: 32px; color: #A47C45; display:block; }
.xx-panel1 .nr { width: 100%; display:flex; flex-direction:row; }
.xx-panel1 .nr .item { width:25%; margin-top: 40px;}
.xx-panel1 .nr .item .img { text-align:center; }
.xx-panel1 .nr .item .cont-txt{ padding:10px 20px 10px 0px;}
.xx-panel1 .nr .item .cont-txt ul { padding-top:20px; list-style:disc; list-style-color:#c0845c;}
.xx-panel1 .nr .item .cont-txt ul li { padding:0px;  color: #333; margin-bottom: 10px;}


.lj-panel { display:flex; flex-direction:row; }
.lj-panel .lj-cont { width:60%; box-sizing: border-box; padding-right: 40px;}
.lj-panel .lj-cont p { margin:0px; padding:10px 0px; }
.lj-panel .lj-img{ width:40%; text-align: center; padding-top: 50px;}
.lj-panel .lj-img img { width:430px; border-radius:10px; }

.lj-panel1 { width:60%; margin-top: 20px; display: inline-block;}
.lj-panel1 h2 { color:#484343; font-size:28px; margin-bottom: 20px;}
.lj-panel1 ul { list-style:none; display: flex; flex-direction: row; padding: 0px;}
.lj-panel1 ul li { width:25%; }

.lj-panel1 .item div { width:120px; height:120px; border: solid 2px #71442e; border-radius: 60px; display: flex; align-items: center;}
.lj-panel1 .item div img  { width:74px; height:74px; margin: auto;}
.lj-panel1 .item p { display: block; width: 120px; text-align:center; font-size: 16px;}
.lj-panel1 .item01 div { border-color:#71442e; }
.lj-panel1 .item02 div { border-color:#e8b684; }
.lj-panel1 .item03 div { border-color:#00a064; }

.lj-panel2 { width:100%; margin-top: 20px; display: inline-block; margin-bottom: 40px;}
.lj-panel2 h2 { color:#484343; font-size:28px; margin-bottom: 20px;}
.lj-panel2 ul { width: 100%; list-style:none; display: flex; flex-direction: row; padding: 0px; padding-top: 20px;}
.lj-panel2 ul li { width:33%; display: flex; flex-direction: row; align-items: center;}
.lj-panel2 ul li .lj-img { width:120px; height:120px; }
.lj-panel2 ul li .lj-img img  { width:100%; height:100%; }
.lj-panel2 ul li .lj-cont { width:260px; }
.lj-panel2 ul li .lj-cont p { padding:0px; margin:0px; padding-right: 10px; font-size: 14px; line-height: 24px; padding-left: 10px;}

.lj-panel3 { width:100%; margin-top: 20px; display: inline-block;}
.lj-panel3 h2 { color:#484343; font-size:28px; margin-bottom: 20px;}
.lj-panel3 .lj-cont p {display: block; font-size: 16px;}
.lj-panel3 .lj-imgs {  }
.lj-panel3 .lj-imgs img { width:49%; display: inline-block; margin: 0px;}


.tn-panel1 { width:1200px; height:804px; margin-bottom: 60px;}
.tn-panel1 .tn-cont {width: 860px; padding-top: 100px; padding-left: 40px;}
.tn-panel1 .tn-cont h2 { display: none; color:#484343; font-size:28px; margin-bottom: 10px;}

.tn-panel2 { width:1200px; height:840px; }
.tn-panel2 .tn-cont { width:600px; margin-bottom: 20px;}
.tn-panel2 .tn-cont h2 { color:#484343; font-size:28px; margin-bottom: 10px;}

@media(max-width:640px){
	.banner:before { background:none; }

	.tydjk-panel {
		margin-bottom: 40px;
	}

	.tydjk-panel .title {
		width: 100%;
		height: 44px;
		background: linear-gradient(to right, #36a172, #e7f3f3);
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 550;
		line-height: 44px;
		box-sizing: border-box;
		padding-left: 10px;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		letter-spacing: 2px;
	}

	.tydjk-panel .cont { 
		color: #333333;
		font-size: 16px;
		letter-spacing: 1px;
	}

	#tydjk-02 .cont { display: flex; flex-direction:row; }
	#tydjk-02 .cont p { width: 100%; padding-right: 10px; box-sizing: border-box; }
	#tydjk-02 .cont .img { display: none; width: 300px; height: 400px; }
	#tydjk-02 .cont .img img { width: 100%; height: 100%; border-radius: 10px;}

	#tydjk-03 .cont { display: flex; flex-direction:row; }
	#tydjk-03 .cont p { width: 100%; padding-right: 10px; box-sizing: border-box; }
	#tydjk-03 .cont .img { display: none; width: 300px; height: 400px; }
	#tydjk-03 .cont .img img { width: 100%; height: 100%; border-radius: 10px;}
	#tydjk-03 .cont .imgs { width: 100%; display: none; flex-direction: row;}
	#tydjk-03 .cont .imgs img { width:235px; height:151px; margin-right: 15px; border-radius: 10px;}


	#tydjk-04 .cont { display: flex; flex-direction:column; padding-top: 40px;}
	#tydjk-04 .cont .item { width: 100%; display: flex; flex-direction:column; align-items: center;}
	#tydjk-04 .cont .item img { width:170px; height:170px; border-radius:85px;}
	#tydjk-04 .cont .item label { line-height:40px;  }
	#tydjk-04 .cont .item p { display:block; padding:10px 20px; }


	#tydjk-05>div { display:flex; flex-direction:row;}
	#tydjk-05 .cont { display: inline-block; width: 100%; margin-top: 20px;}
	#tydjk-05 .cont label { display:block; font-size: 18px; font-weight: 550; margin-top: 20px;}
	#tydjk-05 .cont p { display:block; padding: 0px; width: 100%;}
	#tydjk-05 .imgs { display:none; }
	#tydjk-05 .imgs img  { display: flex; width:220px; height:150px; margin-bottom: 20px; border-radius: 10px;}
	#tydjk-05 .sl { background-color:#eef5f7; display:flex; flex-direction:column; box-sizing: border-box; padding-left: 10px; padding-top: 10px; padding-right: 10px; margin-right: 0px;}
	#tydjk-05 .sl .item { width:100%; }
	#tydjk-05 .sl .item label { color:#277452; font-size:38px; margin: 0px; display: inline-block;}
	#tydjk-05 .sl .item em { font-size:12px; color:#277452;}

	.bottom-img img  { width:100%; }

	.xx-panel { width:100%; display:flex; flex-direction:row; margin-bottom: 40px;}
	.xx-panel .xx-cont { width:100%; height: auto; box-sizing: border-box; padding-right: 0px; text-align: center;}
	.xx-panel .xx-cont p { font-size:16px; }
	.xx-panel .xx-cont img { width:90%; border-radius:10px; margin:auto; }
	.xx-panel .xx-imgs { display: none; width:600px; position: relative;}
	.xx-panel .xx-imgs .img  { border:solid 4px #dbaa76; border-radius:10px; position: absolute;}
	.xx-panel .xx-imgs .img img { width:100%; height:100%; }
	.xx-panel .xx-imgs .img01 { width:450px; height:200px; top: 0px; left: 90px; z-index: 2;}
	.xx-panel .xx-imgs .img02 { width:320px; height:200px; top: 215px; left: 20px; z-index: 2;}
	.xx-panel .xx-imgs .img03 { width:240px; height:150px; top: 285px; left: 380px; z-index: 2;}
	.xx-panel .xx-imgs .img04 { width:240px; height:160px; top: 425px; left: 130px; z-index: 2;}
	.xx-panel .xx-imgs .img05 { width:240px; height:160px; top: 455px; left: 420px; z-index: 2;}
	.xx-panel .xx-imgs .img06 { width:270px; height:170px; top: 555px; left: 0px; z-index: 1;}
	.xx-panel .xx-imgs .img07 { width:270px; height:170px; top: 625px; left: 320px; z-index: 1;}

	.xx-panel1 h2 { font-size: 32px; color: #A47C45; display:block; }
	.xx-panel1 .nr { width: 100%; display:flex; flex-direction:row; flex-flow: row wrap;}
	.xx-panel1 .nr .item { width:50%; margin-top: 40px;}
	.xx-panel1 .nr .item .img { text-align:center; }
	.xx-panel1 .nr .item .cont-txt{ padding:0px;}
	.xx-panel1 .nr .item .cont-txt ul { padding:0px 10px; list-style:none; list-style-color:#c0845c;}
	.xx-panel1 .nr .item .cont-txt ul li { padding:0px;  color: #333; margin-bottom: 10px;}


	.lj-panel { display:flex; flex-direction:row; }
	.lj-panel .lj-cont { width:100%; box-sizing: border-box; padding-right: 0px;}
	.lj-panel .lj-cont p { margin:0px; padding:10px 0px; }
	.lj-panel .lj-img{ display: none; width:40%; text-align: center; padding-top: 50px;}
	.lj-panel .lj-img img { width:430px; border-radius:10px; }

	.lj-panel1 { width:100%; margin-top: 20px; display: inline-block;}
	.lj-panel1 h2 { color:#484343; font-size:28px; margin-bottom: 20px;}
	.lj-panel1 ul { list-style:none; display: flex; flex-flow: wrap; flex-direction: row; padding: 0px;}
	.lj-panel1 ul li { width:50%; text-align:center; }

	.lj-panel1 .item { width:33%; }
	.lj-panel1 .item div { width:90px; height:90px; border: solid 2px #71442e; border-radius: 45px; display: flex; align-items: center; margin: auto;}
	.lj-panel1 .item div img  { width:50px; height:50px; margin: auto;}
	.lj-panel1 .item p { display: block; width: 120px; text-align:center; font-size: 12px;}
	.lj-panel1 .item01 div { border-color:#71442e; }
	.lj-panel1 .item02 div { border-color:#e8b684; }
	.lj-panel1 .item03 div { border-color:#00a064; }

	.lj-panel2 { width:100%; margin-top: 0px; display: inline-block; margin-bottom: 10px;}
	.lj-panel2 h2 { color:#484343; font-size:28px; margin-bottom: 10px;}
	.lj-panel2 ul { width: 100%; list-style:none; display: flex; flex-direction: column; padding: 0px; padding-top: 10px;}
	.lj-panel2 ul li { width:100%; display: flex; flex-direction: row; align-items: center; margin-bottom: 20px;}
	.lj-panel2 ul li .lj-img { width:120px; height:120px; }
	.lj-panel2 ul li .lj-img img  { width:100%; height:100%; }
	.lj-panel2 ul li .lj-cont { width:260px; }
	.lj-panel2 ul li .lj-cont p { padding:0px; margin:0px; padding-right: 10px; font-size: 14px; line-height: 24px; padding-left: 10px;}

	.lj-panel3 { width:100%; margin-top: 0px; display: inline-block;}
	.lj-panel3 h2 { color:#484343; font-size:28px; margin-bottom: 20px;}
	.lj-panel3 .lj-cont p {display: block; font-size: 16px;}
	.lj-panel3 .lj-imgs { display:flex; flex-direction:column; }
	.lj-panel3 .lj-imgs img { width:100%; display: inline-block; margin: 0px;}


	.tn-panel1 { width:100%; height:auto; margin-bottom: 30px; background-image: none !important;}
	.tn-panel1 .tn-cont {width: 100%; padding-top: 20px; padding-left: 10px;}
	.tn-panel1 .tn-cont h2 { display: block; color:#484343; font-size:28px; margin-bottom: 10px;}

	.tn-panel2 { width:100%; height:auto; }
	.tn-panel2 .tn-cont { width:100%; margin-bottom: 20px;}
	.tn-panel2 .tn-cont h2 { color:#484343; font-size:28px; margin-bottom: 10px;}
}