*{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;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 95px;background: rgba(255,255,255,.2);padding: 0 12%;z-index: 99;}
.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;padding-left: 60px;color: #FFFFFF;font-size: 16px;}
.header .nav ul li a:hover{color: #f1f1f1;}
.header .nav ul li.last a{display: inline-block;padding: 10px 30px;background: #FFFFFF;border-radius: 30px;color: #59c6fe;}
/*轮播图*/
.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: 30%;left: 17%;z-index: 5;color: #FFFFFF;}
.slider ul li .slider-txt .title{font-size: 80px;font-weight: bold;}
.slider ul li .slider-txt .desc{font-size: 20px;line-height: 40px;padding: 30px 0;}
.slider ul li .slider-txt a{display: inline-block;padding: 8px 37px;font-size: 20px;color: #4585f2;background: #FFFFFF;border-radius: 40px;}
.slider .swiper-pagination-bullet{width: 120px;height: 5px;border-radius: 5px;}
.slider .swiper-pagination-bullet-active{background: #FFFFFF;}
.slider.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 55px;}
.slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 20px;}
/*通用标题*/
.block h2.title{position: relative;font-size: 40px;color: #666666;text-align: center;padding-bottom: 15px;}
.block h2.title.line:after{display: block;content: "";position: absolute;width: 65px;height: 3px;background: #4585f2;bottom: 5px;left: 50%;transform: translateX(-50%);}
.block p.sub-title{font-size: 18px;color: #666666;text-align: center;}
/*技术*/
.technology{width: 100%;height: auto;overflow: hidden;padding: 140px 0 180px 0;}
.technology .desc{color: #818181;font-size: 14px;text-align: center;padding: 45px 0 70px 0;line-height: 30px;}
.technology .list ul{width: 100%;height: auto;display: flex;justify-content: center;}
.technology .list ul li{display: inline-block;margin: 0 20px;width: 490px;height: 440px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 15px rgba(210,210,210,.2);background-repeat: no-repeat;background-position: center center;transition: all .3s;}
.technology .list ul li:hover{transition: all .3s;transform: scale(1.05);}
.technology .list ul li.one{background-image: url(../images/jishu-pic1.png);background-size: 75%;}
.technology .list ul li.two{background-image: url(../images/jishu-pic2.png);background-size: 80%;}
.technology .list ul li.three{background-image: url(../images/jishu-pic3.png);background-size: 80%;}
/*模式*/
.pattern{width: 100%;height: auto;overflow: hidden;padding: 120px 0;background: #fcfcfc;display: flex;justify-content: center;align-items: center;}
.pattern .pattern-l ul{display: flex;height: 170px;}
.pattern .pattern-l ul li{width: 250px;height: 100%;position: relative;color: #4b4b4b;text-align: center;transition: all .3s;}
.pattern .pattern-l ul li:hover{transition: all .3s;transform: translateY(-5px);}
/*.pattern .pattern-l ul li.active h5{color: #4585f2;}
.pattern .pattern-l ul li.active p{color: #4585f2;}*/
.pattern .pattern-l ul li:after{position: absolute;content: "";top: 10px;right: 0;width: 1px;height: 110px;background: #e6f4ff;}
.pattern .pattern-l ul li h5{font-size: 18px;font-weight: bold;padding-bottom: 5px;padding-top: 90px;}
.pattern .pattern-l ul li p{font-size: 16px;}
.pattern .pattern-l ul li.one{background: url(../images/icon-store.png) top center no-repeat;}
.pattern .pattern-l ul li.two{background: url(../images/icon-address.png) top center no-repeat;}
.pattern .pattern-l ul li.three{background: url(../images/icon-shop.png) top center no-repeat;}
.pattern .pattern-r{width: 380px;margin-left: 80px;display: none;}
.pattern .pattern-r .title{font-size: 29px;font-weight: bold;color: #4b4b4b;}
.pattern .pattern-r .desc{font-size: 16px;color: #a8a8a8;padding: 40px 0 30px 0;}
.pattern .pattern-r a{display: inline-block;padding: 6px 15px;font-size: 16px;color: #FFFFFF;background: #4585f2;border-radius: 20px;float: right;}
.pattern .pattern-r.active{display: block;}
/*创新*/
.innovate{width: 100%;height: auto;overflow: hidden;padding: 95px 0 130px 0;}
.innovate .desc{color: #b4b4b4;font-size: 16px;text-align: center;padding: 35px 0 60px 0;line-height: 30px;}
.innovate .list{width: 100%;height: auto;overflow: hidden}
.innovate .list ul{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;text-align: center;}
.innovate .list ul li{display: inline-block;width: 570px;height: 250px;margin: 8px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;padding-left: 40px;transition: all .3s;}
.innovate .list ul li:hover{transition: all .3s;transform: translateY(-5px);}
.innovate .list ul li h4{font-weight: bold;color: #4585f2;font-size: 24px;text-align: left;padding: 55px 0 25px 0;}
.innovate .list ul li p{color: #333333;font-size: 14px;text-align: left;width: 60%;line-height: 25px;}
.innovate .list ul li.one{background-image: url(../images/cxkj-pic1.png);background-position: center right 50px;}
.innovate .list ul li.two{background-image: url(../images/cxkj-pic2.png);background-position: center right 50px;}
.innovate .list ul li.three{background-image: url(../images/cxkj-pic3.png);background-position: center right 50px;}
.innovate .list ul li.four{background-image: url(../images/cxkj-pic4.png);background-position: center right 30px;}
/*关于我们*/
.about{width: 100%;height: auto;overflow: hidden;background: #fcfcfc;padding: 65px 0 75px 0;text-align: center;}
.about .desc{text-align: center;line-height: 30px;color: #828282;font-size: 16px;padding: 50px 0 50px 0;}
.about a{display: inline-block;padding: 6px 25px;font-size: 14px;color: #FFFFFF;background: #4585f2;border-radius: 20px;}
/*尾部*/
.bottom{width: 100%;height: 600px;overflow: hidden;background: url(../images/bg-bottom.png) left top no-repeat;background-size: 100% 100%;color: #FFFFFF;}
.bottom h2.title{padding-top: 50px;padding-bottom: 10px;color: #FFFFFF;font-weight: bold;}
.bottom p.sub-title{color: #FFFFFF;}
.bottom .slogan{font-size: 32px;text-align: center;letter-spacing: 5px;padding: 30px 0 75px 0;}
.bottom .footer{display: flex;justify-content: center;align-items: center;padding-bottom: 30px;}
.bottom .footer .footer_l .logo-txt{font-size: 38px;font-weight: bold;padding-bottom: 20px;}
.bottom .footer .footer_l p{font-size: 18px;letter-spacing: 2px;padding-left: 12px;}
.bottom .footer .footer_r{display: flex;}
.bottom .footer .footer_r dl{width: 100px;margin-left: 115px;}
.bottom .footer .footer_r dl dt{font-size: 16px;padding-bottom: 20px;}
.bottom .footer .footer_r dl dt a:hover{color: #f1f1f1;}
.bottom .footer .footer_r dl dd{font-size: 14px;line-height: 28px;}
.bottom .footer .footer_r dl dd a:hover{color: #f1f1f1;}
.bottom .copyright{width: 88%;margin: 0 auto;border-top: 2px solid #FFFFFF;text-align: center;padding-top: 40px;letter-spacing: 2px;}
.bottom .copyright a,.bottom .copyright span{display: inline-block;padding: 0 10px;}
.bottom .copyright a:hover{color: #f1f1f1;}
/*按钮动画效果*/
.btn{transition: all .3s;}
.btn:hover{transform: scale(0.9);transition: all .3s;}