@charset "utf-8";
.index_swiper { width:100%; background:#f2f2f2; position:relative; z-index:10;}
.index_swiper .swiper-slide a { display:flex; flex-direction:column;}
.index_swiper .swiper-slide .pic { position:relative;}
.index_swiper .swiper-slide .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_swiper .swiper-slide .pic .video { height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_swiper .swiper-slide .pic .video video { max-width:none; height:100%;}
.index_swiper .swiper-slide .pic .video_btn { width:150px; height:150px; background:url(../images/app.png) no-repeat -50px -60px; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer;}
.index_swiper .swiper-slide h3 { padding-bottom:18px; margin:10px 0 20px; text-align:center; font-size:16px; text-transform:none; position:relative;}
.index_swiper .swiper-slide-active .img img { animation:swiper_active 6s ease;}
.index_swiper .swiper-pagination { width:auto; height:4px; padding:4px; background:rgba(0,0,0,0.4); border-radius:10px; left:50%; bottom:10px; transform:translateX(-50%); opacity:0; display:flex; align-items:center;}
.index_swiper .swiper-pagination.open { opacity:1;}
.index_swiper .swiper-pagination-bullet { width:4px; height:100%; margin:0 2px !important; background:#fff; border-radius:4px; font-size:0; transition:width 0.3s;}
.index_swiper .swiper-pagination-bullet-active { width:16px; background:#0093da;}
.index_swiper .swiper-button { display:none;}
@keyframes swiper_active {
	0% { transform:scale(1.08);}
	10% { transform:scale(1.08);}
	100% { transform:scale(1);}
}

.index_swiper .item { width:1200px; height:110px; background:#fff; border-radius:30px 30px 0 0; display:flex; align-items:center; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:25;}
.index_swiper .item li { height:100%; flex:1; position:relative;}
.index_swiper .item li:before { width:1px; height:80px; content:""; background:#ddd; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10;}
.index_swiper .item li:first-child:before { display:none;}
.index_swiper .item li a { height:100%; background:#fff; border-radius:30px 30px 0 0; display:flex; align-items:center; justify-content:center; transition:all 0.2s;}
.index_swiper .item li .imgs { height:70px; margin-right:15px;}
.index_swiper .item li .imgs img { height:100%;}
.index_swiper .item li .text { height:28px; padding-top:38px; line-height:16px; font-size:14px; color:#898989; position:relative;}
.index_swiper .item li .text i { line-height:1; font-size:20px; color:#000; white-space:nowrap; position:absolute; top:12px; left:0;}
.index_swiper .item li:hover a { padding-bottom:30px; margin-top:-30px;}
.index_swiper .item li:hover .text i { color:#0093da;}

.index_title { height:40px; margin-bottom:30px; text-align:center; line-height:1; color:#3e3a39; position:relative;}
.index_title h5 { font-size:40px; font-weight:bold;}
.index_title .more { line-height:24px; font-size:14px; position:absolute; bottom:-5px; right:0;}
.index_title .more i { padding-right:40px; display:inline-block; position:relative;}
.index_title .more i:before { width:30px; height:7px; content:""; background:url(../images/app.png) no-repeat 0 -210px; position:absolute; bottom:6px; right:0;}
.index_title .more:hover { color:#0093da;}
.index_title .more:hover i:before { background-position:0 -220px;}

.index_about { position:relative; z-index:1;}
.index_about .bgs { position:relative; z-index:1;}
.index_about .bgs .bg1 { width:100%; position:fixed; top:0; left:0; z-index:1;}
.index_about .bgs .bg2 { width:100%; position:relative; z-index:15;}
.index_about .info { width:550px; padding-left:850px; height:750px; position:absolute; top:calc(160 / 1080 * 100%); left:50%; transform:translateX(-50%); z-index:20;}
.index_about .info .text { margin:-4px 0; line-height:20px; font-size:16px; color:#3e3a39;}
.index_about .info .item { margin:30px 0; border-bottom:1px solid #ddd; display:flex; overflow:hidden;}
.index_about .info .item p { margin-bottom:10px; line-height:1; font-size:18px; font-weight:bold; color:#3e3a39; display:flex; align-items:flex-end;}
.index_about .info .item p span { margin:0 24px 0 8px; color:#0093da; position:relative; transform:translateY(1px);}
.index_about .info .item p .count { font-size:24px;}
.index_about .info .item p .unit { font-size:12px; font-weight:normal; position:absolute; top:0; left:100%; margin-left:5px;}
.index_about .info .more { margin-bottom:50px; font-size:16px;}
.index_about .info .more a { width:158px; height:48px; background:#f6f8f9; border:1px solid #e8e8e8; border-radius:25px; text-align:center; line-height:50px; color:#595757; display:block;}
.index_about .info .more a:hover { background:#0093da; border-color:#0093da; color:#fff;}

.index_product { width:1400px; height:820px; position:relative; z-index:10;}
.index_product:before { width:1920px; height:100%; content:""; background:#f1f8fc url(../images/bg_product.jpg) no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.index_product .title { width:250px; display:flex; flex-direction:column; position:absolute; top:100px; left:0;}
.index_product .title h5 { line-height:1; font-size:40px; font-weight:bold;}
.index_product .title h6 { margin-top:15px; font-size:14px; color:#727171;}
.index_product .title dl { margin-top:12px; display:flex; flex-direction:column;}
.index_product .title dd { margin-top:25px; line-height:40px; font-size:22px; overflow:hidden;}
.index_product .title dd a { padding-top:30px; font-weight:bold; color:#727171; display:inline-block; position:relative;}
.index_product .title dd i { font-style:italic; position:absolute; top:0; left:0;}
.index_product .title dd:hover a,
.index_product .title dd.active a { color:#0093da;}

.index_product .info { width:1080px; height:175px; position:absolute; top:0; right:0;}
.index_product .info p { line-height:24px; font-size:16px; position:absolute; bottom:-4px; left:0;}

.index_product .list { width:1080px; position:absolute; top:220px; right:0;}
.index_product .list .scroll { overflow:hidden;}
.index_product .list .auto_list { width:calc((100% + 30px) / 3 * 100); display:flex; align-items:center;}
.index_product .list .auto_list li { width:calc(1% - 30px); margin-right:30px; background:#fff; border-radius:4px; overflow:hidden; position:relative;}
.index_product .list .auto_list li a { display:flex; flex-direction:column;}
.index_product .list .auto_list li .pic { position:relative;}
.index_product .list .auto_list li .pic .img { width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; top:10px; left:10px;}
.index_product .list .auto_list li h3 { padding:0 5px 18px; margin:10px 0 20px; text-align:center; font-size:16px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_product .list .auto_list li h3 i { width:100%; line-height:1; font-size:12px; color:#898989; position:absolute; bottom:0; left:0;}
.index_product .list .button { display:flex; align-items:center; position:absolute; bottom:-90px; left:0;}
.index_product .list .button li { width:58px; height:58px; margin-right:15px; border:1px solid #898989; border-radius:100%; cursor:pointer; position:relative;}
.index_product .list .button li:before { width:30px; height:7px; content:""; background:url(../images/app.png) no-repeat 0 -210px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -15px;}
.index_product .list .button li.auto_list_prev { transform:rotateY(180deg);}
.index_product .list .button li:hover { border-color:#0093da;}
.index_product .list .button li:hover:before { background-position:0 -220px;}

.index_join { position:relative; z-index:10;}
.index_join .bgs { position:relative; z-index:1;}

.index_join .info { width:1400px; color:#fff; display:flex; flex-direction:column; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10;}
.index_join .info h5 { line-height:1; font-size:40px; font-weight:bold;}
.index_join .info .text { margin:15px 0 35px; line-height:22px; font-size:18px;}
.index_join .info .more { font-size:16px;}
.index_join .info .more a { width:148px; height:48px; background:#76c4d6; border-radius:25px; text-align:center; line-height:50px; color:#fff; display:block; transition:all 0.5s;}
.index_join .info .more a:hover { background:#fff; color:#0093da;}

.index_honor { width:1400px; padding:80px 0; margin-bottom:-50px; position:relative; z-index:10;}
.index_honor:before { width:1920px; height:100%; content:""; background:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.index_honor .list { position:relative;}
.index_honor .list .scroll { overflow:hidden;}
.index_honor .list .auto_list { width:calc((100% + 25px) / 4 * 100); display:flex; align-items:center;}
.index_honor .list .auto_list li { width:calc(1% - 25px); margin-right:25px; overflow:hidden;}
.index_honor .list .auto_list li a { display:flex; flex-direction:column;}
.index_honor .list .auto_list li .pic { border:10px solid #f8f3eb; position:relative;}
.index_honor .list .auto_list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_honor .list .auto_list li h3 { margin-top:10px; text-align:center; line-height:1; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_honor .list .auto_list li:hover .pic { border-color:#0093da;}
.index_honor .list .button { margin-top:50px; display:flex; align-items:center; justify-content:center;}
.index_honor .list .button li { width:58px; height:58px; margin:0 10px; border:1px solid #898989; border-radius:100%; cursor:pointer; position:relative;}
.index_honor .list .button li:before { width:30px; height:7px; content:""; background:url(../images/app.png) no-repeat 0 -210px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -15px;}
.index_honor .list .button li.auto_list_prev { transform:rotateY(180deg);}
.index_honor .list .button li:hover { border-color:#0093da;}
.index_honor .list .button li:hover:before { background-position:0 -220px;}

@media (max-width:1600px){
.index_about .info { width:550px; padding-left:750px;}
.index_about .info .text { max-height:490px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:24;}
.index_about .info .item { margin:40px 0;}
.index_product { width:1300px; height:785px;}
.index_product .title { width:220px;}
.index_product .info,.index_product .list { width:980px;}
.index_join .info,.index_honor { width:1300px;}
}

@media (max-width:1500px){
.index_about .info { width:500px; padding-left:700px;}
.index_about .info .text { max-height:390px; -webkit-line-clamp:18;}
.index_about .info .item p { font-size:16px;}
.index_product { width:1200px; height:755px;}
.index_product .info,.index_product .list { width:900px;}
.index_join .info,.index_honor { width:1200px;}
}