* {
    padding:0;
    margin:0
}
body {
    min-width:1200px;
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif!important;
    overflow-x:hidden
}
.clear {
    clear:both
}
.contact-fixed {
    width:127px;
    height:161px;
    position:fixed;
    background:url("contact-fixed.gif") no-repeat center;
    cursor:pointer;
    z-index:100;
    right:15px;
    top:1150px
}
.contact-fixed .contact-tip {
    width:112px;
    height:74px;
    background:#eee;
    text-align:center;
    position:absolute;
    bottom:-82px;
    left:6px;
    color:#4575e6;
    font-weight:bold;
    cursor:default
}
.contact-fixed .tip {
    font-size:20px;
    margin-bottom:10px
}
.contact-fixed .tip-1 {
    font-size:17px;
    font-family:Arial, '宋体', serif
}
.banner-1 {
    height:760px;
    background:url("banner-1.png") no-repeat center;
    position:relative
}
.banner-1 .contact-btn {
    width:280px;
    height:56px;
    background-image:linear-gradient(0deg, #ffc849 0, #fdef85 99%), linear-gradient(#f3d2b3, #f3d2b3);
    background-blend-mode:normal, normal;
    box-shadow:0 5px 10px 0 rgba(229, 37, 64, 0.5);
    border-radius:28px;
    font-family:"PingFang SC", "Microsoft YaHei", serif;
    color:#e52540;
    text-align:center;
    font-size:27px;
    line-height:56px;
    margin:0 auto;
    position:relative;
    top:383px;
    cursor:pointer;
    overflow:hidden
}
.banner-1 .contact-btn::before {
    content:'';
    display:inline-block;
    position:absolute;
    width:400px;
    height:40px;
    background:#fefdc3;
    background-blend-mode:normal, normal;
    opacity:.3;
    transform:rotate(45deg);
    -webkit-animation:leftToRight 1.2s ease-in-out infinite;
    -o-animation:leftToRight 1.2s ease-in-out infinite;
    animation:leftToRight 1.2s ease-in-out infinite
}
@keyframes leftToRight {
    0% {
        left:-248px
    }
    100% {
        left:112px
    }
}
.item-1 {
    height:743px;
    position:relative;
    overflow:hidden
}
.item-1 .content {
    font-size:48px;
    color:#333;
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif;
    margin:0 auto;
    width:720px;
    padding-top:83px;
    position:relative;
    padding-right:32px;
    background:url("item-1-7.png") no-repeat right bottom
}
.item-1 .icon {
    position:absolute;
    width:126px;
    height:126px;
    z-index:10
}
.item-1 .circle {
    width:804px;
    height:804px;
    margin:0 auto;
    position:relative;
    top:98px
}
.item-1 .icon-1 {
    background:url("item-1-1.png") no-repeat center;
    top:225px;
    left:-58px
}
.item-1 .icon-2 {
    background:url("item-1-2.png") no-repeat center;
    top:25px;
    left:82px
}
.item-1 .icon-3 {
    background:url("item-1-3.png") no-repeat center;
    top:-51px;
    left:328px
}
.item-1 .icon-4 {
    background:url("item-1-4.png") no-repeat center;
    top:25px;
    right:82px
}
.item-1 .icon-5 {
    background:url("item-1-5.png") no-repeat center;
    top:225px;
    right:-58px
}
.item-1 .icon-6 {
    width:806px;
    height:515px;
    background:url("item-1-6.png") no-repeat center;
    z-index:1
}
.item-2 {
    height:630px;
    background-color:#f7f5f2
}
.item-2 .content {
    font-size:48px;
    color:#333;
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif;
    margin:0 auto;
    width:722px;
    padding-top:99px
}
.item-2 .list {
    margin:85px auto 0;
    width:1200px;
    height:300px;
    background-color:#fff;
    border-radius:3px
}
.item-2 .list .left {
    float:left;
    width:1000px;
    height:100%;
    position:relative
}
.item-2 .list .right {
    float:left;
    width:200px;
    height:100%;
    background-image:linear-gradient(-45deg, #f53a3a 0, #fda46b 100%), linear-gradient(#fb875e, #fb875e);
    background-blend-mode:normal, normal;
    border-radius:3px;
    position:relative
}
.item-2 .list .left .icon {
    width:154px;
    height:155px;
    position:absolute;
    padding-top:155px;
    top:50px
}
.item-2 .list .left .icon .tip {
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif;
    font-size:24px;
    color:#5c5c66
}
.item-2 .list .left .plus {
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif;
    font-size:48px;
    color:#5c5c66;
    display:inline-block;
    position:absolute;
    top:78px
}
.item-2 .list .left .icon-1 {
    background:url("item-2-1.png") no-repeat top;
    left:28px
}
.item-2 .list .left .plus-1 {
    left:215px
}
.item-2 .list .left .icon-2 {
    background:url("item-2-2.png") no-repeat top;
    left:277px
}
.item-2 .list .left .plus-2 {
    left:467px
}
.item-2 .list .left .icon-3 {
    background:url("item-2-3.png") no-repeat top;
    left:526px
}
.item-2 .list .left .plus-3 {
    left:715px
}
.item-2 .list .left .icon-4 {
    background:url("item-2-4.png") no-repeat top;
    left:775px
}
.item-2 .list .left .plus-4 {
    left:947px
}
.item-2 .list .right .icon {
    width:100px;
    height:101px;
    position:absolute;
    padding-top:155px;
    top:50px;
    left:50px;
    background:url("item-2-5.png") no-repeat top;
    text-align:center;
    color:#fff;
    font-size:24px;
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif
}
.item-3 {
    height:529px
}
.item-3 .content {
    font-size:48px;
    color:#333;
    font-family:PingFang-SC-Medium, "Microsoft YaHei", serif;
    margin:0 auto;
    width:480px;
    padding-top:66px
}
.item-3 .info {
    width:1200px;
    margin:68px auto 0
}
.item-3 .info .left {
    float:left;
    position:relative;
    padding-left:305px;
    background:url("item-3-1.png") no-repeat left;
    width:600px;
    height:236px;
    box-sizing:border-box;
    left:-1500px
}
.item-3 .info .left .icon {
    height:30px;
    background:url("item-3-2.png") no-repeat left;
    margin-bottom:40px
}
.item-3 .info ul {
    padding-left:20px;
    font-size:16px;
    color:#5c5c66
}
.item-3 .info ul li {
    margin-bottom:44px
}
.item-3 .info .right {
    float:left;
    position:relative;
    width:550px;
    margin-left:50px;
    padding-left:270px;
    background:url("item-3-3.png") no-repeat left;
    height:236px;
    box-sizing:border-box;
    left:1500px
}
.item-3 .info .right .icon {
    height:30px;
    background:url("item-3-4.png") no-repeat left;
    margin-bottom:40px
}
.item-4 {
    height:437px;
    background-color:#f7f5f2
}
.item-4 .content {
    font-size:48px;
    color:#333;
    margin:0 auto;
    width:365px;
    padding-top:66px
}
.item-4 .list {
    position:relative;
    margin:74px auto 0;
    width:1002px;
    height:71px;
    background:url("item-4-5.png") no-repeat bottom
}
.item-4 .list .icon {
    width:120px;
    height:120px;
    background-color:#fff;
    border-radius:50%;
    text-align:center;
    position:absolute;
    background-repeat:no-repeat
}
.item-4 .list .icon .tip {
    display:inline-block;
    font-size:16px;
    color:#5c5c66;
    position:absolute;
    width:120px;
    bottom:-30px;
    left:0
}
.item-4 .list .icon-1 {
    background-position:36px center;
    background-image:url("item-4-1.png");
    left:41px
}
.item-4 .list .icon-2 {
    background-position:35px center;
    background-image:url("item-4-2.png");
    left:319px
}
.item-4 .list .icon-3 {
    background-position:35px center;
    background-image:url("item-4-3.png");
    left:572px
}
.item-4 .list .icon-4 {
    background-position:35px center;
    background-image:url("item-4-3.png");
    left:840px
}
.item-5 {
    height:761px;
    background:url("item-5.png") no-repeat center
}
.item-5 .content {
    font-size:48px;
    color:#fff;
    margin:0 auto;
    width:432px;
    padding-top:90px
}
.item-5 .info {
    margin:73px auto 0;
    width:434px;
    height:488px;
    background-color:rgba(255, 251, 245, .3);
    box-shadow:0 8px 12px 0 rgba(191, 31, 29, 0.3);
    border-radius:9px;
    position:relative
}
.item-5 .info .title {
    color:#fff;
    font-size:30px;
    padding-top:42px;
    padding-bottom:27px;
    text-align:center
}
.item-5 .info .input {
    width:346px;
    height:48px;
    margin:12px auto 0
}
.item-5 .info .input input[type="text"] {
    width:100%;
    height:100%;
    font-size:16px;
    color:#888;
    padding-left:9px;
    box-sizing:border-box;
    border:0
}
.item-5 .info .input .yzm-img {
    position:absolute;
    height:48px;
    width:119px;
    right:43px;
    cursor:pointer
}
.item-5 .submit-btn {
    width:346px;
    height:48px;
    line-height:48px;
    margin:52px 50px 0;
    background-image:linear-gradient(-75deg, #f86855 0, #feb15a 100%), linear-gradient(#f64742, #f64742);
    background-blend-mode:normal, normal;
    color:#fff;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
    position:relative
}
.item-5 .submit-btn::before {
    content:'';
    display:inline-block;
    position:absolute;
    width:400px;
    height:40px;
    background:#fefdc3;
    background-blend-mode:normal, normal;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:.3;
    left:-252px;
    top:0;
    -webkit-animation:leftToRight1 1.2s ease-in-out infinite;
    -o-animation:leftToRight1 1.2s ease-in-out infinite;
    animation:leftToRight1 1.2s ease-in-out infinite
}
@keyframes leftToRight1 {
    0% {
        left:-257px
    }
    100% {
        left:195px
    }
}