/* index-menu */
.index-menu{ position: relative; overflow: hidden; width: 100%;}
.index-menu li { float: left; width: 25%; text-align: center;background: #24a89a; border-right: 1px solid #1d867b; border-left: 1px solid #50b9ae; border-bottom: 1px solid #1d867b; box-sizing: border-box;}
.index-menu li:last-of-type { border-right: none;}
.index-menu li:nth-of-type(n+5){border-bottom:0; border-top:1px solid #50b9ae;}
.index-menu li a { display: block; padding: 3.2vw 0; font-size: 4vw; color: #fff;}
/* index-menu end */


/* banner */
.banner { width: 100%;  overflow: hidden; position: relative; }
.banner .bd  li { width: 100%;font-size: 0;}
.banner .bd  li a { display: block;}
.banner .bd li img { width: 100%;}
.banner .hd { position: absolute; bottom: 4vw; left: 0; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd ul li {  text-indent:-999px;float:left;width: 9px; height: 9px; margin: 0 2vw; display: block; border-radius:50%; border: 1px solid #24a89a; box-sizing: border-box; }
.banner .hd ul li.on { background: #24a89a; border: 1px solid #24a89a;}
/* banner end */


/* product */
.product { position: relative;width: 100%; background: #fff; padding-bottom: 0.92rem;}
.product .hd { width: 9.467rem; overflow: hidden; margin:0 auto  0.533rem;}
.product .hd li { float: left; width: 25%; line-height: 0.96rem; text-align: center; border: 1px solid #d9d9d9; box-sizing: border-box;}
.product .hd li:first-of-type { border-radius: 00.48rem 0 0 00.48rem;}
.product .hd li:last-of-type { border-radius: 0  00.48rem 00.48rem 0;}
.product .hd li:nth-of-type(n+2) { border-left: 0;}
.product .hd li a {  display:block;font-size: 0.373rem; color: #666;}
.product .hd li.on { background: #24a89a; border:1px solid #24a89a; box-sizing:border-box;}
.product .hd li.on a { color: #fff;}
.product-slide {  margin:0.533rem auto 0; width: 9.467rem;}
.product-slide .bd { display: inline-block;}
.product .item { float: left; margin-bottom:0.13rem;width: 4.6rem; position: relative; overflow: hidden; background: #fff; border: 1px solid #d9d9d9; box-sizing: border-box;}
.product .item:nth-of-type(odd) { margin-right: 0.133rem;}
.product .pic { width: 100%; font-size: 0;}
.product .pic img { width: 100%;}
.product .pic-tit { padding-left: 0.4rem; padding-top:0.2rem;}
.product .pic-tit h2 { font-size: 0.373rem; font-weight: normal;}
.product .pic-tit h2 a { color: #333;}
.product .pic-tit p { margin-top:0.1rem;font-size: 0.293rem; color: #666; line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.product .pic-btn { margin: 0.4rem 0 0.4rem 0.4rem; overflow: hidden;}
.product .pic-btn span {  float:left;display: block; width: 1.733rem; height: 0.667rem; line-height:0.667rem;border: 1px solid #d9d9d9; text-align: center; font-size: 0.293rem; border-radius: 0.333rem; }
.product .pic-btn span a { display: block; color: #666;}
.product .pic-btn i { float: left; display: block;  width: 0.667rem; margin-left: 0.267rem;}
.product .pic-btn i img { width: 100%;}
.product-more { margin: 0.533rem auto 0; display: block; background: #24a89a; color: #fff; font-size:0.293rem; width: 2.133rem; padding: 0.187rem 0; border-radius: 0.333rem; text-align: center;}
/* product end */


/* photos */
.photos { position: relative; overflow: hidden; background: url("../images/Index/photos-bg.jpg") no-repeat center; width: 100%; background-size: cover; padding-bottom: 0.933rem;}
.photos-slide { margin: 0.533rem auto 0; width: 9.467rem;}
.photos-slide > .pic { margin-bottom: 0.133rem; width: 100%; font-size: 0; position: relative;}
.photos-slide > .pic img { width: 100%;}
.photos-slide > .pic p { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; color: #fff; background: rgba(0,0,0,0.7);}
.photos-slide .bd .item { position: relative; float: left; width: 4.6rem; font-size: 0; overflow: hidden;}
.photos-slide .bd .item:nth-of-type(odd) { margin-right: 0.133rem;}
.photos-slide .bd .item img { width: 100%;}
.photos-slide .bd .item p { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; color: #fff; background: rgba(0,0,0,0.7);}
.photos-slide .hd { position: absolute; left: 0; bottom: 2vw; text-align: center; width: 100%;}
.photos-slide .hd ul { display: inline-block;}
.photos-slide .hd li { float: left;  text-indent:-999px;margin:0 2vw;width: 9px; height: 9px; border-radius: 50%;border: solid 1px #24a89a; box-sizing: border-box;}
.photos-slide .hd li.on { background: #24a89a;}
/* photos end */


/* adv */
.adv { overflow: hidden; position: relative; padding-bottom: 0.8rem;}
.adv-con { background: url("../images/Index/adv01.jpg") no-repeat center; width: 100%; height: 8.547rem; background-size: 100%;}
.adv-group {width: 9.467rem;margin: 0.4rem auto 0;}
.adv-group .item { float: left; width: 50%;}
.adv-group .item em { display:block;}
.adv-group .item:nth-of-type(even) { text-align: right; }
.adv-group .item:nth-of-type(n+3) {margin-top: 2.6rem;}
.adv-group .item h2 { font-size: 0.373rem; color: #24a89a;}
.adv-group .item p {width: 66%;margin-top:0.133rem;font-size: 0.293rem;color: #333;line-height: 1.5;}
.adv-group .item:nth-of-type(even) p { margin-left:34% }
.adv-tit {width: 9.467rem;margin: 0 auto;}
.adv-tit .item {margin-bottom: 0.15rem;overflow: hidden;width: 100%;padding: 0.28rem 0;background: #24a89a;box-shadow: 3px 4px 8px 0px rgba(36, 168, 154, 0.35);border-radius: 0.667rem;}
.adv-tit .item > h2 { margin-top:1vw;float: left;  margin-left:0.267rem;width: 0.787rem; height: 0.787rem; line-height: 0.787rem; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box; font-size: 0.373rem; text-align: center; color: #fff;}
.adv-tit .item .titInfo { float: left; margin-left: 0.24rem;}
.adv-tit .item .titInfo h2 { font-size: 0.373rem; color: #fff;}
.adv-tit .item .titInfo p {  margin-top:1vw;font-size: 0.293rem; color: #fff;}
.adv-tit .item:nth-of-type(7) .titInfo h2, .adv-tit .item:nth-of-type(9) .titInfo h2 { margin-top: 0.3rem;}
/* adv end */


/* case */
.case  { position: relative; overflow: hidden; background: url("../images/Index/photos-bg.jpg") no-repeat center; width: 100%; background-size: cover; padding-bottom: 1.6rem;}
.case-slide { margin: 0.533rem auto 0; width: 9.467rem;}
.case-slide .item { width: 100%; font-size: 0;}
.case-slide .item img { width: 100%;}
.case-slide .case-tit {background: #fff;overflow: hidden;height: 1.45rem;}
.case-slide .case-tit span {position:relative;float: left;width: 1.16rem;font-size: 0.373rem;color: #333;padding: 0.25rem 0.4rem 0;}
.case-slide .case-tit span:after {content: '';display: block;position: absolute;right: 0;top: 0.1rem;background: url("../images/Index/case-icon.png") no-repeat center;width: 0.08rem;height: 1.333rem;background-size: 100%;}
.case-slide .case-tit p {margin-left:0.4rem;float: left;width: 75%;font-size: 0.293rem;padding-top: 0.1rem;}
.case-slide .case-tit p a {float: left;width: 33.33%;margin: 0.07rem 0;text-align: center;line-height: 1.75;color: #333;border-right: 1px solid #333;box-sizing: border-box;}
.case-slide .case-tit p a:nth-of-type(3n) {border-right:0;}
.case-slide .hd { position: absolute; left: 0; bottom: 0.633rem; width: 100%; text-align: center;}
.case-slide .hd ul { display: inline-block;}
.case-slide .hd li { float: left;  text-indent:-999px;margin:0 2vw;width: 9px; height: 9px; border-radius: 50%;border: solid 1px #24a89a; box-sizing: border-box;}
.case-slide .hd li.on { background: #24a89a;}

/* case end */


/* about */
.about { position: relative; background: #fff; overflow: hidden;}
.about-slide { margin: 0.533rem auto 0; width: 9.467rem; overflow: hidden; position: relative;}
.about-slide .bd  li { width: 100%; font-size: 0;}
.about-slide .bd  li img { width: 100%;}
.about-slide .hd { position: absolute; left: 0.2rem; bottom: 2vw;}
.about-slide .hd li { float: left; text-indent: -999px; margin: 0 2vw; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box;}
.about-slide .hd li.on { background: #fff;}
.about > p  {margin: -2.08rem auto 0;width: 9.5rem; padding: 2.467rem 0.25rem 0;font-size: 0.36rem;color: #333;line-height: 1.5;background: #f2f2f2;}
.about-btn { display: block; padding-top: 0.4rem;    overflow: hidden; background: #f2f2f2;}
.about-btn a { float: left; display: block;  border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; box-sizing: border-box; width: 50%; height: 1.333rem; line-height: 1.33rem; text-align: center; font-size: 0.373rem; color: #333;}
.about-btn a  i {display: inline-block;width: 0.667rem;height: 0.667rem;vertical-align: middle;font-size: 0;margin-right: 0.2rem;}
.about-btn a  i img { width: 100%;}
.about-btn a:nth-of-type(2) { border-right: 0;}
/* about end */



/* partner */
.partner { background: #fff; overflow: hidden; padding-bottom: 0.933rem;}
.partner-group { margin: 0.533rem auto 0; width: 9.467rem; overflow: hidden; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; box-sizing: border-box;}
.partner-group .item { float: left;  width: 33.33%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; box-sizing: border-box;}
.partner-group .item a { display: block; font-size: 0;}
.partner-group .item img { width: 100%;}
.partner-more { display: block;  margin:0.533rem auto 0;width: 2.133rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.293rem; color: #fff; background: #24a89a; border-radius: 0.333rem;}
/* partner end */


/* news */
.news { background: #f2f2f2; overflow: hidden; padding-bottom: 0.533rem;}
.news-slide { margin: 0.533rem auto 0; width: 9.467rem;}
.news-slide .hd {  margin-bottom:0.667rem;width: 100%; text-align: center;}
.news-slide .hd ul { display: inline-block;}
.news-slide .hd li { position: relative; padding:0 0.3rem;float: left;text-align: center; font-size: 0.373rem; border-right: 1px solid #d9d9d9;}
.news-slide .hd li:last-of-type { border-right: none;}
.news-slide .hd li a { color: #333;}
.news-slide .hd li.on:after { content: ''; display: block; position: absolute; left: 10%; bottom: -0.133rem; width: 80%; height: 2px; background: #24a89a;}
.news-slide .hd li.on a { color: #24a89a;}
.news-slide .item { width: 100%; overflow: hidden; margin-bottom: 0.4rem;}
.news-slide .item .pic { float: left; font-size: 0; width: 3.6rem; margin-right: 0.4rem;}
.news-slide .item .pic img { width: 100%;}
.news-slide .item .pic-tit {float: left;width:5.45rem;height: 2.8rem;position: relative;}
.news-slide .item .pic-tit h2 { font-size: 0.32rem; font-weight: normal; color: #333;}
.news-slide .item .pic-tit p { margin-top:0.32rem;font-size: 0.293rem; color: #666; line-height: 1.5;}
.news-slide .item .pic-tit:after {content: '';display: block;position: absolute;left: 0;bottom: 0;background: url("../images/Index/news-next.png") no-repeat center;background-size: 100%;width: 0.52rem;height:0.12rem;}
/* news end */