@charset "utf-8";
section { width:1200px; position:relative; z-index:100;}
section img { max-width:100%;}
section>ul { position:relative; z-index:10;}

.index_swiper { width:100%; left:50%; margin-top:-90px; transform:translateX(-50%);}
.index_swiper .bg { float:left; width:100%; margin-top:-90px; font:0/0 arial; position:relative; z-index:1;}
.index_swiper .bg img { width:100%; opacity:0;}
.index_swiper .swiper { position:absolute; top:0; left:0;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; position:absolute; left:0;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0;}
.index_swiper .swiper-slide-active .img img { animation:swiper_hover 6s ease;}
.index_swiper .swiper-pagination { width:auto !important; height:6px !important; padding:5px; background:rgba(0,0,0,0.4); border-radius:10px; left:50% !important; bottom:10px !important; transform:translateX(-50%); display:flex; align-content:center;}
.index_swiper .swiper-pagination-bullet { width:6px; height:100%; margin:0 2px !important; border-radius:6px; overflow:hidden; position:relative;}
.index_swiper .swiper-pagination-bullet:before,
.index_swiper .swiper-pagination-bullet:after { width:100%; height:100%; content:""; background:#fff; position:absolute; top:0; left:0;}
.index_swiper .swiper-pagination-bullet:before { width:0; background:#42b8f1; transition:width 8s; opacity:0;}
.index_swiper .swiper-pagination-bullet:after { display:block;}
.index_swiper .swiper-pagination-bullet-active { width:30px;}
.index_swiper .swiper-pagination-bullet-active:before { width:100%; opacity:1;}
.index_swiper .swiper-pagination-bullet-active:after { display:none;}
.index_swiper .swiper-button { display:none;}
@keyframes swiper_hover {
	0% { transform: scale(1.15); -webkit-transform: scale(1.15);}
	100% { transform: scale(1); -webkit-transform: scale(1);}
}

.index_title { width:100%; padding-top:40px; position:relative;}
.index_title h2 { width:100%; line-height:28px; text-align:center; font-size:30px; color:#42b8f1; position:absolute; top:0; left:0;}
.index_title p { text-align:center; font-size:14px; color:#898989;}

.index_more { width:100%; height:40px; margin-top:25px; text-align:center; line-height:40px; font-size:16px; position:relative;}
.index_more li { float:none; width:130px; height:100%; margin:0 7px; border-radius:20px; display:inline-block;}
.index_more li a { width:100%; height:100%; background:#42b8f1; text-align:center; color:#fff; display:block;}
.index_more li a:hover { background:#f7ab00;}

.index_service { margin-top:50px;}

.index_service .list1 { width:105%; margin-top:5px;}
.index_service .list1 li { width:380px; height:200px; margin:30px 30px 0 0; box-shadow:0 0 8px 3px #e8e8e8; line-height:24px; font-size:14px; position:relative; transition:all 0.4s;}
.index_service .list1 li a { width:calc(100% - 150px); height:calc(100% - 100px); padding:100px 20px 0 130px; display:block; position:relative;}
.index_service .list1 li .icon { width:130px; height:100%; position:absolute; top:0; left:0;}
.index_service .list1 li .icon:before { width:80px; height:80px; content:""; background:url(../images/base.png) no-repeat -130px -150px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_service .list1 li .name { height:35px; line-height:20px; font-size:22px; position:absolute; top:55px; left:130px;}
.index_service .list1 li .name:before { width:20px; height:2px; content:""; background:#595757; position:absolute; bottom:0; left:0;}
.index_service .list1 li .info { width:230px; line-height:24px; font-size:14px; position:absolute; top:105px; left:130px;}
.index_service .list1 li:hover { transform:translateY(-10px);}
.index_service .list1 li:hover a { background:#42b8f1; color:#fff;}
.index_service .list1 li:hover .name:before { background:#fff;}
.index_service .list1 li:nth-child(1) .icon:before { background-position:-130px -150px;}
.index_service .list1 li:nth-child(1):hover .icon:before { background-position:-130px -230px;}
.index_service .list1 li:nth-child(2) .icon:before { background-position:-210px -150px;}
.index_service .list1 li:nth-child(2):hover .icon:before { background-position:-210px -230px;}
.index_service .list1 li:nth-child(3) .icon:before { width:85px; background-position:-45px -150px; margin-left:20px;}
.index_service .list1 li:nth-child(3):hover .icon:before { background-position:-45px -230px;}
.index_service .list1 li:nth-child(4) .icon:before { background-position:-290px -150px;}
.index_service .list1 li:nth-child(4):hover .icon:before { background-position:-290px -230px;}
.index_service .list1 li:nth-child(5) .icon:before { background-position:-370px -150px;}
.index_service .list1 li:nth-child(5):hover .icon:before { background-position:-370px -230px;}
.index_service .list1 li:nth-child(6) .icon:before { background-position:-450px -150px;}
.index_service .list1 li:nth-child(6):hover .icon:before { background-position:-450px -230px;}

.index_service .list2 { width:calc(100% - 40px); padding:10px 0 45px; margin:50px 0 0 20px; position:relative;}
.index_service .list2:before { width:1920px; height:1px; content:""; background:#ddd; position:absolute; top:0; left:50%; margin-left:-960px;}
.index_service .list2 li { width:calc(100% / 6 - 80px); height:75px; margin:35px 40px 0; position:relative;}
.index_service .list2 li a { width:100%; height:100%; display:block;}
.index_service .list2 li p { text-align:center; position:absolute; top:0; right:0; bottom:0; left:0;}
.index_service .list2 li .icon { width:80px; height:50px; background:url(../images/base.png) no-repeat -50px -310px; margin:0 auto auto auto;}
.index_service .list2 li .name { width:100%; height:16px; line-height:16px; font-size:16px; color:#b5b5b6; margin:auto auto 0 auto;}
.index_service .list2 li:hover .name { color:#42b8f1;}
.index_service .list2 li .jichu { background-position:-50px -310px;}
.index_service .list2 li:hover .jichu { background-position:-50px -410px;}
.index_service .list2 li .seo { background-position:-130px -310px;}
.index_service .list2 li:hover .seo { background-position:-130px -410px;}
.index_service .list2 li .yuming { background-position:-210px -310px;}
.index_service .list2 li:hover .yuming { background-position:-210px -410px;}
.index_service .list2 li .ifx { background-position:-290px -310px;}
.index_service .list2 li:hover .ifx { background-position:-290px -410px;}
.index_service .list2 li .shangbiao { background-position:-370px -310px;}
.index_service .list2 li:hover .shangbiao { background-position:-370px -410px;}
.index_service .list2 li .hongbao { background-position:-450px -310px;}
.index_service .list2 li:hover .hongbao { background-position:-450px -410px;}
.index_service .list2 li .tel400 { background-position:-530px -310px;}
.index_service .list2 li:hover .tel400 { background-position:-530px -410px;}
.index_service .list2 li .kexing { background-position:-50px -360px;}
.index_service .list2 li:hover .kexing { background-position:-50px -460px;}
.index_service .list2 li .kuaipai { background-position:-130px -360px;}
.index_service .list2 li:hover .kuaipai { background-position:-130px -460px;}
.index_service .list2 li .email { background-position:-210px -360px;}
.index_service .list2 li:hover .email { background-position:-210px -460px;}
.index_service .list2 li .caigou { background-position:-290px -360px;}
.index_service .list2 li:hover .caigou { background-position:-290px -460px;}
.index_service .list2 li .guwen { background-position:-370px -360px;}
.index_service .list2 li:hover .guwen { background-position:-370px -460px;}
.index_service .list2 li .baping { background-position:-450px -360px;}
.index_service .list2 li:hover .baping { background-position:-450px -460px;}
.index_service .list2 li .tongcheng { background-position:-530px -360px;}
.index_service .list2 li:hover .tongcheng { background-position:-530px -460px;}
.index_service .list2 li .svideo { background-position:-50px -510px;}
.index_service .list2 li:hover .svideo { background-position:-50px -560px;}

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

.index_case .list { width:105%; margin-top:20px;}
.index_case .list li { width:390px; height:295px; margin:15px 15px 0 0; position:relative;}
.index_case .list li a { width:100%; height:100%; display:block;}
.index_case .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_case .list li .img { width:100%; height:245px; top:0; left:0;}
.index_case .list li .img img { transition:all 0.8s;}
.index_case .list li .name { width:calc(100% - 75px); height:50px; padding-right:75px; background:#fff; line-height:50px; text-indent:15px; font-size:16px; bottom:0;}
.index_case .list li .name:before,.index_case .list li .name:after { width:28px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_case .list li .name:before { background-position:-260px 0; margin-right:30px;}
.index_case .list li .name:after { background-position:-288px 0; margin-right:2px;}
.index_case .list li:hover .img img { transform:scale(1.05);}
.index_case .list li:hover .name { background:#42b8f1; color:#fff;}
.index_case .list li:hover .name:before { background-position:-260px -20px;}
.index_case .list li:hover .name:after { background-position:-288px -20px;}

.index_news { padding:50px 0;}

.index_news .lists { width:105%; margin-top:35px;}
.index_news .list { width:380px; height:660px; margin-right:30px;}

.index_news .list .title { width:100%; height:48px; background:#eceeef; position:relative;}
.index_news .list .title h2 { height:100%; padding:0 30px; background:#42b8f1; line-height:46px; font-size:16px; color:#fff; position:absolute; top:0; left:0;}
.index_news .list .title .more { width:28px; height:28px; background:#42b8f1; border-radius:100%; position:absolute; top:50%; right:13px; margin-top:-14px;}
.index_news .list .title .more:before { width:16px; height:16px; content:""; background:url(../images/base.png) no-repeat 0 -120px; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px;}
.index_news .list .title .more:hover { background:#000;}

.index_news .list .imglist { width:100%; height:360px; margin-top:15px; border-bottom:#c9caca 1px dotted;}
.index_news .list .imglist li { width:100%; height:360px;}
.index_news .list .imglist li a { width:100%; height:100%; display:block;}
.index_news .list .imglist li p { float:left; width:100%; line-height:24px; font-size:14px; overflow:hidden;}
.index_news .list .imglist li .img { height:230px; font:0/0 Arial;}
.index_news .list .imglist li .img img { transition:all 0.8s;}
.index_news .list .imglist li .name { height:24px; margin-top:12px; font-size:16px; text-overflow:ellipsis; white-space:nowrap;}
.index_news .list .imglist li .date { height:24px; margin:5px 0; color:#898989;}
.index_news .list .imglist li .info { height:48px; color:#898989;}
.index_news .list .imglist li:hover .img img { transform:scale(1.05);}

.index_news .list .txtlist { width:100%;}
.index_news .list .txtlist li { width:100%; height:46px; border-bottom:#c9caca 1px dotted; text-indent:7px; line-height:46px; font-size:14px;}
.index_news .list .txtlist li a { width:100%; height:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; transition:all 0.3s;}
.index_news .list .txtlist li a:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:50%; left:0; margin-top:-1px;}
.index_news .list .txtlist li:hover a:before { background:#42b8f1;}
.index_news .list .txtlist li:hover a { transform:translateX(10px);}

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

.index_about .index_title h2 { color:#fff;}
.index_about .index_title p { color:#fff;}

.index_about .about { width:100%; height:340px; margin-top:35px; position:relative;}
.index_about .about .info { width:675px; height:260px; line-height:24px; font-size:14px; position:absolute; top:0; left:0;}

.index_about .about .more { width:130px; height:40px; position:absolute; bottom:0; left:0;}
.index_about .about .more a { width:100%; height:100%; background:#f7ab00; border-radius:20px; text-align:center; line-height:38px; font-size:16px; color:#fff; display:block;}
.index_about .about .more a:hover { background:#000;}

.index_about .about .imgs { width:500px; height:340px; overflow:hidden; position:absolute; top:0; right:0;}
.index_about .about .imgs img { width:100%; min-height:100%; transition:all 0.8s;}
.index_about .about .imgs:hover img { transform:scale(1.04);}

.index_about .honor { width:100%; height:310px; margin-top:40px; position:relative;}
.index_about .honor .scroll { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.index_about .honor .auto_list { width:10000%; height:100%;}
.index_about .honor .auto_list li { width:230px; height:100%; margin-right:12px; position:relative;}
.index_about .honor .auto_list li a { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_about .honor .auto_list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_about .honor .auto_list li .img { height:100%;}
.index_about .honor .auto_list li .img img { transition:all 0.5s;}
.index_about .honor .auto_list li:hover .img img { transform:scale(1.08);}

.index_about .honor .button { width:30px; height:30px; border:#fff 1px solid; border-radius:100%; position:absolute; top:50%; margin-top:-16px; cursor:pointer;}
.index_about .honor .button:before { width:8px; height:15px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_about .honor .button:hover { background:#f7ab00; border-color:#f7ab00;}
.index_about .honor .button.auto_list_prev { left:-46px;}
.index_about .honor .button.auto_list_prev:before { background-position:-30px -120px; margin-left:10px;}
.index_about .honor .button.auto_list_next { right:-46px;}
.index_about .honor .button.auto_list_next:before { background-position:-40px -120px; margin-right:10px;}

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

.index_contact .contactus { width:100%; height:420px; position:relative;}
.index_contact .contactus .info { width:400px; height:100%; background:#42b8f1; position:absolute; top:0; left:0;}
.index_contact .contactus .info dl { width:350px; position:absolute; left:25px; z-index:20;}
.index_contact .contactus .info .bg { width:100%; height:100%; overflow:hidden; top:0; left:0; z-index:10;}
.index_contact .contactus .info .bg img { width:100%; min-height:100%; opacity:0.1;}

.index_contact .contactus .info .tel { padding-top:60px; line-height:24px; font-size:16px; color:#fff; top:50px;}
.index_contact .contactus .info .tel h2 { line-height:28px; font-size:30px; position:absolute; top:0; left:0;}

.index_contact .contactus .info .icon { height:48px; padding:20px 0; border:#93dcff 1px solid; border-left:0; border-right:0; top:200px; z-index:30;}
.index_contact .contactus .info .icon dd { float:left; width:46px; height:46px; margin-left:35px; border:#fff 1px solid; border-radius:100%; position:relative; cursor:pointer;}
.index_contact .contactus .info .icon dd:hover { background:#f7ab00; border-color:#f7ab00;}
.index_contact .contactus .info .icon dd:first-child { margin:0;}
.index_contact .contactus .info .icon dd a { width:100%; height:100%; font:0/0 Arial; display:block;}
.index_contact .contactus .info .icon dd:before { width:26px; height:26px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_contact .contactus .info .icon dd.qq:before { background-position:-320px 0;}
.index_contact .contactus .info .icon dd.wx:before { background-position:-346px 0;}
.index_contact .contactus .info .icon dd.mb:before { background-position:-372px 0;}
.index_contact .contactus .info .icon dd .ewm { width:130px; height:145px; background:none !important; position:absolute; top:100%; left:50%; margin-left:-65px; transition:all 0.3s; transform:translateY(10%); opacity:0; visibility:hidden;}
.index_contact .contactus .info .icon dd .ewm:before { width:126px; height:126px; content:""; background-color:#fff; border:#fff 2px solid; border-radius:3px; position:absolute; bottom:0; left:0; z-index:10;}
.index_contact .contactus .info .icon dd .ewm:after { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#fff 9px solid; position:absolute; top:6px; left:50%; margin-left:-8px;}
.index_contact .contactus .info .icon dd .ewm img { width:118px; height:118px; position:absolute; bottom:6px; left:6px; z-index:20;}
.index_contact .contactus .info .icon dd:hover .ewm { transform:translateY(0); opacity:1; visibility:visible;}

.index_contact .contactus .info .addr { line-height:24px; font-size:16px; color:#fff; top:310px;}

.index_contact .contactus .message { width:800px; height:100%; background:#fff; position:absolute; top:0; right:0;}
.index_contact .contactus .message li { width:360px; height:50px; line-height:50px; font-size:14px; position:absolute; left:30px; z-index:10;}
.index_contact .contactus .message li span { height:100%; color:#898989; position:absolute; top:0; left:15px;}
.index_contact .contactus .message li input { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; text-indent:85px; position:absolute; top:0; left:0; z-index:20;}
.index_contact .contactus .message li input:focus { border-color:#42b8f1;}
.index_contact .contactus .message .name { line-height:28px; font-size:30px; color:#42b8f1; top:40px;}
.index_contact .contactus .message .xuqiu { width:740px; top:100px;}
.index_contact .contactus .message .user { top:170px;}
.index_contact .contactus .message .tel { top:170px; left:auto; right:30px;}
.index_contact .contactus .message .qq { top:240px;}
.index_contact .contactus .message .code { top:240px; left:auto; right:30px;}
.index_contact .contactus .message .code img { height:26px; position:absolute; top:50%; right:7px; margin-top:-13px; z-index:30; cursor:pointer;}
.index_contact .contactus .message .submit { width:740px; height:60px; background:#42b8f1; text-align:center; line-height:58px; font-size:18px; color:#fff; top:315px;}
.index_contact .contactus .message .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1) !important; position:absolute; top:0; left:0; z-index:100; display:none;}

.index_contact .area { width:100%; margin-top:50px; position:relative;}
.index_contact .area .list { width:105%;}
.index_contact .area .list li { width:150px; height:40px; margin:20px 25px 0 0; line-height:38px; font-size:16px;}
.index_contact .area .list li a { width:100%; height:100%; background:#42b8f1; border-radius:20px; text-align:center; color:#fff; display:block;}
.index_contact .area .list li a:hover { background:#f7ab00;}