@charset "utf-8";
section { width:1300px; position:relative; z-index:10;}
section>ul { position:relative; z-index:10;}

.index_swiper { width:100%; margin-top:80px;}
.index_swiper .swiper { float:left; width:100%; height:100%; position:relative;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide .img img { min-height:100%; transition:all 0.8s;}
.index_swiper .swiper-slide-active .img img { animation:swiper_active 6s ease;}
.index_swiper .swiper-pagination { width:auto !important; height:4px !important; padding:4px; background:rgba(0,0,0,0.4); border-radius:10px; left:50% !important; bottom:10px !important; 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:0/0 arial; overflow:hidden; position:relative;}
.index_swiper .swiper-pagination-bullet:before { width:0; height:100%; content:""; background:#42b8f1; border-radius:4px; position:absolute; top:0; left:0; transition:width 6s; opacity:0;}
.index_swiper .swiper-pagination-bullet-active { width:20px;}
.index_swiper .swiper-pagination-bullet-active:before { width:100%; opacity:1;}
.index_swiper .swiper-button { display:none;}
@keyframes swiper_active {
	0% { transform:scale(1.1);}
	100% { transform:scale(1);}
}

.index_title { width:100%; padding:38px 0 30px; position:relative;}
.index_title h2 { line-height:1; font-size:28px; color:#000; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_title p { margin:0px 0 -3px; text-align:center; color:#4b4b4b;}

.more_hover a { cursor:pointer;}
.more_hover a:before { width:100%; height:0; padding-top:100%; content:""; border-radius:100%; position:absolute; top:50%; left:50%;}
.more_hover a:hover:before { animation:more_bg_hover 0.8s;}
@keyframes more_bg_hover {
	0% { background:rgba(0,0,0,0.25); transform:translate(-50%,-50%) scale(0);}
	to { background:transparent; transform:translate(-50%,-50%) scale(1);}
}

.index_service { padding:60px 0;}
.index_service:before { width:1920px; height:100%; content:""; background:url(../images/bg_service.jpg) no-repeat center top; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.index_service .list { width:calc(100% + 40px); margin-top:-30px;}
.index_service .list li { float:left; width:calc(100% / 4 - 40px); margin:30px 40px 0 0; overflow:visible;}
.index_service .list li dl { float:left; width:calc(100%  - 20px); padding:10px; background:#fff; box-shadow:0px 0px 12px rgba(0,0,0,0.15); position:relative; transition:all 0.2s;}
.index_service .list dt { float:left; width:100%; color:#cc8c45; position:relative;}
.index_service .list dt p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_service .list dt .img { height:100%; border-radius:4px; top:0;}
.index_service .list dt .text { width:calc(100% - 50px); padding-top:35px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:25;}
.index_service .list dt .text i { line-height:1; font-size:24px; position:absolute; top:0; left:0;}
.index_service .list dd.info { float:left; width:calc(100% - 20px); height:calc(30px * 4); margin:5px 10px; color:#898989; overflow:hidden; position:relative;}
.index_service .list dd.info p { float:left; width:calc(100% - 30px); padding-left:30px; margin-top:20px; position:relative;}
.index_service .list dd.info p:before { width:16px; height:16px; content:""; border:2px solid #999; border-radius:100%; position:absolute; top:0; left:0;}
.index_service .list dd.info p:after { width:12px; height:8px; content:""; background:url(../images/base.png) no-repeat -38px 0; position:absolute; top:6px; left:4px;}
.index_service .list dd.more { float:left; width:100%; height:40px; margin:20px 0; text-align:center; line-height:40px; position:relative;}
.index_service .list dd.more a { width:150px; height:100%; background:#0485ed; border-radius:4px; color:#fff; display:inline-block; overflow:hidden; position:relative;}
.index_service .list dd.more a i { display:inline-block; position:relative; z-index:10;}
.index_service .list li.li2 dt { color:#c87d6d;}
.index_service .list li.li3 dt { color:#7c77aa;}
.index_service .list li.li4 dt { color:#788898;}
.index_service .list li:hover dl { transform:translateY(-10px);}

.index_youshi { padding:60px 0;}
.index_youshi .index_title { padding-bottom:40px;}
.index_youshi .index_title h2:before { width:60%; height:4px; content:""; background:#0485ed; position:absolute; bottom:-16px; left:50%; transform:translateX(-50%);}

.index_youshi .info { width:calc(100% - 650px); height:400px; padding-left:650px; position:relative;}
.index_youshi .info li { width:100%;}
.index_youshi .info li.img { width:600px; height:100%; border-radius:10px; position:absolute; top:0; left:0;}
.index_youshi .info li.img img:hover { transform:scale(1.05);}
.index_youshi .info li.text { margin-top:-35px;}
.index_youshi .info li.text dl { margin-top:35px;}
.index_youshi .info li.text dt { margin:-2px 0 8px; font-size:16px; color:#3e3a39;}
.index_youshi .info li.text dd { line-height:24px; color:#898989;}
.index_youshi .info li.more { width:auto; position:absolute; bottom:0; left:650px;}
.index_youshi .info li.more a { width:140px; height:40px; background:#0485ed; border-radius:20px; text-align:center; line-height:40px; color:#fff; display:block; overflow:hidden; position:relative;}
.index_youshi .info li.more a i { display:inline-block; position:relative; z-index:10;}

.index_youshi .list { width:100%; margin-top:40px; position:relative;}
.index_youshi .list li { width:calc(100% / 4);}
.index_youshi .list li p { float:left; width:100%; text-align:center; color:#333; overflow:hidden; position:relative;}
.index_youshi .list li .num { height:30px; font:40px/38px "ALTGOT2N"; color:#212121;}
.index_youshi .list li .num span { height:100%; padding-right:20px; display:inline-block; position:relative;}
.index_youshi .list li .num span:before,
.index_youshi .list li .num span:after { width:0; height:0; content:""; background:#212121; position:absolute; top:50%;}
.index_youshi .list li .num span:before { width:11px; height:1px; right:0;}
.index_youshi .list li .num span:after { width:1px; height:11px; right:5px; margin-top:-5px;}
.index_youshi .list li .name { margin-top:10px; line-height:1;}

.index_about { padding:60px 0;}
.index_about:before { width:1920px; height:100%; content:""; background:#fafafa; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.index_about .info { width:calc(100% - 650px); height:360px; padding-left:650px; margin-bottom:-60px; position:relative;}
.index_about .info li { width:100%;}
.index_about .info li.img { width:600px; height:100%; position:absolute; top:0; left:0;}
.index_about .info li.img img:hover { transform:scale(1.05);}
.index_about .info li.text { margin-top:-5px; line-height:24px; color:#3e3a39; position:relative; top:50%; transform:translateY(-50%);}

.index_media { padding:60px 0;}
.index_media .list { width:100%;}
.index_media .list li { width:25%; padding:70px 0; background:rgb(250,250,250) url(../images/bg_media1.png) no-repeat center bottom;}
.index_media .list li a { height:100%; display:block;}
.index_media .list li .img { width:50px; height:50px; background:none; position:relative; left:50%; transform:translateX(-50%);}
.index_media .list li .img img { transition:all 0.3s;}
.index_media .list li .name { margin:20px 0; text-align:center; line-height:1; font-size:18px; color:#3e3a39;}
.index_media .list li .text { height:66px; padding:0 40px 8px; margin:-4px 0; text-align:center; line-height:22px; color:#898989; overflow:hidden;}
.index_media .list li:hover .img img { transform:rotateY(180deg);}

.index_ads { padding:0;}
.index_ads .list { width:calc(100% + 10px); margin-top:-10px;}
.index_ads .list li { width:calc(100% / 3 - 10px); padding:70px 0; margin:10px 10px 0 0; background:rgb(250,250,250) url(../images/bg_ads1.png) no-repeat center bottom; border-radius:10px; position:relative;}
.index_ads .list li a { height:100%; display:block; position:relative;}
.index_ads .list li .img { width:60px; height:60px; background:none; left:50%; transform:translateX(-50%);}
.index_ads .list li .img img { transition:all 0.3s;}
.index_ads .list li .name { margin:20px 0; text-align:center; line-height:1; font-size:18px; color:#3e3a39;}
.index_ads .list li .text { height:66px; padding:0 40px 8px; margin:-4px 0; text-align:center; line-height:22px; color:#898989; overflow:hidden;}
.index_ads .list li:hover .img img { transform:rotateY(180deg);}
.index_ads .list li:hover .name { color:#0485ed;}
.index_ads .list li:hover .text { color:#3e3a39;}

.index_web { padding:60px 0;}
.index_web .list { width:100%;}
.index_web .list li { width:25%; padding:70px 0; background:rgb(250,250,250) url(../images/bg_web1.png) no-repeat center bottom; position:relative;}
.index_web .list li a { height:100%; display:block; position:relative;}
.index_web .list li .img { width:50px; height:50px; background:none; left:50%; transform:translateX(-50%);}
.index_web .list li .img img { transition:all 0.3s;}
.index_web .list li .name { margin:20px 0; text-align:center; line-height:1; font-size:18px; color:#3e3a39;}
.index_web .list li .text { height:66px; padding:0 40px 8px; margin:-4px 0; text-align:center; line-height:22px; color:#898989; overflow:hidden;}
.index_web .list li:hover .img img { transform:rotateY(180deg);}

.index_news { padding:60px 0; margin-bottom:-60px;}
.index_news:before { width:1920px; height:100%; content:""; background:#f9f9f9; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.index_news .index_title h2:before,
.index_news .index_title h2:after { width:25px; height:3px; content:""; background:#333; position:absolute; top:50%; margin-top:-1px;}
.index_news .index_title h2:before { left:-35px;}
.index_news .index_title h2:after { right:-35px;}

.index_news .list { width:100%;}
.index_news .list:before { width:100%; height:100%; content:""; background:#fff; position:absolute; top:0; left:0;}
.index_news .list li { width:calc(50% - 40px); height:108px; margin:0 20px; border-top:1px solid #ececec; position:relative; z-index:10;}
.index_news .list li a { height:100%; display:block; position:relative;}
.index_news .list li .img { float:left; width:115px; height:76px; margin:-4px 15px 0 0; overflow:hidden;}
.index_news .list li .name { height:20px; margin:20px 0 9px; font-size:16px; color:#000; overflow:hidden;}
.index_news .list li .name span { float:right; margin-left:10px; font-size:14px; color:#898989;}
.index_news .list li .text { height:40px; color:#666; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .list li:nth-child(1),
.index_news .list li:nth-child(2) { border:0;}
.index_news .list li a:hover .name { color:#0485ed;}