body { font-family: Arial; }

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

.head_right { padding-top: 12px; }

.banner { margin-bottom: 20px; }

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

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

.ovf { overflow: hidden; }

.pro-h3 { width: 100%; }

.pro-h3 b { position: relative; padding-left: 27px; padding-right: 27px; font-size: 28px; }

.pro-h3 b span { color: #0274d5; }

@media (min-width: 760px) { .pro-h3 b:before { position: absolute; right: 100%; top: 15px; content: url(../img/bf-l1.png); }
  .pro-h3 b:after { position: absolute; left: 100%; top: 15px; content: url(../img/bf-r1.png); } }

.pro-tp1 { font-size: 24px; margin-bottom: 30px; }

.pro-tit1 { color: #0274d5; font-weight: bold; font-size: 20px; margin-bottom: 30px; }

.bgl-1 { background: #f0f0f0; margin-bottom: 30px; }

@media (min-width: 1200px) { .bgl-1 { position: relative; padding: 159px 0; margin-bottom: 70px; } }

@media (max-width: 1199px) { .bgl-1 img { max-width: 100%; display: block; margin: 0 auto; padding: 15px; } }

@media (min-width: 1200px) { .bgl-1 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } }

@media (min-width: 1200px) { .bgl-2 { position: relative; padding: 149px 0; margin-bottom: 100px; } }

@media (min-width: 1200px) { .bgl-2 img { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%); } }

@media (min-width: 1200px) { .bgl-3 { margin-bottom: 97px; } }

@media (min-width: 1200px) { .bgl-4 { position: relative; padding: 152px 0; margin-bottom: 120px; } }

@media (min-width: 1200px) { .bgl-4 img { position: absolute; top: 39%; left: 50%; transform: translate(-50%, -30%); } }

.bgr-1 { margin-top: 10px; background: #43a4f3; padding: 0 30px 11px; margin-bottom: 30px; }

@media (max-width: 759px) { .bgr-1 { padding: 0 10px 20px; } }

.bgr-1 .ph-tit { padding: 0px 50px; margin-top: -10px; margin-bottom: 30px; }

.bgr-1 .ph-tit span { display: block; margin: 0 auto; background: #fcff01; color: #0274d5; padding: 15px 0px; font-weight: bold; font-size: 18px; text-align: center; position: relative; }

.bgr-1 .ph-tit span:before, .bgr-1 .ph-tit span:after { position: absolute; content: " "; width: 0; height: 0; top: 0; }

.bgr-1 .ph-tit span:before { border-left: 10px solid transparent; border-bottom: 10px solid #eaa914; right: 100%; }

.bgr-1 .ph-tit span:after { border-right: 10px solid transparent; border-bottom: 10px solid #eaa914; left: 100%; }

.bgr-1 .bgr-p1 { color: #fff; font-size: 16px; display: inline-block; width: 100%; }

.bgr-1 .bgr-p1 img { display: inline-block; margin-right: 10px; float: left; position: absolute; }

.bgr-1 .bgr-p1 span { display: inline-block; margin-bottom: 15px; margin-left: 56px; float: left; }

@media (min-width: 1000px) { .bgr-1 .bgr-p4 { margin-bottom: 10px; } }

@media (min-width: 1200px) { .bgr-2 { max-height: 288px; } }

@media (min-width: 1000px) { .bgr-2 .bgr-p1 { margin-bottom: 10px; } }

@media (min-width: 1200px) { .bgr-2 .bgr-p1 { margin-bottom: 12px; } }

@media (min-width: 1000px) { .bgr-2 .bgr-p1 span { margin-bottom: 10px; } }

@media (min-width: 1000px) { .bgr-2 .bgr2-p3 { margin-bottom: -4px; } }

@media (min-width: 1200px) { .bgr-3 { padding: 0 30px; } }

@media (min-width: 1000px) { .bgr-3 .bgr-p1 { margin-bottom: 8px; } }

@media (min-width: 1000px) { .bgr-3 .bgr-p3 { margin-bottom: -9px; } }

@media (min-width: 1200px) { .bgr-3 .bgr-p3 { margin-bottom: -18px; margin-top: -2px; } }

@media (min-width: 1200px) { .bgr-3 .ph-tit { margin-bottom: 22px; } }

@media (min-width: 1200px) { .bgr-3 .bgr-p4 { margin-bottom: 7px; } }

.bgr-4 { padding: 0 30px; }

@media (min-width: 1000px) { .bgr-4 .ph-tit { margin-bottom: 15px; } }

@media (min-width: 1000px) { .bgr-4 .bgr-p1 { margin-bottom: 0px; } }

@media (min-width: 1200px) { .bgr-4 .bgr-p1 { margin-bottom: 7px; } }

@media (min-width: 1000px) { .bgr-4 .bgr-p2 { margin-bottom: -10px; } }

@media (min-width: 1000px) { .bgr-4 .bgr-p3 { margin-bottom: -10px; } }

.bg { padding: 50px 0; margin-bottom: 40px; }

@media (min-width: 1000px) { .bg { background: url(../img/bg2.png) no-repeat center center; } }

.ser-h3 { width: 100%; margin-bottom: 20px; }

.ser-h3 b { position: relative; padding-left: 27px; padding-right: 27px; font-size: 28px; border-top: 1px solid #c9c9c9; display: inline-block; padding-top: 10px; }

.ser-h3 b span { color: #0274d5; }

@media (min-width: 760px) { .ser-h3 b:before { position: absolute; right: 100%; top: 0px; margin-right: -6px; content: url(../img/bf-l4.png); }
  .ser-h3 b:after { position: absolute; left: 100%; top: 0px; margin-left: -6px; content: url(../img/bf-r4.png); } }

.fw-img1 { margin-bottom: 8px; }

.fw-d1 { padding-left: 55px; position: relative; margin: 0 auto; max-width: 370px; }

.fw-d1 .fw-p1 { position: absolute; left: 0; bottom: 42px; font-size: 155px; line-height: 116px; font-weight: bold; color: #ffbb07; margin-bottom: 0; }

@media (min-width: 760px) and (max-width: 999px) { .fw-d1 .fw-p1 { font-size: 110px; } }

.fw-d1 .fw-p2 { overflow: hidden; }

.fw-d1 .fw-p2 img:hover { transform: scale3d(1.1, 1.1, 1.1); }

.fw-d1 img { position: relative; }

@media (min-width: 760px) and (max-width: 999px) { .fw-d1 .fw-p2 { margin-top: 40px; } }

.fw-d1 .fw-p3 { text-align: center; font-size: 18px; padding-bottom: 5px; border-bottom: 1px dashed #333; }

.case-tit { margin-bottom: 30px; }

.case-tit span { border-top: 1px dashed #c9c9c9; display: inline-block; width: 100%; float: left; margin-top: -32px; }

@media (min-width: 1200px) { .case-sm { display: none; } }

.case-sm .case-d1 { margin-bottom: 15px; }

.case-sm .case-d1 h3 { font-size: 22px; margin-bottom: 16px; }

.case-sm .case-d1 img { margin-bottom: 15px; }

.case-sm .case-d1 p { white-space: norma; }

.case-sm .case-d1 p span { color: #3399ff; }

.case-sm .case-cle { display: none; }

@media (min-width: 760px) and (max-width: 999px) { .case-sm .case-cle { display: block; } }

.bg3 { display: none; }

@media (min-width: 1200px) { .bg3 { display: block; height: 563px; background: url(../img/bg.png) center center no-repeat; position: relative; margin-bottom: 50px; } }

.bg3 .m1, .bg3 .m2, .bg3 .m3, .bg3 .m4, .bg3 .m5, .bg3 .m6 { position: absolute; font-size: 18px; cursor: pointer; }

.bg3 .m1 img, .bg3 .m2 img, .bg3 .m3 img, .bg3 .m4 img, .bg3 .m5 img, .bg3 .m6 img { margin-bottom: 10px; }

.bg3 .m3 img, .bg3 .m4 img, .bg3 .m5 img { float: left; }

.bg3 .m3 span, .bg3 .m4 span, .bg3 .m5 span { display: inline-block; margin-top: 60px; margin-left: 10px; }

.bg3 .m1 { top: 95px; left: 60px; }

.bg3 .m2 { bottom: 64px; left: 95px; }

.bg3 .m3 { top: 20px; left: 46%; }

.bg3 .m4 { bottom: 165px; left: 38%; }

.bg3 .m5 { top: 103px; right: 122px; }

.bg3 .m6 { top: 225px; right: 80px; }

.dialog { padding: 20px 35px; }

.dialog .close { float: right; margin-right: 10px; }

.dialog h3 { font-size: 22px; margin-bottom: 16px; }

.dialog img { margin-bottom: 15px; }

.dialog p { white-space: norma; }

.dialog p span { color: #3399ff; }

.bg1 { background: #fcc806; padding: 50px 0; }

.bg1 .banner { margin-bottom: 20px; }

.lbx { margin-bottom: 5px; width: 100%; }

.carousel .item { padding: 0 10px; }

.lb-h3 { width: 100%; }

.lb-h3 b { position: relative; padding-left: 27px; padding-right: 27px; font-size: 28px; border-top: 1px solid #fff; display: inline-block; padding-top: 10px; }

@media (min-width: 1200px) { .lb-h3 b { font-size: 36px; } }

.lb-h3 b span { color: #0274d5; }

@media (min-width: 760px) { .lb-h3 b:before { position: absolute; right: 100%; top: 0px; margin-right: -5px; content: url(../img/bf-l2.png); }
  .lb-h3 b:after { position: absolute; left: 100%; top: 0px; margin-left: -5px; content: url(../img/bf-r2.png); } }

.bfrr-h3 { width: 100%; color: #333; }

.bfrr-h3 span { font-size: 14px; }

.bfrr-h3 b { position: relative; padding-left: 27px; padding-right: 27px; font-size: 24px; display: inline-block; }

.bfrr-h3 b span { color: #0274d5; }

@media (min-width: 760px) { .bfrr-h3 b:before { position: absolute; right: 100%; top: 0px; margin-right: -5px; content: url(../img/bfll.png); }
  .bfrr-h3 b:after { position: absolute; left: 100%; top: 0px; margin-left: -5px; content: url(../img/bfrr.png); } }

.con-h3 { width: 100%; }

.con-h3 b { position: relative; padding-left: 27px; padding-right: 27px; font-size: 28px; }

.con-h3 b span { color: #0274d5; }

@media (min-width: 760px) { .con-h3 b:before { position: absolute; right: 100%; top: 15px; content: url(../img/bf-l3.png); }
  .con-h3 b:after { position: absolute; left: 100%; top: 15px; content: url(../img/bf-r3.png); } }

.con-p1 { font-size: 24px; max-width: 600px; margin: 0 auto; margin-bottom: 37px; }

.fb1 { text-align: center; margin-bottom: 30px; }

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

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

.fb1:hover .fb1-1 { display: none; }

.fb1:hover .fb1-2 { display: block; }

.fb1 .fb1-2 { display: none; }

.fb1 img { display: block; margin: 0 auto; margin-bottom: 15px; }

.fb1 h3 { margin-bottom: 10px; }

.fb1 p span { font-size: 12px; display: block; margin-top: -10px; margin-bottom: -5px; }

.fb-cl { display: block; }

@media (min-width: 760px) { .fb-cl { display: none; } }

.fb-cl2 { display: none; }

@media (min-width: 760px) and (max-width: 999px) { .fb-cl2 { display: block; } }