/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg img{ width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .layer{ position: absolute; right: 50%; margin-right: -600px; text-align: right; top: 30%; z-index: 1; color: #333; }
.ind-banner .en{ font-size: 18px; line-height: 18px; text-transform: uppercase; padding-top: 15px; font-family:bold;}
.ind-banner .en em{ padding-left: 25px; }
.ind-banner .cn{ font-size: 34px; line-height: 34px; font-weight: bold;}
.ind-banner .cn em{ padding-left: 25px; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 30px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 8px; height: 8px; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #49bb8c;}
/*banner½áÊø*/

.indexBox{ padding: 85px 0; background: url(/zh/images/indexBg.jpg) center no-repeat; background-size: cover; }
.indexBox .leftDiv{ width: 410px; }
.indexNews{ position: relative; }
.indexNews .list{ overflow: hidden; }
.indexNews li{ position: relative; }
.indexNews li .imgDiv{ width: 100%; height: 185px; overflow: hidden; }
.indexNews li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexNews li .name{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 100px 0 18px; font-size: 18px; line-height: 60px; color: #fff; height: 60px; z-index: 1; background: url(/zh/images/bg1.png) repeat-x; }
.indexNews .swiper-pagination{ bottom: 24px!important; left: auto!important; right: 28px; width: auto!important; }
.indexNews .swiper-pagination-bullet { width: 9px; height: 9px; background: #fff; opacity: 1!important; } 
.indexNews .swiper-pagination-bullet-active { background: #188f5e!important;}

.indexBox .toptop{ position: relative; height: 30px; margin-top: 25px;}
.indexBox .title{ font-size: 18px; color: #1d1b1b; line-height: 18px; }
.indexBox .title img{ padding-left: 20px; }
.indexBox .more{ position: absolute; right: 0; top: 4px; font-size: 12px; font-weight: bold; color: #49bb8c; width: 60px; background: url(/zh/images/ico2.png) right center no-repeat; }
.indexBox .more:hover{ text-decoration: underline; }
.indexBox .liebiao{ padding-bottom: 20px; }
.indexBox .liebiao li{ height: 40px; position: relative; padding-right: 48px; font-size: 14px;}
.indexBox .liebiao li a{ display: block; height: 40px; line-height: 40px; overflow: hidden;}
.indexBox .liebiao li em{ position: absolute; right: 0; top: 0; line-height: 40px; color: #999; }
.indexBox .limg img{ width: 100%; }
.indexBox .content{ font-size: 14px; line-height: 30px; text-align: justify; }

.indexBox .rightDiv{ width: 720px; }
.indexBox .rightDiv .hala{ border-top: #dfdfdf solid 1px; border-left: #dfdfdf solid 1px; }
.indexBox .rightDiv li{ float: left; width: 50%; }
.indexBox .rightDiv .li01{ width: 33.33%; }
.indexBox .rightDiv li .box{ position: relative; background: #fff; border-bottom: #dfdfdf solid 1px; border-right: #dfdfdf solid 1px; height: 353px; text-align: center;}
.indexBox .rightDiv li .ico{ width: 45px; height: 45px; margin: 0 auto; position: relative; z-index: 2; }
.indexBox .rightDiv li .ico .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.indexBox .rightDiv li .name{ padding-top: 36px; font-size: 24px; line-height: 24px; color: #333; position: relative; z-index: 2; }
.indexBox .rightDiv li .bg{ z-index: 1; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.indexBox .rightDiv li .box:hover{ z-index: 2; box-shadow: 0px 8px 16.56px 1.44px rgba(0, 0, 0, 0.13); }
.indexBox .rightDiv li .box:hover .bg{ opacity: 1; }
.indexBox .rightDiv li .box:hover .ico img{ opacity: 0; }
.indexBox .rightDiv li .box:hover .ico .img1{ opacity: 1; }
.indexBox .rightDiv li .box:hover .name{ color: #fff; }