.position { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; background: #fff; }
.topbar { width: 100%; background: #fff; }
.topbar .logo { display: block; width: 115px; height: 98px; float: left; }
.topbar .logo img { display: block; width: 100%; }
.topbar .header-right { float: right; position: relative; }
.menu { display: block; color: #333; float: right; }
.menu > li { float: left; font-size: 16px; position: relative; height: 98px; }
.menu > li a { padding: 0 25px; height: 100%; display: inline-block; line-height: 98px; }
.menu li.active, .menu .nav:hover { border-bottom: 4px solid #ff4b1b; }
.menu li.on { border-bottom: 4px solid #ff4b1b; }
.menu .erNav > li a { padding: 0 18px }
.erNav { background: #048ffa; position: absolute; top: 98px; left: 0; z-index: 999; width: 100%; overflow: hidden }
.erNav li { height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff }
.erNav li:hover { background: #C13237; color: #fff !important }
.erNav li a { line-height: 50px; }
.telBox { float: right; font-size: 20px; color: #333333; background: url(../image/i_tel.png) no-repeat center left; background-size: 22px 21px; padding-left: 32px; line-height: 98px; margin-left: 50px; }
.navBtn { float: right; padding-top: 31px; margin-left: 10px; }
.navBtn a { display: inline-block; height: 36px; line-height: 36px; width: 66px; text-align: center; color: #048ffa; border: 1px solid #048ffa; border-radius: 5px; font-size: 16px; margin-left: 10px; }
.navBtn a:hover { color: #048ffa !important; background: #cee7fa; }
.navBtn a.tryBtn { width: 80px; background: #048ffa; color: #fff; }
.navBtn a.tryBtn:hover { color: #fff !important; background: #0585e7; }
/* 头部 */
/*手机版导航*/
.mobileNav { display: none; position: fixed; top: 80px; z-index: 10000; width: 100%; height: auto; overflow: scroll; background: #048ffa; left: 0; }
.mobileNav ul li { position: relative; }
.mobileNav ul li span.addBtn { display: inline-block; cursor: pointer; width: 60px; height: 50px; line-height: 50px; position: absolute; text-align: center; right: 0px; top: 0px; z-index: 100; }
.mobileNav ul li span.addBtn img { width: 20px; height: auto; }
.mobileNav ul li > a { display: block; border-bottom: 1px solid #fff; width: 100%; line-height: 50px; padding-left: 22px; margin: auto; font-size: 16px; color: #fff; }
.mobileNav ul li dl { display: none; background: #fff; }
.mobileNav ul li dl dd { margin: auto; }
.mobileNav ul li dl dd a { line-height: 40px; color: #343434; border-bottom: 1px solid #ddd; display: block; font-size: 15px; padding-left: 34px; }

.mainTop { width: 100%; min-height: 500px; }
.banner_0 { background: url(../image/banner_2.jpg) no-repeat center top; background-size: cover; }
/*轮播图*/
.Banner { position: relative; background: pink; }
.bannerSwiper { overflow: hidden; position: relative; }
.bannerSwiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.bannerSwiper .swiper-pagination { bottom: 30px !important; }
.bannerSwiper .swiper-pagination-bullet { width: 50px; height: 3px; border-radius: 0; margin: 0 3px; background: #fff; opacity: 0.5; }
.bannerSwiper .swiper-pagination-bullet-active { background: #fff; opacity: 1; }
.normalTit { text-align: center; color: #333; font-size: 22px; padding: 80px 0; }
.normalTit .tit_left { display: inline-block; width: 83px; height: 12px; background: url(../image/i_left.png) no-repeat center center; background-size: 83px 12px; margin-right: 15px; }
.normalTit .tit_right { display: inline-block; width: 83px; height: 12px; background: url(../image/i_right.png) no-repeat center center; background-size: 83px 12px; margin-left: 15px; }
.businessBox .layout { width: 1224px; }
.businessBox .layout .col-md-3 { padding-left: 12px; padding-right: 12px; margin: 12px 0; }
.businessCol { background: #fff; text-align: center; padding: 50px 43px; }
.businessCol img { width: 52px; height: 49px; display: block; margin: 0 auto 32px auto; }
.businessCol .title { font-weight: 700; color: #333333; font-size: 18px; }
.businessCol .enTit { font-weight: 700; color: #cad3e2; font-size: 14px; text-transform: uppercase; margin-top: 16px; }
.businessCol .colLine { display: block; width: 203px; height: 8px; background: url(../image/menu_bottom.png) no-repeat center center; background-size: 203px 8px; margin: 23px auto; }
.businessCol .subTit { text-align: center; font-size: 14px; color: #606b7c; line-height: 2; }
.businessCol .infoItem { padding-left: 25px; margin-top: 35px; }
.businessCol .infoItem p { font-size: 14px; color: #048ffa; text-align: left; background: url(../image/line_4.png) no-repeat center left; background-size: 4px 2px; padding-left: 17px; margin-bottom: 32px; }
.businessCol .subInfo p { color: #0ccbdc; margin-bottom: 18px; background: none; }
.serviceBox .serviceCol { padding: 60px; box-sizing: border-box; background: #fff; margin: 12px 0; }
.serviceBox .layout { width: 1224px; }
.serviceBox .layout .col-md-6 { padding-left: 12px; padding-right: 12px; }
.serviceCol .title { color: #333333; font-size: 18px; font-weight: bold; padding-bottom: 30px; background: url(../image/bott_line.png) no-repeat left bottom; background-size: 88px 3px; }
.serviceCol .serviceInfo { font-size: 14px; color: #606b7c; line-height: 2; margin-top: 22px; }
.roleBox .layout { width: 1224px; }
.roleBox .layout .col-md-3 { padding-left: 12px; padding-right: 12px; }
.roleBox .roleCol { background: #fff; text-align: center; padding: 50px 43px; margin: 12px 0; position: relative; cursor: pointer; }
.roleBox .roleCol img { width: 75px; height: 75px; display: block; margin: 0 auto 32px auto; }
.roleBox .roleCol h3 { font-size: 18px; color: #333333; font-weight: bold; }
.roleBox .roleDetail { display: none; width: 100%; height: 100%; background: #0090ff; color: #fff; position: absolute; top: 0; left: 0; }
.roleBox .roleDetail .title { height: 62px; line-height: 62px; width: 100%; color: #ffffff; background: #34a7ff; font-size: 18px; font-weight: bold; }
.roleBox .roleDetail .roleIntro { padding: 20px 30px; font-size: 14px; line-height: 1.6; text-align: left; }
.caseBox .layout { width: 1300px; }
.caseBox .caseCol { float: left; margin-bottom: 60px; }
.caseBox .caseCol img { display: block; width: auto; margin: 0 48px; }


@media screen and (min-width: 960px) and (max-width: 1199px) {
    .layout { width: 100% !important; }
    .bannerSwiper .swiper-pagination-bullet { width: 30px; }
    .topbar .logo { width: 100px; margin-left: 10px; }
    .header-right { width: 20%; }
    .header-right ul.menu { display: none; }
    .navbar-toggle { display: block; background: #048ffa; margin-top: 25px; }
    .telBox { line-height: 80px; }
    .navbar-toggle .icon-bar { background: #fff; }
    .header a.logo { width: 160px; }
    .normalTit { font-size: 14px; }
    .businessCol .subTit { text-align: left; }
    .caseBox .caseCol img { margin: 0px 30px; }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .layout { width: 100% !important; }
    .normalTit { font-size: 14px; }
    .bannerSwiper .swiper-pagination-bullet { width: 30px; }
    .topbar .logo { width: 100px; margin-left: 10px; }

    .header-right { width: 20%; }
    .header-right ul.menu { display: none; }
    .navbar-toggle { display: block; background: #048ffa; margin-top: 25px; }
    .telBox { line-height: 80px; }
    .navbar-toggle .icon-bar { background: #fff; }
    .header a.logo { width: 160px; }
    .bannerSwiper { width: 100%; }
    .businessCol .subTit { text-align: left; }
    .caseBox .caseCol img { margin: 0px 30px; }
}

@media only screen and (max-width: 479px) {
    .layout { width: 100% !important; }
    .normalTit { font-size: 14px; }
    .bannerSwiper .swiper-pagination-bullet { width: 30px; }
    .topbar .logo { width: 100px; margin-left: 10px; }

    .header-right { width: 20%; }
    .header-right ul.menu { display: none; }
    .navbar-toggle { display: block; background: #048ffa; margin-top: 25px; }
    .telBox { line-height: 80px; }
    .navbar-toggle .icon-bar { background: #fff; }
    .header a.logo { width: 160px; }
    .bannerSwiper { width: 100%; }
    .businessCol .subTit { text-align: left; }
    .caseBox .caseCol img { margin: 0px 30px; }
}