/* banner */
.banner { height: 84vw; overflow: hidden; position: relative;}
.banner .bd  li { height: 84vw;}
.banner .bd li a { display:block;}
.banner .bd li img { width: 100%;}
.banner .hd { position: absolute; width: 100%; bottom: 4vw;left: 0; text-align: center; overflow: hidden;}
.banner .hd li {text-align: center;  font-size:3.5vw; color:#fff;display: inline-block; margin: 0 1vw; width: 3vw; height: 3vw;border-radius: 50%; text-indent: -9999px; line-height: 4.3vw; background: rgba(0,0,0,0.6)}
.banner .hd li.on { background: #69863c;}
/* banner end */

/* service */
.service{background: #fff;text-align: center; padding-bottom: 7vw; display: inline-block;}
.service-item { float:left; width: 25%;}
.service-item span {  margin: 5vw auto 0;display:block;width: 13.3vw; height: 13.3vw; border-radius: 50%; border: 1px solid #d0d0d0;}
.service-item span img { width: 5.3vw; height: 5.3vw; padding: 4vw;}
.service-item p { padding-top: 2.7vw; color: #3f3f3f; font-size: 3.5vw;}
/* service end */

/* info */
.info { position: relative;overflow: hidden; background: #fafafa; padding-top: 5.1vw;}
.info-main { width: 94.7vw; margin: 0 auto; text-align: center;}
.info-main .pic {  position:relative;width: 94.7vw; height: 62.9vw; margin: 0 auto; overflow: hidden;}
.info-main .pic img { width: 100%;}
.info-main .pic-tit { position: absolute; bottom: 0; left: 0; width: 100%; height: 10.5vw; text-align: left;line-height:10.5vw;background: rgba(50, 50, 50, 0.4)}
.info-main .pic-tit p { font-size: 3.5vw; color: #fff; display: inline-block; padding-left: 5.3vw; }
.info-tit { padding-bottom: 4vw; text-align: center;}
.info-tit h2 a {color: #9bcc4e; font-size: 4.25vw; font-weight: bold;}
.info-tit h2  a span { color: #121212; font-weight: normal;}
.info-tit p { padding-top: 1vw; font-size: 3.5vw;}
.info-menu { position: absolute; right: 3vw; bottom: 2.5vw;}
.info-menu li { display: inline-block; width: 5vw; height: 5vw; line-height:5vw;background: rgba(50, 50, 50, 0.5); margin: 0 1vw; text-align: center;  color: #fff; font-size: 3.5vw;}
.info-menu li.on { background: #9bcc4e;}
/* info end */

/* consult */
.consult{ position: relative; margin-top:2.5vw; background: #fff; padding-bottom: 3.7vw;}
.consult-con { display:inline-block;width: 94.7vw; background: #fff;box-shadow: 0 0.5vw 1.9vw 0 rgba(6, 0, 1, 0.1); margin-left: 3vw; padding-bottom: 2vw;}
.swiper-container { width:100%; height: 18vw; overflow: hidden;}
.swiper-container .swiper-slide .text{ float: left; padding-left: 2vw; width: 67vw; overflow: hidden;}
.swiper-container .swiper-slide h2 { font-size:3.5vw; color: #323232; padding-top: 2.9vw;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.swiper-container .swiper-slide p { color: #4d4d4d; font-size: 3.5vw; line-height: 1.5;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.consult-btn { float: right; padding-right: 2vw; padding-top: 2vw;}
.consult-btn > a { display: block; margin-bottom: 1.5vw; width: 17.1vw; height: 6.1vw; border-radius: 2vw;border: solid 1px #cecece; box-sizing: border-box; text-align: center; line-height: 6.1vw; font-size: 3.25vw;}
.consult-btn .consult-contact { background:#70b800;box-shadow: 0 0.8vw 2vw 0 rgba(129, 193, 29, 0.4); color: #fff;}
.consult-more { display: block;  margin:4.7vw auto 0;width:16.5vw; height:6.4vw; border: solid 1px #cecece;  border-radius: 2.7vw; text-align: center; line-height: 6.4vw; font-size: 3.25vw; color: #474747;}
/* consult end */

/* adv */
.adv {padding-top:6vw;position: relative; overflow: hidden; background-size: cover;background: url("../images/Index/adv-bg.jpg") no-repeat center; padding-bottom: 4vw;}
.wrap-tit { position: relative;text-align: center;}
.wrap-tit h2 { font-size: 4.25vw; color: #fff;}
.wrap-tit h2 a { color: #fff;}
.wrap-tit p { font-size: 3.5vw; color: #fff;}
.adv .wrap-tit:after { position: absolute;content:''; display:block;bottom: -3vw; left: 50%; width: 6.1vw; height: 1px; transform:translateX(-3vw);background: #fff;}
.adv-scale {width: 94.7vw; margin:6.7vw 0 0 2.5vw; background: #fff; display: inline-block;box-shadow: 0px 3px 14px 0px rgba(6, 0, 1, 0.1); padding-bottom: 3vw;}
.adv-scale >span { display: block; width: 89.7vw; height: 41.1vw; margin: 0 auto ; padding-top: 2.5vw;}
.adv-scale > span img { width: 100%;}
.adv-scale .scale-left { float: left; padding-right: 4vw; position: relative;}
.adv-scale .scale-left:after { content: ''; display: block; position: absolute; right: 0; top: 3vw; width: 1px; height: 6.7vw; background: #b0cf8a;}
.adv-scale .scale-tit { padding-top: 3.5vw; width: 89.7vw; margin: 0 auto;}
.scale-tit .scale-left h2 { font-size: 3.5vw; color: #323232; }
.scale-tit .scale-left h2 span { display: block;}
.scale-tit .scale-left p { font-size:3.5vw; color: #999999;}
.scale-center { float: left; padding-left: 4vw; width: 48vw; margin-top: -1vw;}
.scale-center p { font-size: 3.5vw; line-height:1.5;color: #4d4d4d; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.scale-btn { display: block; float: right; width:18.1vw; height:6.5vw; text-align:center; line-height:6.5vw; color:#fff; font-size:3.25vw;margin-right: 2vw; margin-top: 3vw;background-color: #70b800;box-shadow: 0 0.5vw 2.1vw 0 rgba(129, 193, 29, 0.4);border-radius: 18px;}
.adv-group { margin-top: 3.7vw; display: inline-block; }
.adv-group .adv-item { float:left;width: 46.4vw; height: 33.1vw;background: url("../images/Index/adv04.png") no-repeat center; background-size: 100%; margin: 0  1vw 2vw 2vw;}
.adv-group .adv-item:nth-of-type(1) { background: url("../images/Index/adv02.png") no-repeat center; background-size: 100%;}
.adv-group .adv-item:nth-of-type(2) { background: url("../images/Index/adv03.png") no-repeat center; background-size: 100%;}
.adv-group .adv-item h2 { font-size: 4.25vw; color: #323232; text-align: center; padding-top: 4.5vw;}
.adv-group .adv-item p { text-align:center;font-size: 3.25vw; color: #666666; width: 43vw; padding-top:6vw;padding-left: 2vw;}
/* adv end */

/* case */
.case{  padding-top:10vw;position: relative; overflow: hidden; background-size: cover; background:url("../images/Index/case-bg.jpg")no-repeat center; background-size: cover; padding-bottom: 3vw;}
.case .wrap-tit:after { position: absolute;content:''; display:block;bottom: -3vw; left: 50%; width: 6.1vw; height: 1px; transform:translateX(-3vw);background: #1db66a;}
.case .wrap-tit h2 { color: #70b800;}
.case .wrap-tit h2 span { color: #121212;font-weight:normal;}
.case .wrap-tit p { color: #505050;}
.case-con { width:  94.7vw; margin: 7vw auto 0;}
.case-item { clear:both; position:relative;width: 100%; height: 31.1vw; background: #fff; margin-bottom: 5.5vw;box-shadow: 0 0.5vw 1.9vw 0 rgba(6, 0, 1, 0.1);}
.case-item:after { content: ''; display:block; position: absolute; right: 0; bottom: 0; background: url("../images/Index/case_read.png") no-repeat center; background-size: 100%; width: 4vw; height: 4vw;}
.case-item img { float: left; width: 46.5vw; }
.case-tit { float:right;width: 46vw; }
.case-tit  h2 { padding-top:4.5vw; padding-bottom:4vw;font-size: 3.5vw; color: #323232; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case-tit p { font-size: 3.16w; color:#4d4d4d; line-height: 1.5;}
.case-partner {width: 94.7vw; margin: 6.5vw auto 0;}
.case-partner h2 { font-size: 3.5vw; color: #323232; padding-bottom: 3vw;}
.partner-con { display: inline-block;}
.partner-item { float: left; width: 22.1vw; height: 11.5vw; margin-right: 2vw; overflow: hidden;}
.partner-item a { display: inline-block;}
.partner-item img { width: 100%;}
.partner-item:last-of-type { margin-right: 0;}
.case-more { display: block;  font-size:3.25vw;margin: 7vw auto 3.5vw; width: 28.8vw; height: 5.9vw; line-height:5.9vw; color:#fff; text-align:center; border-radius:2.8vw;background-image: linear-gradient(90deg, #70b800 0%,#8fcf2a 100%), linear-gradient(#00924b, #00924b);}
/* case end */

/* history */
.history { padding-top: 6.5vw; padding-bottom: 4.4vw;}
.history .wrap-tit h2 a { color: #9bcc4e;}
.photos-con { padding-top: 3.9vw;position: relative;}
.photos-main { width: 94.7vw; margin: 0 auto; }
.photos-main ul { width: 100%; height: 59.3vw;}
.photos-main ul li { width: 94.7vw; height: 59.3vw;position: relative; overflow: hidden;}
.photos-main ul li a { display: block;}
.photos-main ul li img { width: 100%; }
.photos-tit { position: absolute; left: 2.5vw; bottom: 4vw; font-size: 3.5vw; color: #fff; background: rgba(50, 50, 50, 0.32); padding: 2.9vw;}
.photos-menu { position: absolute; right: 3vw; bottom: 2.5vw;}
.photos-menu li { display: inline-block; width: 5vw; height: 5vw; line-height:5vw;background: rgba(50, 50, 50, 0.5); margin: 0 1vw; text-align: center;  color: #fff; font-size: 3.5vw;}
.photos-menu li.on { background: #9bcc4e;}
.history-tit { font-size: 3.5vw; color: #4d4d4d; padding-top: 4.3vw; width: 94.7vw; margin: 0 auto; text-align: center;  font-family: MicrosoftYaHei; line-height: 1.5;}
.history-certificate { margin-top: 5.3vw; position: relative;}
.certificate-main { overflow: hidden; position: relative;}
.certificate-main ul li { overflow:hidden;width:45.7vw; height: 29.1vw;position: relative; float: left; margin: 0 2.1vw;}
.certificate-main ul li a { display: block;}
.certificate-main ul li img { width: 100%; }
.certificate-tit { position: absolute; left: 2vw; bottom: 2.5vw; font-size: 3.5vw; color: #fff; background: rgba(50, 50, 50, 0.32); padding: 2.5vw;}
.history-certificate .prev, .history-certificate .next { position: absolute; top: 50%; margin-top: -2.85vw; width:5.7vw; height: 5.7vw;}
.history-certificate .prev { left: 0; background: url("../images/Index/certificate-prev.png") no-repeat center; background-size: 100%;}
.history-certificate .next { right: 0; background: url("../images/Index/certificate-next.png") no-repeat center; background-size: 100%;}
/* history end */

/* news */
.news{  padding-top:10.4vw;position: relative; overflow: hidden; background-size: cover; background: url("../images/Index/news-bg.jpg") no-repeat center; background-size: 100%;}
.news .wrap-tit { position: relative;}
.news .wrap-tit:after { content: ''; display: block; position: absolute; width: 6vw; height: 1px; background: #d0d0d0; top: 13vw; left: 50%; margin-left: -3vw;}
.news .wrap-tit h2 a { color: #70b800;}
.news .wrap-tit p { color: #505050;}
.news-tab {width: 94.7vw; margin:  7.6vw auto 0; font-size: 0;}
.news-menu { width: 100%; display: inline-block;padding-bottom: 8.3vw;}
.news-menu  li { float: left; width: 20%; text-align: center; font-size: 3.5vw;}
.news-menu li a { color: #666666;}
.news-menu li.on a { color: #70b800;}
.news-main {  display: inline-block; font-size: 0;}
.news-list { width: 94.7vw; margin: 0 auto;}
.news-list .item {  display:inline-block; padding:4.8vw 3.3vw;border-bottom: 1px solid #e4e4e4; box-sizing: border-box; background: #fff;}
.news-list .item .pic { float: left;width: 20vw; height: 16.3vw; overflow: hidden;}
.news-list .item .pic img { width: 20vw;}
.news-list .item .text { float: left; width: 65vw; padding-left: 3vw;}
.news-list .item .text h3 { font-size: 3.75vw; color: #323232;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.news-list .item .text p { padding-top: 3vw; font-size: 3.25vw; color: #4d4d4d; height: 9vw; overflow: hidden; line-height: 1.5;}
.news-more { width: 94.7vw;  height:16.4vw;margin:0 auto;background: #fff; overflow: hidden;}
.news-more a { display: block; width: 17.3vw; height: 6.3vw; border: 1px solid #bbbbbb; box-sizing: border-box; border-radius: 2.5vw; text-align: center; line-height: 6.3vw; color: #323232; font-size: 3.25vw; margin: 4.8vw auto 0;}

/* news end */