.index_box1 { height: 180px; background: #f4f6f8;}
.index_box1 .box { 
	width: 100%;
    max-width: 1200px;
    height: 180px;
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;}
.index_box1 .box li {
	display: flex;
    align-items: center;}
.index_box1 .box li img {
	width: 64px;
    height: 64px;
    display: block;
    margin-right: 24px;}
.index_box1 .box li .right {
	display: flex;
    flex-direction: column;
    justify-content: center;}
.index_box1 .box li .right .num {
	font-size: 28px;
    font-weight: bold;
    color: #007c58;}
.index_box1 .box li .right .text {
	font-size: 16px;
    font-weight: 400;
    color: #007c58;}

.index_box2 { height: 750px; background: #f4f6f8;}
.index_box2 .title { text-align: center; color: #007c58; padding-top: 50px;}
.index_box2 .title h2 { font-size: 28px; font-weight: bold;}
.index_box2 .title h3 { font-size: 20px; padding-top: 20px; font-weight: normal;}
.index_box2 .box {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 1230px;
	margin: 60px auto 0 auto;
}
.index_box2 .box .left {
	text-align: justify;
    max-width: 500px;
}
.index_box2 .box .left .title {
	font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 23px;
	text-align: left;
	padding: 0;
}
.index_box2 .box .left .subtitle {
	font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}
.index_box2 .box .left ul {}
.index_box2 .box .left ul li {
	font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 10px;
}
.index_box2 .box .left ul li::before {
	content: '● ';
    color: #007c58;
}
.index_box2 .box .right {
    height: 420px;
	display:flex;
	align-items:center;
	position: relative;
	width: 685px;
}
.index_box2 .box .right ul {
	position: absolute;
	left: 0;
	z-index: 10;
}
.index_box2 .box .right .cen_tu {
	width: 270px;
	position: absolute;
	left: 145px;
}
.index_box2 .box .right .cen_tu  img{
	opacity: 0;
}
.index_box2 .box .right .rig_tu {
	position: absolute;
	right: -270px;
}

.index_box3 { height: 770px; background: #fff;}

.title_common { text-align: center; color: #007c58; padding-top: 60px;}
.title_common .name { font-size: 32px;  height: 55px;}
.title_common .xian { width: 110px; height: 4px; background: #007c58; margin: 0 auto;}
.title_common .description { font-size: 20px; padding-top: 10px;}

.index_box3 .box { width: 1300px; height: 600px; margin: 0 auto; padding-top: 60px;}

.index_box4 { height: 800px; background: #f4f6f8;}
.index_box4 .box { width: 1100px; margin: 0 auto; padding-top: 60px;}
.youshi_box { background: url("../image/youshi_bg.png") no-repeat; height: 570px;}
.youshi_box .text { color: #007c58; text-align: center; font-size: 15px;}
.youshi_box .text .name { font-weight: bold; height: 35px; font-size: 20px;}
.youshi_center { position: absolute; color: #007c58; font-size: 60px; width: 120px; line-height: 60px; top: 190px; left: 495px;}

.index_box5 { height: 650px; background: #fff;}
.index_box5 .box { width: 1300px; height: 436px; margin: 90px auto 0 auto; background: url("../image/box5_bg.png") no-repeat;}
.index_box5 .box .left { float: left; width: 680px; margin-left: 55px; margin-top: 110px;}
.index_box5 .box .left .name { height: 60px; font-size: 32px; color: #000;}
.index_box5 .box .left .detail { height: 128px; font-size: 16px; line-height: 32px; text-align: justify; color: #333; text-indent: 2em;}
.index_box5 .box .left .more { width: 40px; height: 40px; margin-top: 40px;}
.index_box5 .box .right { float: right; width: 450px; height: 320px; margin-right: 55px;}
.index_box5 .box .right img { width: 450px; height: 320px; border-radius: 0 0 15px 15px;}

.index_box6 { height: 650px; background: #fff;}
.index_box6 .box { width: 1200px; margin: 0 auto; padding-top: 60px;}
.index_box6 .box .center { width: 900px; height: 320px; margin: 0 auto; background: url("../image/index_box6_dian.png") top left no-repeat;}
.index_box6 .box .center .text { width: 900px; padding: 80px 0 0 50px; font-size: 20px; text-indent: 2em; color: #333; text-align: justify; line-height: 36px;}
.index_box6 .box .center .Com_name { text-align: right; color: #666; font-size: 18px; padding-top: 40px;}

.index_box7 { height: 450px; background: #f4f6f8;}
.index_box7 .gundong { width: 1300px; height: 120px; margin: 0 auto; padding-top: 60px;}
#demo { overflow:hidden; width: 1300px; height: 120px;}
#demo  dl { width:250px; height:120px; float:left; margin-right:30px;}
#demo  dl dt img { width:250px; height:120px;}
#indemo { float: left; width: 3000%;}
#demo1 { float: left;}
#demo2 { float: left;}

.index_box8 { height: 200px; background: #007c58;}
.index_box8 .wenzi { float: left; font-size: 28px; color: #fff; padding: 60px 0 0 260px; text-align: center;}
.index_box8 .but { float: left; width: 160px; height: 50px; line-height: 50px; text-align: center; margin: 80px 0 0 100px; font-size: 18px;}
.index_box8 .but a { display: block; background: #fff; color: #007c58; border: 1px solid #007c58;}
.index_box8 .but a:hover { background: #007c58; border: 1px solid #fff; color: #fff;}