body{background: #F3F4F7;}
.banner{position: relative;height: 400px;background: url(//st-static.699pic.com/images/about/AboutUs-banner.jpg) no-repeat;text-align: center;}
.banner h1{padding: 128px 0 10px;line-height: 70px;font-size: 50px;color: #FFFFFF;}
.banner1{background-position: center 0;background-color:#34333B;}
.banner2{background-position: center -400px;background-color:#2E3035;}
.banner3{background-position: center -800px;background-color:#7B8590;}
.banner4{background-position: center -1200px;background-color:#9EA8BC;}
.banner5{background-position: center -1600px;background-color:#868FA6;}
.banner6{background-position: center -2000px;background-color:#8A94A9;}
.nav-list{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;background: rgba(0,0,0,0.10);}
.banner-hint{font-size: 16px;line-height: 22px;color: #FFFFFF;letter-spacing: 1.6px;text-shadow: 0 0 6px rgba(0,0,0,0.30);}
.nav-list .w1200{position: relative;}
.nav-list a{position: relative;float: left;width: 140px;font-size: 20px;color: #fff;text-align: center;line-height: 60px;height: 100%;margin-right: 40px;z-index: 1;}
.nav-list .nav-Sliders{position: absolute;top: 0;left: 0;width: 140px;height: 100%;background: #39AEFF;}
.AboutUs-title{font-size: 40px;
color: #333333;
letter-spacing: 2px;
padding: 70px 0 40px;}
h2,h3{font-size: 40px;color: #333333;letter-spacing: 2px;text-align: center;line-height: 56px;padding: 70px 0 40px;position: relative;z-index: 1;}
.AboutUs-titles{font-size: 20px;color: #666666;letter-spacing: 1px;text-align: center;line-height: 40px;margin: 28px 0 54px;}
.AboutUs-font{font-size: 16px;
color: #666666;
line-height: 30px;
margin-bottom: 20px;}
.AboutUs-unit{display: block;margin: 20px auto 40px;border-radius: 8px}
.classifyShow{margin: 10px 0 30px;height: 690px;background: url(//st-static.699pic.com/images/about/AboutUs-classify.jpg) no-repeat 0 0;}
.classifyShow li{position: relative;float: left;width: 400px;height: 230px;color: #fff;overflow: hidden;}
.classifyShow li a{display: block;width: 100%;height: 100%;color: #fff;}
.classify-describe{background: rgba(0,0,0,0.5);transition: 0.3s;}
.classify-describe .iconfont{display: inline-block;font-size: 45px;height: 132px;line-height: 178px;}
.classify-describe .describe-title{font-size: 20px;line-height: 28px;}
.describe-hint{font-size: 14px;line-height: 20px;}
.classify-describe,.hover-describe{width: 100%;height: 100%;text-align: center;}
.hover-describe{position: absolute;top: 230px;left: 0;background: rgba(47,164,245,0.80);transition: 0.3s;}
.hover-describe .hover-title{padding: 50px 0 19px;font-size: 24px;}
.hover-describe .xian{display: block;margin: 0 auto;width: 46px;height: 2px;background: #fff;}
.hover-describe .hover-hint{padding-top: 19px;display: inline-block;width: 256px;font-size: 14px;line-height: 24px;}
.classifyShow li:hover .classify-describe{opacity: 0;}
.classifyShow li:hover .hover-describe{top: 0;}

.timeline-block{overflow: hidden;height: 786px;background:#C0E4FF url(//st-static.699pic.com/images/about/AboutUs-shijianbg.png) no-repeat center;}
.timeline-block .w1200{position: relative;height: 100%;}
.timeline-zhuangshi{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 626px;height: 567px;background: url(//st-static.699pic.com/images/about/AboutUs-zhuangshi.png) repeat scroll top left;}
.timeline-zhuangshi:before{content: '';position: absolute;top: 50%;right: 25px;margin-top: -393px;width: 195px;height: 786px;background: url(//st-static.699pic.com/images/about/AboutUs-shijian.png) no-repeat 0 0;}
.slide{position: absolute;left: 637px;right: 0;top: 0;bottom: 0;}
.slide .img{opacity: 0;position: absolute;width: 408px;height: 120px;background: #F2F9FF;border-radius: 8px;transition: 0.3s;}
.slide .img i{position: absolute;left: 25px;top: 0;bottom: 0;margin: auto;text-align: center;width: 50px;height: 50px;background: #EDF1F4;border-radius: 8px;}
.slide .img i:before{content: '';margin-top: 9px;display: inline-block;background: url(//st-static.699pic.com/images/about/AboutUs-zhuangshiIcon.png) no-repeat;background-size:340px 68px;height: 34px;width: 34px;}
.slide .img i.icon2:before{background-position: -34px 0;}
.slide .img i.icon3:before{background-position: -68px 0;}
.slide .img i.icon4:before{background-position: -102px 0;}
.slide .img i.icon5:before{background-position: -136px 0;}
.slide .img i.icon6:before{background-position: -170px 0;}
.slide .img i.icon7:before{background-position: -204px 0;}
.slide .img i.icon8:before{background-position: -238px 0;}
.slide .img i.icon9:before{background-position: -272px 0;}
.slide .img i.icon10:before{background-position: -306px 0;}
.slide .img.img3 i.icon1:before{background-position: 0px -34px;}
.slide .img.img3 i.icon2:before{background-position: -34px -34px;}
.slide .img.img3 i.icon3:before{background-position: -68px -34px;}
.slide .img.img3 i.icon4:before{background-position: -102px -34px;}
.slide .img.img3 i.icon5:before{background-position: -136px -34px;}
.slide .img.img3 i.icon6:before{background-position: -170px -34px;}
.slide .img.img3 i.icon7:before{background-position: -204px -34px;}
.slide .img.img3 i.icon8:before{background-position: -238px -34px;}
.slide .img.img3 i.icon9:before{background-position: -272px -34px;}
.slide .img.img3 i.icon10:before{background-position: -306px -34px;}
.slide .img.img1{left: 0;top: -37px;opacity: 0;}
.slide .img.img2{top: 125px;left: 0;opacity: 1;}
.slide .img.img3{top: 333px;left: 66px;opacity: 1;background: linear-gradient(180deg, #E1F3FF 0%, #FFFFFF 100%);box-shadow: 0px 8px 16px 0px rgba(49,139,255,0.2);}
.slide .img.img3 p{color: #318BFF;font-weight: 600;}
.slide .img.img4{top: 541px;left: 0;opacity: 1;}
.slide .img.img5{top: 749px;left: 6px;opacity: 0;}
.slide .img div{position: relative;padding-left: 90px;font-size: 18px;color: #999999;line-height: 25px;}
.slide .img span{position: absolute;right: 0;bottom: -8px;font-size: 50px;font-weight: 600;color: #EAF3FC;line-height: 70px;}
.slide .img span.time{left: -188px;bottom: 0;font-size: 20px;color: #666666;line-height: 120px;}
.slide .img.img3 span.time{left: -220px;font-weight: 600;color: #318BFF;}
.slide .img.img1 span.time,.slide .img.img5 span.time{left: -230px;}
.slide .img div p{padding-top: 29px;padding-bottom: 4px;font-size: 24px;color: #333333;line-height: 33px;}
.timeline-block .icon-paixu-shang,.timeline-block .icon-paixu-xia{position: absolute;right: 0;z-index: 2;top: 321px;font-size: 28px;color: #38AEFF;text-align: center;line-height: 48px;width: 48px;height: 48px;background: #FFFFFF;border-radius: 8px;opacity: 0.5;transition: 0.2s;cursor: pointer;}
.timeline-block .icon-paixu-xia{top: 417px;}
.timeline-block .icon-paixu-shang:hover,.timeline-block .icon-paixu-xia:hover{opacity: 1;}

.feature,.feature2{box-sizing: border-box;height: 385px;padding-top: 83px;text-align: center;}
.feature2{margin-right: -4px;}
.feature-li{position: relative;display: inline-block;width: 398px;text-align: center;vertical-align: top;}
.feature-li i{display: inline-block;width: 118px;height: 109px;background: url(//st-static.699pic.com/images/about/AboutUs-icon.png) no-repeat 0 0;}
.feature-li i.feature-icon1{background-position: 0 0;}
.feature-li i.feature-icon2{background-position: -123px 0;}
.feature-li i.feature-icon3{background-position: -238px 0;}
.feature2 .feature-li i{display: inline-block;background: url(//st-static.699pic.com/images/about/AboutUs-icon.png) no-repeat 0 0;width: 120px;height: 120px;margin-bottom: 5px;}
.feature2 .feature-li i.feature-icon1{background-position: -350px 0;}
.featurei2 .feature-li i.feature-icon2{background-position: -470px 0;}
.feature2 .feature-li i.feature-icon3{background-position: -596.5px 0;}
.feature-li .feature-title{padding: 19px 0 10px;font-size: 24px;color: #333333;line-height: 33px;}
.feature-li .feature-hint{line-height: 26px;font-size: 18px;color: #666666;}
.feature-li span{position: absolute;top:50px;right: -9.5px;width: 15px;height: 15px;background: #2FA4F5;border-radius: 50%;}
.enterprise-title{font-size: 30px;color: #666666;letter-spacing: 15px;text-align: center;}
.enterprise-list{margin: 30px -20px 0 0;}
.enterprise-list .enterprise-li{float: left;width: 285px;height: 150px;margin: 0 20px 20px 0;background: url(//st-static.699pic.com/images/about/AboutUs-merchant.jpg) no-repeat ;}
.enterprise-moreBtn{margin: 10px auto 40px;box-sizing: border-box; display: block; width: 410px; height: 42px; border-radius: 21px; font-size: 16px; color: #ffffff; text-align: center; line-height: 42px; background: #39AEFF;}
.enterprise-moreBtn:hover{background: #1395E7;}
.copyright-block{height: 787px;background: #fff;}
.copyright-block2{height: 735px;}
.copyright-block2 .title{font-size: 40px;color: #333333;letter-spacing: 2px;text-align: center;line-height: 56px;padding: 80px 0 50px;}
.mediareports-list{margin-right: -30px;padding: 65px 0 50px;}
.mediareports-list li{float: left;position: relative;box-sizing: border-box;padding: 0 20px;width: 380px;height: 444px;margin-right: 30px;background: #FFFFFF;text-align: center;transition: 0.3s;}
.mediareports-list li a{display: block;width: 100%;height: 100%;}
.mediareports-list li:hover{box-shadow: 0 4px 8px #c1ced8;}
.mediareports-list li .title-logo{width: 205px;height: 70px;position: absolute;top: -35px;left: 0;right: 0;margin: auto;background: url(//st-static.699pic.com/images/about/AboutUs-qiyelogo.v2.png) no-repeat ;background-size:205px 210px;}
.mediareports-list li .title-logo.logo1{background-position: 0 0 ;}
.mediareports-list li .title-logo.logo2{background-position: 0 -70px ;}
.mediareports-list li .title-logo.logo3{background-position: 0 -140px ;}
.mediareports-date{font-size: 14px;color: #999999;padding: 36px 0 18px;}
.mediareports-title{font-size: 22px;color: #333333;line-height: 34px;margin-bottom: 10px;hite-space: nowrap;letter-spacing: -0.4px;}
.mediareports-describe{font-size: 16px;color: #666666;line-height: 29px;text-align: left;}
.mediareports-describe p{text-indent: 2em;}
.mediareports-list .icon-menu-diandiandian{position: absolute;left: 0;bottom: 13px;width: 100%;text-align: center;color: #C1CED8;font-size: 42px;}
.title-decorate{position: absolute;left: 0;right: 0;top: 68px;font-size: 70px;color: #E6E6E6;letter-spacing: 3.5px;text-align: center;font-weight: 100;}
.Contact-map{margin-top: 39px;margin-left: 130px;}
.Contact-msg{padding: 39px 0 48px 622px;position: relative;top: -14px;}
.contacj-Manner{font-size: 20px;color: #666666;line-height: 50px; height: 50px;}
.contacj-Manner .iconfont{color: #2FA4F5;margin-right: 9px;font-size: 20px;}
.Contact-ewm{padding-top: 20px;}
.Contact-ewm div{float: left;box-sizing: border-box;padding: 10px;width: 162px;height: 183px;margin-right: 30px;background: #fff;text-align: center;font-size: 14px;color: #999;}
.Contact-ewm div img{width: 100%;}
.Contact-ewm .iconfont{color: #999;margin-right: 4px;}