html,body { margin: 0px; padding: 0px; background-color:#ffffff; font-size: 16px; }

.swiper-pagination-bullet-active { background: #ffffff !important; }
.swiper-container { margin-left: 0; }

/* 超大宽屏 */
.head{  }
.logo { margin-top: 100px; }
.logo img { width: 100%; }


.index_title { font-size: 36px; color: #333333; display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.index_title .title { padding: 0 20px; }
.index_title .line { width: 100px; height: 1px; background-color: #d5d5d5; }


.index_title_white { color: #ffffff !important; }
.index_subTitle { font-size: 30px; color: #d5d5d5; text-align: center; text-transform:uppercase; }
.index_subTitle_o { font-size: 28px; color: rgba(255, 255, 255, 0.52); text-align: center; text-transform: uppercase; }
.products_box { width: 1320px; margin: 0 auto; padding: 94px 0px 86px; }
.products_icon_box { display: flex; justify-content: space-between; margin-top: 84px; }
.products_icon_item { width: 20%; }
.products_icon_item .border { background-color: #f9f9f9; border: 2px solid #f9f9f9; width: 150px; height: 150px; text-align: center; border-radius: 50%; margin: 0 auto; }
.products_icon_item .border a { display: flex; align-items: center; height: 100%; }
.products_icon_item .border img { margin: 0 auto; width: 50%; }

.products_icon_item .border { transition: transform .5s; }
.products_icon_item .border:hover { 
    /* transform: rotate(360deg); */
    background-color: #f6f6f6;
    border: 2px solid #a40182;
}

.products_icon_item .name { font-size: 22px; text-align: center; margin-top: 40px; }
.products_icon_item .name a { color: #333333; }
.products_more_box { width: 170px; height: 52px; position: relative; z-index: 1; line-height: 52px; font-size: 18px; text-align: center; margin: 0 auto; border-radius: 60px; margin-top: 140px; border: 1px solid rgba(164, 0, 129, 1); cursor: pointer; }
.products_more:before {
    transition: ease-out .35s;
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background: #a40182;
    border-radius: 60px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.products_more:hover:before { width: 170px; }

.products_more_box a { color: #a40182; }
.products_more_box:hover a { color: #ffffff; }


.experience_box { background-image: url(../image/index/u8.jpg); background-size: 100% 100%; padding: 120px 0px 130px; }
.experience { display: flex; width: 1320px; margin: 0 auto; }
.experience_l { width: 50%; }
.experience_title { font-size: 36px; color: #37405F; display: flex; margin-top: 20px; font-weight: bold; }
.experience_title .icon { display: flex; align-items: center; }
.experience_title .icon .icon_back { width: 16px; height: 16px; background-color: #a40182; border-radius: 50%; }
.experience_title .txt { margin-left: 18px; }
.experience_l .video { width: 80%; margin-top: 40px; }
.experience_l .video video { border-radius: 20px; }
.experience_l .video img { width: 100%; }
.experience_r { width: 50%; color: #333333; text-align: center; display: flex; }
.experience_r .title { font-size: 36px; padding-top: 132px; font-weight: bold; width: 90%; text-align: left; }
.experience_r .subTitle { font-size: 24px; color: #ffffff; margin-top: 20px; background-color: #8a94a5; padding: 4px 0px 6px 0px; border-radius: 20px; width: 90%;}


.experience_r .experience_r_txt { width: 50%; }
.experience_r .experience_r_img { width: 50%; display: flex; align-items: flex-end; margin-left: -90px; }
.experience_r .experience_r_img img { width: 130%; }


.products_advantages { width: 1320px; margin: 0 auto; padding: 150px 0 130px; }
.products_advantages_img { display: flex; justify-content: space-between; margin-top: 110px; flex-wrap: wrap; }
.products_advantages_img .item { width: 49%; margin-bottom: 20px; }
.products_advantages_img .item img { width: 100%; }


/* .products_advantages_img_l { width: 50%; margin-right: 10px; position: relative; }
.products_advantages_img_l .title_warp { font-size: 18px; color: #ffffff; background-color: rgba(0, 104, 183, 0.298039215686275); text-align: center; line-height: 56px; position:absolute; bottom: 0; width: 100%;  }
.products_advantages_img_l .title_warp a { font-size: 18px; color: #ffffff; }
.products_advantages_img_l img { width: 100%; }
.products_advantages_img_r { width: 50%; }
.products_advantages_img_r img { width: 100%; }
.products_advantages_img_r .item { margin-top: 6px; }
.products_advantages_img_r .right_item { position: relative; }
.products_advantages_img_r .title_warp { font-size: 18px; color: #ffffff; background-color: rgba(0, 104, 183, 0.298039215686275); text-align: center; line-height: 45px; position:absolute; bottom: 0; width: 100%; }
.products_advantages_img_r .title_warp a { font-size: 18px; color: #ffffff; } */

.brand_service_box { background-image: url(../image/index/u0.png); background-size: 100% 100%; }
.brand_service { width: 1320px; margin: 0 auto; padding: 86px 0px 150px; }
.brand_service_imgs { display: flex; margin-top: 48px; justify-content: space-between; }

.brand_service_imgs .img_item { width: 23.5%; position: relative; transition: 0.2s; background: #ffffff; text-align: center; }
.brand_service_imgs .img_border { padding: 10px; }
.brand_service_imgs .img_item img { width: 100%; }
.brand_service_imgs .img_item .title_warp { line-height: 36px; }
.brand_service_imgs .img_item .title_warp a { font-size: 18px; color: #454545; }

.brand_service_imgs .img_item:hover { transform: scale(1.02); }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.products_box { width: 98%; }

    .experience_box { padding: 90px 0px 110px; }
    .experience { width: 98%; }
    .experience_r .title { font-size: 22px; padding-top: 160px; }
    .experience_r .subTitle { font-size: 18px; width: 74%; }

    .products_advantages { width: 98%; }
    .brand_service { width: 98%; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.products_box { width: 98%; }

    .experience_box { padding: 70px 0px 90px; }
    .experience { width: 98%; }
    .experience_r .title { font-size: 18px; padding-top: 140px; }
    .experience_r .subTitle { font-size: 16px; width: 80%; }
    .products_advantages { width: 98%; }
    .brand_service { width: 98%; }
    .experience_title { font-size: 24px; }
    .experience_r .experience_r_img { margin-left: -66px; }
} 

/* ipad */
@media screen and (max-width:991px)  {
	.products_box { width: 98%; }
    .logo { margin-top: 64px; }
    .experience_box { padding: 50px 0px 70px; }
    .experience { width: 98%; }
    .experience_l { width: 46%; }
    .experience_r .title { font-size: 16px; padding-top: 90px; }
    .experience_r .subTitle { font-size: 16px; width: 100%; }
    .experience_r .experience_r_txt img { width: 45px; height: 30px; }
    .experience_r .experience_r_img { margin-left: -26px; }

    .products_icon_item .border { width: 100px; height: 100px; }
    .products_advantages { width: 98%; }
    .brand_service { width: 98%; }
    .products_icon_item .name { font-size: 18px; }
    .experience_title { font-size: 24px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .head{ background: #ffffff !important; }
    .logo { margin-top: 64px; }
    
    .products_box { width: 98%; }
    .index_title { font-size: 18px; }
    .index_title .title { padding: 0 4px; }
    .index_title .line { width: 50px; }
    .index_subTitle { font-size: 16px; font-weight: 400; }
    .products_box { padding: 36px 0px 46px; }
    .products_icon_box { flex-wrap: wrap; margin-top: 30px; justify-content: left; }
    .products_icon_item { width: 32%; margin-bottom: 30px; }
    .products_icon_item .border { width: 70px; height: 70px; }
    .products_icon_item .name { margin-top: 10px; font-size: 16px; }
    .products_more_box { margin-top: 10px; width: 110px; height: 30px; line-height: 30px; font-size: 16px; }
    .products_more_box:hover:before { width: 110px; }

    .experience_box { padding: 20px 0px 30px; }
    .experience { width: 96%; display: block; }
    .experience_title { font-size: 24px; }
    .experience_r .subTitle { font-size: 14px; }
    .experience_l { width: 100%; }
    .experience_l .video { margin-top: 20px; width: 100%; }
    
    .experience_r { width: 100%; margin-top: 30px; }
    .experience_r .title { padding-top: 60px; }
    .experience_r .subTitle { margin-top: 10px; }
    .experience_r .experience_r_txt { padding-left: 0px; }
    .experience_r .experience_r_img { margin-left: -14px; }
    .experience_r .experience_r_img img { width: 110%; }

    .products_advantages { width: 96%; padding: 36px 0 46px; }
    .products_advantages_img { margin-top: 10px;}
    .products_advantages_img_l { width: 100%; margin-bottom: 10px; }
    .products_advantages_img_r { width: 100%; }
    .products_advantages_img_r .item { margin-top: 10px; }

    .brand_service_box { background-image: url(../image/index/u0.png); background-size: cover; height: auto; }
    .brand_service { width: 96%; padding: 26px 0px; }
    .brand_service_imgs { margin-top: 20px; flex-wrap: wrap; }
    .brand_service_imgs .img_item { width: 49%; padding-left: 0px; margin-bottom: 2%; }
    .brand_service_imgs .img_item .title_warp { line-height: 30px; padding-bottom: 10px; }
}