body{padding-bottom: 81px;}
.inner{margin: 0 auto;width: 640px;max-width: 640px;}
.pdd{padding: 0 30px;}
.header{height: 100px;padding: 30px 24px 0 21px;position: relative;}
.navList{width: 38px;margin: 8px 0 0 0;cursor: pointer;}
.navList span{height: 4px;background-color: #0068b4;margin: 0 0 8px 0;display: block;transition: all 0.5s;}
.smallUl{position: absolute;left: 0;top: 100px;width: 100%;display: none;z-index: 2000;background-color: rgba(0,0,0,0.7);}
.smallUl li{border-top: 1px solid #fff;}
.smallUl li:nth-child(1){border-top: none;}
.smallUl li a{font-size: 24px;text-align: center;line-height: 82px;color: #fff;}
.banner img{width: 100%;}
.banner .swiper-slide{width: 100% !important;}
.banner .swiper-pagination-bullet{background: #fff;opacity: 1;width: 14px;height: 14px;}
.banner .swiper-pagination-bullet-active{background: #b40101 !important;width: 20px;height: 20px;position: relative;top: 3px;}
.mainUl{padding: 48px 42px 28px;}
.mainUl li{float: left;width: 105px;margin: 0 0 42px;text-align: center;}
.mainUl li:nth-of-type(3n-1){margin: 0 120px 42px;}
.mainUl li a p{font-size: 24px;color: #3c3c3c;margin: 10px 0 0;}
.baseTitle{height: 65px;background-color: #f5f5f5;line-height: 65px;}
.baseTitle .left{width: 10px;height: 45px;background-color: #0068b4;margin: 10px 23px 0 0;}
.baseTitle p{font-size: 24px;color: #3c3c3c;}
.baseTitle .arrow{margin: 23px 25px 0 0;height: 20px;}
.main .text{padding: 28px 30px 30px;}
.fanUl{margin: 28px -7px 35px;}
.fanUl li{float: left;width: 134px;line-height: 45px;border-radius: 4px;background-color: #00a0e9;margin: 0 7px 15px;text-align: center;}
.fanUl li a{color: #fff;}
.ke-logo{padding: 38px 38px 28px;position: relative;}
.ke-logo .swiper-slide ul{margin: 0 -5px;}
.ke-logo .swiper-slide ul li{float: left;width: 181px;height: 94px;margin: 0 5px 10px;}
.ke-logo .swiper-slide ul li img{width: 179px;height: 92px;border: 1px solid #e0e0e0;}
.ke-logo .arrow{background: none;width: 16px;height: 30px;position: absolute;top: 0;bottom: 0;margin: auto;}
.ke-logo .swiper-button-prev{left: 10px;}
.ke-logo .swiper-button-next{right: 10px;}
.footer{background-color: #f5f5f5;}
.footer .text{padding: 30px 40px;}
.footer i{margin-left: 18px;}
.copy{font-size: 20px;text-align: center;padding: 15px 0;border-top: 1px solid #dfdfdf;}
.iphone{background-color: #0068b4;width: 640px;position: fixed;left: 0;bottom: 0;right: 0;margin: auto;z-index: 1000;}
.iphone li{float: left;}
.iphone li a{width: 213px;height: 90px;text-align: center;padding: 17px 0 0;color: #fff;font-size: 18px;}
.iphone li a .pic{height: 30px;}
.iphone li:nth-child(2){border-left: 1px solid #fff;border-right: 1px solid #fff;width: 212px;}
.aboutUl{background-color: #0068b4;height: 65px;padding: 14px 16px 0;}
.aboutUl li{float: left;width: 120px;text-align: center;line-height: 37px;}
.aboutUl li a{color: #fff;}
.aboutUl li.bg{background-color: #00a0e9;}
.content{padding: 48px 48px 50px;}
.content img{max-width: 100%;width: 100%;}
.content span{display: block;color: #0068b4;}
@font-face {font-family: "trends";src: url("./font/TRENDS .woff2") format("woff2"),url("./font/TRENDS .woff") format("woff"),url("./font/TRENDS .ttf") format("truetype"),url("./font/TRENDS .eot") format("embedded-opentype"),url("./font/TRENDS .svg") format("svg");font-weight: normal;font-style: normal;}
.content .text{font-family: "trends";font-size: 34px;color: #0068b4;line-height: 40px;text-align: center;}
