@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(1);


        transition: 0.4s;


    }


    


    .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;

        opacity: 0;


    }


    


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


        transform: scale(0);


    }


    


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


        transform: scale(1.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(1);


        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;

        opacity: 0;


    }


    


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


        transform: scale(0);


    }


    


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


        transform: scale(1.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: 1%;


    }


    


    .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: 0;


        }


        .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%;


        }


    }