*{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; background:#f6f6f6;} img{vertical-align: middle;max-width: 100%;} .img_c{ width:100%; max-width:1350px; display:block; margin:0 auto;} .img_c2{ width:100%; display:block; margin:0 auto;} .img_ccc{ display:block; margin:0 auto;} .mt68{ margin-top:68px;} .w1000{ width:1000px; margin:0 auto;} .w1200{ width:1200px; background:#fff; margin:0 auto;} input,h1,h2,p,h3{ margin:0; padding:0; background:none; outline:none; border:none;} .clear{ clear:both;} /*头部导航*/ .header{ width:100%; background:#00a272; height: 100px; center;z-index: 99;color: #FFF;transition: all .3s;} .header .topc{width:1200px; margin:0 auto;} .header.fixed{position: fixed;background: rgba(75,150,250,.8);height: 60px;transition: all .3s;} .header .logo{ float:left; width:250px; height:100px; text-align:center; line-height:90px;} .header .nav ul{display: flex; float:right;} .header .nav ul li{display: flex;align-items: center;margin: 0 30px;font-size: 16px;position: relative; margin-top:35px; font-size:20px;} .header .nav ul li.active:after{position: absolute;content: "";bottom: -15px;left: -5px;width: 88px;height: 3px;background: #FFF;transition: all .3s;} .header .nav ul li:after{position: absolute;content: "";bottom: -15px;left: -5px;width: 0px;height: 3px;background: #FFFFFF;transition: all .3s;} .header .nav ul li:hover:after{width: 88px;transition: all .3s;} .header .mobile-nav{width: 36px;height: 31px;background: url(../image/nav-icon.png) center center no-repeat;} /*ManB万博图*/ .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: 1350px;height: 182px; top: -182px; background: #fff;position: absolute;left: 50%;margin-left:-675px ;z-index: 5;} .services2{width: 1200px; background:#fff; margin:0 auto; position: relative; top: -85px; z-index: 99; padding-top:50px;} .team_h2{display:block; margin-top:68px; margin-left:46px;} /*公共头部*/ .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%);} .ditu{ position:relative; top:-80px;} .footc{ width:100%; height:472px; background:url(../images/footbg.jpg) no-repeat;} .foot_l{ float:left;} .foot01{ width:690px;} .foot01 p{ font-size:16px; float:left; color:#fff; font-size:13px; margin-right:50px;} .foot01 form{ } .foot01 form input[type="text"]{ height:32px; line-height:32px; width:188px; padding-left:5px; background:#fff;} .foot01 form input[type="button"]{ height:32px; line-height:30px; padding-left:5px; border:solid 2px #1a78fe; text-align:center; width:100px; color:#1a78fe;} .foot02{ width:680px; height:48px; background:url(../images/icon.png) no-repeat; margin-top:50px; position:relative;} .foot02 p{ display:inline-block; color:#fff; padding-top:20px; font-size:14px;} .foot02 .p1{ margin-left:50px;} .foot02 .p2{ margin-left:90px;} .foot02 .p3{ margin-left:106px;} .foot_r{ float:right;} .foot_r h3{ color:#fff; padding-bottom:12px; border-bottom:solid 2px #1a78fe; font-size:16px;} .foot_r p{ line-height:28px; color:#808080; padding-top:10px; font-size:16px;} /*效益*/ .benefit{width: 100%;height: auto;overflow: hidden;padding-top: 625px;text-align: center;background: url(../image/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(../image/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(../image/arrow-left.png);width: 64px;height: 64px;left: -100px;} .case .swiper-button-next{background: url(../image/arrow-right.png);width: 64px;height: 64px;right: -100px;} /*团队*/ .team{width: 100%;height: auto;overflow: hidden;padding: 90px 0 110px;background: url(../image/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: #00a272;/*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: #fff;} .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: #ed6d00;} .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; height:160px; width:160px;} /*按钮动画效果*/ .btn{transition: all .3s;} .btn:hover{transform: scale(0.9);transition: all .3s;}