.narrow_screen { display: none; }

.introduction_banner { margin-top: 82px; }
.introduction_banner img { width: 100%; }

.nav_box { background-color: #fff; border-bottom: 1px solid #D8D8D8; }
.nav_box .nav { max-width: 1320px; margin: 0 auto; }
.nav_box .nav .nav_con { display: flex; align-items: center; height: 70px; line-height: 70px; }
.nav_box .nav .nav_con img { width: 12px; height: 12px; margin-right: 6px; }

.introduction_box { background-color: #fff; margin-top: 70px; }
.introduction { max-width: 1320px; margin: 0 auto; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; }
.introduction_con { padding: 0 78px 76px 80px; }
.introduction_title { width: 350px; height: 76px; line-height: 76px; margin: 0 auto; text-align: center; font-size: 34px; color: #fff; }

.business_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 72px; }
.business_item { width: 48%; margin: 0 auto;  }
.business_item.margin_bottom { margin-bottom: 35px; }
.business_icon { width: 90px; height: 90px; margin: 0 auto; }
.business_icon img { width: 100%; }
.business_icon .img { display: block; }
.business_icon .img_cur { display: none; }

.business_item_con { padding: 64px 46px 20px 44px; margin-top: -46px; height: 180px; border: 2px solid #fff;
    background: #F6F8FC;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%); transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in; color: #333; }

.business_title { font-size: 28px; text-align: center; }
.business_desc { font-size: 16px; line-height: 30px; margin-top: 8px; }

.business_item:hover .business_icon .img { display: none; }
.business_item:hover .business_icon .img_cur { display: block; }

.business_item:hover .business_item_con {
    border: 2px solid #fff;
    background: #266ECE;
    color: #fff;
}

/* 产品及服务 */
.service_box { margin-top: 110px; }
.service_img { border: 1px solid #9E9E9E; border-radius: 50%; display: flex; align-items: center; padding: 16px; }
.service_img img { width: 100%; position: relative; z-index: 66; }
.service_ul { display: flex; align-items: center; }
.service_l { width: 30%; text-align: right; }
.service_c { width: 40%; }
.service_r { width: 30%; text-align: left; }
.service_item { display: flex; justify-content: space-between; align-items: center; }
.service_item.margin_top { margin-top: 34px; }

.service_item.left_c { margin-right: -36px; }
.service_item.left_o { margin-right: -90px; }
.service_item.right_c { margin-left: -38px; }
.service_item.right_o { margin-left: -90px; }

.service_item_txt { width: 82%; }
.service_item_txt .title { font-size: 20px; color: #000; font-weight: bold; }
.service_item_txt .info { font-size: 16px; color: #666; margin-top: 6px; line-height: 32px; }
.service_item_img { width: 18%; }
.service_item_img img { width: 62px; height: 62px; position: relative; z-index: 9; }


/* 生产线 */
.line_ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.line_li { width: 48%; margin-top: 26px; overflow: hidden; }
.line_li img { width: 100%; transition: all 0.6s; }
.line_li img:hover { transform: scale(1.05); }

/* 产品运营 */
.operate_ul { display: flex; margin-top: 120px; justify-content: space-between; align-items: center; }
.operate_li { width: 10%; text-align: center; }
.operate_back { width: 99px; height: 99px; font-size: 34px; color: #fff; display: flex; align-items: center; justify-content: center; }
.operate_jiantou { width: 36px; height: 36px; margin-top: -20px; }
.operate_title { width: 99px; font-size: 20px; color: #333; text-align: center; margin-top: 18px; }
.operate_desc { margin-top: 60px; background: rgba(88, 182, 229, 0.05); padding: 26px 48px 56px 18px; }
.operate_desc .title { font-size: 22px; color: #333; }
.operate_desc .info { font-size: 16px; color: #333; line-height: 28px; margin-top: 20px; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1420px) {
    .nav_box .nav { max-width: 96%; }
    .introduction { max-width: 96%; }

    .service_item_img { width: 16%; }
    .service_item_txt { width: 84%; }
    .service_item_img img { width: 52px; height: 52px; }
    .service_item.left_c { margin-right: -30px; }
    .service_item.left_o { margin-right: -82px; }
    .service_item.right_c { margin-left: -30px; }
    .service_item.right_o { margin-left: -82px; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav_box .nav { max-width: 96%; }
    .introduction { max-width: 96%; }
    .introduction_title { width: 240px; height: 52px; line-height: 50px; font-size: 26px; }
    .introduction_con { padding: 0 10px 50px 10px; }
    .business_item_con { padding: 64px 42px 30px 44px; }
    .operate_back { width: 88px; height: 88px; }

    .service_l { width: 33%; }
    .service_c { width: 34%; }
    .service_r { width: 33%; }

    .service_item.margin_top { margin-top: 16px; }
    .service_item_img { width: 16%; }
    .service_item_txt { width: 84%; }
    .service_item_txt .title { font-size: 18px; }
    .service_item_txt .info { line-height: 24px; }
    .service_item_img img { width: 46px; height: 46px; }
    .service_item.left_c { margin-right: -22px; }
    .service_item.left_o { margin-right: -66px; }
    .service_item.right_c { margin-left: -22px; }
    .service_item.right_o { margin-left: -66px; }

    .ipad_height { height: 72px; }
}

/* ipad */
@media screen and (max-width:991px) {
    .nav_box .nav { max-width: 96%; }
    .introduction { max-width: 96%; }
    .introduction_con { padding: 0 10px 20px 10px; }
    .introduction_title { width: 200px; height: 44px; line-height: 44px; font-size: 22px; }
    .service_box { margin-top: 50px; }

    .business_list { margin-top: 50px; }
    .business_title { font-size: 22px; }
    .business_item_con { padding: 60px 20px 20px 20px; height: 210px; }

    .narrow_screen { display: block; padding: 0 60px; }
    .service_ul { display: block; }
    .service_l { display: none; }
    .service_r { display: none; }
    .service_c { width: 50%; margin: 0 auto; }

    .narrow_screen_list { margin-top: 30px; }
    .narrow_screen_item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
    .narrow_screen_item_l { width: 12%; }
    .narrow_screen_item_l img { width: 100%; }
    .narrow_screen_item_r { width: 84%; }
    .narrow_screen_item_r .title { font-size: 22px; color: #000; }
    .narrow_screen_item_r .info { font-size: 16px; color: #666; line-height: 28px; margin-top: 6px; }

    .operate_back { width: 66px; height: 66px; font-size: 26px; }
    .operate_title { width: 66px; font-size: 16px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .introduction_banner { margin-top: 60px; }
    .nav_box .nav .nav_con { height: 56px; line-height: 56px; }
    .about_box { margin-top: 30px; }

    .service_c { width: 80%; }

    .business_icon { width: 80px; height: 80px; }
    .business_item_con { margin-top: -40px; }

    .business_item { width: 100%; margin-bottom: 35px; }
    .narrow_screen { padding: 0; }

    .narrow_screen_item_l { width: 14%; }
    .narrow_screen_item_r { width: 82%; }
    .operate_ul { margin-top: 30px; }
    .operate_li { position: relative; }
    .operate_back { width: 40px; height: 40px; font-size: 22px; }
    .operate_title { width: 40px; height: 40px; font-size: 14px; }
    .operate_jiantou { width: 26px; height: 26px; position: absolute; top: -20px; right: 2px; }
    .operate_desc { padding: 20px; }
    .operate_desc .title { font-size: 20px; }
    .operate_desc .info { margin-top: 10px; }
}