main .book,
        main .pros .item .typeName,
        main .pros .item .itm,
        main .service .fluid .icons .item,
        main .coop1 .content>*{
            transform: translateY(30px);
            opacity: 0;
            transition: opacity 1s,transform 1s;
        }
        main .pros .item .swiper .btn,
        main .service .fluid>p,
        main .service .fluid .t,
        main .coop1 .fluid>p,
        main .coop1 .fluid .t{
            opacity: 0;
            transition: opacity 1s;
        }
        main .pros .item .swiper.frozen .btn,
        main .service .fluid>p.frozen,
        main .service .fluid .t.frozen,
        main .coop1 .fluid>p.frozen,
        main .coop1 .fluid .t.frozen{
            opacity: 1;
        }
        main .book.frozen,
        main .pros .item .typeName.frozen,
        main .pros .item .frozen .swiper-slide,
        main .pros .item .list .frozen,
        main .service .fluid .icons .item.frozen,
        main .coop1 .content>*.frozen{
            transform: translateY(0px);
            opacity: 1;
        }

        main .banner .headSwp{
            height: 100%;
        }
        main .banner img{
            clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        }
        main .banner .txt{
            z-index: 2;
            padding-left: 9.8vw;
        }
        /*
        main .banner .txt p:last-child{
            color: #D5BA8C;
            overflow: hidden;
            opacity: 1;
            transform: translateY(0px);
        }
        main .banner .txt p:first-child,
        main .banner .txt p:last-child span{
            display: block;
            opacity:0;  
            transform: translateY(100px);
        }
        */
        main .banner .btn{
            opacity: 0;
            transition: background .4s,transform .4s,opacity .4s;
        }
        main .banner:hover .btn{
            opacity: 1;
        }
        main .banner .prev{
            left: calc(50% - 580px);
        }
        main .banner .next{
            right: calc(50% - 580px);
        }
       
        /*
        @keyframes mymove6{
            from {
                opacity:0;  
                transform: translateY(100px);
            }to { 
                opacity:1; 
                transform: translateY(0px);
            }
        }
        main .banner .swiper-slide-active .txt p:first-child{
            animation:mymove6 .6s;
            animation-iteration-count:1;
            animation-fill-mode:forwards;
            animation-delay:.8s;
        }
        main .banner .swiper-slide-active .txt p:last-child span{
            animation:mymove6 .6s;
            animation-iteration-count:1;
            animation-fill-mode:forwards;
            animation-delay:1.1s;
        }
        */
        main .banner .swiper-slide .txt>*{
            transform: translateY(30px);
            font-family: 'Pro_SemiBold'; 
            transition: transform .5s,opacity .5s;
            opacity: 0;
        }
        main .banner .swiper-slide-active .txt>*{
            opacity: 1;
            transform: translateY(0px);
        }
        main .banner .swiper-slide .txt p:nth-child(2){
            color: #D5BA8C;
        }
        main .banner .swiper-slide-active .txt p:nth-child(2){
            transition-delay: .1s;
        }
        main .banner .swiper-slide-active .txt ul{
            transition-delay: .6s;
        }
        main .banner .swiper-slide .txt ul{
            font-family: 'Pro_Normal'; 
            width: 64%;
            line-height: 1.6;
            font-size: 22px;
        }
        main .banner .swiper-slide .txt ul{
            margin-top: 20px;
        }

        main .book{
            margin-top: -70px;
            overflow: hidden;
            border-radius: 8px;
            position: relative;
            z-index: 2;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
        }
        main .book .type{
            line-height: 70px;
            overflow: hidden;
            font-size: 24px;
            text-align:center;
            background-color: rgba(255,255,255,.5);
        }
        main .book .type p{
            float: left;
            width: calc(100% / 3);
            cursor: pointer;
        }
        main .book .type p.active{
            background-color: #fff;
        }
        main .book .form{
            background-color: #fff;
            padding: 26px 36px;
        }
        main .book .form .tips{
            margin-bottom: 12px;
            line-height: 1.5;
            font-size: 16px;
        }
        main .book .form .blk{
            height: 64px;
            overflow: hidden;
            transition: height .5s;
        }
        
        main .book .form .agree .submit{
            width: 174px;
            line-height: 36px;
            text-align: center;
            background-color: #D5BA8C;
            font-size: 16px;
            color: #332C2B;
            margin-left: 20px;
            border-radius: 4px;
            border: 1px solid #D5BA8C;
            transition: background .5s;
        }
        main .book .form .agree .submit:hover{
            background-color: transparent;
        }
        
        main .pros{
            margin-top: 90px;
            margin-bottom: 64px;
        }
        main .pros .item{
            margin-top: 58px;
        }
        main .pros .item:first-child{
            margin-top: 0px;
        }
        main .pros .item .typeName{
            font-size: 36px;
            margin-bottom: 36px;
            position: relative;
            line-height: 1;
            color: #1A2C5C;
        }
        main .pros .item .typeName a{
            bottom: 0px;
            right: 0px;
            position: absolute;
            transition: color .4s;
            font-size: 16px;
            padding-bottom: 10px;
        }
        main .pros .item .typeName a:hover{
            color: #1A2C5C;
        }
        main .pros .item .typeName a::after{
            content: '';
            position: absolute;
            width: 0px;
            bottom: 0px;
            background-color: #1A2C5C;
            right: 0px;
            height: 1px;
            transition: width .5s cubic-bezier(0.33, 0, 0.13, 1);
        }
        main .pros .item .typeName a:hover::after{
            right: auto;
            left: 0px;
            width: 100%;
        }
        main .pros .item .itm{
            border-radius: 10px;
            border: 1px solid #BFBFBF;
            overflow: hidden;
            z-index: 2;
        }
        main .pros .item .list{
            flex-wrap: wrap;
        }
        main .pros .item .list .itm{
            width: calc(50% - 6px);
            margin-right: 0px !important;
        }
        main .pros .item .list .itm:nth-child(odd){
            margin-right: 12px !important;
        }
        main .pros .item .list .itm:nth-child(n + 3){
            margin-top: 12px;
        }
        main .pros .item .itm.emp>p{
            margin-bottom: 0px !important;
            font-size: 26px;
            width: 100%;
            text-align: center;
        }
        main .pros .item .itm.emp .pt{
            opacity: 0;
        }
        main .pros .item .itm .hvr{
            transition: opacity .3s;
            z-index: 2;
            opacity: 0;
        }
        main .pros .item .itm:hover .hvr{
            opacity: 1;
        }
        main .pros .item .itm>img{
            z-index: -1;
        }
        main .pros .item .itm .pic::before{
            padding-bottom: 56.18%;
        }
        main .pros .item .itm .txt{
            padding: 24px 10px;
            text-align: center;
            background: #fff;
            font-size: 16px;
        }
        main .pros .item .itm .txt .name{
            font-size: 26px;
            margin-bottom: 12px;
            position: relative;
            z-index: 5;
            transition: color .3s;
        }
        main .pros .item .itm:hover .txt .name{
            color: #fff;
            transition-duration: .5s;
        }
        main .pros .item .itm .txt .addr{
            color: #8B8B8C;
            line-height: 24px;
        }
        main .pros .item .itm .txt .addr img{
            height: 24px;
            width: auto;
            margin-right: 12px;
        }
        main .pros .item .itm .tp{
            z-index: 2;
            display: none;
        }
        main .pros .item .itm .pt::after{
            opacity: .95;
            height: 0px;
            background-color: #D5BA8C;
            z-index: 3;
            transition: all .3s cubic-bezier(.55,.055,.675,.19);
        }
        main .pros .item .itm:hover .pt::after{
            top: auto;
            bottom: 0px;
            height: 100%;
        }
        
        main .pros .item .itm .tp .name{
            font-size: 24px;
            z-index: 3;
            width: 100%;
            text-align: center;
            color: #fff;
        }
        main .pros .item .itm .tp .name span:first-child{
            opacity: 0;
            transition: opacity .3s;
        }
        main .pros .item .itm:hover .tp .name span:first-child{
            opacity: 1;
            transition-delay: .2s;
        }
        
        main .pros .item .itm .arw{
            z-index: 4;
            position: absolute;
            margin-top: auto !important;
            transform: translate(-150%,-50%);
            opacity: 0;
            transition: transform .3s ease,opacity .3s;
        }
        main .pros .item .itm:hover .arw{
            transition-delay: .2s;
            opacity: 1;
            transform: translate(-50%,-50%);
        }
        
        main .pros .item .itm .arw img{
            width: 56px;
        }
        main .pros .item .swiper{
            position: relative;
        }
        main .dc.btn{
            z-index: 3;
            cursor: pointer;
            width: 66px;
            height: 66px;
            border-radius: 50%;
            box-shadow: 0px 0px 6px 2px rgba(0,0,0,.08);
        }
        main .pros .item .swiper .btn{
            width: 60px;
            height: 60px;
            display: none;
            transition: opacity 1s 1s,background .4s;
        }
        main .pros .item .swiper .btn.appear{
            display: block;
        }
        main .pros .item .swiper .prev{
            left: 0px;
            transform: translate(-50%,-50%);
        }
        main .pros .item .swiper .next{
            right: 0px;
            transform: translate(50%,-50%);
        }
        main .dc.btn img{
            width: 26%;
        }
        main .dc.next img{
            transform: translate(-50%,-50%) rotate(180deg);
        }

        main .service{
            padding-top: 60px;
            padding-bottom: 75px;
            background-color: #1A2C5C;
        }
        main .service .fluid>p,
        main .coop1 .fluid>p{
            font-size: 40px;
            line-height: 1;
        }
        main .service .fluid p{
            color: #fff;
        }
        main .service .fluid .t,
        main .coop1 .fluid .t{
            font-size: 16px;
            line-height: 1.5;
            color: #FEFEFE;
            margin-top: 36px;
        }
        main .service .fluid .icons{
            margin-left: -22px;
            margin-top: 36px;
            flex-wrap: wrap;
        }
        main .service .fluid .icons .item{
            display: block;
            width: calc(25% - 22px);
            margin-left: 22px;
            border-radius: 10px;
            z-index: 2;
            overflow: hidden;
            text-align: center;
            border: 1px solid transparent;
            transition: border .5s,transform 1s,opacity 1s;
        }
        main .service .fluid .icons .item:hover,
        .mobileDevice main .service .fluid .icons .item.frozen{
            border-color: #D5BA8C;
        }
        .mobileDevice main .service .fluid .icons .item{
            transform: translateY(0px);
        }
        main .service .fluid .icons .item::before{
            padding-bottom: 79.66%;
        }
        main .service .fluid .icons .item::after{
            
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: -1;
            background: url(../img/index/bg.jpg) no-repeat center center;
            background-size: cover;
            transition: .4s;
            opacity: 0;
        }
        main .service .fluid .icons .item:nth-child(n + 5){
            margin-top: 28px;
        }
        main .service .fluid .icons .item .dc{
            position: relative;
        }
        main .service .fluid .icons .item .dc img{
            height: 70px;
            width: auto;
            transition: .4s height;
        }
        main .service .fluid .icons .item .hvc{
            transition: .4s transform;
            transform: translate(-50%,-35px);
            padding: 0px 10px;
            width: 100%;
        }
        .mobileDevice main .service .fluid .icons .item .hvc{
            transform: translate(-50%,-50%) !important;
        }
        main .service .fluid .icons .item:hover .dc img{
            height: 64px;
        }
        main .service .fluid .icons .item:hover .dc img:first-child{
            opacity: 1 !important;
        }
        main .service .fluid .icons .item:hover .hvc,
        .mobileDevice main .service .fluid .icons .item.frozen .hvc{
            transform: translate(-50%,-50%);
        }
        main .service .fluid .icons .item:hover .dc img{
            opacity: 0;
        }
        
        main .service .fluid .icons .item:hover p,
        main .service .fluid .icons .item:hover::after{
            opacity: 1;
        }
        main .service .fluid .icons .item p{
            opacity: 0;
            color: #D5BA8C;
            transition: opacity .4s;
            font-size: 18px !important;
        }
        main .service .fluid .icons .item .en{
            font-size: 24px;
            margin-top: 20px;
        }
        main .service .fluid .icons .item .name{
            font-size: 32px;
        }
        main .service .fluid .icons .item .arw{
            margin: 0 auto;
            margin-top: 30px;
            display: none;
            position: relative;
        }
        main .service .fluid .icons .item .arw img{
            display: inline-block;
            vertical-align: top;
            width: 42px;
        }
        main .service .fluid .icons .item .arw{
            z-index: 3;
            height: initial;
            transform: translateX(100%);
            animation: haveBgHoverOut .3s ease forwards;
        }
        main .service .fluid .icons .item:hover .arw{
            animation-name: haveBgHoverIn;
        }
        @keyframes haveBgHoverIn{
            from{
                transform: translateX(-100%);
            }to{
                transform: translateX(0%);
            }
        }
        @keyframes haveBgHoverOut{
            from{
                transform: translateX(0%);
            }to{
                transform: translateX(100%);
            }
        }



        main .coop1{
            background: #D5BA8B;
            position: relative;
            z-index: 2;
            padding: 68px 0px 54px;
        }
        main .coop1>img{
            z-index: -1;
        }
        main .coop1 .fluid>p{
            color: #D5BA8C;
        }
        main .coop1 .content{
            margin-top: 40px;
             color: #332C2B;
        }
        main .coop1 .content>*{
            position: relative;
            z-index: 2;
            padding: 42px 32px 32px;
        }
        main .coop1 .content>*>p{
            font-size: 30px;
            top: 0px;
            color: #D5BA8C;
        }
        main .coop1 .content>*::after{
            z-index: -1;
            box-sizing: border-box;
            border-radius: 14px;
            border: 2px solid #D5BA8C;
            /*clip-path: polygon(0% 0%,calc(50% - 86px) 0%,calc(50% - 86px) 5px,calc(50% + 86px) 5px,calc(50% + 86px) 0%,100% 0%,100% 100%,0% 100%);*/
            border-top-width: 0px;
        }
        main .coop1 .content .bt:before,
        main .coop1 .content .bt:after{
            width: calc(50% - 86px);
            box-sizing: border-box;
            border-width: 0px;
            border-top: 2px solid #D5BA8C;
        }
        main .coop1 .content .bt:before{
            border-top-left-radius: 14px;
        }
        main .coop1 .content .bt:after{
            border-top-right-radius: 14px;
            left: auto;
            right: 0px;
        }
        main .coop1 .content .modes{
            flex: 1;
        }
        main .coop1 .content .modes ul li{
            margin-top: 18px;
            background-color: rgba(26,44,92,.7);
            overflow: hidden;
            font-size: 14px;
            position: relative;
            z-index: 2;
        }
        main .coop1 .content .modes ul li:after{
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            background: #D5BA8C;
            z-index: -1;
            transition: .8s;
        }
        main .coop1 .content .modes ul li:hover::after{
            width: 100%;
        }
        main .coop1 .content .modes ul li:first-child{
            margin-top: 0px;
        }
        main .coop1 .content .modes ul li p.name,
        main .coop1 .content .modes ul li,
        main .coop1 .content .modes ul li::after,
        main .coop1 .content .methods .flex p{
            border-radius: 10px;
        }
        main .coop1 .content .modes ul li p.name{
            position: relative;
            background-color: #D5BA8C;
        }
        main .coop1 .content .modes ul li p.name,
        main .coop1 .content .modes ul li::after{
            width: 240px;
        }
        main .coop1 .content .modes ul li p.name span{
            white-space: nowrap;
        }
        main .coop1 .content .modes ul li p.name,
        main .coop1 .content .methods .flex p{
            font-size: 22px;
        }
        main .coop1 .content .modes ul li .txt{
            min-height: 86px;
            flex: 1;
            flex-direction: column;
            padding: 10px 45px;
            color: #fff;
            transition: color .8s;
        }
        main .coop1 .content .methods{
            width: 310px;
            margin-left: 36px;
        }
        main .coop1 .content .methods .flex{
            height: 100%;
            flex-direction: column;
        }
        main .coop1 .content .methods .flex p{
            text-align: center;
            position: relative;
            z-index: 2;
            border-radius: 10px;
            background-color: #D5BA8C;
            line-height: 60px;
        }
        main .coop1 .content .methods .flex p:nth-child(even){
            background-color: rgba(26,44,92,.7);
            color: #fff;
        }
        main .coop1 .content .methods .flex p span{
            display: block;
            line-height: 40px;
            color: #1A2C5C;
            font-size: 14px;
        }
        main .coop1 .content .methods .flex p::after{
            background: #1A2C5C;
            height: 50%;
            border-radius: 6px;
            z-index: -1;
        }
        
        
        @media(max-width:1600px){
            main .banner .swiper-slide .txt ul{
                font-size: 20px;
            }
            
            main .book{
                margin-top: -60px;
            }
            main .book .type{
                line-height: 60px;
                font-size: 22px;
            }
            

            main .pros .item .swiper .prev{
                left: 20px;
                transform: translateY(-50%);
            }
            main .pros .item .swiper .next{
                right: 20px;
                transform: translateY(-50%);
            }
            main .pros .item .itm .txt{
                padding: 18px 10px;
            }
            main .pros .item .itm .txt .name{
                font-size: 26px;
            }
            main .pros .item .itm .txt .addr{
                line-height: 20px;
            }
            main .pros .item .itm .txt .addr img{
                height: 20px;
                margin-right: 6px;
            }
            main .pros .item .itm .arw{
                margin-top: 40px;
            }
            main .pros .item .itm .arw img{
                width: 48px;
            }

            main .service .fluid .icons .item .en{
                font-size: 1.5vw;
                margin-top: 1.5vw;
            }
            main .service .fluid .icons .item .name{
                font-size: 2vw;
            }

            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .modes ul li::after{
                width: 200px;
            }
            main .coop1 .content .modes ul li .txt{
                padding: 10px 35px;
            }
        }

        @media(max-width:1200px){
            main .banner .prev{
                left: 15px;
            }
            main .banner .next{
                right: 15px;
            }
            main .banner .swiper-slide .txt ul{
                font-size: 18px;
            }

            main .book{
                margin-top: -50px;
            }
            main .book .type{
                line-height: 50px;
                font-size: 18px;
            }
            main .book .form .agree .submit{
                width: 120px;
                line-height: 32px;
                font-size: 14px;
            }

            main .pros{
                margin-top: 75px;
                margin-bottom: 50px;
            }
            main .pros .item{
                margin-top: 42px;
            }
            main .pros .item .typeName{
                font-size: 36px;
                margin-bottom: 36px;
            }
            main .dc.btn {
                width: 54px;
                height: 54px;
            }
            main .pros .item .swiper .btn{
                width: 50px;
                height: 50px;
            }
            main .pros .item .itm .txt .name{
                font-size: 22px;
                margin-bottom: 10px;
            }
            main .pros .item .itm .tp .name{
                font-size: 20px;
            }
            main .pros .item .itm .arw{
                margin-top: 32px;
            }
            main .pros .item .itm .arw img{
                width: 40px;
            }

            
            main .service .fluid .icons{
                margin-left: -16px;
            }
            main .service .fluid .icons .item{
                width: calc(25% - 16px);
                margin-left: 16px;
            }
            main .service .fluid .icons .item:nth-child(n + 5){
                margin-top: 16px;
            }
            main .service .fluid .icons .item .dc img{
                height: 5.3vw;
            }
            main .service .fluid .icons .item .hvc{
                transform: translate(-50%,-2.65vw);
            }
            main .service .fluid .icons .item:hover .dc img{
                height: 5.25vw;
            }
            main .service .fluid .icons .item p{
                font-size: 1.5vw !important;
            }
            main .service .fluid .icons .item .arw{
                margin-top: 2.5vw;
            }
            main .service .fluid .icons .item .arw img{
                width: 3.5vw;
            }

            main .coop1{
                padding: 48px 0px;
            }
            main .coop1 .content>*{
                padding: 32px 24px 24px;
            }
            main .coop1 .content>*>p{
                font-size: 26px;
            }
            main .coop1 .content>*::after{
                border-radius: 10px;
                /*clip-path: polygon(0% 0%,calc(50% - 78px) 0%,calc(50% - 78px) 5px,calc(50% + 78px) 5px,calc(50% + 78px) 0%,100% 0%,100% 100%,0% 100%);*/
            }
            main .coop1 .content .bt:before,
            main .coop1 .content .bt:after{
                width: calc(50% - 70px);
            }
            main .coop1 .content .bt:before{
                border-top-left-radius: 10px;
            }
            main .coop1 .content .bt:after{
                border-top-right-radius: 10px;
            }
            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .modes ul li::after{
                width: 160px;
            }
            main .coop1 .content .modes ul li .txt{
                padding: 10px 35px;
                min-height: 70px;
            }
            main .coop1 .content .modes ul li p.name, 
            main .coop1 .content .methods .flex p{
                font-size: 18px;
            }
            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .modes ul li,
            main .coop1 .content .modes ul li::after,
            main .coop1 .content .methods .flex p{
                border-radius: 6px;
            }
            main .coop1 .content .methods{
                width: 260px;
            }
            main .coop1 .content .methods .flex p{
                line-height: 50px;
            }
        }

        @media(max-width:1024px){
            main .banner .swiper-slide .txt ul{
                margin-top: 15px;
            }

            main .book{
                margin-top: -45px;
            }
            main .book .type{
                line-height: 45px;
                font-size: 16px;
            }
            main .book .form{
                padding: 12px 18px;
            }
            main .book .form .tips{
                font-size: 14px;
            }
            main .book .form .agree .submit{
                width: 90px;
            }

            main .pros{
                margin-top: 60px;
                margin-bottom: 40px;
            }
            main .pros .item{
                margin-top: 35px;
            }
            main .pros .item .typeName{
                font-size: 30px;
                margin-bottom: 24px;
            }
            main .pros .item .typeName a{
                font-size: 14px;
            }
            main .dc.btn {
                width: 48px;
                height: 48px;
            }
            main .pros .item .swiper .btn{
                width: 45px;
                height: 45px;
            }
            main .pros .item .swiper .prev{
                left: 10px;
            }
            main .pros .item .swiper .next{
                right: 10px;
            }
            main .pros .item .itm{
                border-radius: 6px;
            }
            main .pros .item .itm .txt .name,
            main .pros .item .itm.emp>p{
                font-size: 20px;
                margin-bottom: 5px;
            }
            main .pros .item .itm .txt{
                font-size: 14px;
            }
            main .pros .item .itm .txt .addr{
                line-height: 18px;
            }
            main .pros .item .itm .txt .addr img{
                height: 18px;
            }
            main .pros .item .itm .tp .name{
                font-size: 16px;
            }
            main .pros .item .itm .arw img{
                width: 36px;
            }

            main .service{
                padding: 50px 0px;
            }
            main .service .fluid>p,
            main .coop1 .fluid>p{
                font-size: 36px;
            }
            main .service .fluid .t,
            main .coop1 .fluid .t{
                margin-top: 30px;
                font-size: 14px;
            }
            main .service .fluid .icons{
                margin-top: 30px;
            }
            main .service .fluid .icons .item{
                border-radius: 6px;
            }
            main .service .fluid .icons .item .en{
                margin-bottom: 0px;
            }

            main .coop1 .content>* {
                padding: 24px 15px 15px;
            }
            main .coop1 .content>*>p{
                font-size: 20px;
            }
            main .coop1 .content>*::after {
                clip-path: polygon(0% 0%,calc(50% - 64px) 0%,calc(50% - 64px) 5px,calc(50% + 64px) 5px,calc(50% + 64px) 0%,100% 0%,100% 100%,0% 100%);
            }
            main .coop1 .content .modes ul li{
                margin-top: 12px;
            }
            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .modes ul li::after{
                width: 100px;
            }
            main .coop1 .content .modes ul li .txt{
                padding: 10px 18px;
                min-height: 64px;
            }
            main .coop1 .content .methods{
                width: 220px;
                margin-left: 26px;
            }
            main .coop1 .content .modes ul li p.name, 
            main .coop1 .content .methods .flex p{
                font-size: 16px;
            }
        }

        @media(min-width:768px){
            main .coop1 .content .methods .flex p::after,
            main .coop1 .content .methods .flex p span{
                display: none;
            }
        }

        @media(max-width:767px){
            main .banner .txt{
                padding-left: 0px;
            }
            main .banner .swiper-slide .txt ul{
                width: 100%;
                font-size: 14px;
            }
            main .banner .swiper-slide .txt ul p{
                margin-top: 12px;
            }

            main .book{
                margin-top: -40px;
            }
            main .book .type{
                line-height: 40px;
                font-size: 14px;
            }

            main .pros{
                margin-top: 48px;
                margin-bottom: 35px;
            }
            main .pros .item{
                margin-top: 30px;
            }
            main .pros .item .typeName{
                font-size: 26px;
                margin-bottom: 18px;
            }
            main .dc.btn {
                width: 40px;
                height: 40px;
                display: none;
            }
            main .pros .item .swiper .btn{
                width: 36px;
                height: 36px;
            }
            main .pros .item .itm .tp{
                display: none ;
            }
            /*
            main .pros .item .swiper-wrapper{
                flex-wrap: wrap;
            }
            main .pros .item .itm{
                flex-shrink: 0;
                display: block;
                width: calc(50% - 6px);
                margin-right: 0px !important;
            }
            main .pros .item .itm:nth-child(odd){
                margin-right: 12px !important;
            }
            main .pros .item .itm:nth-child(n + 3){
                margin-top: 12px;
            }
            */
            main .pros .item .itm .txt{
                padding:6px 10px;
                font-size: 12px;
            }
            main .pros .item .itm .pic::before{
                padding-bottom: 60%;
            }
            main .pros .item .emp>p{
                font-size: 14px !important;
            }
            main .pros .item .itm .txt .name{
                font-size: 14px;
            }
            main .pros .item .typeName a{
                padding-bottom: 0px;
            }
            main .pros .item .itm .txt .addr{
                line-height: 16px;
            }
            main .pros .item .itm .txt .addr img{
                height: 12px;
                margin-top: 2px;
            }

            main .service{
                padding: 40px 0px;
            }
            main .service .fluid>p,
            main .coop1 .fluid>p{
                font-size: 24px;
            }
            main .service .fluid .t,
            main .coop1 .fluid .t{
                margin-top: 18px;
            }
            main .service .fluid .icons{
                margin-top: 22px;
            }
            main .service .fluid .icons .item{
                width: calc(50% - 16px);
            }
            main .service .fluid .icons .item::before{
                padding-bottom: 90%;
            }
            main .service .fluid .icons .item .hvc{
                transform: translate(-50%,-5vw);
            }
            main .service .fluid .icons .item:nth-child(n + 3){
                margin-top: 16px;
            }
            main .service .fluid .icons .item .dc img{
                height: 10vw !important;
            }
            main .service .fluid .icons .item .arw img{
                width: 6vw;
            }
            main .service .fluid .icons .item p{
                opacity: 1;
                color: #D5BA8C;
            }
            main .service .fluid .icons .item::after{
                display: none;
            }
            main .service .fluid .icons .item .en{
                font-size: 4vw !important;
            }
            main .service .fluid .icons .item .name{
                font-size: 3.5vw !important;
            }
            


            main .coop1{
                padding: 40px 0px;
            }
            main .coop1>img{
                display: none;
            }
            main .coop1 .content{
                display: block;
            }
            main .coop1 .fluid>p,
            main .coop1 .fluid .t,
            main .coop1 .content>*>p,
            main .coop1 .content .modes ul li .txt{
                color: #1A2C5C;
            }
            main .coop1 .content>*::after,
            main .coop1 .content .bt:before, main .coop1 .content .bt:after{
                border-color: #1A2C5C;
            }
            main .coop1 .content .modes ul li{
                background-color: #fff;
            }
            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .modes ul li:after{
                background: #1A2C5C;
            }
            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .methods .flex p,
            main .coop1 .content .modes ul li:hover .txt{
                color: #fff;
            }

            main .coop1 .content .methods{
                width: 100%;
                transition-delay: 0s !important;
                margin-left: 0px;
                margin-top: 36px;            }
            main .coop1 .content .methods .flex{
                flex-direction: row;
                margin-left: -15px;
            }
            main .coop1 .content .methods .flex p{
                /*margin-top: 12px;*/
                line-height: 40px;
                width: calc(50% - 15px);
                margin-left: 15px;
                background: #fff;
            }
            main .coop1 .content .methods .flex p:nth-child(even){
                display: none;
            }
            main .coop1 .content .methods .flex p:first-child{
                margin-top: 0px;
            }
            main .coop1 .content .modes ul li .txt{
                font-size: 13px;
                padding: 10px 15px;
            }
            main .coop1 .content .modes ul li p.name,
            main .coop1 .content .modes ul li::after{
                width: 90px;
                font-size: 15px;
            }
        }

        @media(max-width:640px){

        }

        @media(max-width:500px){
            main .book .form .agree .submit{
                margin: 0 auto;
                margin-top: 20px;
            }
           
            main .pros .item .typeName{
                font-size: 18px;
            }
        }