.tit-dhr .home { background: #319a50; color: #fff; }

.hn .show .hd1 { display: none; }

.hn .show .hd1.active { display: block; }

.hn .clicks { margin: 0 auto; margin-bottom: 20px; }

@media (min-width: 1000px) { .hn .clicks { width: 90%; } }

@media (min-width: 1200px) { .hn .clicks { width: 80%; } }

.hn .clicks span { display: block; text-align: center; font-size: 16px; }

.hn .clicks span img { display: block; margin: 0 auto; margin-bottom: 10px; }

.hn .clicks .active { color: #319a50; }

.hn .clicks .dj { position: relative; }

@media (min-width: 1000px) { .hn .clicks .dj:after { position: absolute; top: 61px; left: 100%; transform: translate(-50%); z-index: 100; content: ''; width: 97px; height: 1px; background-color: #c2c2c2; } }

@media (min-width: 1200px) { .hn .clicks .dj:after { left: 100%; width: 119px; } }

.banner2 li { text-align: center; margin-top: 30px; }

.banner2 li img { margin: 0 auto; margin-bottom: 10px; }

.banner2 .pager-prev, .banner2 .pager-next { display: block; color: #319a50; border: 1px solid #319a50; }

.banner2 .pointer { display: none; }

.banner3 { overflow: hidden; }

@media (min-width: 1000px) { .banner3 { margin-bottom: 30px; } }

.pt-d1 { background: #319a50; color: #fff; padding: 45px 45px 45px 35px; }

@media (min-width: 1000px) { .pt-d1 { padding: 30px 45px 28px 35px; } }

@media (min-width: 1200px) { .pt-d1 { padding: 45px 45px 37px 35px; } }

.pt-d2 { background: #efefef; padding: 30px 20px 30px 30px; position: relative; }

@media (min-width: 760px) { .pt-d2 { padding: 30px 260px 30px 30px; } }

.pt-d2 .pt-sp1, .pt-d2 .pt-sp2, .pt-d2 .pt-sp3, .pt-d2 .pt-sp4 { width: 77px; height: 25px; margin-right: 15px; display: inline-block; float: left; position: absolute; }

.pt-d2 .pt-sp1 { background: #4670b8; }

.pt-d2 .pt-sp5, .pt-d2 .pt-sp6, .pt-d2 .pt-sp7, .pt-d2 .pt-sp8 { display: inline-block; margin-bottom: 25px; margin-left: 80px; margin-right: -7px; float: left; }

@media (min-width: 760px) { .pt-d2 .pt-sp5, .pt-d2 .pt-sp6, .pt-d2 .pt-sp7, .pt-d2 .pt-sp8 { margin-left: 90px; margin-right: 30px; } }

@media (min-width: 1000px) { .pt-d2 .pt-sp5, .pt-d2 .pt-sp6, .pt-d2 .pt-sp7, .pt-d2 .pt-sp8 { margin-left: 80px; margin-right: 7px; } }

@media (min-width: 1200px) { .pt-d2 .pt-sp5, .pt-d2 .pt-sp6, .pt-d2 .pt-sp7, .pt-d2 .pt-sp8 { margin-left: 90px; margin-right: 30px; } }

.pt-d2 .pt-sp2 { background: #e65757; }

.pt-d2 .pt-sp3 { background: #cd46d0; }

.pt-d2 .pt-sp4 { background: #47c387; }

@media (min-width: 1000px) { .pt-d2 img { position: absolute; top: 0px; right: 0px; } }

.pt-p1 { z-index: 100; }

@media (min-width: 1000px) { .pt-p1 { padding-right: 50px; } }

.bgr-p1 img { display: inline-block; margin-right: 10px; float: left; margin-top: 10px; }

.bgr-p1 span { display: inline-block; margin-bottom: 15px; margin-left: 65px; float: left; }

.bgr-p1 span b { font-weight: normal; color: #319a50; font-size: 16px; }

.pt-bt { margin-top: 20px; margin-bottom: 20px; }

@media (min-width: 1000px) { .pt-bt { margin-bottom: 0; } }

.thir { margin: 40px auto 20px; text-align: center; }

@media (max-width: 768px) { .thir { margin-top: -20px; } }

.thir .title { font-size: 30px; display: inline-block; color: #6684f2; margin-bottom: 30px; }

@media (max-width: 768px) { .thir .title { margin-top: -10px; margin-bottom: 20px; } }

.thir .title img { margin-top: -20px; }

@media (min-width: 769px) { .thir .content { background: url("../img/index/bg1.jpg") top no-repeat; padding: 42px 0px; } }

@media (min-width: 767px) { .thir .content .left-img { margin-top: 40px; } }

@media (min-width: 996px) { .thir .content .left-img { margin-top: 10px; } }

@media (min-width: 1200px) { .thir .content .left-img { margin-top: 0px; } }

.thir .content .title { font-size: 16px; }

@media (min-width: 769px) { .thir .content .title { color: #ffffff; } }

.thir .content .content-p { font-size: 14px; line-height: 26px; text-align: left; }

@media (min-width: 769px) { .thir .content .content-p { color: #ffffff; } }

.thir .content .czhu { margin-left: 30%; }

@media (max-width: 768px) { .thir .content .czhu { display: none; } }

.ab-zi p { margin-bottom: 7px; }

.ab-zi p .zi-sp1 { display: inline-block; margin-right: 10px; float: left; position: absolute; }

.ab-zi p .zi-sp2 { display: inline-block; margin-bottom: 15px; margin-left: 40px; float: left; }

