body { font-family: Arial; }

.img-res { width: 100%; max-width: 100%; }

.tit-d1 img, .tit-d1 span, .bgr-p2 span { display: inline-block; }

.bg1 { background: #f5f5f5; padding: 20px 15px; margin-bottom: 25px; }

@media (min-width: 1000px) { .bg1 { padding: 20px 0px; } }

.bg1 h3 { margin-bottom: 10px; font-weight: bold; font-size: 26px; color: #2c3c70; }

@media (min-width: 1000px) { .bg1 h3 { font-size: 30px; margin-bottom: 15px; } }

.bg1 p { color: #545454; margin-bottom: 5px; }

.tit-p1 { font-size: 16px; color: #545454; margin-bottom: 20px; }

.tit-p1 span { font-size: 14px; }

.tit-d1 span { padding-left: 10px; margin-bottom: 20px; }

@media (min-width: 1000px) { .tit-d1 { margin-bottom: 30px; } }

@media (min-width: 1200px) { .tit-d1 { margin-bottom: 40px; } }

@media (min-width: 1000px) and (max-width: 1199px) { .tit-d2 span { position: absolute; padding-top: 10px; } }

.pro-h3 { margin-bottom: 15px; font-weight: bold; font-size: 26px; color: #2c3c70; margin-top: 20px; }

@media (min-width: 1000px) { .pro-h3 { font-size: 30px; margin-bottom: 30px; margin-top: 30px; } }

@media (min-width: 1200px) { .pro-h3 { margin-top: 30px; } }

.pro1 { max-width: 100%; margin-bottom: 20px; }

@media (min-width: 7600px) { .pro1 { margin-bottom: 30px; } }

@media (min-width: 1000px) { .pro1 { margin-bottom: 50px; } }

@media (min-width: 1200px) { .pro1 { margin-bottom: 60px; } }

.bgr-p1 { margin-bottom: 20px; color: #414141; }

.bgr-p2 { margin-bottom: 20px; }

@media (min-width: 1200px) { .bgr-p2 { margin-bottom: 40px; } }

.bgr-p2 span { padding: 2px 40px; }

.bgr-p2 .ps-sp1 { background: #2c3b72; color: #fff; margin-right: 20px; }

@media (min-width: 760px) { .bgr-p2 .ps-sp1 { margin-right: 50px; } }

.bgr-p2 .ps-sp2 { background: #1be7ff; }

.bgr-p3 span { font-weight: bold; color: #03c2d0; }

.pi-r { margin-bottom: 10px; }

@media (min-width: 1000px) and (max-width: 1199px) { .pi-r { margin-bottom: 30px; } }

.case-h3 { margin-bottom: 15px; font-weight: bold; font-size: 26px; color: #2c3c70; }

@media (min-width: 1000px) { .case-h3 { font-size: 30px; margin-bottom: 20px; } }

.hov:hover .case-bgl { background: #03c2d0; color: #fff; }

@media (max-width: 759px) { .hov img { max-width: 100%; margin: 0 auto; display: block; margin-bottom: 15px; } }

@media (min-width: 1000px) and (max-width: 1199px) { .hov img { display: block; margin: 0 auto; } }

@media (min-width: 1200px) { .hov img { z-index: 100; margin-top: 20px; } }

.hov .case-bgl { background: #f5f5f5; padding: 20px 30px; margin-bottom: 20px; }

@media (min-width: 760px) and (max-width: 999px) { .hov .case-bgl .ca-p2 { margin-bottom: 3px; } }

@media (min-width: 1000px) { .hov .case-bgl { margin-bottom: 40px; } }

@media (min-width: 1200px) { .hov .case-bgl { z-index: -1; padding: 20px 30px 26px 195px; } }

@media (min-width: 1200px) { .hov .case-bg3 { padding: 20px 30px 1px 195px; } }

.rebg { background: #1f2c56; margin-top: 15px; margin-bottom: 30px; }

@media (min-width: 760px) { .rebg { margin-top: 25px; } }

@media (min-width: 1200px) { .rebg { margin-bottom: 40px; } }

.rebg .re-bg { background: #1be7ff; margin-bottom: -10px; padding: 30px 30px 40px 25px; }

@media (min-width: 760px) { .rebg .re-bg { padding: 70px 30px 120px 25px; } }

@media (min-width: 1000px) { .rebg .re-bg { margin-bottom: -30px; } }

.rebg .re-bg .rel-p1 span { width: 80px; display: inline-block; border-bottom: 4px solid #fff; }

@media (min-width: 1000px) { .rebg .re-bg .rel-p1 span { margin-left: -45px; } }

.rebg .re-bg .rel-p2 { font-weight: bold; font-size: 26px; color: #fff; margin-bottom: 25px; }

@media (min-width: 760px) { .rebg .re-bg .rel-p2 { margin-bottom: 80px; } }

@media (min-width: 1000px) { .rebg .re-bg .rel-p2 { font-size: 30px; } }

.rebg .re-bg .rel-p3 span { background: #1f2c56; color: #ffffff; padding: 3px 15px; }

.rebg .tu-bg { background: #f5f5f5; padding: 30px 50px 20px 65px; position: relative; }

.rebg .tu-bg:hover .tu-zi { background: rgba(27, 231, 255, 0.6); }

.rebg .tu-bg img { margin: 0 auto; display: block; }

.rebg .tu-bg .tu-zi { background: rgba(31, 44, 86, 0.6); color: #fff; border-radius: 50%; text-align: center; font-weight: bold; font-size: 18px; width: 105px; height: 105px; top: 50%; left: 50%; padding-top: 25px; position: absolute; transform: translate(-50%, -50%); }

.rebg .tu-bg2, .rebg .tu-bg3, .rebg .tu-bg6 { background: #fff; padding: 20px; }

@media (min-width: 1000px) { .rebg .tu-bg1 { padding: 15px; } }

@media (min-width: 1000px) { .rebg .tu-bg2 { padding: 18px; } }

@media (min-width: 760px) { .rebg .tu-bg3 { padding: 31px 20px; } }

@media (min-width: 1000px) { .rebg .tu-bg3 { padding: 15px 20px; } }

@media (min-width: 1000px) { .rebg .tu-bg4 { padding: 20px 20px 27px; } }

@media (min-width: 1200px) { .rebg .tu-bg5 { padding: 7px 20px 8px 20px; } }

@media (min-width: 760px) { .rebg .tu-bg6 { padding: 22px 20px; } }