*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;}
body{min-width: 1440px;}
img{vertical-align: middle;max-width: 100%;}
/*头部导航*/
.header{position: absolute;top: 0;left: 0;width: 100%;padding: 0 3%;height: 95px;display: flex;justify-content: space-between;align-items: center;z-index: 99;color: #FFFFFF;transition: all .3s;}
.header.fixed{position: fixed;background: rgba(75,150,250,.8);height: 60px;transition: all .3s;}
.header .nav ul{display: flex;}
.header .nav ul li{display: flex;align-items: center;margin: 0 30px;font-size: 16px;position: relative;}
.header .nav ul li.active:after{position: absolute;content: "";bottom: -8px;left: -5px;width: 75px;height: 3px;background: #FFFFFF;transition: all .3s;}
.header .nav ul li:after{position: absolute;content: "";bottom: -8px;left: -5px;width: 0px;height: 3px;background: #FFFFFF;transition: all .3s;}
.header .nav ul li:hover:after{width: 75px;transition: all .3s;}
.header .mobile-nav{width: 36px;height: 31px;background: url(../images/nav-icon.png) center center no-repeat;}
/*轮播图*/
.slider{width: 100%;height: auto;overflow: hidden;}
.slider ul li{width: 100%;height: auto;position: relative;}
.slider ul li:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.slider ul li .slider-txt{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);z-index: 5;color: #FFFFFF;text-align: center;}
.slider ul li .slider-txt .title{font-size: 75px;font-weight: bold;}
.slider ul li .slider-txt .sub-title{font-size: 30px;border-bottom: 2px solid #FFFFFF;padding: 15px 5px ;}
.slider ul li .slider-txt .desc{font-size: 16px;line-height: 25px;padding: 20px 0;}
.slider ul li .slider-txt a{display: inline-block;padding: 10px 30px;font-size: 20px;color: #6a96da;background: #FFFFFF;border-radius: 5px;}
/*服务*/
.services{width: 100%;height: auto;position: relative;}
.services .services-box{width: 1376px;height: 780px;padding: 30px;background: rgba(240,240,240,.5);position: absolute;top: -155px;left: 50%;margin-left:-688px ;z-index: 5;}
.services .number ul{display: flex;}
.services .number ul li{width: 100%;height: 265px;background: rgba(75,150,250,.8);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #FFFFFF;}
.services .number ul li p.title{font-size: 60px;}
.services .number ul li p.title span{font-size: 24px;}
.services .number ul li p.title sub{font-size: 24px;}
.services .number ul li p.desc{font-size: 16px;}
.services .our-service{display: flex;justify-content: center;align-items: center;padding: 100px 0 60px 0;}
.services .our-service-l{width: 520px;color: #333333;}
.services .our-service-l .title{font-size: 18px;padding-bottom: 10px;}
.services .our-service-l .desc{font-size: 14px;line-height: 25px;}
.services .our-service-l .desc p{text-indent: 28px;}
.services .our-service-r{margin-left: 85px;}
.services .our-service-more{display: flex;justify-content: center;}
.services .our-service-more a{display: inline-block;margin: 0 5px;width: 120px;height: 34px;border: 1px solid #4c80e7;border-radius: 3px;line-height: 34px;text-align: center;font-size: 14px;color: #4c80e7;}
.services .our-service-more a.primary{background: #4c80e7;color: #FFFFFF;}
/*公共头部*/
.block h2.title{font-size: 30px;color: #333333;padding-bottom: 8px;position: relative;text-align: center;}
.block p.sub-title{font-size: 14px;color: #999999;text-align: center;}
.block h2.title:after{display: block;content: "";position: absolute;width: 70px;height: 3px;background: #4c80e7;bottom: -30px;left: 50%;transform: translateX(-50%);}
/*效益*/
.benefit{width: 100%;height: auto;overflow: hidden;padding-top: 625px;text-align: center;background: url(../images/bg-xiaoyi.png) bottom -150px center no-repeat;}
.benefit h2.title{padding-top: 125px;}
.benefit .items{width: 100%;height: auto;overflow:hidden;padding: 85px 0 100px 0;}
.benefit .items ul{display: flex;justify-content: center;}
.benefit .items ul li{width: 275px;height: auto;overflow: hidden;margin: 0 25px;text-align: center;transition: all .3s;}
.benefit .items ul li:hover{transition: all .3s;transform: translateY(-5px);}
.benefit .items ul li p.title{font-size: 20px;color: #333333;padding: 30px 0 15px 0;}
.benefit .items ul li p.desc{font-size: 16px;color: #333333;line-height: 30px;}
/*案例*/
.case{width: 100%;height: auto;overflow: hidden;padding: 60px 0 105px 0;background: #f8f8fb;position: relative;}
.case .case-slide-box{width: 1220px;margin: 0 auto;position: relative;}
.case .items{width: 1220px;height: auto;margin: 0 auto;overflow: hidden;padding-top: 50px;}
.case .items ul{width: auto;height: auto;margin: 0 auto;text-align: center;}
.case .items ul .four-item{width: 1220px;float: left;}
.case .items ul li{float: left;display: inline-block;width: 600px;height: 258px;background: #FFFFFF;margin-bottom: 20px;background: url(../images/case-bg1.jpg) center center no-repeat;background-size: 100% 100%;cursor: pointer;position: relative;margin-right: 20px;overflow: hidden;}
.case .items ul li:nth-child(2n){margin-right: 0;}
.case .items ul li a{display: block;width: 100%;height: 100%;}
.case .items ul li img{width: 100%;height: 100%;transition: all .3s;}
.case .items ul li a:after{position: absolute;content: "";display: block;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,.3);top: 0;left: 0;transition: all .3s;}
.case .items ul li .item-txt{position: absolute;width: 100%;text-align: center;color: #FFFFFF;z-index: 2;top: 50%;left: 0;transform: translateY(-50%);}
.case .items ul li .item-txt .title{font-size: 30px;padding-bottom: 15px;}
.case .items ul li .item-txt .desc{font-size: 16px;line-height: 30px;padding: 0 40px;}
.case .items ul li.active img{opacity: 0;transition: all .3s;}
.case .items ul li.active a:after{transform: translateY(100%);transition: all .5s;}
.case .items ul li.active .item-txt .title{color: #333333;text-align: left;font-size: 18px;position: relative;padding-left: 40px;padding-bottom: 20px;}
.case .items ul li.active .item-txt .title:after{position: absolute;content: "";display: inline-block;width: 3px;height: 20px;text-align: center;background: #4c80e7;z-index: 2;top: 2px;left: 28px;}
.case .items ul li.active .item-txt .desc{font-size: 14px;text-align: left;color: #999999;padding: 0 195px 0 40px;line-height: 25px;}
.case .swiper-pagination-bullets{bottom: 50px;text-align: center;width: 100%;}
.case .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px;}
.case .swiper-button-prev{background: url(../images/arrow-left.png);width: 64px;height: 64px;left: -100px;}
.case .swiper-button-next{background: url(../images/arrow-right.png);width: 64px;height: 64px;right: -100px;}
/*团队*/
.team{width: 100%;height: auto;overflow: hidden;padding: 90px 0 110px;background: url(../images/team-bg.jpg) center center no-repeat;}
.team h2.title{color: #FFFFFF;}
.team p.sub-title{color: #FFFFFF;}
.team .items{padding-top: 70px;width: 100%;height: auto;overflow: hidden;}
.team .items ul{width: 1240px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.team .items ul li{width: 610px;height: 180px;background: rgba(255,255,255,.9);border-radius: 5px;margin-bottom: 20px;padding: 20px 50px 20px 20px;transition: all .3s;}
.team .items ul li:hover{;box-shadow:0px 0px 10px rgba(244,244,244,.8);transition: all .3s;}
.team .items ul li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;}
.team .items ul li .item-txt{padding-left: 35px;}
.team .items ul li .item-txt .title{font-size: 24px;color: #333333;padding-bottom: 20px;}
.team .items ul li .item-txt .desc{font-size: 16px;color: #333333;line-height: 30px;}
/*资讯*/
.news{width: 100%;height: auto;overflow: hidden;padding: 90px 0 80px;}
.news .items{padding-top: 70px;width: 100%;height: auto;overflow: hidden;}
.news .items ul{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news .items ul li{width: 48.5%;background: rgba(255,255,255,.9);border-radius: 5px;margin-bottom: 40px;}
.news .items ul li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;transition: all .3s;}
.news .items ul li a:hover{transform: translateY(-5px);transition: all .3s;}
.news .items ul li a:hover .items-r .title{color: #4c80e7;}
.news .items ul li .items-l {width: 250px;height: 130px;flex-shrink: 0;}
.news .items ul li .items-l img{display: inline-block;width: 100%;height: 100%;}
.news .items ul li .items-r{padding-left: 20px;}
.news .items ul li .items-r .title{font-size: 18px;color: #333333;padding-bottom: 10px;}
.news .items ul li .items-r .time{font-size: 12px;color: #999999;padding-bottom: 10px;}
.news .items ul li .items-r .desc{font-size: 14px;color: #666666;line-height: 20px;}
.news .more{text-align: center;}
.news .more a{display: inline-block;width: 120px;height: 34px;border: 1px solid #4c80e7;background: #4c80e7;border-radius: 3px;line-height: 34px;text-align: center;font-size: 14px;color: #FFFFFF;margin: 20px 0;}
/*尾部*/
.footer{width: 100%;height: auto;overflow: hidden;padding: 55px 0 40px;background: #f7f7f7;border-top:3px solid #4c80e7 ;}
.footer .footer-box{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between}
.footer .footer-l {font-size: 14px;color: #999999;}
.footer .footer-l .footer-logo{padding-bottom: 40px;}
.footer .footer-l .footer-nav ul{display: flex;padding-bottom: 40px;}
.footer .footer-l .footer-nav ul li{padding: 0 10px;}
.footer .footer-l .footer-nav ul li:first-child{padding-left: 0;}
.footer .footer-l .footer-nav ul li a:hover{color: #333;}
.footer .footer-l .copyright p{line-height: 22px;}
.footer .footer-l .copyright p span,.footer .footer-l .copyright p a{display: inline-block;padding-right:5px ;}
.footer .footer-l .copyright p span.time{padding-left: 30px;}
.footer .footer-r{align-self: flex-end;}
.footer .footer-r img{margin-left: 30px;}
/*按钮动画效果*/
.btn{transition: all .3s;}
.btn:hover{transform: scale(0.9);transition: all .3s;}