html,body {width:100%;}
* {box-sizing:border-box;}
a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.header {position:fixed;top:0;z-index:1000;}
.sticky {position:fixed;top:0;z-index:1000;box-shadow:7px 10px 15px rgba(153,153,153,0.1);}
.logo {width:198px;margin-top:26px;display:block;}
.logo img {width:100%;display:block;}
.menu ul li {width:60px;float:left;margin-left:65px;}
.menu ul li a {position:relative;line-height:40px;color:#333333;display:block;}
.menu ul li a::after {position:absolute;bottom:0;left:0;z-index:0;width:auto;height:4px;background-color:#ed6b24;content:'';}
.menu ul li a:hover::after,.menu ul li a:focus::after,.menu ul li a.active::after {width:100%;}
.banner {margin-top:100px;transition:all .5s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;}
.banner .image {height:470px;background-repeat:no-repeat;background-position:center top;}
.banner .image img {display:block;width:100%;height:100%;object-fit:cover;}
.banner .desc {top:0;right:0;left:0;}
.banner .desc p {top:194px;left:20px;line-height:1;letter-spacing:44px;font-family:"SourceHanSansCN","思源黑体 CN";font-weight:lighter;color:#555555;display:block;}
.banner .desc p font {color:#ed6b24;}
.banner .swiper-pagination {bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;margin:0 10px;background-color:#cccccc;opacity:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active {background-color:#ed6b24;}
.banner .swiper-button-next,.banner .swiper-button-prev {width:40px;height:100px;margin-top:-50px;background-color:rgba(0,0,0,0.75);background-size:auto 24px;opacity:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.banner .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.banner .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.banner:hover .swiper-button-next,.banner:focus .swiper-button-next,.banner:hover .swiper-button-prev,.banner:focus .swiper-button-prev {opacity:1;}
.banner .swiper-button-next:hover,.banner .swiper-button-next:focus,.banner .swiper-button-prev:hover,.banner .swiper-button-prev:focus {background-color:#ed6b24;}
.solve {padding-top:70px;}
.solve .head {height:66px;border-bottom:2px solid #e5e5e5;}
.solve .head span {height:44px;line-height:44px;letter-spacing:1px;display:block;}
.solve .head span h4 {padding:0 16px 0 12px;font-weight:bold;color:#333333;display:inline-block;}
.solve .head span h4::before {position:absolute;top:13px;left:0;width:2px;height:18px;background-color:#ed6b24;content:'';}
.solve .head span h5 {font-size:15px;font-weight:500;color:#cccccc;text-transform:uppercase;display:inline-block;}
.solve .head a {line-height:44px;font-size:15px;font-weight:500;color:#cccccc;text-transform:uppercase;display:block;}
.solve .head a:hover,.solve .head a:focus {color:#ed6b24;}
.solve .mide {padding-top:20px;height:414px;}
.solve .mide ul {width:1227px;}
.solve .mide ul li {width:401px;height:374px;margin:10px 8px 10px 0;float:left;}
.solve .mide ul li a {width:381px;height:334px;margin:20px 20px 20px 0;border:1px solid #eeeeee;display:block;overflow:hidden;}
.solve .mide ul li a .image {width:379px;height:252px;overflow:hidden;}
.solve .mide ul li a .image img {width:100%;height:100%;object-fit:cover;display:block;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.solve .mide ul li a .desc {position:relative;padding:22px 16px;height:80px;background:#ffffff;overflow:hidden;transition:all .35s linear;-moz-transition:all .35s linear;-webkit-transition:all .35s linear;-o-transition:all .35s linear;-ms-transition:all .35s linear;}
.solve .mide ul li a .desc span {height:36px;line-height:36px;font-size:20px;color:#333333;display:block;}
.solve .mide ul li a .desc p {height:66px;line-height:22px;font-size:14px;color:#666666;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;opacity:0;/*! autoprefixer:off */}
.solve .mide ul li a:hover,.solve .mide ul li a:focus {border-color:#ffffff;box-shadow:20px 0 40px rgba(59,68,82,0.15);}
.solve .mide ul li a:hover .image img,.solve .mide ul li a:hover .image img {-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);transform:scale(1.15,1.15);}
.solve .mide ul li a:hover .desc,.solve .mide ul li a:focus .desc {height:146px;transform:translateY(-66px);}
.solve .mide ul li a:hover .desc span,.solve .mide ul li a:focus .desc span {color:#1c6cd5;}
.solve .mide ul li a:hover .desc p,.solve .mide ul li a:focus .desc p {opacity:1;}
.solve .mide ul li:last-child {display:none;}
.service {padding-bottom:76px;}
.service .head {padding:30px 0;}
.service .head h4 {width:214px;height:36px;line-height:36px;letter-spacing:1px;font-weight:bold;color:#333333;display:block;}
.service .head h4::before,.service .head h4::after {position:absolute;top:50%;width:48px;height:2px;margin-top:-1px;background-color:#e5e5e5;content:'';}
.service .head h4::before {left:0;}
.service .head h4::after {right:0;}
.service .mide {margin-top:30px;overflow:hidden;}
.service .mide ul li {width:16.6666%;height:121px;float:left;}
.service .mide ul li a {display:block;cursor:auto;}
.service .mide ul li a .image {width:100%;height:89px;background-repeat:no-repeat;background-position:center;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.service .mide ul li a .service1 {background-image:url(../image/service1.png);}
.service .mide ul li a:hover .service1,.service .mide ul li a:focus .service1 {background-image:url(../image/service1s.png);}
.service .mide ul li a .service2 {background-image:url(../image/service2.png);}
.service .mide ul li a:hover .service2,.service .mide ul li a:focus .service2 {background-image:url(../image/service2s.png);}
.service .mide ul li a .service3 {background-image:url(../image/service3.png);}
.service .mide ul li a:hover .service3,.service .mide ul li a:focus .service3 {background-image:url(../image/service3s.png);}
.service .mide ul li a .service4 {background-image:url(../image/service4.png);}
.service .mide ul li a:hover .service4,.service .mide ul li a:focus .service4 {background-image:url(../image/service4s.png);}
.service .mide ul li a .service5 {background-image:url(../image/service5.png);}
.service .mide ul li a:hover .service5,.service .mide ul li a:focus .service5 {background-image:url(../image/service5s.png);}
.service .mide ul li a .service6 {background-image:url(../image/service6.png);}
.service .mide ul li a:hover .service6,.service .mide ul li a:focus .service6 {background-image:url(../image/service6s.png);}
.service .mide ul li a .desc {line-height:32px;color:#333333;}
.service .mide ul li a:hover .desc,.service .mide ul li a:focus .desc {color:#1c6cd5;}
.provide {padding-top:75px;height:250px;background-repeat:no-repeat;background-position:center top;}
.provide h1 {line-height:50px;font-family:"SourceHanSansCN","思源黑体 CN";font-weight:bold;letter-spacing:5px;color:#ffffff;display:block;}
.provide h2 {line-height:34px;font-family:"SourceHanSansCN","思源黑体 CN";font-weight:lighter;letter-spacing:5px;color:#ffffff;display:block;}
.about {padding-top:90px;}
.about .head {height:66px;border-bottom:2px solid #e5e5e5;}
.about .head span {height:44px;line-height:44px;letter-spacing:1px;display:block;}
.about .head span h4 {padding:0 16px 0 12px;font-weight:bold;color:#333333;display:inline-block;}
.about .head span h4::before {position:absolute;top:13px;left:0;width:2px;height:18px;background-color:#ed6b24;content:'';}
.about .head span h5 {font-size:15px;font-weight:500;color:#cccccc;text-transform:uppercase;display:inline-block;}
.about .head a {line-height:44px;font-size:15px;font-weight:500;color:#cccccc;text-transform:uppercase;display:block;}
.about .head a:hover,.about .head a:focus {color:#ed6b24;}
.about .mide {padding:50px 0 75px 0;overflow:hidden;}
.about .mide h1 {line-height:40px;font-weight:bold;color:#333333;margin-bottom:33px;display:block;}
.about .mide p {width:530px;line-height:34px;color:#666666;text-indent:2em;text-align:justify;display:block;}
.about .mide a {line-height:34px;color:#ed6b24;display:flex;}
.about .mide a font {padding-left:10px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.about .mide a:hover font,.about .mide a:focus font {transform:translateX(15px)}
.about .mide img {width:100%;display:block;}
.footer {padding-top:51px;height:250px;background-color:#2c2c2c;position:relative;z-index:100;}
.footer h4 {line-height:42px;font-weight:bold;color:#fefefe;display:block;}
.footer h6 {line-height:36px;color:#747474;display:block;}
.footer p {line-height:24px;font-size:13px;color:#ffffff;display:block;}
.footer a.alink {width:252px;height:60px;line-height:58px;font-weight:bold;color:#ffffff;border:1px solid #ffffff;margin-top:42px;margin-left:25px;display:block;}
.footer a.alink:hover,.footer a.alink:focus {border-color:#ed6b24;color:#ed6b24;}
.footer a.icp {width:auto;height:auto;line-height:normal;margin-top:0;margin-right:10px;margin-left:0;font-weight:500;color:#747474;border:0;display:inline-block;}
.main {margin-top:100px;}
.main .head {margin-bottom:60px;}
.mouUp {animation:mouUp 1s ease-in-out 0s 1 alternate forwards;}
@-webkit-keyframes mouUp {
    0% {opacity:0;-webkit-transform:translate3d(0,25%,0);-ms-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}
    100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@keyframes mouUp {
    0% {opacity:0;-webkit-transform:translate3d(0,25%,0);-ms-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}
    100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.main .head h2 {line-height:60px;letter-spacing:1px;font-size:42px;color:#1c6cd5;display:block;}
.main .head h3 {line-height:24px;letter-spacing:1px;font-family:"SourceHanSansCN","思源黑体 CN";font-weight:normal;color:#666666;margin-top:3px;text-transform:uppercase;display:block;}
.main .mide .nav {height:38px;}
.main .mide .nav li {margin:0 45px;line-height:38px;font-size:16px;color:#333333;display:inline-block;cursor:pointer}
.main .mide .nav li a {color:#333333;display:block;}
.main .mide .nav li.active {color:#1c6cd5;}
.main .mide .nav li.active a {color:#1c6cd5;}
.solu {padding-top:60px;}
.solus {background-color:#f8f8f8;}
.solusd {padding:24px 32px;min-height:240px;overflow:hidden;}
.solusd ul li {width:50%;height:208px;float:left;}
.solusd ul li a {padding:24px;display:block;overflow:hidden;}
.solusd ul li a .image {width:270px;height:160px;float:left;overflow:hidden;}
.solusd ul li a .image img {width:100%;display:block;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.solusd ul li a .desc {width:250px;height:160px;padding-left:30px;float:left;}
.solusd ul li a .desc span {line-height:30px;color:#333333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.solusd ul li a .desc p {position:relative;max-height:48px;line-height:24px;color:#999999;text-align:justify;/*       word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;*/    overflow:hidden;}
.solusd ul li a .desc p:after {content:"...";position:absolute;bottom:0;right:0;text-align:center;width:16px;background:#fff;}
.solusd ul li a .desc h6 {line-height:24px;font-weight:500;color:#cccccc;text-transform:uppercase;display:block;}
.solusd ul li a:hover .image img,.solusd ul li a:focus .image img {-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);transform:scale(1.15,1.15);}
.solusd ul li a:hover .desc span,.solusd ul li a:focus .desc span,.solusd ul li a:hover .desc h6,.solusd ul li a:focus .desc h6 {color:#ed6b24;}
.main .about {padding-top:60px;}
.main .about .head {height:auto;border:0;}
.main .about .mide {padding:10px 0 50px 0;}
.advantage {padding:45px 0;background-color:#f8f8f8;}
.advantage .head {margin-bottom:8px;}
.advantage .head h4 {width:228px;height:36px;line-height:36px;letter-spacing:1px;font-weight:bold;color:#333333;display:block;}
.advantage .head h4::before,.advantage .head h4::after {position:absolute;top:50%;width:48px;height:2px;margin-top:-1px;background-color:#e5e5e5;content:'';}
.advantage .head h4::before {left:0;}
.advantage .head h4::after {right:0;}
.advantage .mide {margin:0 -11px;overflow:hidden;}
.advantage .mide ul li {width:385px;height:208px;padding:20px;margin:15px 11px;float:left;background-color:#ffffff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.advantage .mide ul li:hover,.advantage .mide ul li:focus {box-shadow:5px 0 10px rgba(59,68,82,0.15);}
.advantage .advantage-top {width:100%;height:114px;}
.advantage .advantage-top div {height:58px;margin:26px 12px 0 12px;display:inline-block;}
.advantage .advantage-top div span {height:58px;line-height:58px;font-size:56px;font-weight:bold;color:#1c6cd5;display:block;}
.advantage .advantage-top div span::after {position:absolute;top:-12px;right:-15px;line-height:24px;font-size:24px;font-weight:bold;color:#777777;content:'+';}
.advantage .advantage-top div h3 {text-align:left;line-height:30px;color:#666666;margin-top:8px;display:block;}
.advantage .advantage-top div h5 {text-align:left;line-height:24px;font-weight:500;color:#999999;text-transform:uppercase;display:block;}
.advantage .advantage-bottom {width:100%;height:54px;padding-top:15px;border-top:1px solid #e8e8e8;}
.advantage .advantage-bottom p {line-height:28px;color:#777777;display:block;}
.main .service {padding-top:40px;}
.main .service .head {padding:0;}
.main .service .mide {padding:0;margin-top:0;}
.honor {padding-top:50px;padding-bottom:90px;background-color:#f8f8f8;}
.honor .head {margin-bottom:50px;}
.honor .head h4 {width:214px;height:36px;line-height:36px;letter-spacing:1px;font-weight:bold;color:#333333;display:block;}
.honor .head h4::before,.honor .head h4::after {position:absolute;top:50%;width:48px;height:2px;margin-top:-1px;background-color:#e5e5e5;content:'';}
.honor .head h4::before {left:0;}
.honor .head h4::after {right:0;}
.honor .mide {padding:0;margin:0 -40px;}
.honor .mide #honor {position:relative;margin:0 40px;}
.honor .mide .honors {border:1px solid #eeeeee;background-color:#ffffff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.honor .mide .honors .image {width:100%;height:253px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;overflow:hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;cursor:pointer;}
.honor .mide .honors .image img {width:100%;display:block;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
.honor .mide .honors p {padding:15px;line-height:30px;color:#333333;border-top:1px solid #eeeeee;display:block;}
.honor .mide .honors:hover,.honor .mide .honors:focus {border-color:#ffffff;box-shadow:5px 10px 15px rgba(59,68,82,0.15);}
.honor .mide .honors:hover p,.honor .mide .honors:focus p {border-top-color:#ffffff;}
.honor .mide .honors:hover .image img,.honor .mide .honors:focus .image img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.honor .mide .honors:hover .image,.honor .mide .honors:focus .image {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.honor .mide .swiper-button-next,.honor .mide .swiper-button-prev {width:30px;height:30px;margin-top:-15px;border-radius:100%;background-color:#cccccc;background-size:auto 14px;}
.honor .mide .swiper-button-prev {left:-40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.honor .mide .swiper-button-next {right:-40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.honor .mide .swiper-button-next:hover,.honor .mide .swiper-button-prev:hover {background-color:#ed6b24;}
.br-b {border-bottom:1px dashed #eee;}
.recruit {padding-top:60px;}
.recruits {background-color:#f8f8f8;}
.recruitsd {padding:55px 80px 80px 80px;display:none;min-height:426px;}
.recruitsd:first-child {display:block;}
.recruitsd .heads {}
.recruitsd .heads span {line-height:48px;font-weight:bold;color:#333333;display:block;}
.recruitsd .mides {line-height:34px;color:#444444;}
.recruitsd .mides p {display:block;}
.recruitsd .mides p a {color:#ed6b24;}
.recruitsd .mides img {max-width:1040px;width:auto;margin:5px 0;}
.contact {padding-top:60px;}
.contact .mide {overflow:hidden;}
.contact .mide .contacts-map {margin-bottom:70px;}
.contact .my-map {position:relative;width:100%;height:360px;}
.samap {padding:3px 10px 0 10px;line-height:20px;font-size:14px;color:#ed6b24;}
.contacts-code {padding-top:40px;padding-bottom:50px;min-height:330px;background-color:#f8f8f8;overflow:hidden;}
.contacts-codes dl {width:400px;min-height:240px;padding-left:100px;float:left;border-right:1px solid #ededed;}
.contacts-codes dl:first-child {padding-left:50px;}
.contacts-codes dl:last-child {border-right:0;}
.contacts-codes dl dt {margin-top:20px;margin-bottom:50px;}
.contacts-codes dl dt h1,.contacts-codes dl dt h2,.contacts-codes dl dt h3 {line-height:26px;color:#333333;}
.contacts-codes dl dt h1 {color:#1c6cd5;}
.contacts-codes dl dt h3 {font-weight:bold;}
.contacts-codes dl dt p {line-height:20px;font-size:13px;}
.contacts-codes dl dd {position:relative;line-height:24px;color:#aaaaaa;}
.contacts-codes dl dd::before {position:absolute;top:-16px;left:0;width:15px;height:1px;background-color:#dddddd;content:'';}
.contacts-codes dl dd span {color:#333333;}
.location {padding:21px 0;line-height:20px;font-size:14px;color:#333333;}
.location .g-sub-nav {color:#777777}
.location .g-sub-nav a {color:#777777}
.location .g-sub-nav a:hover,.location .g-sub-nav a:focus {color:#ed6b24}
.wow {visibility:hidden;}
.share {position:fixed;right:10px;bottom:40px;z-index:999;height:160px;}
.share a {position: relative;width:40px;height:40px;border:1px solid rgba(0,0,0,.3);background-color:#fff;background-repeat:no-repeat;background-position:center;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;display:block;}
.share a:hover {background-color:#1c6cd5;}
.share a#stel {border-bottom:0;background-image:url(../image/tel.png);}
.share a#stel:hover {background-image:url(../image/tels.png);}
.share a#sqq {border-bottom:0;background-image:url(../image/qq.png);background-size:auto 20px;}
.share a#sqq:hover {background-image:url(../image/qqs.png);}
.share a#swechat {background-image:url(../image/wechat.png);background-size:auto 20px;}
.share a#swechat:hover {background-image:url(../image/wechats.png);}
.share a#sgotop {border:1px solid #1c6cd5;background-color:#1c6cd5;background-image:url(../image/up.png);background-size:auto 20px;}
.share a#sgotop:hover {background-color:rgba(28,108,213,.9);}
.share a:hover .online{ display: block; }
.online {position: absolute;right:60px;bottom:0;z-index:9999;width:160px;height:auto;background-color:#fff;-webkit-box-shadow:0 5px 9px rgba(28,108,213,.1);box-shadow:0 5px 9px rgba(28,108,213,.1);display:none;}
.online div {line-height:16px;letter-spacing:1px;font-size:14px;color:#fff;background:#1c6cd5;}
.online p{padding:10px 0;text-align:center;line-height:24px;font-family:'Arial';font-size:16px;color:#898989;}
.online img {padding:5px;width: 100%;}
#online-tel div {padding:12px 15px;}
#online-ewm div {padding:10px;text-align: center;}
@media (max-width:1230px) {
    .w-1200 {width:980px;}
    .w-600 {width:490px;font-size:13px;}
    .w-400 {width:300px;}
    .sticky,.header {height:90px;}
    .sticky .w-1200,.header .w-1200 {height:90px;}
    .logo {width:181px;margin-top:23px;}
    .menu {margin-top:25px;}
    .menu ul li {margin-left:50px;}
    .menu ul li a::after {height:3px;}
    .banner {margin-top:90px;}
    .banner .image {height:400px;background-size:auto 100%;}
    .banner .desc p {top:180px;left:10px;letter-spacing:36px;}
    .banner .swiper-pagination {bottom:15px;}
    .banner .swiper-pagination .swiper-pagination-bullet {margin:0 8px;}
    .banner .swiper-button-next,.banner .swiper-button-prev {width:32px;height:76px;margin-top:-38px;background-size:auto 21px;}
    .solve {padding-top:50px;}
    .solve .head {height:54px;border-bottom-width:1px;}
    .solve .head span {height:36px;line-height:36px;}
    .solve .head span h4 {padding:0 4px 0 12px;font-size:16px;}
    .solve .head span h4::before {top:10px;height:16px;}
    .solve .head span h5 {font-size:14px;}
    .solve .head a {line-height:36px;font-size:14px;}
    .solve .mide {padding-top:10px;height:301px;}
    .solve .mide ul {width:996px;}
    .solve .mide ul li {width:327px;height:281px;margin:5px 5px 5px 0;}
    .solve .mide ul li a {width:317px;height:261px;margin:10px 10px 10px 0;}
    .solve .mide ul li a .image {width:315px;height:209px;}
    .solve .mide ul li a .desc {padding:10px 12px;height:50px;}
    .solve .mide ul li a .desc span {height:30px;line-height:30px;font-size:16px;}
    .solve .mide ul li a .desc p {font-size:13px;}
    .solve .mide ul li a:hover,.solve .mide ul li a:focus {box-shadow:15px 0 30px rgba(59,68,82,0.15);}
    .solve .mide ul li a:hover .desc,.solve .mide ul li a:focus .desc {height:116px;}
    .service {padding-bottom:55px;}
    .service .head {padding:20px 0;}
    .service .mide {margin-top:0;}
    .service .mide ul li {height:100px;}
    .service .mide ul li a .image {height:76px;background-size:auto 64%;}
    .service .mide ul li a .desc {line-height:24px;font-size:14px;}
    .provide {padding-top:55px;height:200px;background-size:auto 100%;}
    .provide h1 {line-height:40px;letter-spacing:4px;font-size:30px;font-weight:500;margin-bottom:15px;}
    .provide h2 {line-height:30px;letter-spacing:4px;font-size:20px;}
    .about {padding-top:60px;}
    .about .head {height:54px;border-bottom-width:1px;}
    .about .head span {height:36px;line-height:36px;}
    .about .head span h4 {padding:0 4px 0 12px;font-size:16px;}
    .about .head span h4::before {top:10px;height:16px;}
    .about .head span h5 {font-size:14px;}
    .about .head a {line-height:36px;font-size:14px;}
    .about .mide {padding:35px 0 60px 0;}
    .about .mide h1 {line-height:36px;margin-bottom:10px;font-weight:500;font-size:22px;}
    .about .mide p {width:440px;line-height:30px;}
    .about .mide a {line-height:30px;margin-top:5px;}
    .footer {padding-top:40px;height:200px;}
    .footer h4 {line-height:32px;margin-bottom:10px;font-size:16px;}
    .footer h6 {line-height:30px;margin-top:20px;font-weight:500;}
    .footer p {font-size:12px;}
    .footer a.alink {width:202px;height:46px;line-height:44px;margin-top:30px;margin-left:20px;font-size:13px;}
    .main {margin-top:90px;}
    .main .head {margin-bottom:40px;}
    .main .head h2 {line-height:40px;font-size:30px;font-weight:500;}
    .main .head h3 {margin-top:2px;font-size:16px;}
    .main .mide .nav {height:30px;margin-bottom:15px;}
    .main .mide .nav li {margin:0 30px;line-height:30px;font-size:14px;}
    .solu {padding-top:40px;}
    .solus {padding-bottom:70px;}
    .solusd {padding:20px;}
    .solusd ul li {height:170px;}
    .solusd ul li a {padding:15px;}
    .solusd ul li a .image {width:235px;height:140px;}
    .solusd ul li a .desc {width:205px;height:140px;padding-left:20px;}
    .solusd ul li a .desc span {line-height:26px;margin-bottom:5px;height:26px;font-size:16px;}
    .solusd ul li a .desc p {font-size:13px;}
    .solusd ul li a .desc h6 {margin-top:20px;font-size:13px;}
    .main .about {padding-top:40px;}
    .main .about .mide {padding:0 0 50px 0;}
    .advantage {padding:30px 0;}
    .advantage .head {margin-bottom:5px;}
    .advantage .head h4 {width:220px;}
    .advantage .mide {margin:0 -10px;}
    .advantage .mide ul li {width:313px;height:166px;padding:15px;margin:10px;}
    .advantage .advantage-top {height:95px;}
    .advantage .advantage-top div {height:50px;margin:15px 10px 0 10px;}
    .advantage .advantage-top div span {height:50px;line-height:50px;font-size:48px;}
    .advantage .advantage-top div span::after {top:-10px;right:-16px;line-height:20px;font-size:20px;}
    .advantage .advantage-top div h3 {margin-top:5px;font-size:20px;}
    .advantage .advantage-top div h5 {line-height:24px;font-size:13px;}
    .advantage .advantage-bottom {height:41px;padding-top:10px;}
    .advantage .advantage-bottom p {line-height:24px;font-size:12px;}
    .main .service {padding-bottom:45px;}
    .main .service .head {margin-bottom:15px;}
    .honor {padding-top:40px;padding-bottom:60px;}
    .honor .head {margin-bottom:20px;}
    .honor .mide .honors .image {height:208px;}
    .honor .mide .honors p {padding:10px 15px;line-height:30px;font-size:16px;}
    .recruit {padding-top:40px;}
    .recruits {padding-bottom:70px;}
    .recruitsd {padding:40px 50px 50px 50px;}
    .recruitsd .heads {padding-bottom:10px;margin-bottom:10px;}
    .recruitsd .heads span {line-height:32px;font-size:20px;}
    .recruitsd .mides {line-height:30px;font-size:13px;}
    .recruitsd .mides img {max-width:840px;}
    .contact {padding-top:40px;}
    .contact .mide .contacts-map {margin-bottom:50px;}
    .contact .my-map {height:300px;}
    .contacts-code {padding-top:30px;padding-bottom:30px;min-height:275px;}
    .contacts-codes dl {width:auto;min-height:210px;padding-left:0;}
    .contacts-codes dl:first-child {padding-right:75px;padding-left:0;}
    .contacts-codes dl:nth-child(2) {border-right:0;padding-left:75px;}
    .contacts-codes dl:last-child {padding-left:75px;border-left:1px solid #ededed;float:right;}
    .contacts-codes dl dt {margin-top:10px;margin-bottom:30px;}
    .contacts-codes dl dt h1,.contacts-codes dl dt h2,.contacts-codes dl dt h3 {line-height:24px;font-size:18px;}
    .contacts-codes dl dt h3 {font-size:20px;}
    .contacts-codes dl dt p {font-size:12px;}
    .contacts-codes dl dd {font-size:12px;}
    .contacts-codes dl dd::before {top:-11px;}
    .location {padding:18px 0;}
}
@media (max-width:1000px) {
    .w-1200 {width:720px;}
    .w-600 {width:360px;font-size:12px;}
    .w-400 {width:200px;}
    .sticky,.header {height:80px;}
    .sticky .w-1200,.header .w-1200 {height:80px;}
    .logo {width:140px;margin-top:23px;}
    .menu {margin-top:20px;}
    .menu ul li {margin-left:40px;}
    .menu ul li a::after {height:2px;}
    .banner {margin-top:80px;}
    .banner .image {height:280px;}
    .banner .desc p {top:120px;left:0;letter-spacing:24px;font-size:18px;}
    .banner .swiper-pagination {bottom:10px;}
    .banner .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;margin:0 5px;}
    .banner .swiper-button-next,.banner .swiper-button-prev {width:28px;height:60px;margin-top:-30px;background-size:auto 18px;}
    .solve {padding-top:35px;}
    .solve .head {height:41px;}
    .solve .head span {height:30px;line-height:30px;letter-spacing:0;}
    .solve .head span h4 {padding:0 2px 0 10px;font-size:15px;}
    .solve .head span h4::before {top:8px;}
    .solve .head span h5 {font-size:13px;}
    .solve .head a {line-height:30px;font-size:13px;}
    .solve .mide {padding-top:5px;height:224px;}
    .solve .mide ul {width:729px;}
    .solve .mide ul li {width:238px;height:209px;margin:5px 5px 5px 0;}
    .solve .mide ul li a {width:233px;height:199px;margin:5px 5px 5px 0;}
    .solve .mide ul li a .image {width:231px;height:153px;}
    .solve .mide ul li a .desc {padding:10px;height:44px;}
    .solve .mide ul li a .desc span {height:24px;line-height:24px;font-size:14px;}
    .solve .mide ul li a .desc p {font-size:12px;height:63px;line-height:21px;}
    .solve .mide ul li a:hover,.solve .mide ul li a:focus {box-shadow:10px 0 20px rgba(59,68,82,0.15);}
    .solve .mide ul li a:hover .desc,.solve .mide ul li a:focus .desc {height:107px;transform:translateY(-63px);}
    .service {padding-bottom:40px;}
    .service .head {padding:10px 0;}
    .service .head h4 {width:200px;height:32px;line-height:32px;letter-spacing:0;font-size:16px;}
    .service .mide ul li {height:84px;}
    .service .mide ul li a .image {height:64px;}
    .service .mide ul li a .desc {line-height:20px;font-size:13px;}
    .provide {padding-top:40px;height:160px;}
    .provide h1 {line-height:32px;letter-spacing:3px;font-size:24px;margin-bottom:10px;}
    .provide h2 {line-height:26px;letter-spacing:3px;font-size:17px;}
    .about {padding-top:35px;}
    .about .head {height:41px;}
    .about .head span {height:30px;line-height:30px;letter-spacing:0;}
    .about .head span h4 {padding:0 2px 0 10px;font-size:15px;}
    .about .head span h4::before {top:8px;}
    .about .head span h5 {font-size:13px;}
    .about .head a {line-height:30px;font-size:13px;}
    .about .mide {padding:15px 0 40px 0;}
    .about .mide h1 {line-height:24px;margin-bottom:0px;font-size:16px;}
    .about .mide p {width:340px;line-height:24px;}
    .about .mide a {line-height:24px;margin-top:0;}
    .about .mide img {margin-top:6px;}
    .footer {padding-top:30px;height:180px;}
    .footer h4 {line-height:30px;margin-bottom:5px;font-size:14px;}
    .footer h6 {line-height:26px;margin-top:15px;}
    .footer a.alink {width:160px;height:40px;line-height:38px;margin-top:20px;margin-left:15px;font-size:12px;}
    .main {margin-top:80px;}
    .main .head {margin-bottom:10px;}
    .main .head h2 {line-height:30px;font-size:22px;letter-spacing:0;}
    .main .head h3 {margin-top:1px;font-size:14px;letter-spacing:0;}
    .main .mide .nav {margin-bottom:10px;}
    .main .mide .nav li {margin:0 20px;}
    .solu {padding-top:30px;}
    .solus {padding-top:25px;padding-bottom:40px;}
    .solusd {padding:15px;}
    .solusd ul li {height:150px;width:100%;}
    .solusd ul li a {padding:10px;}
    .solusd ul li a .image {width:220px;height:130px;}
    .solusd ul li a .desc {width:450px;height:130px;}
    .solusd ul li a .desc span {line-height:24px;height:24px;font-size:14px;}
    .solusd ul li a .desc p {font-size:12px;}
    .solusd ul li a .desc p:after {display:none}
    .solusd ul li a .desc h6 {margin-top:10px;font-size:12px;}
    .main .about {padding-top:30px;}
    .main .about .mide {padding:0 0 35px 0;}
    .main .about .mide img {margin-top:0;}
    .advantage {padding:20px 0;}
    .advantage .head h4 {width:210px;height:32px;line-height:32px;letter-spacing:0;font-size:16px;}
    .advantage .mide {margin:0 -5px;}
    .advantage .mide ul li {width:233px;height:138px;padding:10px;margin:5px;}
    .advantage .advantage-top {height:76px;}
    .advantage .advantage-top div {height:40px;margin:10px 7px 0 7px;}
    .advantage .advantage-top div span {height:40px;line-height:40px;font-size:36px;}
    .advantage .advantage-top div span::after {top:-7px;right:-14px;line-height:20px;font-size:20px;}
    .advantage .advantage-top div h3 {margin-top:5px;font-size:16px;font-weight:600;line-height:26px;}
    .advantage .advantage-top div h5 {line-height:22px;font-size:12px;}
    .advantage .advantage-bottom {height:37px;padding-top:6px;}
    .advantage .advantage-bottom p {line-height:18px;padding:0 5px;}
    .main .service {padding-bottom:35px;padding-top:30px;}
    .main .service .head {margin-bottom:10px;}
    .honor {padding-top:25px;padding-bottom:30px;}
    .honor .head {margin-bottom:10px;}
    .honor .head h4 {width:200px;height:32px;line-height:32px;letter-spacing:0;font-size:16px;}
    .honor .mide .honors .image {height:155px;}
    .honor .mide .honors p {padding:10px;line-height:24px;font-size:12px;}
    .honor .mide .swiper-button-next {right:-10px;}
    .honor .mide .swiper-button-prev {left:-10px;}
    .recruit {padding-top:30px;}
    .recruits {padding-bottom:40px;padding-top:25px;}
    .recruitsd {padding:20px 30px 30px 30px;}
    .recruitsd .heads {padding-bottom:5px;margin-bottom:5px;}
    .recruitsd .heads span {line-height:30px;font-size:18px;}
    .recruitsd .mides {line-height:26px;font-size:12px;}
    .recruitsd .mides img {max-width:640px;}
    .recruitsd .mides p span {font-size:16px !important;}
    .contact {padding-top:30px;}
    .contact .mide .contacts-map {margin-bottom:40px;}
    .contact .my-map {height:250px;}
    .contacts-code {padding-top:20px;padding-bottom:20px;min-height:240px;}
    .contacts-codes dl {min-height:190px;}
    .contacts-codes dl:first-child {padding-right:25px;}
    .contacts-codes dl:nth-child(2),.contacts-codes dl:last-child {padding-left:25px;}
    .contacts-codes dl dt {margin-top:5px;margin-bottom:20px;}
    .contacts-codes dl dt h1,.contacts-codes dl dt h2,.contacts-codes dl dt h3 {font-size:16px;}
    .contacts-codes dl dt h3 {font-size:18px;}
    .contacts-codes dl dd::before {top:-6px;}
    .location {padding:13px 0;font-size:13px}
    .honor .mide {margin:0;}
    .honor .mide #honor {margin:0;}
    .share {right:5px;bottom:10px;height:40px;}
    .share a#stel,
    .share a#sqq,
    .share a#swechat {display: none;}
}
#wap {display:none;}
@media (max-width:700px) {
    #pc {display:none;}
    #wap {display:block;}
    .w-1200 {width:auto;margin:0 15px;}
    .w-600 {width:100%;}
    .w-400 {width:100%;}
    .sticky,.header {display:none}
    .mobile {display:block;}
    .banner {margin-top:60px;}
    .banner .image {height:240px;}
    .banner .desc p {top:100px;letter-spacing:12px;font-size:16px;}
    .banner .swiper-button-next,.banner .swiper-button-prev {display:none}
    .solve {padding-top:20px;}
    .solve .head {height:37px;}
    .solve .head span {height:26px;line-height:26px;}
    .solve .head span h4 {padding:0 1px 0 8px;font-size:14px;}
    .solve .head span h4::before {top:6px;}
    .solve .head span h5 {font-size:12px;}
    .solve .head a {line-height:26px;font-size:12px;}
    .solve .mide {height:auto;overflow:hidden;}
    .solve .mide ul {width:auto;margin:0 -1%;}
    .solve .mide ul li {width:48%;height:auto;margin:1%;}
    .solve .mide ul li a {width:100%;height:auto;margin:0;}
    .solve .mide ul li a .image {width:100%;height:auto;}
    .solve .mide ul li a .desc {height:auto;padding:7px 10px;}
    .solve .mide ul li a .desc span {height:20px;line-height:20px;}
    .solve .mide ul li a .desc p {display:none}
    .solve .mide ul li a:hover,.solve .mide ul li a:focus {box-shadow:5px 0 10px rgba(59,68,82,0.15);}
    .solve .mide ul li a:hover .desc,.solve .mide ul li a:focus .desc {height:auto;transform:translateY(0);}
    .solve .mide ul li:last-child {display:block;}
    .service {padding-bottom:20px;}
    .service .head {padding-bottom:5px;}
    .service .head h4 {height:30px;line-height:30px;font-size:15px;}
    .service .mide ul li {width:33.3333%;height:auto;min-height:80px;}
    .service .mide ul li a .image {height:60px;}
    .service .mide ul li a .desc {font-size:12px;margin-bottom:10px;}
    .provide {padding-top:35px;height:130px;}
    .provide h1 {line-height:30px;letter-spacing:2px;font-size:19px;margin-bottom:5px;}
    .provide h2 {line-height:24px;letter-spacing:2px;font-size:14px;}
    .about {padding-top:20px;}
    .about .head {height:37px;}
    .about .head span {height:26px;line-height:26px;}
    .about .head span h4 {padding:0 1px 0 8px;font-size:14px;}
    .about .head span h4::before {top:6px;}
    .about .head span h5 {font-size:12px;}
    .about .head a {line-height:26px;font-size:12px;}
    .about .mide {padding:10px 0 25px 0;}
    .about .mide h1 {font-size:14px;}
    .about .mide p {width:auto;}
    .about .mide a {line-height:24px;margin-top:0;}
    .about .mide img {margin-top:5px;}
    .footer {padding-top:20px;padding-bottom:20px;height:auto;overflow:hidden;}
    .footer .w-600 {width:40%;}
    .footer .w-400 {width:60%;}
    .footer h4 {line-height:24px;}
    .footer h6 {line-height:24px;margin-top:10px;}
    .footer a.alink {width:90%;height:34px;line-height:32px;margin-top:15px;margin-left:0;}
    .main {margin-top:60px;}
    .main .head {margin-bottom:5px;}
    .main .head h2 {line-height:30px;font-size:18px;}
    .main .head h3 {margin-top:0;font-size:12px;line-height:20px;}
    .main .mide .nav {height:auto;margin-bottom:6px;overflow:hidden;}
    .main .mide .nav li {width:20%;line-height:30px;font-size:12px;margin:0;float:left;display:block;}
    .main .mide .job li {width:33.3333%;}
    .main .mide .job li:nth-child(1) {width:34%;margin-left:16%}
    .main .mide .job li:nth-child(2) {width:34%;margin-right:16%}
    .solu {padding-top:15px;}
    .solus {padding-top:1px;padding-bottom:0;}
    .solusd {padding:10px 5px;min-height:60vh;margin:0}
    .solusd ul li {height:auto;width:50%;}
    .solusd ul li a {padding:5px;}
    .solusd ul li a .image {width:100%;height:104px;float:none;}
    .solusd ul li a .desc {width:100%;height:30px;padding:0 5px;float:none;text-align:center;}
    .solusd ul li a .desc span {margin-top:0;margin-bottom:0;height:30px;line-height:30px;font-size:12px}
    .solusd ul li a .desc p {display:none;}
    .solusd ul li a .desc h6 {display:none;}
    .main .about {padding-top:15px;}
    .main .about .mide {padding-bottom:20px;}
    .main .about .mide img {margin-top:5px;}
    .advantage {padding:15px 0;}
    .advantage .head h4 {height:30px;line-height:30px;font-size:15px;}
    .advantage .mide {margin:0 -1%;}
    .advantage .mide ul li {width:48%;height:132px;padding:2%;margin:1%;}
    .advantage .advantage-top {height:72px;}
    .advantage .advantage-top div {margin:10px 4px 0 4px;}
    .advantage .advantage-top div span {font-size:28px;}
    .advantage .advantage-top div span::after {right:-10px;font-size:18px;}
    .advantage .advantage-top div h3 {font-size:14px;line-height:24px;}
    .advantage .advantage-bottom {height:43px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .advantage .advantage-bottom p {padding:0;}
    .main .service {padding-bottom:20px;padding-top:15px;}
    .main .service .head {margin-bottom:5px;}
    .honor {padding-top:15px;padding-bottom:20px;}
    .honor .head {margin-bottom:7px;}
    .honor .head h4 {height:30px;line-height:30px;font-size:15px;}
    .honor .mide .honors .image {height:124px;}
    .honor .mide .honors p {height:35px;padding:7px 10px;line-height:20px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .recruit {padding-top:15px;}
    .recruits {padding-bottom:0;padding-top:1px;}
    .recruitsd {padding:15px;margin:0;min-height:560px;}
    .recruitsd .heads {padding-bottom:4px;margin-bottom:4px;}
    .recruitsd .heads span {line-height:26px;font-size:16px;}
    .recruitsd .mides {line-height:24px;font-size:12px;}
    .recruitsd .mides img {max-width:inherit;width:100%;}
    .recruitsd .mides p span {font-size:14px !important;}
    .contact {padding-top:15px;}
    .contact .mide .contacts-map {margin-bottom:20px;}
    .contact .my-map {height:240px;}
    .contacts-code {padding-top:20px;padding-bottom:15px;min-height:inherit;}
    .contacts-codes dl {width:100%;padding:0;margin-bottom:5px;float:none;min-height:inherit;}
    .contacts-codes dl:first-child {padding-left:0;padding-right:0;border-right:0;}
    .contacts-codes dl:nth-child(2),.contacts-codes dl:last-child {padding-left:0;border-left:0;}
    .contacts-codes dl dt {margin-top:0;margin-bottom:10px;}
    .contacts-codes dl dt h1,.contacts-codes dl dt h2,.contacts-codes dl dt h3 {font-size:14px;}
    .contacts-codes dl dt h3 {font-size:16px;}
    .contacts-codes dl dd::before {top:-5px;}
    .location {padding:10px 0;font-size:12px}
}
@media (max-width:330px) {
    .advantage .advantage-top div span {font-size:20px}
    .advantage .advantage-top div h5 {letter-spacing:-1px;}
}