@charset "utf-8";

    /* CSS Document */

    

    .rel {

        position: relative;

    }

    

    .abs {

        position: absolute;

    }

    

    .flex {

        display: flex;

        display: -webkit-flex;

    }

    

    .between {

        justify-content: space-between;

    }

    

    .around {

        justify-content: space-around;

    }

    

    .center {

        align-items: center;

    }

    

    .wrap {

        flex-wrap: wrap;

    }

    

    .fb {

        font-weight: bold;

    }

    

    .tc {

        text-align: center;

    }

    

    .fl {

        float: left;

    }

    

    .fr {

        float: right;

    }

    

    .tl {

        text-align: left;

    }

    

    .white {

        color: #fff !important;

    }

    

    .hidden {

        overflow: hidden;

    }

    

    .clearfix::after {

        content: "";

        display: block;

        clear: both;

        height: 0;

    }

    

    .bigimg img {

        transition: all 0.6s;

        -webkit-transition: all 0.6s;

    }

    

    .bigimg:hover img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

    }

    

    .phone {

        display: none;

    }

    

    .content {

        width: 81.25%;

        margin: 0 auto;

        max-width: 1560px;

    }

    

    .banner1_con {

        width: 100%;

        top: 36%;

        left: 0;

    }

    

    .banner1_txt1 {

        color: #fff0eb;

        font-size: 56px;

        font-weight: lighter;

    }

    

    .banner1_txt2 {

        color: #fefaf9;

        font-size: 86px;

        font-weight: bold;

        padding-bottom: 1%;

    }

    

    .banner1_txt2::after {

        width: 100px;

        height: 2px;

        background: #fff;

        left: 0;

        right: 0;

        margin: 0 auto;

        content: "";

        bottom: 0;

        position: absolute;

    }

    

    .banner1_txt3 {

        color: #fefaf9;

        font-size: 52px;

        font-weight: lighter;

        margin: 1% 0 0;

    }

    

    .main1 {

        margin: 2% 0 3%;

    }

    

    .main1 .swiper-container {

        width: 90%;

        margin: 0 auto;

        overflow: hidden;

    }

    

    .main1 li {

        width: 320px;

        height: 394px;

        padding: 60px 0 0;

        background: url(../img/f1.png) no-repeat center top;

        text-align: center;

        position: relative;

        z-index: 0;

    }

    

    .main1 li span {

        width: 86px;

        height: 86px;

        display: block;

        margin: 0 auto;

        position: relative;

    }

    

    .main1 li span img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    

    .main1 li span img:last-child {

        opacity: 0;

    }

    

    .main1 li h3 {

        color: #333;

        font-size: 24px;

        margin: 20px 0 0;

    }

    

    .main1 li p {

        color: #999;

        font-family: Arial;

        font-size: 14px;

        text-transform: uppercase;

    }

    

    .main1_txt {

        width: 75%;

        color: #666;

        font-size: 16px;

        line-height: 28px;

        height: 56px;

        overflow: hidden;

        margin: 28px auto 0;

    }

    

    .main1 li::after {

        width: 100%;

        height: 100%;

        background: url(../img/f2.png) no-repeat center top;

        content: "";

        display: block;

        left: 0;

        top: 0;

        position: absolute;

        transition: all .8s;

        z-index: -1;

        transform: scale(0, 1);

    }

    

    .main1 li:hover::after {

        transform: scale(1, 1);

    }

    

    .main1 li:hover span img:first-child {

        opacity: 0;

    }

    

    .main1 li:hover span img:last-child {

        opacity: 1;

    }

    

    .main1 li:hover h3,

    .main1 li:hover .main1_txt {

        color: #fff;

    }

    

    .main1 li:hover p {

        color: #ff8f90;

    }

    

    .main1 .swiper-pagination {

        width: 100%;

        position: static;

        margin: 3% 0 0;

    }

    

    .swiper-pagination-bullet-active {

        background: #d9032c;

    }

    

    .bg1 {

        background: url(../img/f_bg1.jpg) no-repeat center top;

        background-size: 100%;

        padding: 1% 0 4%;

    }

    

    .main2 {

        margin: 3% 0 0;

    }

    

    .main2 li {

        text-align: center;

        transform: scale(0.9);

    }

    

    .main2 li img {

        width: 100%;

    }

    

    .main2 li h2 {

        font-size: 24px;

        color: #fff;

        font-weight: bold;

        background: url(../img/f_icon10.png) no-repeat center top;

        padding: 10% 0 0;

    }

    

    .main2 li p {

        color: #e6e6e6;

        font-size: 18px;

        font-family: lighter;

    }

    

    .main2 li.swiper-slide-active {

        transform: scale(1);

    }

    

    .main2 li.swiper-slide-active h2 {

        background: url(../img/f_icon9.png) no-repeat center top;

    }

    

    .main2 .swiper-button-next,

    .main2 .swiper-button-prev {

        width: 64px;

        height: 64px;

        top: 30%;

    }

    

    .main2 .swiper-button-next {

        background: url(../img/f_nar2.png) no-repeat;

        right: 3%;

    }

    

    .main2 .swiper-button-prev {

        background: url(../img/f_nar1.png) no-repeat;

        left: 3%;

    }

    

    .main2 .swiper-button-next:after,

    .main2 .swiper-rtl .swiper-button-prev:after {

        content: '';

    }

    

    .main2 .swiper-button-prev:after,

    .main2 .swiper-rtl .swiper-button-next:after {

        content: '';

    }

    

    .main3 {

        margin: 3% 0 5%;

    }

    

    .main3_con {

        width: 100%;

        top: 0;

        left: 0;

    }

    

    .main3_list img {

        display: inline-block;

        margin: 0 10px;

        vertical-align: middle;

    }

    

    .main3_list {

        color: #333;

        font-size: 22px;

    }

    

    .main3_list1 {

        margin: 3% 0 0 8%;

    }

    

    .main3_list2 {

        margin: 3% 8% 0 0;

    }

    

    .main3_list3 {

        margin: 8% 0 0 1%;

    }

    

    .main3_list4 {

        margin: 8% 5% 0 0;

    }

    

    .main3_list5 {

        margin: 8% 0 0 12%;

    }

    

    .main3_list6 {

        margin: 8% 9% 0 0;

    }

    

    .bg2 {

        background: url(../img/f_bg2.jpg) no-repeat center top;

        background-size: 100% 100%;

        padding-bottom: 10%;

    }

    

    .main4 {

        margin: 3% 0 0;

    }

    

    .main4_list {

        width: 100%;

        left: 0;

        top: 0;

    }

    

    .main4_list li {

        color: #fff;

        font-size: 20px;

    }

    

    .main4_list li:nth-child(odd) {

        float: left;

    }

    

    .main4_list li:nth-child(even) {

        float: right;

    }

    

    .main4_list1 li:nth-child(1) {

        margin: 1% 0 0 5%;

    }

    

    .main4_list1 li:nth-child(2) {

        margin: 1% 10% 0 0;

    }

    

    .main4_list2 li:nth-child(1) {

        margin: 6% 0 0 2%;

    }

    

    .main4_list2 li:nth-child(2) {

        margin: 6% 5% 0 0;

    }

    

    .main4_list3 li:nth-child(1) {

        margin: 6% 0 0 1%;

    }

    

    .main4_list3 li:nth-child(2) {

        margin: 6% 2% 0 0;

    }

    

    .main4_list4 li:nth-child(1) {

        margin: 5% 0 0 7%;

    }

    

    .main4_list4 li:nth-child(2) {

        margin: 5% 10% 0 0;

    }

    

    .main5_num {

        justify-content: center;

    }

    

    .main5_num li {

        margin: 0 3%;

        text-align: center;

    }

    

    .main5_num li h3 {

        color: #333333;

        font-family: Arial;

        font-size: 60px;

    }

    

    .main5_num li h3 span {

        font-size: 40px;

    }

    

    .main5_num li p {

        color: #666;

        font-size: 18px;

    }

    

    .main5 {

        background: #f2f2f2;

        margin: 3% 0 0;

        padding: 5% 5% 0;

    }

    

    .mai5_pic {

        width: 78%;

    }

    

    .main5_con {

        width: 20%;

        padding: 7% 0 0;

        text-align: right;

    }

    

    .main5 h3 {

        color: #333;

        font-size: 26px;

    }

    

    .main5 p {

        color: #9f9d9d;

        font-size: 18px;

    }

    

    .main5 .swiper-button-next,

    .main5 .swiper-button-prev {

        right: 0;

        top: 28%;

        outline: none;

    }

    

    .main5 .swiper-button-prev {

        right: 3%;

    }

    

    .main5 .swiper {

        --swiper-theme-color: #cecece;

    }

    

    .main5 .swiper {

        --swiper-navigation-size: 22px;

    }

    

    .main5_more {

        color: #474747;

        font-size: 18px;

        right: 2%;

        bottom: 30%;

    }

    

    .main5_more img {

        width: 46px;

        height: 46px;

        display: inline-block;

        margin-left: 10px;

        vertical-align: middle;

    }

    

    .banner2_con {

        top: 30%;

        left: 0;

        right: 0;

        padding-left: 10%;

        color: #fff;

    }

    

    .banner2_txt1 {

        font-size: 80px;

        font-weight: bold;

    }

    

    .banner2_txt2 {

        font-size: 24px;

        margin: 1% 0 0;

    }

    

    .ju1 {

        padding: 5% 5% 3% 3%;

    }

    

    .ju1_pic {

        width: 58%;

    }

    

    .ju1_pic img {

        width: 100%;

    }

    

    .ju1_con {

        width: 32%;

    }

    

    .ju1_con>p {

        font-size: 24px;

        font-family: lighter;

        position: relative;

        padding: 2% 0 5%;

        margin-bottom: 8%;

    }

    

    .ju1_con>p::after {

        width: 49px;

        height: 6px;

        background: #1e8cff;

        position: absolute;

        bottom: 0;

        left: 0;

        position: absolute;

        content: "";

        display: block;

    }

    

    .ju1_con>div {

        color: #999;

    }

    

    .ju_bg1 {

        background: #f4f6f8;

        padding: 2% 0 5%;

    }

    

    .tit1 {

        font-size: 36px;

    }

    

    .tit_tips1 {

        font-size: 18px;

    }

    

    .ju2 {

        margin: 1% 0 0;

    }

    

    .ju2 li {

        width: 20%;

        position: relative;

        animation-name: fadeInUp;

    }

    

    .ju2 li::after {

        width: 100%;

        height: 0;

        content: "";

        background: #d9012a;

        left: 0;

        bottom: 0;

        position: absolute;

        z-index: -1;

        transition: all .6s;

    }

    

    .ju2 li:hover>img {

        opacity: 0;

    }

    

    .ju2 li:hover::after {

        height: 100%;

    }

    

    .ju2 li:nth-child(odd) {

        animation-name: fadeInDown;

    }

    

    .ju2 li>img {

        width: 100%;

        transition: all .6s;

    }

    

    .ju2_con {

        width: 100%;

        left: 0;

        top: 0;

        padding: 50% 0 0;

        color: #fff;

    }

    

    .ju2_con img {

        margin: 0 auto;

        transition: all .6s;

    }

    

    .ju2_line {

        width: 40px;

        height: 3px;

        background: #fff;

        margin: 15% auto;

        transition: all .6s;

    }

    

    .ju2_con h3 {

        font-size: 24px;

        transition: all .6s;

    }

    

    .ju2_con p {

        font-size: 18px;

        transition: all .6s;

        opacity: 0;

    }

    

    .ju2_btn {

        width: 145px;

        height: 48px;

        border: solid 1px #fff;

        font-size: 18px;

        border-radius: 24px;

        display: block;

        line-height: 46px;

        margin: 0 auto;

        transition: all .6s;

        opacity: 0;

    }

    

    .ju2 li:hover .ju2_con img {

        transform: translateY(-60px);

    }

    

    .ju2 li:hover .ju2_con h3 {

        transform: translateY(-130px);

    }

    

    .ju2 li:hover .ju2_line {

        opacity: 0;

    }

    

    .ju2 li:hover .ju2_con p {

        opacity: 1;

        transform: translateY(-110px);

    }

    

    .ju2 li:hover .ju2_btn {

        opacity: 1;

    }

    

    .ju3_box {

        padding: 1% 0 2%;

    }

    

    .ju3_num {

        margin: 1% 0 0;

    }

    

    .ju3_num li {

        width: 20%;

        position: relative;

        padding-left: 3%;

    }

    

    .ju3_num li::after {

        width: 2px;

        height: 78px;

        background: #f4f6f8;

        content: "";

        display: block;

        position: absolute;

        top: 0;

        bottom: 0;

        right: 0;

        margin: auto 0;

    }

    

    .ju3_num span {

        color: #0083ff;

        font-size: 80px;

        font-family: 'Rubik';

        float: left;

        vertical-align: middle;

        margin-right: 20px;

        letter-spacing: -3px;

    }

    

    .ju3_num li:first-child {

        padding-left: 0;

    }

    

    .ju3_num li:last-child::after {

        display: none;

    }

    

    .ju3_num h3 {

        color: #333333;

        font-size: 24px;

        font-family: lighter;

        padding: 8% 0 0;

    }

    

    .ju3_num p {

        color: #333;

        font-size: 22px;

    }

    

    .ju3 {

        background: #f4f6f8;

        padding: 3.5% 9% 3.5% 8%;

        margin: 3% 0 0;

    }

    

    .ju3_pic {

        width: 43.6%;

    }

    

    .ju3_pic img {

        width: 100%;

    }

    

    .ju4 {

        margin: 2% 0 5%;

    }

    

    .ju4 li {

        width: 21.8%;

        padding: 5% 2% 0;

        text-align: center;

        height: 400px;

        position: relative;

        z-index: 0;

    }

    

    .ju4 li h3 {

        color: #4c4c4c;

        font-size: 28px;

        transition: all .6s;

    }

    

    .ju4 li img {

        margin: 10% auto 15%;

    }

    

    .ju4 li p {

        color: #999;

        font-size: 18px;

    }

    

    .ju4 li::after {

        width: 100%;

        height: 0;

        position: absolute;

        left: 0;

        bottom: 0;

        content: "";

        background: #f4f6f8;

        z-index: -1;

        transition: all .6s;

    }

    

    .ju4 li:hover h3 {

        transform: translateY(-15px);

    }

    

    .ju4 li:hover::after {

        height: 100%;

    }

    

    .ju_bg2 {

        background: #f4f6f8;

        padding: 0 0 6%;

    }

    

    .ju5 {

        margin: 3% 0 0;

    }

    

    .ju5_con {

        width: 40.8%;

    }

    

    .ju5_con h2 {

        color: #333;

        font-size: 36px;

        font-weight: bold;

    }

    

    .ju5_pic {

        width: 51%;

        border-radius: 10px;

    }

    

    .ju5_pic img {

        width: 100%;

    }

    

    .ju5_txt {

        color: #999;

        font-size: 18px;

        margin: 8% 0 4%

    }

    

    .ju5_con ul {

        margin-bottom: 10%;

    }

    

    .ju5_con li h3 {

        color: #313233;

        font-size: 24px;

    }

    

    .ju5_con li h3 span {

        font-family: 'Rubik';

        font-size: 60px;

    }

    

    .ju5_con li p {

        color: #464646;

        font-size: 18px;

    }

    

    .ju5_con li {

        margin-right: 10%;

    }

    

    .banner3_con {

        top: 30%;

        left: 0;

        right: 0;

        color: #fff;

    }

    

    .banner_line {

        width: 72px;

        height: 8px;

        background: #135efc;

        margin: 5% 0 0;

    }

    /* .search1 {

        padding: 2% 0 0;

    } */

    

    .search1_pic {

        width: 41%;

    }

    

    .search1_con {

        width: 50%;

    }

    

    .search1_con p {

        margin-bottom: 5%;

    }

    

    .search1_con>div {

        font-size: 18px;

    }

    

    .search_txt1 {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    

    .search_txt1 li {

        width: 23%;

        height: 440px;

        color: #838383;

        font-size: 18px;

        margin-bottom: .3rem;

        border: solid 1px #eee;

        padding: 5% 3% 0;

        text-align: center;

    }

    

    .search_txt1 li b {

        color: #3a3a3a;

        font-size: 24px;

        display: block;

        margin: 15% 0 20%;

    }

    

    .search_txt1 li img {

        width: 90px;

        height: 90px;

        display: block;

        margin: 0 auto;

        transition: all .6s;

    }

    

    .search_txt1 li:hover img {

        transform: rotate(360deg);

    }

    

    .search2 {

        margin: 1% 0 4%;

    }

    

    .search2 li {

        width: 29%;

        height: 446px;

        background: #f2f6ff;

        padding: 2% 2.5% 0;

        text-align: center;

    }

    

    .search2 li img {

        width: 73%;

        margin: 0 auto;

        transition: all .6s;

    }

    

    .search2 li:hover img {

        transform: translateY(-10px);

    }

    

    .search2 li h3 {

        font-size: 34px;

        color: #333;

        margin: 4% 0;

    }

    

    .search2 li p {

        color: #454545;

        font-size: 20px;

    }

    

    .search2_btn {

        font-size: 26px;

        color: #fff;

        background: #d9012a;

        border-radius: 34px;

        line-height: 68px;

        width: 270px;

        margin: 0 auto;

        font-weight: bold;

    }

    

    .search_bg1 {

        background: #f2f6ff;

        padding: 0 0 4%;

        margin: 4% 0 0;

    }

    

    .search3 {

        margin: 2% 0 0;

    }

    

    .search3_pic {

        width: 64.8%;

    }

    

    .search3_pic img {

        width: 100%;

    }

    

    .search3_con {

        width: 33.33%;

    }

    

    .search3_con li {

        height: 164px;

        border-radius: 10px;

        padding: 6% 5% 0;

        position: relative;

        z-index: 0;

        overflow: hidden;

    }

    

    .search3_con li::after {

        width: 100%;

        height: 100%;

        background: #d9012a;

        left: 0;

        top: 0;

        content: "";

        position: absolute;

        z-index: -1;

        transition: all .6s;

        transform: scale(1, 0);

    }

    

    .search3_con li h3 {

        color: #333;

        font-weight: bold;

        font-size: 26px;

    }

    

    .search3_con li p {

        color: #868686;

        font-size: 18px;

        margin: 2% 0 0;

    }

    

    .search3_con li:hover::after {

        transform: scale(1, 1);

    }

    

    .search3_con li:hover h3,

    .search3_con li:hover p {

        color: #fff;

    }

    

    .search_bg2 {

        background: #f2f6ff;

        padding: 5% 0;

    }

    

    .search4_con {

        width: 44.6%;

    }

    

    .search4_list {

        margin: 5% 0 0;

    }

    

    .search4_list li {

        margin-right: 15%;

    }

    

    .search4_list li h3 {

        color: #3a3a3a;

        font-size: 24px;

        line-height: 1.2;

    }

    

    .search4_list li h3 span {

        font-size: 60px;

        color: #3a3a3a;

        font-family: 'Rubik';

    }

    

    .search4_list li p {

        color: #464646;

        font-size: 18px;

    }

    

    .banner_btn {

        color: #fff;

        background: #d9012a;

        width: 210px;

        height: 70px;

        border-radius: 35px;

        line-height: 70px;

        font-size: 30px !important;

        margin: 5% 0 0;

    }

    

    .banner_btn:hover {

        animation-name: swing;

    }

    

    .search_bg3 {

        background: url(../img/f_bg3.jpg) no-repeat center top;

        background-size: 100% 100%;

        padding: 5% 0 7%;

    }

    

    .search5_tit {

        color: #333;

        font-size: 44px;

    }

    

    .search5 {

        margin: 3% 0 0;

    }

    

    .search5 {

        background: rgba(255, 255, 255, .8);

        margin: 3% 0 0;

        padding: 3% 5%;

    }

    

    .search5_txt {

        font-size: 22px;

        color: #323232;

    }

    

    .search5_tel {

        color: #4581fb;

        font-size: 18px;

    }

    

    .search5_tel img {

        display: inline-block;

        margin-right: 10px;

        vertical-align: middle;

    }

    

    .search5 ul {

        margin: 3% 0;

    }

    

    .search5 li {

        float: left;

        width: 46%;

        border: solid 1px #dddddd;

        background: #ffffff;

        padding: 0 2%;

        height: 56px;

        border-radius: 3px;

        margin-bottom: 3%;

    }

    

    .search5 li img {

        margin-right: 10px;

    }

    

    .user {

        width: calc(96% - 38px);

        font-size: 16px;

    }

    

    .form_btn {

        margin: 0 auto;

    }

    

    .wj1 {

        margin: 2% 0 0;

    }

    

    .wj1 li {

        width: 23%;

        border: solid 1px #dadada;

        padding: 5% 3% 0;

        text-align: center;

        height: 360px;

        position: relative;

    }

    

    .line1 {

        width: 1px;

        height: 0;

        top: 0;

        left: 0;

        transition: all 1s;

        background: #cc192f;

    }

    

    .line2 {

        width: 0;

        height: 1px;

        top: 0;

        left: 0;

        transition: all 1s;

        background: #cc192f;

    }

    

    .line3 {

        width: 0;

        height: 1px;

        bottom: 0;

        left: 0;

        transition: all 1s;

        background: #cc192f;

    }

    

    .line4 {

        width: 1px;

        height: 0;

        bottom: 0;

        right: 0;

        transition: all 1s;

        background: #cc192f;

    }

    

    .wj1 li:hover .line1 {

        height: 100%;

    }

    

    .wj1 li:hover .line2 {

        width: 100%;

    }

    

    .wj1 li:hover .line3 {

        width: 100%;

    }

    

    .wj1 li:hover .line4 {

        height: 100%;

    }

    

    .wj1 li span {

        width: 86px;

        height: 86px;

        position: relative;

        display: block;

        margin: 0 auto;

    }

    

    .wj1 li span img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        transition: all .6s;

    }

    

    .wj1 li span img:last-child {

        opacity: 0;

    }

    

    .wj1 li h3 {

        font-size: 24px;

        padding: 8% 0 0;

    }

    

    .wj1 li p {

        color: #cecece;

        font-size: 14px;

    }

    

    .wj1_txt {

        color: #666666;

        font-size: 16px;

        margin: 10% 0 0;

    }

    

    .wj1 li:hover span img:last-child {

        opacity: 1;

        transform: rotate(360deg);

    }

    

    .wj2 li {

        width: 31.7%;

    }

    

    .wj2 li img {

        width: 100%;

    }

    

    .wj2_con {

        width: 100%;

        bottom: 5%;

        color: #fff;

    }

    

    .wj2_con h4 {

        font-size: 24px;

        font-weight: bold;

    }

    

    .wj2_con p {

        font-size: 18px;

        font-family: lighter;

        margin: 2% 0 0;

    }

    

    .wj3 li {

        width: 23%;

        height: 460px;

        box-shadow: 0 0 30px rgba(234, 234, 234, .5);

        text-align: center;

        padding: 5% 2% 0;

        transition: all .6s;

    }

    

    .wj3 li h3 {

        font-size: 22px;

        color: #333;

    }

    

    .wj3 li img {

        margin: 15% auto;

        transition: all .6s;

    }

    

    .wj3 li:hover img {

        transform: rotateY(360deg);

    }

    

    .wj3_txt {

        color: #666;

        font-size: 16px;

        line-height: 2;

    }

    

    .wj3 li:hover {

        transform: translateY(-30px);

    }

    

    .wj4 li {

        width: 33.333%;

        position: relative;

        overflow: hidden;

    }

    

    .wj4 li img {

        width: 100%;

    }

    

    .wj4 li span {

        width: 150px;

        height: 52px;

        border-radius: 0 30px 0 0;

        background: rgba(255, 255, 255, .6);

        line-height: 52px;

        color: #333;

        font-size: 18px;

        text-align: center;

        position: absolute;

        left: 0;

        bottom: 0;

        z-index: 0;

    }

    

    .wj4 li span::after {

        width: 0;

        height: 100%;

        background: #d9012a;

        position: absolute;

        left: 0;

        top: 0;

        display: block;

        content: "";

        transition: all .6s;

        border-radius: 0 30px 0 0;

        z-index: -1;

    }

    

    .wj4 li:hover span {

        color: #fff;

    }

    

    .wj4 li:hover span::after {

        width: 100%;

    }

    

    .wj5_bg {

        background: #efefef;

        margin: 5% 0 0;

        padding: 2% 0 2.5%;

    }

    

    .wj5 {

        margin: 2% 0 0;

    }

    

    .wj5 li {

        width: 31.8%;

        padding: 3% 5% 3%;

        background: #fff;

        margin-bottom: 2%;

        transition: all .6s;

    }

    

    .wj5 li img {

        transition: all .6s;

    }

    

    .wj5 li:hover img {

        transform: rotateX(360deg);

    }

    

    .wj5 li p {

        font-size: 20px;

        font-weight: bold;

    }

    

    .wj5 li span {

        width: 43px;

        height: 43px;

        position: relative;

        margin-right: 15px;

    }

    

    .wj5 li span img {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

    }

    

    .wj5 li span img:last-child {

        opacity: 0;

    }

    

    .wj5_txt {

        color: #666666;

        font-size: 16px;

        padding: 5% 0 0;

        margin: 7% 0 0;

    }

    

    .wj5_txt::after {

        width: 38px;

        height: 1px;

        background: #d4d4d4;

        content: "";

        display: block;

        top: 0;

        left: 0;

        position: absolute;

    }

    

    .wj5 li:hover {

        background: #cc192f;

    }

    

    .wj5 li:hover .wj5_txt,

    .wj5 li:hover p {

        color: #fff;

    }

    

    .wj5 li:hover span img:last-child {

        opacity: 1;

    }

    

    .wj6 {

        margin: 0 0 3%;

    }

    

    .wj6 .swiper-button-prev,

    .wj6 .swiper-button-next {

        width: 46px;

        height: 46px;

        opacity: .8;

        top: 36%;

        outline: none;

    }

    

    .wj6 .swiper-button-next {

        background: none;

        right: 29.5%;

    }

    

    .wj6 .swiper-button-next:before {

        width: 100%;

        height: 100%;

        background: url(../img/f_nar6.png) no-repeat;

        display: block;

        content: "";

        left: 0;

        top: 0;

        content: "";

        position: absolute;

        transform: scale(0);

        transition: 0.8s;

    }

    

    .wj6 .swiper-button-next::after {

        width: 100%;

        height: 100%;

        background: url(../img/f_nar5.png) no-repeat;

        display: block;

        content: "";

        left: 0;

        top: 0;

        content: "";

        position: absolute;

        transition: 0.8s;

    }

    

    .wj6 .swiper-button-next:hover::after {

        transform: scale(0);

    }

    

    .wj6 .swiper-button-next:hover::before {

        transform: scale(1);

    }

    

    .wj6 .swiper-button-prev {

        background: none;

        left: 29.5%;

    }

    

    .wj6 .swiper-button-prev:before {

        width: 100%;

        height: 100%;

        background: url(../img/f_nar7.png) no-repeat;

        display: block;

        content: "";

        left: 0;

        top: 0;

        content: "";

        position: absolute;

        transform: scale(0);

        transition: 0.8s;

    }

    

    .wj6 .swiper-button-prev::after {

        width: 100%;

        height: 100%;

        background: url(../img/f_nar4.png) no-repeat;

        display: block;

        content: "";

        left: 0;

        top: 0;

        content: "";

        position: absolute;

        transition: 0.8s;

    }

    

    .wj6 .swiper-button-prev:hover::after {

        transform: scale(0);

    }

    

    .wj6 .swiper-button-prev:hover::before {

        transform: scale(1);

    }

    

    .wj6_con {

        margin: 5% 0 0;

    }

    

    .wj6_con h3 {

        font-size: 24px;

        color: #333;

    }

    

    .wj6_con p {

        color: #666;

        font-size: 18px;

    }

    

    .wj6 .swiper-slide .wj6_con {

        display: none;

    }

    

    .wj6 .swiper-slide-active .wj6_con {

        display: block;

    }

    

    .wj6_pic {

        border-radius: 10px;

        overflow: hidden;

    }

    

    .wj6_pic img {

        width: 100%;

    }

    

    .wj6_pic::after {

        width: 100%;

        content: url(../img/f_pic30.png);

        bottom: -14%;

        left: 0;

        position: absolute;

        display: none;

    }

    

    .wj6 .swiper-slide-active .wj6_pic::after {

        display: block;

    }

    

    .wj6_box {

        padding-bottom: 5%;

    }

    

    .fangwen {

        width: 80px;

        height: 30px;

        background: rgba(255, 255, 255, .9);

        border-radius: 30px;

        right: 30px;

        bottom: 30px;

        line-height: 30px;

        color: #868686;

        text-align: center;

        font-size: 14px;

        z-index: 99;

        display: none;

    }

    

    .fangwen img {

        width: 16px;

        display: inline-block;

        margin-right: 5px;

        vertical-align: middle;

    }

    

    .wj6 li:hover .fangwen {

        display: block;

    }

    

    .f_about {

        margin: 3% 0 0;

    }

    

    .f_about li {

        width: 32%;

        float: left;

        margin: 0 2% 2% 0;

    }

    

    .f_about li img {

        width: 100%;

    }

    

    .f_about li:nth-child(3n+3) {

        margin-right: 0;

    }

    

    @media only screen and (max-width: 1680px) {

        .ju1_con>p {

            font-size: 20px;

        }

        .ju3_num span {

            font-size: 60px;

        }

        .ju3 .ju1_con h2 {

            font-size: 40px;

        }

        .search4_list li h3 span {

            font-size: 50px;

        }

    }

    

    @media only screen and (max-width: 1440px) {

        .banner2_txt1 {

            font-size: 60px;

        }

        .search_txt1 li {

            font-size: 16px;

            height: 375px;

        }

        .tit1 {

            font-size: 32px;

        }

        .search2 li {

            height: 375px;

        }

        .search2 li h3 {

            font-size: 28px;

        }

        .search2 li p {

            font-size: 16px;

        }

        .search3_con li h3 {

            font-size: 22px;

        }

        .search3_con li p {

            font-size: 16px;

        }

        .search1_con>div {

            font-size: 16px;

        }

        .search4_list li h3 span {

            font-size: 40px;

        }

        .banner_btn {

            width: 180px;

            height: 50px;

            font-size: 20px !important;

            line-height: 50px;

        }

        .search5_tit {

            font-size: 32px;

        }

        .search2_btn {

            width: 240px;

            font-size: 20px;

        }

        .ju2_con h3 {

            font-size: 20px;

        }

        .ju2_con {

            padding: 40% 0 0;

        }

        .ju2_con p {

            font-size: 16px;

        }

        .ju2_btn {

            font-size: 16px;

        }

        .ju2 li:hover .ju2_con h3 {

            transform: translateY(-122px);

        }

        .ju3_num p,

        .ju3_num h3 {

            font-size: 16px;

        }

        .ju3_num span {

            font-size: 60px;

        }

        .ju4 li h3 {

            font-size: 22px;

        }

        .ju4 li p {

            font-size: 16px;

        }

        .ju5_con h2 {

            font-size: 30px;

        }

        .ju5_txt {

            font-size: 16px;

        }

        .ju5_con li h3 span {

            font-size: 40px;

        }

        .banner1_txt2 {

            font-size: 70px;

        }

        .banner1_txt3,

        .banner1_txt1 {

            font-size: 40px;

        }

        .main1 li {

            height: 350px;

        }

        .main2 li h2 {

            font-size: 20px;

        }

        .main2 li p {

            font-size: 16px;

        }

        .main3_list {

            font-size: 16px;

        }

        .main3_list img {

            width: 80px;

            height: 80px;

        }

        .main4_list li {

            font-size: 16px;

        }

        .main5 h3 {

            font-size: 2px;

        }

        .wj3 li h3 {

            font-size: 20px;

        }

        .wj6 .swiper-button-next {

            right: 28.5%

        }

        .wj6 .swiper-button-prev {

            left: 28.5%;

        }

    }

    

    @media only screen and (max-width: 1366px) {

        .search_txt1 li {

            font-size: 14px;

        }

        .search2 li h3 {

            font-size: 20px;

        }

        .ju4 li {

            height: 360px;

        }

        .ju3_num span {

            font-size: 50px;

        }

        .ju3 .ju1_con h2 {

            font-size: 36px;

        }

        .wj3 li {

            height: 360px;

        }

        .wj3 li h3 {

            font-size: 16px;

        }

        .wj3_txt {

            font-size: 14px;

        }

        .wj2_con p {

            font-size: 16px;

        }

    }

    

    @media only screen and (max-width: 1280px) {

        .ju1_con>p {

            font-size: 16px;

        }

        .ju2_con p {

            font-size: 14px;

        }

        .ju3_num span {

            font-size: 47px;

        }

        .ju3 .ju1_con h2 {

            font-size: 26px;

        }

        .ju2 li:hover .ju2_con img {

            transform: translateY(-45px);

        }

        .ju2 li:hover .ju2_con h3 {

            transform: translateY(-98px);

        }

        .ju2 li:hover .ju2_con p {

            opacity: 1;

            transform: translateY(-88px);

        }

        .ju2 li:hover .ju2_btn {

            opacity: 1;

            transform: translateY(-45px);

        }

    }

    

    @media only screen and (max-width: 1024px) {

        .phone {

            display: block;

        }

        .pc {

            display: none;

        }

        .content {

            width: 7.02rem;

            margin: 0 auto;

        }

        .ju1 {

            padding: .8rem 0 1.1rem;

            flex-direction: column-reverse;

        }

        .t1-a2 {

            font-size: .54rem;

            font-weight: bold;

        }

        .ju1_con h2 {

            text-align: center;

        }

        .ju1_con p {

            text-align: center;

        }

        .ju1_pic {

            width: 100%;

        }

        .ju1_con {

            width: 100%;

            text-align: center;

        }

        .ju1_pic img {

            width: 100%;

        }

        .ju1_con>p {

            font-size: .26rem;

            font-family: lighter;

            position: relative;

            padding: 2% 0 5%;

            margin-bottom: 8%;

        }

        .ju1_con>p::after {

            width: .5rem;

            height: .08rem;

            background: #1e8cff;

            position: absolute;

            bottom: 0;

            left: 0;

            right: 0;

            margin: 0 auto;

            content: "";

            display: block;

        }

        .ju1_con>div {

            color: #999;

            padding: 0 .7rem;

            font-size: .24rem;

        }

        .ju1_pic {

            margin: .5rem 0 0;

        }

        .ju_bg1 {

            background: #f4f6f8;

            padding: 2% 0 5%;

        }

        .tit1 {

            font-size: .42rem;

            font-weight: bold;

        }

        .tit_tips1 {

            font-size: .24rem;

            color: #999;

        }

        .ju2 {

            margin: 10% 3% 0;

        }

        .ju2 li {

            width: 3.4rem;

            position: relative;

            animation-name: fadeInUp;

            margin-bottom: .2rem;

        }

        .ju2 li:nth-child(odd) {

            animation-name: fadeInDown;

        }

        .ju2 li>img {

            width: 100%;

            transition: all .6s;

        }

        .ju2 li:last-child {

            width: 100%;

        }

        .ju2_con img {

            width: .64rem;

            margin: 0 auto;

            transition: all .6s;

        }

        .ju2_con h3 {

            font-size: .26rem;

            transition: all .6s;

            margin: .1rem;

        }

        /* .ju2_con p {

            font-size: 18rem;

            transition: all .6s;

            opacity: 0;

        } */

        .ju2_btn {

            width: 1.45rem;

            height: .48rem;

            font-size: .24rem;

            border-radius: .24rem;

            line-height: .46rem;

        }

        .ju2 li:hover .ju2_con img {

            transform: translateY(-.60rem);

        }

        .ju2 li:hover .ju2_con h3 {

            transform: translateY(-1.30rem);

        }

        .ju2 li:hover .ju2_line {

            opacity: 0;

        }

        .ju2 li:hover .ju2_con p {

            opacity: 1;

            transform: translateY(-1.10rem);

        }

        .ju2 li:hover .ju2_btn {

            opacity: 1;

        }

        .ju3_box {

            padding: 1% 0 2%;

        }

        .ju3_num {

            margin: .6rem 0 0;

            justify-content: center;

            flex-wrap: wrap;

        }

        .ju3_num li {

            width: 33.33%;

            position: relative;

            margin-bottom: .5rem;

            padding-left: 8%;

        }

        .ju3_num li:first-child {

            padding-left: 8%;

        }

        .ju3_num span {

            font-size: .80rem;

            line-height: 1.2;

            display: block;

            float: none;

        }

        .ju3_num h3 {

            color: #333333;

            font-size: .26rem;

            font-family: lighter;

        }

        .ju3_num p {

            color: #333;

            font-size: .26rem;

        }

        .ju3 {

            background: #f4f6f8;

            padding: .8rem .24rem .9rem;

            margin: 3% 0 0;

            flex-wrap: wrap;

        }

        .ju3_pic {

            width: 100%;

            margin: .6rem 0 0;

        }

        .ju4 {

            margin: .5rem 0;

            flex-wrap: wrap;

        }

        .ju4 li {

            width: 3.4rem;

            padding: 7% 2% 0;

            border: solid 1px #eee;

            text-align: center;

            height: 4rem;

            position: relative;

            margin-bottom: .2rem;

        }

        .ju4 li h3 {

            color: #4c4c4c;

            font-size: .32rem;

            transition: all .6s;

        }

        .ju4 li img {

            width: .96rem;

            margin: 10% auto 15%;

        }

        .ju4 li p {

            color: #999;

            font-size: .24rem;

        }

        .ju4 li::after {

            width: 100%;

            height: 0;

            position: absolute;

            left: 0;

            bottom: 0;

            content: "";

            background: #f4f6f8;

            z-index: -1;

            transition: all .6s;

        }

        .ju_bg2 {

            background: #f4f6f8;

            padding: 0 0 .8rem;

        }

        .ju5 {

            margin: 8% 0 0;

            flex-direction: column-reverse;

        }

        .ju5_pic {

            width: 100%;

        }

        .ju5_con {

            width: 100%;

            margin: 8% 0 0;

        }

        .ju5_con h2 {

            color: #333;

            font-size: .32rem;

        }

        .ju5_pic img {

            width: 100%;

        }

        .ju5_txt {

            color: #999;

            font-size: .24rem;

            margin: 3% 0 4%

        }

        .ju5_con ul {

            margin-bottom: 10%;

        }

        .ju5_con li h3 {

            color: #313233;

            font-size: .24rem;

        }

        .ju5_con li h3 span {

            font-family: Impact;

            font-size: .60rem;

        }

        .ju5_con li p {

            color: #464646;

            font-size: .24rem;

        }

        .ju5_con li {

            margin-right: 10%;

        }

        .search1 {

            /* padding: 5% 0 0; */

            flex-wrap: wrap;

        }

        .search1_con p {

            margin-bottom: 5%;

        }

        .search1_con>div {

            font-size: .26rem;

        }

        .search1_pic {

            width: 100%;

            margin: .3rem 0 0;

        }

        .search_txt1 {

            margin: 8% 0 0;

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .search_txt1 li {

            width: 3.4rem;

            height: 4rem;

            color: #838383;

            font-size: .24rem;

            margin-bottom: .22rem;

            border: solid 1px #eee;

            padding: .5rem .2rem 0;

        }

        .search_txt1 li b {

            color: #3a3a3a;

            font-size: .26rem;

            display: block;

            margin: .3rem 0 .2rem;

        }

        .search_txt1 li img {

            width: 1.2rem;

            height: 1.2rem;

            display: block;

            margin: 0 auto;

        }

        .search2 {

            margin: .6rem 0;

        }

        .search2 li {

            width: 29%;

            height: 4.46rem;

            background: #f2f6ff;

            padding: .45rem 2.5% 0;

            text-align: center;

        }

        .search2 li img {

            width: 2.6rem;

            margin: 0 auto;

            transition: all .6s;

        }

        .search2 li h3 {

            font-size: .34rem;

            color: #333;

            margin: .25rem 0 0;

        }

        .search2 li p {

            color: #454545;

            font-size: .22rem;

        }

        .search2_btn {

            font-size: .26rem;

            color: #fff;

            background: #d9012a;

            border-radius: .4rem;

            line-height: .78rem;

            width: 3rem;

            margin: 0 auto;

            font-weight: bold;

            margin: .65rem auto;

        }

        .search_bg1 {

            background: #f2f6ff;

            padding: 0 0 .8rem;

            margin: 7% 0 0;

        }

        .search3 {

            margin: 2% 0 0;

            flex-wrap: wrap;

        }

        .search3_pic {

            width: 100%;

            margin: 8% 0 .4rem;

        }

        .search3_pic img {

            width: 100%;

        }

        .search3_con {

            width: 100%;

        }

        .search3_con li {

            padding: .25rem .8rem 0 .35rem;

            position: relative;

            overflow: hidden;

            height: auto;

            margin-bottom: .4rem;

        }

        .search3_con li h3 {

            color: #333;

            font-weight: bold;

            font-size: .36rem;

            background: url(../img/line1.png) no-repeat left center;

            background-size: .1rem;

            padding-left: .35rem;

        }

        .search3_con li p {

            color: #868686;

            font-size: .24rem;

            margin: 2% 0 0;

            padding-left: .35rem;

        }

        .search_bg2 {

            padding: 5% 0;

            background: #fff;

        }

        .search4_con {

            margin: .6rem 0 0;

        }

        .search4_con>div {

            padding: 0;

        }

        .search4_con>p::after {

            width: .5rem;

            height: .08rem;

            background: #d9012a;

            position: absolute;

            bottom: 0;

            left: 0;

            right: auto;

            content: "";

            display: block;

        }

        .search4_list {

            margin: 5% 0 0;

        }

        .search4_list li {

            margin-right: 15%;

        }

        .search4_list li h3 {

            color: #3a3a3a;

            font-size: .26rem;

            line-height: 1.2;

        }

        .search4_list li h3 span {

            font-size: .60rem;

            color: #3a3a3a;

            font-family: Arial;

        }

        .search4_list li p {

            color: #464646;

            font-size: .24rem;

        }

        .banner_btn {

            color: #fff;

            background: #d9012a;

            width: 1.9rem;

            height: .62rem;

            border-radius: .3rem;

            line-height: .62rem;

            font-size: .30rem !important;

            margin: 5% 0 0;

        }

        .search_bg3 {

            background: url(../img/phone_f_bg3.jpg) no-repeat center top;

            background-size: 100% 100%;

            padding: 5% 0 7%;

        }

        .search5_tit {

            color: #333;

            font-size: .48rem;

        }

        .search5 {

            margin: 3% 0 0;

            background: none;

        }

        .search5 {

            margin: 3% 0 0;

            padding: 3% .1rem 0;

        }

        .search5_top {

            flex-wrap: wrap;

            justify-content: center;

        }

        .search5_txt {

            font-size: .26rem;

        }

        .search5_tel {

            margin: .2rem 0 0;

            font-size: .3rem;

        }

        .search5_tel img {

            width: .32rem;

            display: inline-block;

            margin-right: .2rem;

            vertical-align: middle;

        }

        .search5 ul {

            margin: 3% 0;

        }

        .search5 li {

            float: left;

            width: 100%;

            border: solid 1px #dddddd;

            background: #ffffff;

            padding: 0 2%;

            height: .88rem;

            border-radius: .06rem;

            margin-bottom: .3rem;

        }

        .search5 li img {

            width: .4rem;

            margin-right: .10rem;

        }

        .user {

            width: 5.8rem;

            font-size: .24rem;

            border: none;

            background: none;

        }

        .form_btn {

            margin: 0 auto;

            border: none;

            display: block;

        }

        .search6 {

            flex-direction: column-reverse;

        }

        .search6 .ju1_con h2 {

            text-align: left;

            font-size: .3rem;

        }

        .search6 .search1_con p {

            text-align: left;

        }

        .wj1 {

            flex-wrap: wrap;

            margin: .8rem 0 0;

        }

        .wj1 li {

            width: 48.5%;

            height: 4.5rem;

            margin-bottom: 3%;

            padding: 8% 3% 0;

        }

        .wj1 li span {

            width: .86rem;

            height: .86rem;

        }

        .wj1 li h3 {

            font-size: .3rem;

        }

        .wj1_txt {

            font-size: .24rem;

            line-height: .42rem;

        }

        .t1-a3 {

            line-height: 1.4;

            color: #5e5e5e;

            margin: .23rem 0 0;

        }

        .wj2 {

            margin: .8rem 0 0;

        }

        .wj2_con {

            bottom: 6%;

        }

        .wj2_con h4 {

            font-size: .28rem;

        }

        .wj2_con p {

            font-size: .24rem;

        }

        .wj3 {

            flex-wrap: wrap;

            margin: .8rem 0 0;

        }

        .wj3 li {

            width: 48.5%;

            height: 4.5rem;

            margin-bottom: 3%;

            padding: 10% 4% 0;

        }

        .wj3 li img {

            width: 1rem;

            height: 1rem;

            margin: 10% auto;

        }

        .wj3 li h3 {

            font-size: .28rem;

        }

        .wj3_txt {

            font-size: .24rem;

            line-height: .42rem;

        }

        .wj4 {

            margin: .8rem 0 0;

        }

        .wj4 li {

            width: 50%;

        }

        .wj4 li span {

            width: 2rem;

            height: .52rem;

            line-height: .52rem;

            border-radius: 0 .3rem 0 0;

            font-size: .28rem;

        }

        .wj5 {

            margin: .8rem 0 0;

        }

        .wj5 li {

            width: 48.5%;

            padding: 6% 5% 6%;

            margin-bottom: 3%;

        }

        .wj5 li p {

            font-size: .32rem;

        }

        .wj5_txt {

            font-size: .26rem;

            line-height: .42rem;

            padding: 5% 0 0;

        }

        .wj5_txt::after {

            width: .38rem;

        }

        .wj5 li span {

            width: .43rem;

            height: .43rem;

        }

        .wj6 {

            margin: .8rem 0 8%;

        }

        .wj6 .swiper-button-prev,

        .wj6 .swiper-button-next {

            display: none;

        }

        .wj6_con h3 {

            font-size: .3rem;

        }

        .wj6_con p {

            font-size: .24rem;

        }

        .t1-a1 {

            text-align: center;

            padding: 1rem 0 0;

        }

        .f_more {

            width: 3.2rem;

            height: .88rem;

            line-height: .88rem;

        }

        .wj6_box {

            padding-bottom: 15%;

        }

        .f_about li {

            width: 48%;

        }

        .f_about li:nth-child(2n+2) {

            margin-right: 0;

        }

        .f_about li:nth-child(3n+3) {

            margin-right: 2%;

        }

    }