.center{text-align: center;}
.banner{ width: 100%; height: 600px; background: url(../images/smallwx/banner.jpg) no-repeat center center; }
.banner .text{ position: relative; color: #fff; font-size: 50px; }
.banner .text .p1{ position: absolute; top: 200px; left: 220px; }
.banner .text .p2{ position: absolute; top: 300px; left: 320px; }
.section{ padding: 50px 0; width: 100%; background: #fff; }
.section h2{font-size: 30px; padding-bottom: 20px; color: #333; text-align: center;}
.section h3{ font-size: 14px; font-weight: 100; color: #333; text-align: center; margin: 0; padding-bottom: 20px;}
.section-bg-1{background: url(../images/smallwx/bg2.jpg) no-repeat center center; }
.section-bg-2{background: url(../images/smallwx/bg4.png) no-repeat center center; }
.section-bg-3{ background: #f7f7f7; }
.section-bg-1 h2,.section-bg-1 h3{ color: #fff; }
.section-bg-2 h2,.section-bg-2 h3{ color: #fff; }
.section-pdt-none{ padding-top: 0; }
.section-pdb-none{ padding-bottom: 0; }
.section-1{ background: url(../images/smallwx/bj1.jpg) no-repeat center center; height: 407px; margin-top: 20px; width: 100%; position: relative;}
.section-1 .item{ position: absolute;}
.section-1 .item-1{ left: 0; top: 0; }
.section-1 .item-2{ right: 0; top: 0; }
.section-1 .item-3{ left: 0; top: 200px; }
.section-1 .item-4{ right: 0; top: 200px; }
.section-1 .item .icon{ width: 100px; height: 100px; background-color: #f98c21;border-radius: 5px 0 0 5px; background-position: center center; background-repeat: no-repeat; float: left;}
.section-1 .item .icon-1{ background-image: url(../images/smallwx/icon-user.png); }
.section-1 .item .icon-2{ background-image: url(../images/smallwx/icon-app.png); }
.section-1 .item .icon-3{ background-image: url(../images/smallwx/icon-group.png); }
.section-1 .item .icon-4{ background-image: url(../images/smallwx/icon-userlist.png); }
.section-1 .item .text{height: 60px; width: 240px; padding: 19px 30px;border: 1px solid #f1f1f1;border-radius: 0 5px 5px 0; float: left;background: #fff; }
.section-1 .item .text .t{ font-size: 20px; margin-bottom: 13px; }
.section-1 .item .text .p{ color: #999; font-size: 14px; }

.section-2{ display: flex; margin-top: 20px; }
.section-2 .item{ flex: 1; text-align: center; }
.section-2 .item p{ margin-top: 20px; font-size: 14px; color: #fff; }
.section-2 .item p.p1{ color: #333; }
.section-2 .item p.p2{ font-size: 20px; }
.section-2 .item .cycle{ width: 130px; height: 130px; border-radius: 50%; margin-top: 40px; display: inline-block; }
.section-2 .item .cycle-1{ background: url(../images/smallwx/y-1.png) no-repeat center center #fb714b; }
.section-2 .item .cycle-2{ background: url(../images/smallwx/y-2.png) no-repeat center center #309ef3; }
.section-2 .item .cycle-3{ background: url(../images/smallwx/y-3.png) no-repeat center center #1cd17d; }
.section-2 .item .cycle-4{ background: url(../images/smallwx/y-4.png) no-repeat center center #7c78d8; }
.section-2 .item .cycle-5{ background: url(../images/smallwx/y-5.png) no-repeat center center #26c7a6; }
.section-2 .item .cycle-6{ background: url(../images/smallwx/y-6.png) no-repeat center center #bd8fcc; }
.section-2 .item-qr{ border-radius: 5px; background: #fff; margin-right: 40px; }
.section-2 .item-qr p{ font-size: 20px; color: #333; padding-bottom: 20px; }

.section-3{ height: 668px; position: relative; text-align: center; }
.section .leftbg{ width: 50%; height: 668px;position: absolute; left: 0; top: 50px;background: url(../images/smallwx/bg3.jpg) no-repeat center center; }
.section .rightbg{ background: #f7f7f7; width: 50%; height: 668px; right: 0; top: 50px; position: absolute; }
.section-3 .image{ z-index: 5; position: absolute; top: 100px; left: 50%; margin-left: -147px;}
.section-3 .image-2{ top: 218px; margin-left: -442px; }
.section-3 .image-3{ top: 310px; margin-left: -222px; }
.section-3 .image-4{ top: 402px; margin-left: -342px; }
.section-3 .image-5{ top: 502px; margin-left: -417px; }
.section-3 .image-6{ top: 602px; margin-left: -375px; }

.section-7{ height: 420px; }
.section-7 .left{ width: 300px; float: left; position: relative; }
.section-7 .left h2{ text-align: left; }
.section-7 .left h2.h2-1{ color: #f60; }
.section-7 .left .text{ position: absolute; padding: 30px; background: #fff;border:1px solid #f1f1f1; font-size: 20px; width: 280px; z-index: 2; left: 0; top: 140px; }
.section-7 .left .btn{ width: 200px; height: 60px; background: #f98c21; color: #fff; text-align: center;line-height: 60px; margin-top: 160px; display: inline-block; font-size: 20px; }
.section-7 .middle{ float: left; width: 504px; height: 420px; }
.section-7 .right{width: 380px; float: right; height: 420px; overflow: hidden;}
.section-7 .right ul{ height: 435px; }
.section-7 .right li{ height: 90px; margin-bottom: 15px; padding: 19px; border:1px solid #f1f1f1; background: #fff; }
.section-7 .right li h2{font-size: 20px; color: #f98c21; text-align: left;}
.section-7 .right li p{color: #666; font-size: 14px;}