.box{ width: 92vw; margin:0 auto; box-sizing: border-box; position: relative;}
.h100{ height: 100vh; }
.subPage{ height: 75vh; background: #FFF; }
.homeBan{ position: relative;}
.homeBan .header{ position: absolute; top:30px;left:0; width: 100%;  transition: all ease-out 0.36s;}
.homeBan .header.fixed{ position: fixed;top:0;left:0;width: 100vw; }
.homeBan header{ background: #fff; border-radius: 5px; padding: 15px 30px; }
.homeBan .header.fixed header{ position: fixed;top:0;left:0;width: 100vw; border-radius: 0; }
.homeBan .header.fixed header .box{ width: 100vw; }
.homeBan header h1{ flex:0 0 140px; background: url(../images/logo.jpg) no-repeat center center; background-size: cover; } 
.homeBan header h1 a{ width: 140px;height: 40px; text-indent: -999999px; display: block; }
.homeBan nav {flex-grow:70%;}
.homeBan nav li{ padding: 0 20px; text-align: center; font-weight: 300 !important;}
.homeBan nav li a{ color: #333; }
.homeBan nav li a:hover,.homeBan nav li a.active{ color: #4e6ffc;}
.homeBan nav .snav{ z-index: 999; opacity: 0; transition: all ease 0.5s; background: #4e6ffc; display: flex; flex-direction: column; position: absolute; top: 20px; width: 130px;}
.homeBan nav li:hover .snav{ top:70px; opacity: 1; }
.homeBan nav li li a,.homeBan nav li li a:hover,.homeBan nav li li:hover a{ color: #FFF;}
.homeBan nav li li{ position: relative; transition: all ease 0.5s; height: 45px ; line-height: 45px !important; flex:0 0 45px; width: 100%; text-align: left !important; padding-left: 20px; box-sizing: border-box; }
.homeBan nav li li i{ position: absolute; right:30px;transition: all ease 0.5s; opacity: 0;}
.homeBan nav li li:hover{ background: #3657e5;}
.homeBan nav li li:hover i{right:5px; display: inline-block;opacity: 1;}

.box-shaow{ box-shadow: rgba(0,0,0,0.1) 0px 0px 5px;}
.ban{ overflow: hidden; height: 100vh; position: fixed; transition:1s ease-out all; overflow: hidden;}
.ban a{ width: 100%; height: 100%; display: block; }
.ban .swiper-pagination{ bottom:20px;}
.ban .swiper-pagination-bullet-active{  background:#FFF; width:15px; border-radius:45px;}
.ban .swiper-pagination-bullet{transition:.3s ease-out; height:2px;}
.ban .swiper-button-prev,.ban .swiper-button-next{ color: #FFF; background: none; width: 50px; height: 40px; left: 0px;}
.ban .swiper-button-next{ left: auto;right: -10px; }
.ban .swiper-button-prev i,.ban .swiper-button-next i{ transition:.3s ease-out; border-radius:20px 0 0 20px; font-size: 16px; text-align: center; line-height: 40px; display: block;}
.ban .swiper-button-prev:hover i,.ban .swiper-button-next:hover i{ background: #4e6ffc;}
.ban .swiper-slide{ position: relative; }
.ban .swiper-slide.crm{ background: #f3f3f3 url(../images/banner1.jpg) no-repeat center center; background-size: cover; }
.ban .swiper-slide.xmt{ background: #f3f3f3 url(../images/banner2.jpg) no-repeat center center; background-size: cover; }
.ban .swiper-slide .box{ width:86%;   }
.ban .swiper-slide .box .title{ font-weight: 600; }
.ban .btn{ padding: 11px 22px; box-sizing: border-box; text-align: center; background: #4e6ffc; width: 157px;font-weight: 500; box-shadow: 0 8px 18px -2px rgba(130,158,227,.65);border-radius: 2px;font-size: 18px;}

.services{ border:#f2f2f2 solid 1px; border-right: none; }
.services li{ flex:1; padding:50px 40px; border-right: #f2f2f2 solid 1px;transition:all ease-out 0.36s;}
.services li .img{ overflow: hidden; }
.services li .img img{ width: 100%; transition:ease-out 0.36s; }
.services li:hover{ background: #f7f7f7; }
.services li:hover .img img{ transform: scale(1.2); }
.services li h5{ line-height: 4; }
.services li p{ color: #999; line-height: 23px; height: 70px; }
.services li a{ color: #4e6ffc; position: relative; }
.services li:hover a::after{  width: 100%;  } 
.services li a::after{ transition: all ease-out 0.5s; position: absolute; content: ''; bottom: -5px;left:0;width: 0; background:#4e6ffc ; height: 2px; }
.partners .swiper-slide{ height: 100px !important; overflow: hidden;}
.partners .swiper-slide img{ max-width: 90%; object-fit: cover; transition: all ease-out 0.36s; }
.partners .swiper-slide:hover img{ transform: scale(1.2); }

.homeService{  height: 620px; box-sizing: border-box; background:#4e6ffc url(../images/1562570850626.jpeg) no-repeat right center; background-size: cover; position: relative;}
.homeItem{padding:60px 0 30px; position: relative;}
.homeItem .title{ font-size: 22px; line-height:1.3; text-align: center; margin-bottom: 40px; }
.homeItem .title i{ color: #999; }
.homeService .title,.homeService .title i{ color: #FFF;  } 

.service .swiper-slide{width:630px;opacity:.5;}
.service .swiper-slide-active{ opacity:1; }
.service .item .img{ flex:0 0 43%; overflow: hidden; }
.service .item .img img{ width: 100%; object-fit: cover; display: block; transition: 0.2s ease-out; }
.service .item .con{ flex-grow: 1; box-sizing: border-box; padding:30px 40px; }
.service .item .con .title{ line-height: 3; margin-bottom: 0; font-weight: 600;font-size: 18px; color: #333; text-align: left; }
.service .item .con p{ color: #999; line-height: 1.5;}
.service .item .con .more{ margin-top: 18px; }
.service .item .con .more i{ border:1px solid rgba(0, 0, 0, .08); transition:ease 0.5s; border-radius: 3px; padding: 5px 15px; color: #999; }
.service .item .con:hover .more i{ color: #FFF; background: #0994f0;}
.service .swiper-slide:hover .img img{ transform:scale(1.2); }
.service .swiper-button-prev,.service .swiper-button-next{ transition: all 0.2s ease-out; color: #333; line-height:40px; text-align: center; border-radius: 50%; background: #FFF; width:40px; height:40px; left:19.7%;}
.service .swiper-button-next{ left: auto;right:19%; }
.service .swiper-button-prev:hover,.service .swiper-button-next:hover{ background:#0994f0; color: #fff; }
.homeService .serPage{ bottom:120px; width: 100%; }
.homeService .serPage .swiper-pagination-bullet.swiper-pagination-bullet-active{ text-indent: 0; color: #FFF; background: none; border:#FFF solid 1px; line-height: 30px; width:30px; border-radius:50%; height: 30px;}
.homeService .serPage .swiper-pagination-bullet{ margin: 0 10px; height:5px; width: 5px; background: #FFF; text-indent: -999999px; opacity: .8;}

.homeNews{ border:#f2f2f2 solid 1px; border-right: none; position: relative; }
.homeNews .swiper-slide{ padding: 20px; box-sizing: border-box; border-right: #f2f2f2 solid 1px; transition: all ease-out 0.36s;}
.homeNews .swiper-slide .ntitle{transition: all ease-out 0.36s;}
.homeNews .swiper-slide a{ position: relative; }
.homeNews .swiper-slide:hover{ background: #f7f7f7;  }
.homeNews .swiper-slide:hover .date{color: #000; }
.homeNews .swiper-slide:hover a{color: #4e6ffc; }
.homeNews .swiper-slide p{ line-height: 1.6; }
.homeNews .swiper-slide:hover a::after{ width: 100%; } 
.homeNews .swiper-slide a::after{ transition: all ease-out 0.5s; position: absolute; content: ''; bottom: -5px;left:0;width: 0; background:#4e6ffc ; height: 2px; }
.homeNews .swiper-slide:hover .ntitle{color: #4e6ffc;}
.news-pagination{ bottom: 20px !important; width: 100%; }

.viewMore .btn,.aboutCon .more .btn{ text-align: center; border: #f2f2f2 solid 1px; padding:0px 50px; height: 40px; line-height: 40px; width: 200px; box-sizing: border-box; }
.aboutBan{ height: 300px; background: url(../images/1567999115795.jpg) no-repeat center center; background-size: cover; }

.aboutCon{ line-height: 1.6; }
.subBan{ height: 100%; }
.subBan .box{ width: 86%; height: 100%; }
.subBan .box p{ width: 45%;  }
.subBan .btn a{ position: relative; display: inline-block; border: #FFF solid 1px; line-height: 35px; text-align: center; width: 130px; box-sizing: border-box; }
.subBan .btn a i{ position: absolute; right:15px; transition: ease 0.36s; } 
.subBan .btn a:hover i{ right: 10px; }
 
.subAbout{ background: url(../images/16716886523671yfs3i.jpg) no-repeat bottom center; background-size: cover; }
.subSocial{ background: url(../images/16659943743821f73wo.jpg) no-repeat bottom center; background-size: cover; }
.subNews{ background: url(../images/16656618173712unt6m.jpg) no-repeat bottom center; background-size: cover; }
.subContact{ background: url(../images/16266871863345rue6l.jpg) no-repeat bottom center; background-size: cover; } 
.subService{ background: url(../images/2022081609020199.jpg) no-repeat bottom center; background-size: cover; } 
.subNav{ line-height: 60px; border-bottom: #ececec solid 1px; }
.subNav li{ margin-right: 80px; }
.subNav li.active a,.subNav li a.active{ line-height: 60px; display: inline-block; color: #4e6ffc; border-bottom: #4e6ffc solid 2px; }
.aboutContent .content{ flex: 0 0 55%; margin-right: 5%; }
.aboutContent .img{ background: #4e6ffc; flex-grow: 1; }

.subNewList .newsInfo{ flex:0 0 35%; margin-right: 50px;}
.subNewList .img{ flex-grow: 1;}
.subNewList .img img{ width: 100%;}
.subNewList .newsInfo .btn a{ position: relative; display: inline-block; border: #FFF solid 1px; line-height: 35px; text-align: center; width: 130px; box-sizing: border-box; }
.subNewList .newsInfo .btn a i{ position: absolute; right:15px; transition: ease 0.36s; } 
.subNewList .newsInfo .btn a:hover i{ right: 10px; }

.newsList li{ flex:0 0 31.333%; margin: 1%; box-sizing: border-box;}
.newsList li .img{ height: 180px; overflow: hidden; }
.newsList li .img img{ max-width: 100%; object-fit: cover; }
.newsList li a{ color: #4e6ffc; position: relative; }
.newsList li:hover a::after{  width: 100%;  } 
.newsList li a::after{ transition: all ease-out 0.5s; position: absolute; content: ''; bottom: -5px;left:0;width: 0; background:#4e6ffc ; height: 2px; }

.newsDetail .newsContent p{ text-indent:2em; margin-bottom: 10px;}
.baiduMap{ height: 500px; width: 100%; }
.contactInfo{ top:80px; left:80px; z-index: 99999; box-sizing: border-box; width: 360px; height:calc(100% - 160px);}
.join li{ flex:0 0 49%; margin-bottom: 15px;}
.join .umei-input{ box-sizing: border-box; border: none; width: 100%; height: 45px;background: #F7F7F7;font-size: 14px;padding: 0 10px;margin-top: 10px;}
.join .btns .submit,.join .btns .reset{ cursor: pointer; border: none; box-sizing: border-box;width: 150px;height: 45px;line-height: 45px;background: #f7f7f7; color: #666;font-size: 15px;transition: all 0.5s;margin: 0 15px;}
.join .btns .submit:hover,.join .btns .reset:hover{ color: #FFF; background: #4e6ffc;}
footer{ background: #2e354d; color: hsla(0,0%,100%,.65); line-height:1.6;}
footer a{ color: hsla(0,0%,100%,.65); transition:ease 0.36s; }
footer a:hover{ color: #FFF; }
footer p{ line-height: 2; }
footer .ewm{ max-width: 80px; }
footer .copyRights{border-top: 1px solid hsla(0,0%,100%,.2);}