@charset "UTF-8";
/*banner图*/
#banner_tabs { width: 100%; height: 100vh; _height: 800px; position: relative; }
#banner_tabs .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 50px; height: 100px; overflow: hidden; text-indent: 999999em; background: url(../images/flexnav.png) no-repeat; display: block; position: absolute; top: 50%; margin-top: -60px; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .6s ease; }
.flex-direction-nav .flex-prev { left: 2%; background-position: 0px 0px; }
.flex-direction-nav .flex-next { right: 2%; background-position: -50px 0px; }
#banner_tabs:hover .flex-next { opacity: 0.9; filter: alpha(opacity=80); }
#banner_tabs:hover .flex-prev { opacity: 0.9; filter: alpha(opacity=80); }
#page { height: 60px; margin-top: -60px; }
.index-page section.active > div { display: block; }
.index-page section { height: 100vh; position: relative; overflow: hidden; }
.index-page section > div { position: absolute; top: 50%; left: 50%; z-index: 2; display: none; transition: all .6s; }
/*APP-HOME*/
.index-page .app-home .bg { background: url(../images/bg.jpg); background-position: center center; height: 100vh; display: block; width: 100%; top: 0; left: 0; opacity: 1; -webkit-animation: bg-scale 10s linear infinite; animation: bg-scale 10s linear infinite; }
.index-page2 .app-home .bg { background: url(../images/bg2.jpg); background-position: center center; }
.index-page3 .app-home .bg { background: url(../images/bg3.jpg); background-position: center center; }
/*slogan*/
.index-page .app-home .slogan { height: auto;position: absolute;top:17%;left: 13%; }
.index-page .app-home .slogan  h2 { color:#fff; font-size:80px; font-weight:bold}
.index-page .app-home .slogan  h2  span { font-size:20px;}
.index-page .app-home .slogan  h3 { color:#fff; font-size:30px; }
.index-page2 .app-home .slogan { width: 100%; height: 80px; margin-left: -50%; margin-top: -340px; text-align: center; }
.index-page3 .app-home .slogan { width: 852px; height: 100px; margin-left: -426px; margin-top: -90px; }
/*second-slogan*/
.index-page .app-home .second-slogan { height: auto;position: absolute;top: 40%;left: 13%; }
.index-page .app-home .second-slogan h3 {color:#fff; font-size:50px; font-weight:bold; margin-bottom:20px}
.index-page .app-home .second-slogan h4 {color:#fff; font-size:30px; }
.index-page2 .app-home .second-slogan { width: 100%; height: 50px; margin-top: -240px; margin-left: -50%; text-align: center; }
.index-page2 .app-home .second-slogan2 { width: 100%; margin-left: -50%; text-align: center; top: auto; bottom: 0px; }
.index-page3 .app-home .second-slogan { width: 100%; margin-left: -50%; text-align: center; }
/*second-slogan end*/
.index-page .app-home .create-btn { margin-left: -130px; margin-top: 110px; }
.index-page .app-home .mask { position: absolute; background: rgba(0,0,0,.3); width: 150px; height: 150px; top: 50%; margin-top: -75px; margin-left: -75px; transition: all 2s; border-radius: 50%; opacity: 0; }
.maskscale { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: mask-scale; animation-name: mask-scale; }
/*按钮*/
.nav-arrow { position: absolute; bottom: 30px; left: 50%; z-index: 3; margin-left: -27px; width: 55px; height: 55px; cursor: pointer; background-image: url(../images/jiantou_a.png); background-repeat: no-repeat; background-position: center; background-size: 55px 55px; opacity: 0.5; animation-name: arrowing; -webkit-animation-name: arrowing; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .nav-arrow { background-size: 35px 35px }
}

.nav-arrow:hover { opacity: 1; }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .nav-arrow:hover { background-size: 35px 35px }
}

@-webkit-keyframes arrowing {
    0%,100% { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
    50% { -webkit-transform: translateY(10px); transform: translateY(10px) }
}

@keyframes arrowing {
    0%,100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
}

@-webkit-keyframes mask-scale {
    0% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .1 }
    20% { -webkit-transform: scale(2); transform: scale(2); opacity: .2 }
    30% { -webkit-transform: scale(3); transform: scale(3); opacity: .3 }
    40% { -webkit-transform: scale(4); transform: scale(4); opacity: .4 }
    50% { -webkit-transform: scale(5); transform: scale(5); opacity: .5 }
    60% { -webkit-transform: scale(6); transform: scale(6); opacity: .6 }
    70% { -webkit-transform: scale(8); transform: scale(8); opacity: .7 }
    80% { -webkit-transform: scale(10); transform: scale(10); opacity: .8 }
    90% { -webkit-transform: scale(12); transform: scale(12); opacity: .9 }
    100% { -webkit-transform: scale(18); transform: scale(18); opacity: 1 }
}

@keyframes mask-scale {
    0% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .1 }
    20% { -webkit-transform: scale(2); transform: scale(2); opacity: .2 }
    30% { -webkit-transform: scale(3); transform: scale(3); opacity: .3 }
    40% { -webkit-transform: scale(4); transform: scale(4); opacity: .4 }
    50% { -webkit-transform: scale(5); transform: scale(5); opacity: .5 }
    60% { -webkit-transform: scale(6); transform: scale(6); opacity: .6 }
    70% { -webkit-transform: scale(8); transform: scale(8); opacity: .7 }
    80% { -webkit-transform: scale(10); transform: scale(10); opacity: .8 }
    90% { -webkit-transform: scale(12); transform: scale(12); opacity: .9 }
    100% { -webkit-transform: scale(18); transform: scale(18); opacity: 1 }
}

@-webkit-keyframes bg-scale {
    0%,99% { -webkit-transform: scale(1); transform: scale(1) }
    33% { -webkit-transform: scale(1.05); transform: scale(1.05) }
    66% { -webkit-transform: scale(1.1); transform: scale(1.1) }
}

@keyframes bg-scale {
    0%,99% { -webkit-transform: scale(1); transform: scale(1) }
    33% { -webkit-transform: scale(1.05); transform: scale(1.05) }
    66% { -webkit-transform: scale(1.1); transform: scale(1.1) }
}

.delay100 { animation-delay: .1s; -webkit-animation-delay: .1s; }
.delay200 { animation-delay: .2s; -webkit-animation-delay: .2s; }
.delay300 { animation-delay: .3s; -webkit-animation-delay: .3s; }
.delay400 { animation-delay: .4s; -webkit-animation-delay: .4s; }
.delay500 { animation-delay: .5s; -webkit-animation-delay: .5s; }
.delay600 { animation-delay: .6s; -webkit-animation-delay: .6s; }
.delay700 { animation-delay: .7s; -webkit-animation-delay: .7s; }
.delay800 { animation-delay: .8s; -webkit-animation-delay: .8s; }
.delay900 { animation-delay: .9s; -webkit-animation-delay: .9s; }
.delay1000 { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay1200 { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay1400 { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; }
.delay1600 { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; }
.delay1800 { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
.delay1900 { animation-delay: 1.9s; -webkit-animation-delay: 1.9s; }
.delay2500 { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay3500 { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }
.delay4500 { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; }
.delay7000 { animation-delay: 7s; -webkit-animation-delay: 7s; }
/*我们能做什么*/
.bussiness { background: #f5f5f5; width: 100%; }
.section_head { padding: 50px 0px; }
.section_head .title { text-align: center; }
.section_head .title p { color: #333333; font-size: 2.5rem; font-weight: bold; }
.section_head .title p i { color: #ff5500; }
.section_head .title span { display: block; color: #666; font-size: 18px; margin:10px 0 }
.bussiness-body { display: block; overflow: hidden; width: 90%; text-align: center; font-size: 0px; margin: auto; }
.bussiness-body .item { position: relative; display: inline-block; /*float: left;*/ width: 16.666%; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.bussiness-body .item1 { left: 200px; -webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item2 { left: 300px; -webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;; }
.bussiness-body .item3 { left: 400px; -webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item4 { left: 500px; -webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item5 { left: 600px; -webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear; transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item.on { width: 32.33%; }
.bussiness .bussiness-body .item { left: 0; opacity: 1; filter: alpha(opacity=100); }
.bussiness-body .item .service { display: block; height: 358px; border: 1px solid #e8e8e8; border-width: 1px 0px 1px 1px; text-align: center; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service { width: 50%; }
.bussiness-body .item5 .service { border-width: 1px 1px 1px 1px; }
.bussiness-body .item.on .service { background-color: #fcb302; border-color: #fcb302; }
.bussiness-body .item .service .content { display: block; height: 250px; padding-top: 46px; line-height: 1; }
.bussiness-body .item .service .content h4 { display: block; font-size:30px; font-weight: bold; }
.bussiness-body .item .service .content h4 a { color: #333; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .content h4 a { color: #fff; }
.bussiness-body .item .service .content p { display: block; margin-top: 11px; color: #4b4b4b; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .content p { color: #fff; }
.bussiness-body .item .service .content .icon { display: inline-block; margin-top: 56px; }
.bussiness-icon1 { background: url(../images/icon_01.png) no-repeat 0px -822px; height: 72px; padding-left: 88px; }
.bussiness-body .item.on .service .content .bussiness-icon1 { background: url(../images/icon_01.png) no-repeat 0px -894px; }
.bussiness-icon2 { background: url(../images/icon_01.png) no-repeat 0px -750px; height: 72px; padding-left: 42px; }
.bussiness-body .item.on .service .content .bussiness-icon2 { background: url(../images/icon_01.png) no-repeat 0px -678px; }
.bussiness-icon3 { background: url(../images/icon_01.png) no-repeat 0px -1254px; height: 72px; padding-left: 64px; }
.bussiness-body .item.on .service .content .bussiness-icon3 { background: url(../images/icon_01.png) no-repeat 0px -1326px; }
.bussiness-icon4 { background: url(../images/icon_01.png) no-repeat 0px -966px; height: 72px; padding-left: 60px; }
.bussiness-body .item.on .service .content .bussiness-icon4 { background: url(../images/icon_01.png) no-repeat 0px -1182px; }
.bussiness-icon5 { background: url(../images/icon_01.png) no-repeat 0px -1038px; height: 72px; padding-left: 55px; }
.bussiness-body .item.on .service .content .bussiness-icon5 { background: url(../images/icon_01.png) no-repeat 0px -1110px; }
.bussiness-body .item .service .info { display: block; padding: 16px 20px 0 20px; border-top: 1px dashed #cdcdcd; font-size: 16px; line-height:30px; color: #6c6c6c; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .info { color: #fff; border-top: 1px dashed #4e94dd; }
.bussiness-body .item .price { position: absolute; display: block; width: 100%; height: 360px; left: 100%; top: 0; }
.bussiness-body .item.on .price { width: 50%; left: 50%; }
.bussiness-body .item .price ul { display: block; position: relative; z-index: 5; }
.bussiness-body .item .price ul li { display: block; height: 71px; line-height: 71px; *height: 69px; *line-height: 69px; border-bottom: 1px solid #565758; white-space: nowrap; }
.bussiness-body .item .price ul li a { display: block; padding: 0 20px 0 10px; color: #999; font-size: 14px; text-align: left; background: url(../images/enter-icon.png) no-repeat right 10px center; cursor: pointer; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.bussiness-body .item .price ul li a:hover { color: #fff; background: url(../images/enter-icon-on.png) no-repeat right 10px center; }
.bussiness-body .item .price ul li a .num { padding-left: 10px; }
.bussiness-body .item .price .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 2; }
/*我们做过什么*/
.case_link { width: 100%; text-align: center; margin-bottom: 35px; }
.case_link ul li { display: inline-block; vertical-align: middle; padding: 0 10px; }
.case_link ul li a { display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #666; font-size: 15px; border-radius: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.case_link ul li:hover a, .case_link ul li.on a { background-color: #fcb302; color: #fff; }
.case_wrap { width: 94%; margin: 0 auto; }
.case_wrap ul li { float: left; width: 24%; margin: 0.5%; *width: 24.97%; text-align: center; background: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.case_wrap ul li a { display: block; }
.case_wrap ul li article { position: relative; width: 100%; height: 0; padding-top: 62.4%; overflow: hidden; }
.case_wrap ul li article img { position: absolute; top: 0; left: 0; width: 100.5%; height: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.case_wrap ul li article summary { width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #dcdcdc; background: rgba(0,0,0,0.5); background: #666\9; text-align: left; text-indent: 20px; z-index: 3; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.case_wrap ul li .info { width: 100%; height: 60px; overflow: hidden; padding: 0px 0px 0px 10px; box-sizing: border-box; }
.case_wrap ul li .info h5 { display: block; float: left; width: calc(100% - 100px); height: 40px; line-height: 40px; margin: 10px 0px; text-align: left; display: block;width: 100%;text-align: center}
.case_wrap ul li .info h5 a { font-size: 18px; color: #333; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;width: 100%;text-align: center }
.case_wrap ul li .info .fr { width: 90px; height: 60px; }
.case_wrap ul li .info .fr a { display: inline-block; vertical-align: middle; text-align: right; margin-left: 10px; width: 20px; height: 60px; background-repeat: no-repeat; background-position: center; }
.case_wrap ul li .info .fr a.case_pc { background-image: url(../images/pc_b.png); }
.case_wrap ul li .info .fr a.case_phone { background-image: url(../images/phone_b.png); }
.case_wrap ul li:hover { background-color: #fcb302; }
.case_wrap ul li:hover a article summary { bottom: 0; }
.case_wrap ul li:hover a article img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.case_wrap ul li:hover a article:before { opacity: 1; filter: alpha(opacity=100); zoom: 1; }
.case_wrap ul li:hover a article:after { opacity: 1; filter: alpha(opacity=100); zoom: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.case_wrap ul li:hover .info h5 a { color: #fff; }
.case_wrap ul li:hover .info .fr a.case_pc { background-image: url(../images/pc_w.png); }
.case_wrap ul li:hover .info .fr a.case_phone { background-image: url(../images/phone_w.png); }
.case .case-body .more a, .int-big .button a{ display: block; width: 125px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; border-radius: 30px; overflow: hidden; border: 1px solid #fcb302; color: #fcb302; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.case .case-body .more a:hover, .int-big .button a:hover { background-color: #fcb302; color: #fff; }
/*解决方案*/
.solution {background-image:url(../images/solution-bgimg-4.jpg)}
.solution .section_head .title p,
.solution .section_head .title p i,
.solution .section_head .title span { color: #fff; }
.solution { background-color: #06050a; background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 30px 0 50px !important; margin-top: 50px; overflow: hidden; box-sizing: border-box; }
.solution .solution-slide { position: relative; width: 85%; margin: 0 auto; }
.solution .solution-slide .solution-slide-menu { width: 320px; text-align: center }
.solution .solution-slide .solution-slide-menu ul { position: relative; z-index: 1 }
.solution .solution-slide .solution-slide-menu ul li { padding: 20px 0; position: relative; overflow: hidden;; cursor: pointer; background: hsla(0,0%,100%,.2); box-sizing: border-box; }
.solution .solution-slide .solution-slide-menu ul li span { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #fcb302; overflow: hidden; display: block; z-index: 1; }
.solution .solution-slide .solution-slide-menu ul li.cur span { width: 100%; }
.solution .solution-slide .solution-slide-menu ul li i.icon { display: block; width: 100px; height: 60px; margin: 0 auto; background-image: url(../images/solution-icon.png); background-repeat: no-repeat; position: relative; z-index: 2; }
.solution .solution-slide .solution-slide-menu ul li p { margin: 10px 0 0; font-size: 16px; color: #fff; position: relative; z-index: 2; }
.solution .solution-slide .solution-slide-menu ul li .icon1 { background-position: 0px 0px; }
.solution .solution-slide .solution-slide-menu ul li .icon2 { background-position: 0px -60px; }
.solution .solution-slide .solution-slide-menu ul li .icon3 { background-position: 0px -120px; }
.solution .solution-slide .solution-slide-menu ul li .icon4 { background-position: 0px -180px; }
.solution .solution-slide .solution-slide-menu ul li .icon5 { background-position: 0px -200px; }
.solution .solution-slide .solution-slide-body { width: calc(100% - 450px); min-height: 670px; position: absolute; top: 0px; right: 0px; }
.solution .solution-slide .solution-slide-body .solution-slide-item { width: 100%; display: none; }
.solution .solution-slide .solution-slide-body .solution-slide-item h4 { color: #fff; font-size: 28px; margin: 20px 0px; }
.solution .solution-slide .solution-slide-body .solution-slide-item > p { width: 60%; color: #fff; }
.solution .solution-slide .solution-slide-body .solution-slide-item .row { margin-top: 80px; }
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 { width: 25%; float: left; }
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item { width: 100%; text-align: center; }
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item i { display: inline-block; width: 100px; height: 90px; line-height: 90px; }
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item p { color: #fff; font-size: 14px; }
.solution .solution-slide .solution-slide-body .s-button { position: absolute; left: 0px; bottom: 30px; }
.solution .solution-slide .solution-slide-body .s-button a { display: block; width: 125px; height: 40px; line-height: 40px; text-align: center; color: #fcb302; font-size: 15px; border: 1px solid #fcb302; border-radius: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.solution .solution-slide .solution-slide-body .s-button a:hover { background-color: #fcb302; color: #fff; }
/* 原来颜色 */
/* .solution .solution-slide .solution-slide-body .s-button a { display: block; width: 125px; height: 40px; line-height: 40px; text-align: center; color: #ff5800; font-size: 15px; border: 1px solid #ff5800; border-radius: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.solution .solution-slide .solution-slide-body .s-button a:hover { background-color: #ff5800; color: #fff; } */
/*新闻*/
.news .section_head { padding-bottom: 20px; }
.news .news-body { margin-bottom: 50px; }
.news .news-body .news_link { width: 100%; text-align: center; margin-bottom: 35px; }
.news .news-body .news_link ul li { display: inline-block; *display: inline; *zoom: 1; color: #555; font-size: 16px; padding: 0 30px; height: 45px; line-height: 45px; border: 1px solid #c4c4c4; margin: 0 15px; cursor: pointer; }
.news .news-body .news_link ul li a { display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #666; font-size: 15px; border-radius: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.news .news-body .news_link ul li:hover a, .news .news-body .news_link ul li.on { background-color: #fcb302; color: #fff; }
.news .news-body .news_wrap { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.news .news-body .news_wrap .news_item { margin-bottom: 30px; }
.news .news-body .news_wrap .news_item .time { width: 140px; height: 130px; background-color: #fcb302; border-radius: 10px; overflow: hidden; text-align: center; }
.news .news-body .news_wrap .news_item .time strong { width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 60px; }
.news .news-body .news_wrap .news_item .time p { display: block; width: 100%; height: 39px; line-height: 39px; border-top: 1px solid #0060ba; color: #fff; font-size: 18px; }
.news .news-body .news_wrap .news_item .con { width: calc(100% - 180px); height: 130px; }
.news .news-body .news_wrap .news_item .con h4 { margin-bottom: 15px; }
.news .news-body .news_wrap .news_item .con h4 a { display: block; color: #555; font-size: 20px; font-weight: bold; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.news .news-body .news_wrap .news_item .con h4 a:hover { color: #fcb302; }
.news .news-body .news_wrap .news_item .con p a { display: block; color: #555; font-size: 16px; line-height: 28px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.news .news-body .news_wrap .news_item .con p a:hover { color: #fcb302; }
.news .news-body .more a { display: block; width: 125px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; border-radius: 30px; overflow: hidden; border: 1px solid #fcb302; color: #fcb302; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.news .news-body .more a:hover { background-color: #fcb302; color: #fff; }
.newslis dl { float: left; width: 550px; margin: 0 0px 30px 0; height: auto; background: #f3f3f3; padding: 20px; }
.newslis dl:nth-child(2n) { float: right; }
.newslis dl dt { float: left; height: 135px; }
.news-box-img { position: relative; max-width: 200px; }
.news-box-img img { width: 180px; height: 135px; }
.news-data { position: absolute; left: 0; top: 0; padding: 0 8px; text-align: center; background: #fcb302; color: #fff; }
.news-data span { display: block; font-size: 24px; line-height: 30px; }
.news-data em { display: block; font-size: 14px; font-style: normal; line-height: 20px; margin-top: -3px; }
.newslis dl dd { float: right; width: 340px; }
.newslis dl dd h4 { font-size: 16px; overflow: hidden; font-weight: normal; }
.newslis dl dd h4 a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslis dl dd h4 a:hover { color: #fcb302 }
.newslis dl dd p { color: #666; font-size: 14px; padding-top: 8px; line-height: 21px; height: 108px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
/*售后服务*/
.section.service_home { padding: 0px 0px 0px; }
.service_wrap { padding: 90px 0px 100px; background: url(../images/service_bg.jpg) no-repeat center; }
.service_wrap .main-wrap ul { width: 100%; text-align: center; }
.service_wrap .main-wrap ul li { display: inline-block; }
.service_wrap .main-wrap ul li h4 { font-size: 46px; font-weight: bold; background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.service_wrap .main-wrap ul li p { font-size: 32px; background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.footer-topbar { background: #1d1d1d; }
.footer-topbar .main-wrap { padding: 39px 0px; }
.footer-topbar .footer-topbar-content { max-width: 1440px; margin: 0 auto; }
.footer-topbar .footer-topbar-content .footer-topbar-item { width: 25%; float: left; cursor: pointer; }
.footer-topbar .footer-topbar-content .footer-topbar-item p { color: #fff; margin: 10px 0; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img { float: left; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon { display: block; width: 100px; height: 100px; background-image: url(../images/common_icons.png); background-repeat: no-repeat; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon1 { background-position: 0px -300px; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon2 { background-position: -100px -300px; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon3 { background-position: -200px -300px; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon4 { background-position: -300px -300px; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content { float: left; margin-top: 15px }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 { font-size: 22px; color: #fff; }
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p { font-size: 14px; color: #737373; margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon1 { background-position: 0px -400px; }
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon2 { background-position: -100px -400px; }
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon3 { background-position: -200px -400px; }
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon4 { background-position: -300px -400px; }
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content, .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content p { color: #fcb302; }
/*留言提交*/
.footer-mess { width: 100%; background-color: #006acd; }
.footer-mess .mess-left { float: left; width: 25%; }
.footer-mess .mess-left .left_con { padding: 50px 42px; }
.footer-mess .mess-left .left_con .top { color: #fff; }
.footer-mess .mess-left .left_con .top p { font-size: 2vw; }
.footer-mess .mess-left .left_con .top span { font-size: 1.8vw; }
.footer-mess .mess-left .left_con .top .line { width: 192px; height: 1px; background-color: #fff; display: block; margin: 30px 0px; }
.footer-mess .mess-left .left_con b { color: #fff; font-size: 2vw; font-weight: bold; line-height: 130%; }
.footer-mess .mess-left .left_con .bshare-custom { margin: 20px 0px 40px; }
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a { display: inline-block; vertical-align: middle; width: 30px; height: 30px; padding: 0px; margin-right: 12px; background-image: url(../images/common_icons.png); background-repeat: no-repeat; }
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_tsina { background-position: -120px 0px; }
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_renren { background-position: -150px 0px; }
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_sqq { background-position: -180px 0px; }
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_weixin { background-position: -210px 0px; }
.footer-mess .mess-left .left_con .footer_call { color: #fff; }
.footer-mess .mess-right { float: right; width: 75%; min-height: 414px; padding: 50px 0px; background: url(../images/index_mess_bg.jpg) no-repeat center; }
.footer-mess .mess-right form { padding: 0px 42px; }
.footer-mess .mess-right .form { background-color: #fff; padding: 25px 50px; box-sizing: border-box; }
.footer-mess .mess-right .form h5 { color: #3d3d3d; font-size: 24px; line-height: 34px; padding: 0px 9px; }
.footer-mess .mess-right .form input, .footer-mess .mess-right .form select { color: #888; font-size: 15px; width: 100%; height: 50px; line-height: 48px; border: 1px solid #ccc; padding: 0px 15px; box-sizing: border-box; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.footer-mess .mess-right .form input:hover, .footer-mess .mess-right .form select:hover { border-color: #fcb302; }
.footer-mess .mess-right .form .ind_wrap { margin: 23px 0px 25px; }
.footer-mess .mess-right .form .ind_wrap .input_text { width: 50%; padding: 0 9px; float: left; box-sizing: border-box; }
.footer-mess .mess-right .form .ind_sub { padding: 0 9px; }
.footer-mess .mess-right .form .ind_sub input { display: block; float: right; width: 158px; height: 42px; line-height: 40px; color: #fcb302; border: 1px solid #fcb302; border-radius: 50px; background-color: #fff; cursor: pointer; }
.footer-mess .mess-right .form .ind_sub input:hover { background-color: #fcb302; color: #fff; }
.footer-mess .mess-right .form .ind_mess { padding: 0px 9px; margin: 25px 0px; }
.footer-mess .mess-right .form .ind_mess textarea { display: block; float: left; width: calc(51.5% - 30px); height: 90px; color: #666; font-size: 15px; border: 1px solid #ccc; padding: 15px; outline: none; font-family: "Microsoft Yahei"; box-sizing: border-box; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.footer-mess .mess-right .form .ind_mess textarea:hover { border-color: #fcb302; }
.footer-mess .mess-right .form .ind_mess .code { width: 49.5%; display: block; float: right; }
.footer-mess .mess-right .form .ind_mess .code .ind5_pho { margin-bottom: 20px; }
.footer-mess .mess-right .form .ind_mess .code #verycode { width: 55%; float: left; }
.footer-mess .mess-right .form .ind_mess .code .yzm { width: 42%; height: 50px; border: 1px solid #fcb302; background: #fcb302; color: #fff; float: right; cursor: pointer; }
.footer-mess .mess-right .form .ind_mess .code .yzm:hover { background: #0162bd; border-color: #0162bd; }
/*imessage*/
.footer-mess .mess-right form { padding: 0px 42px; }
.footer-mess .mess-right .form_box { background-color: #fff; padding: 25px 50px; box-sizing: border-box; }
.footer-mess .mess-right .form_box h5 { color: #3d3d3d; font-size: 24px; line-height: 34px; padding: 0px 9px; }
.footer-mess .mess-right .form_box input, .footer-mess .mess-right .form_box select { color: #888; font-size: 15px; width: 100%; height: 50px; line-height: 48px; border: 1px solid #ccc; padding: 0px 15px; box-sizing: border-box; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.footer-mess .mess-right .form_box input:hover, .footer-mess .mess-right .form_box select:hover { border-color: #fcb302; }
.footer-mess .mess-right .form_box .ind_wrap { margin: 23px 0px 25px; }
.footer-mess .mess-right .form_box .ind_wrap .input_text { width: 50%; padding: 0 9px; float: left; box-sizing: border-box; }
.footer-mess .mess-right .form_box .ind_sub { padding: 0 9px; }
.footer-mess .mess-right .form_box .ind_sub input { display: block; float: right; width: 158px; height: 42px; line-height: 40px; color: #fcb302; border: 1px solid #fcb302; border-radius: 50px; background-color: #fff; cursor: pointer; }
.footer-mess .mess-right .form_box .ind_sub input:hover { background-color: #fcb302; color: #fff; }
.footer-mess .mess-right .form_box .ind_mess { padding: 0px 9px; margin: 25px 0px; }
.footer-mess .mess-right .form_box .ind_mess textarea { display: block; float: left; width: calc(70% - 30px); height: 120px; color: #666; font-size: 15px; border: 1px solid #ccc; padding: 15px; outline: none; font-family: "Microsoft Yahei"; box-sizing: border-box; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.footer-mess .mess-right .form_box .ind_mess textarea:hover { border-color: #fcb302; }
.footer-mess .mess-right .form_box .ind_mess .code { width: 30%; display: block; float: right; }
.footer-mess .mess-right .form_box .ind_mess .code .ind5_title { margin-bottom: 20px; }
.footer-mess .mess-right .form_box .ind_mess .code .ind5_yzm_input { width: 50%; float: left; }
.footer-mess .mess-right .form_box .ind_mess .code .ind5_yzm { display: inline-block; width: 45%; height: 50px; border: 1px solid #ccc; color: #fff; line-height: 48px; box-sizing: border-box; padding: 2px 15px; margin-left: 5%; }
.footer-mess .mess-right .form_box .ind_mess .code .ind5_yzm img { width: 100%; height: 40px; max-height: 40px; }
/* ---------------- Responsive website ---------------- */
/*屏幕小于1440px应用一下样式*/
@media (max-width:1440px) {
    .index-page .app-home .slogan { height: 120px; margin-top: -140px; }
    .index-page .app-home .slogan img { height: 120px; }
    .index-page2 .app-home .slogan { margin-top: -240px; }
    .index-page2 .app-home .slogan img { height: auto; }
    .index-page3 .app-home .slogan img { height: auto; }
    .index-page2 .app-home .second-slogan { margin-top: -150px; }
    .index-page2 .app-home .second-slogan2 img { height: 420px; }
    .index-page3 .app-home .second-slogan { width: 100%; margin-left: -50%; text-align: center; }
    .footer-mess .mess-right .form .ind_mess textarea { width: calc(66% - 20px); }
    .footer-mess .mess-right .form .ind_mess .code { width: 34%; }
}
/*屏幕小于1366px应用一下样式*/
@media (max-width:1366px) {
    .index-page2 .app-home .slogan { margin-top: -200px; }
    .index-page2 .app-home .slogan img { height: 60px; }
    .index-page2 .app-home .second-slogan { margin-top: -120px; }
    .index-page2 .app-home .second-slogan img { height: 45px; }
    .index-page2 .app-home .second-slogan2 img { height: 350px; }
}

@media (max-width:1200px) {
    .header .info { display: none; }
    .footer-mess .mess-right .form .ind_mess textarea { width: calc(50% - 9px); }
    .footer-mess .mess-right .form .ind_mess .code { width: calc(50% - 9px); }
}
/*屏幕小于1024px应用一下样式*/
@media (max-width:1024px) {
    .case_wrap { width: 99%; margin: 0 auto; }
    .footer-mess .mess-left, .footer-mess .mess-right { width: 100%; }
    .footer-mess .mess-left .left_con .top p { font-size: 2.5rem; }
    .footer-mess .mess-left .left_con .top span { font-size: 1.9rem; }
    .footer-mess .mess-left .left_con b { font-size: 2.5rem; }
}

@media (max-width:769px) {
    .index-page .app-home .slogan{ width: 100%;
    text-align: center;
    height: auto;
    position: absolute;
    top: 30%;
    left: auto;}
    .index-page .app-home .second-slogan { width: 100%;  text-align: center; height: auto; padding: 0 45px; box-sizing: border-box;left: auto; }
    .index-page .app-home .slogan img, .index-page2 .app-home .slogan img, .index-page2 .app-home .second-slogan img, .index-page2 .app-home .second-slogan2 img { height: auto; }
   
    .index-page2 .app-home .slogan { margin-top: -90px; }
    .index-page3 .app-home .slogan { margin-top: -90px; }
 
    /*共用元素*/
    .container { margin: 0 auto; }
    .section { padding: 30px 0px; }
}
/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
    /*banner图*/
    .section_head { padding: 30px 10px; }
    .section_head .title p { font-size: 24px; }
    .section_head .title span { font-size: 14px; }
    .flex-direction-nav a { opacity: 1; width: 30px; height: 60px; background-size: 60px 60px; }
    .flex-direction-nav .flex-prev { left: 2%; background-position: 0px 0px; }
    .flex-direction-nav .flex-next { right: 2%; background-position: -30px 0px; }
    /*服务*/
    .bussiness-body { padding: 0; overflow: inherit; box-sizing: border-box; width:100%; margin-left:-1px; }
    .bussiness-body .item { margin-bottom: -1px; }
    .bussiness-body .item, .bussiness-body .item.on { width:50%; }
    .bussiness-body .item .service { width: 100%; height: auto; border: 1px solid #dcdcdc; border-width: 1px 0px 1px 1px; box-sizing: border-box; }
    .bussiness-body .item .service, .bussiness-body .item.on .service { border: 1px solid #dcdcdc; border-width: 1px 0px 1px 1px; background: transparent; }
    .bussiness-body .item.item2 .service, .bussiness-body .item.item5 .service { border-width: 1px 1px 1px 1px; }
    .bussiness-body .item.on .service { width: 100%; }
    .bussiness-body .item .service .content { height: auto; padding: 30px 0px; }
    .bussiness-body .item .service .content .icon { margin-top: 30px; }
    .bussiness-body .item .price { display: none; }
    .bussiness-body .item .service .info { display: none; }
    .bussiness-body .item.item1, .bussiness-body .item.item2, .bussiness-body .item.item1.on, .bussiness-body .item.item2.on { width: 50%; }
    .bussiness-body .item .service .content h4 a { color: #4b4b4b;; font-size: 16px; }
    .bussiness-body .item.on .service .content h4 a { color: #4b4b4b; }
    .bussiness-body .item.on .service .content p { color: #4b4b4b; }
    .bussiness-body .item.on .service .content .bussiness-icon1 { background: url(../images/icon_01.png) no-repeat 0px -822px; height: 72px; padding-left: 88px; }
    .bussiness-body .item.on .service .content .bussiness-icon2 { background: url(../images/icon_01.png) no-repeat 0px -750px; height: 72px; padding-left: 42px; }
    .bussiness-body .item.on .service .content .bussiness-icon3 { background: url(../images/icon_01.png) no-repeat 0px -1254px; height: 72px; padding-left: 64px; }
    .bussiness-body .item.on .service .content .bussiness-icon4 { background: url(../images/icon_01.png) no-repeat 0px -966px; height: 72px; padding-left: 60px; }
    .bussiness-body .item.on .service .content .bussiness-icon5 { background: url(../images/icon_01.png) no-repeat 0px -1038px; height: 72px; padding-left: 55px; }
    /*案例*/
    .case_wrap ul { padding: 0px 7px }
    .case_wrap ul li { width: calc(50% - 6px); margin: 3px; box-sizing: border-box; }
    .case_wrap ul li .info { height: 40px; }
    .case_wrap ul li .info h5 { width: 100%; height: 20px; line-height: 20px; }
    .case_wrap ul li .info h5 a { font-size: 16px; }
    .case_wrap ul li .info .fr { display: none; }
    /*方案*/
    .solution { padding: 1px 0px 30px; height: auto; background-size: cover; }
    .solution .solution-slide { width: 100%; }
    .solution .solution-slide .solution-slide-menu { width: 100%; position: static; }
    .solution .solution-slide .solution-slide-menu ul { padding: 0px 10px; }
    .solution .solution-slide .solution-slide-menu ul li { margin-bottom: 10px; }
    .solution .solution-slide .solution-slide-menu ul li span { top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; }
    .solution .solution-slide .solution-slide-body { display: none; }
    /*新闻*/
    .news .news-body .news_wrap { margin: 0px 10px 30px; }
    .news .news-body .news_wrap .news_item { margin-bottom: 15px; }
    .news .news-body .news_wrap .news_item .time { width: 95px; height: 88px; }
    .news .news-body .news_wrap .news_item .time strong { height: 55px; line-height: 55px; font-size: 45px; }
    .news .news-body .news_wrap .news_item .time p { height: 35px; line-height: 35px; }
    .news .news-body .news_wrap .news_item .con { width: calc(100% - 110px); height: 90px; }
    .news .news-body .news_wrap .news_item .con h4 { margin-bottom: 5px; }
    .news .news-body .news_wrap .news_item .con h4 a { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .news .news-body .news_wrap .news_item .con p a { font-size: 13px; line-height: 19px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .newslis dl { width: 100%; float: none; box-sizing: border-box; padding: 10px; margin-bottom: 15px; }
    .newslis dl:nth-child(2n) { float: none; }
    .newslis dl dd { width: calc(100% - 190px); }
    .newslis dl dd p { -webkit-line-clamp: 3; font-size: 12px; height: 52px; line-height: 18px; padding-top: 3px; }
    .footer-topbar { padding: 0px; }
    .footer-topbar .footer-topbar-content .footer-topbar-item { width: 50%; }
    .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img { float: none; }
    .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon { margin: 0 auto; }
    .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content { float: none; margin-top: 5px; text-align: center; }
    .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 { font-size: 18px; }
}
/*屏幕小于540px应用一下样式*/
@media (max-width:540px) {
    /*案例*/
    .service_wrap { padding: 50px 0px; }
    .service_wrap .main-wrap ul li h4 { font-size: 35px; }
    .service_wrap .main-wrap ul li p { font-size: 24px; }
    /*新闻*/
    .newslis dl dt { height: 80px; }
    .news-box-img img { width: auto; height: 80px; width: 120px; }
    .newslis dl dd { width: calc(100% - 130px); }
}