@charset "utf-8";
.wrap {
    width: 100%;
    min-width: 1200px;
}
/*头部*/
.header {
    width: 100%;
    height: 50px;
    background: #222639;
}
.header-con {
    width: 1200px;
    height: 50px;
    margin: 0 auto;
}
.header-con .logo {
    float: left;
    width: 121px;
    cursor: pointer;
}
.header-con .logo img {
    display: block;
    float: left;
    width: 33px;
    height: 44px;
    margin-top: 3px;
}
.header-con .logo h1 {
    float: right;
    width: 85px;
    font-size: 22px;
    color: #fff;
    margin-top: 2px;
    text-align: center;
}
.header-con .logo h2 {
    float: right;
    width: 85px;
    text-align: center;
    font-size: 8px;
    color: #fff;
}
.header-con .separator {
    float: left;
    width: 1px;
    height: 26px;
    margin: 14px 15px 10px;
    background: #fff;
}
.header-con .slogan {
    display: block;
    float: left;
    width: 180px;
    height: 32px;
    margin-top: 9px;
    cursor: pointer;
}
.header-con .headNav {
    float: right;
    width: 540px;
    height: 50px;
}
.navUl {
    display: block;
    width: 540px;
    height: 50px;
}
.header-con .headNav .navUl > li {
    position: relative;
    display: block;
    float: left;
    width: 108px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
}
.header-con .headNav .navUl  li h3 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
/*产品服务的下拉内容块*/
.header-con .headNav .navUl li .service {
    position: absolute;
    overflow: hidden;
    top: 36px;
    left: 0;
    width: 108px;
    z-index: 99;
}
.header-con .headNav .navUl li .service ul {
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    z-index: 999;
}
.header-con .headNav .navUl li .service li a {
    display: block;
    width: 108px;
    font-size: 14px;
    line-height: 32px;
    color: #222639;
}
.header-con .headNav .navUl li .service li:hover {
    background: #f1f1f1;
}
.header-con .headNav .navUl li .service li:hover a {
    color: #22cbff;
}
.header-con .headNav .navUl > li:hover {
    background: #373d5b;
}
.header-con .headNav .navUl > li:hover h3 {
    color: #22cbff;
}
.header-con .headNav ul li > div {
    display: none;
}
.header-con .headNav .navUl li:hover div {
    display: block;
}
/*导航栏位置的hover效果*/
/*.header-con .headNav .navUl li:hover div {*/
    /*display: block;*/
/*}*/
/*白色三角形的样式*/
.sjx {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 8px solid #fff;
}
/*合作案例的下拉块*/
.header-con .headNav .navUl li .cooperativeCase {
    position: absolute;
    top: 36px;
    left: -115px;
    width: 339px;
    z-index: 5;
}
.cooperativeCase div {
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
    border-radius: 5px;
    background: #fff;
}
li .cooperativeCase div ul {
    display: block;
    float: left;
    width: 107px;
}
li .cooperativeCase div .bigUL {
    width: 123px;
}
.cooperativeCase div ul li a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    color: #222639;
}
.cooperativeCase div ul li:hover {
    background: #f1f1f1;
}
.cooperativeCase div ul li:hover a {
    color: #22cbff;
}
/*导航的主类别*/
.cooperativeCase div .firstLi {
    color: #6c7983;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 3px;
    cursor: auto;
}
.cooperativeCase div .firstLi:hover {
    color: #6c7983;
    background: #fff;
}
.borderLR {
    border-left: 1px solid #eff4f7;
    border-right: 1px solid #eff4f7;
}
/*大图滚动区*/
.bigPic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 440px;
}
.swiper-slide {
    position: relative;
    overflow: hidden;
}
.bigPic img {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -960px;
}

.swiper-slide a.rearch-mod{
    display: block;
    position: absolute;
    right: 20px;
    bottom: 65px;
    z-index: 999999;
    background: #2e373d;
    font-size: 18px;
    height: 40px;
    width: 300px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.swiper-slide a.rearch-mod:hover{
    background: #00c1fb;
}
/*.bigPic .banner1,*/
/*.bigPic .banner2,*/
/*.bigPic .banner3 {*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 440px;*/
/*}*/
/*大图滚动的图*/
/*.bigPic .banner1 {*/
    /*background: url("../images/banner1.png") center center no-repeat;*/
/*}*/
/*.bigPic .banner2 {*/
    /*background: url("../images/banner2.png") center center no-repeat;*/
/*}*/
/*.bigPic .banner3 {*/
    /*background: url("../images/banner3.png") center center no-repeat;*/
/*}*/
/*修改分页器小圆点的默认位置*/
.swiper-pagination {
    bottom: 62px!important;
}
div .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #a0a0a0;
}
div .swiper-pagination-bullet-active {
    background: #fff;
}
.bigPic .bigPic-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    background: rgba(0,0,0,0.5);
    z-index: 5;
}
.bigPic .bigPic-title .title-con {
    width: 1200px;
    margin: 0 auto;
}
.title-con p {
    float: left;
    width: 1200px;
    height: 25px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}
/*内容展示区*/
.main {
    width: 100%;
    height: 250px;
    background: #eff4f7;
}
.main-con {
    width: 1200px;
    margin: 0 auto;
}
.main-con .conLeft,
.main-con .conMiddle,
.main-con .conRight {
    position: relative;
    float: left;
    width: 366px;
    height: 209px;
    margin: 20px 0 19px;
    border: 1px solid #dbe1e1;
    cursor: pointer;
}
.main-con .conMiddle {
    margin: 20px 49px 19px;
}
.main-con div .conPic {
    display: block;
    width: 365px;
    height: 168px;
    border-bottom: 1px solid #dbe1e1;
}
.main-con div h4 {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #2e373d;
    background: #fff;
}
.main-con div .bg-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 365px;
    height: 168px;
    background: rgba(0,0,0,0.4);
}
.main-con .conLeft div em {
    display: block;
    width: 81px;
    height: 81px;
    margin: 40px auto;
    background: url("../images/icon.png") 0 0 no-repeat;
}
.main-con .conMiddle div em {
    display: block;
    width: 81px;
    height: 81px;
    margin: 40px auto;
    background: url("../images/icon.png") 0 -92px no-repeat;
}
.main-con .conRight div em {
    display: block;
    width: 81px;
    height: 81px;
    margin: 40px auto;
    background: url("../images/icon.png") 0 -180px no-repeat;
}
/*hove效果*/
.main-con a > div:hover {
    border: 1px solid #00c1fb;
}
.main-con div:hover div {
    display: block;
}
.main-con div:hover h4 {
    color: #00c1fb;
}
/*新闻公告与合作伙伴*/
.content {
    width: 100%;
    background: #fff;
}
.content-con {
    width: 1200px;
    margin: 0 auto;
}
/*新闻公告内容区*/
.content-con .con-news {
    float: left;
    width: 789px;
    height: 171px;
    margin: 30px 0;
    border: 1px solid #dbe1e1;
}
.content-con .con-news .news-header {
    width: 751px;
    height: 39px;
    margin: 0 auto;
    border-bottom: 1px solid #dbe1e1;
}
.laba-icon {
    display: block;
    float: left;
    width: 25px;
    height: 24px;
    margin: 7px 8px 0 0;
    background: url("../images/icon.png") 0 -279px no-repeat;
}
.content-con .con-news .news-header h3,
.cooper-header h3 {
    float: left;
    font-size: 18px;
    color: #22cbff;
    line-height: 39px;
}
.content-con .con-news .news-header a,
.cooper-header a {
    display: block;
    float: right;
    font-size: 12px;
    color: #2e373d;
    line-height: 39px;
    cursor: pointer;
}
.content-con .con-news h4 {
    width: 751px;
    margin: 7px auto 2px;
    font-size: 14px;
    color: #2e373d;
    line-height: 22px;
}
.content-con .con-news h4 a {
    display: block;
    width: 751px;
    margin: 7px auto 2px;
    font-size: 14px;
    color: #2e373d;
    line-height: 22px;
}
.content-con .con-news p {
    width: 741px;
    margin: 4px 0 0 30px;
    font-size: 14px;
    color: #96a1a8;
    line-height: 22px;
}
.content-con .con-news .news-author {
    display: block;
    width: 751px;
    margin: 5px auto;
    font-size: 12px;
    color: #96a1a8;
    line-height: 18px;
    text-align: right;
}
/*合作伙伴内容区*/
.content-con .con-cooperation {
    float: right;
    width: 377px;
    height: 171px;
    margin: 30px 0;
    border: 1px solid #dbe1e1;
}
.content-con .con-cooperation .cooper-header {
    width: 341px;
    height: 39px;
    margin: 0 auto;
    border-bottom: 1px solid #dbe1e1;
}
.coop-icon {
    display: block;
    float: left;
    width: 26px;
    height: 25px;
    margin: 7px 8px 0 0;
    background: url("../images/icon.png") 0 -279px no-repeat;
}

.content-con .con-cooperation a .friends-logo {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 12px;
    border: 1px solid #dbe1e1;
}


.friends-outer {
    overflow: hidden;
    width: 333px;
    height: 102px;
    margin: 15px 0 14px 24px;;
}
.friends-outer .friends-box {
    width: 2200px;
    height: 102px;
}
.friends-box a {
    cursor: default;
}
/*底部导航*/
.footerNav {
    width: 100%;
    height: 197px;
    background: #5b5c72;
}
.footerNav .footerNav-con {
    width: 1200px;
    height: 197px;
    margin: 0 auto;
}
.footerNav-con ul {
    display: block;
    float: left;
    width: 90px;
    margin:10px 0;
    /*padding: 8px 95px 0;*/
    text-align: left;
    margin-right: 190px;
}
.footerNav-con ul.wed{
    margin-right: 0;
}
.footerNav-con ul .first-li {
    height: 32px;
    margin-bottom: 6px;
}
.footerNav-con ul .first-li span {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 3px 5px 0 0;
}
.footerNav-con ul .first-li .footNav-icon1 {
    background: url("../images/icon.png") 0 -347px no-repeat;
}
.footerNav-con ul .first-li .footNav-icon2 {
    background: url("../images/icon.png") 0 -377px no-repeat;
}
.footerNav-con ul .first-li .footNav-icon3 {
    background: url("../images/icon.png") 0 -410px no-repeat;
}
.footerNav-con ul .first-li .footNav-icon4 {
    background: url("../images/icon.png") 0 -441px no-repeat;
}
.footerNav-con ul .first-li h4 {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.footerNav-con ul li a {
    font-size: 12px;
    color: #b4babe;
    line-height: 28px;
}
.footerNav-con ul li a:hover {
    color: #dce3e8;
}
.footerNav-con .footer-code{
    margin-top: 18px;
    float: right;
    width: 110px;
    text-align: center;
}
.footerNav-con .footer-code p{
    color: #ffffff;
    font-size: 12px;
    line-height: 1.4;
}
.footerNav-con .footer-code p.sao{
    margin-top: 4px;
}
/*版权说明*/
.footer {
    width: 100%;
    height: 39px;
    background: #222639;
}
.footer .footer-con {
    width: 1200px;
    margin: 0 auto;
}
.footer-con p {
    font-size: 12px;
    color: #b4babe;
    line-height: 39px;
    text-align: center;
}
/*★★★大型活动页面的内容样式*/
.public-safety {
    width: 100%;
    padding: 20px 0 40px;
    background: #fff;
}
.public-safety .publicSafety-con {
    width: 1200px;
    margin: 0 auto;
}
/*左侧选项区*/
.public-safety .publicSafety-con .pub-lis {
    float: left;
    width: 192px;
    margin-right: 28px;
}
.pub-lis ul li {
    position: relative;
    display: block;
    width: 192px;
    height: 40px;
    margin-bottom: 10px;
    background: #2e373d;
    cursor: pointer;
}
.pub-lis ul li:hover {
    background: #373d5b;
}
.pub-lis ul li:hover h3 {
    color: #22cbff;
}
.pub-lis ul li h3 {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
.pub-lis ul li span {
    display: none;
}
/*被选中的li样式及hover效果*/
.pub-lis ul .select-li {
    background: #00c1fb;
}
.pub-lis ul .select-li:hover {
    background: #00c1fb;
}
.pub-lis ul .select-li:hover h3 {
    color: #fff;
}
/*向右的蓝色小三角*/
.pub-lis ul .select-li .ysj {
    display: block;
    position: absolute;
    top: 12px;
    right: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #00c1fb;
}
/*右侧内容区*/
.public-safety .publicSafety-con .pub-con {
    float: left;
    width: 920px;
    min-height: 460px;
    padding: 19px 29px;
    border: 1px solid #dce2e2;
    background: #f9fafc;
}
.public-safety .publicSafety-con .pub-con div {
    display: none;
}
.public-safety .publicSafety-con .pub-con .select-con {
    display: block;
}
.public-safety .publicSafety-con .pub-con img {
    display: block;
    width: 920px;
    height: 180px;
    margin-bottom: 18px;
}
.public-safety .publicSafety-con .pub-con div p {
    text-indent: 2em;
    font-size: 14px;
    color: #2e373d;
    line-height: 24px;
}
/*★★★产品服务页的内容*/
.Product-service {
    width: 100%;
    padding: 20px 0 40px;
    background: #fff;
}
.Product-service .Product-service-con {
    width: 1200px;
    margin: 0 auto;
}
.Product-service .Pro-lis {
    width: 1200px;
    height: 40px;
    margin-bottom: 20px;
    z-index: 1;
}
.Pro-lis ul li {
    position: relative;
    display: block;
    float: left;
    width: 393px;
    height: 40px;
    background: #2e373d;
    z-index: 1;
    cursor: pointer;
}
.Pro-lis ul li h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.Pro-lis ul li span {
    display: none;
}
.Pro-lis ul .middle-li {
    margin: 0 11px 0 10px;
}
.Pro-lis ul .select-li {
    background: #00c1fb;
}
.Pro-lis ul .select-li .x-sjx {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 188px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #00c1fb;
}
/*tab切换内容区*/
.Pro-con > div {
    display: none;
}
.Pro-con > .select-con {
    display: block;
}
.Pu-header {
    width: 1198px;
    border: 1px solid #dbe1e1;
    background: #f9fafc;
}
.Pu-header .big-img {
    display: block;
    width: 1198px;
    height: 236px;
    border-bottom: 1px solid #dbe1e1;
}
.Pu-header p {
    text-indent: 2em;
    padding: 18px 30px;
    font-size: 14px;
    line-height: 24px;
    color: #2e373d;
}
div .bold-strong {
    font-weight: bold;
}
.bold-strong2 {
    padding-left: 30px;
    font-weight: bold;
    text-indent: 2em;
    font-size: 14px;
    line-height: 24px;
    color: #2e373d;
}
/*公共安全分类*/
.Public-safety .PubSaf-con {
    width: 1110px;
    margin-top: 30px;
    min-height: 474px;
    padding: 30px 45px;
    background: #eff4f7;
}
.PubSaf-con .Pub-inner {
    position: relative;
    width: 1108px;
    height: 218px;
    border: 1px solid #dbe1e1;
    background: #fff;
}
.PubSaf-con .Pub-inner:hover {
    border: 1px solid #00c1fb;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-20 {
    margin-bottom: 20px;
}
.PubSaf-con .Pub-inner img {
    display: block;
    float: left;
    width: 283px;
    height: 218px;
    border-right: 1px solid #dbe1e1;
}
.Pub-inner .inner-describe {
    float: right;
    width: 744px;
    height: 199px;
    padding: 28px 40px 0;
}
.PubSaf-con .News-list-box h4 {
    overflow:hidden;
    float: left;
    max-width: 830px;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 16px;
    color: #2e373d;
    margin-left: -12px;
    line-height: 24px;
}
.PubSaf-con .News-list-box:hover h4 {
    color: #00c1fb;
}
.PubSaf-con .News-list-box p {
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px;
    color: #6c7983;
}
/*查看更多的样式*/
.look-more {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 16px;
    text-align: right;
}
.look-more span {
    display: block;
    float: right;
    font-size: 14px;
    line-height: 16px;
    color: #00c1fb;
}
.look-more em {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../images/icon.png") 0 -470px no-repeat;
}
/*金融保险区*/
.Financial-insurance .Fin-con {
    position: relative;
    width: 1124px;
    padding: 30px 38px 18px;
    margin-top: 57px;
    border-top: 2px solid #dbe1e1;
    background: #eff4f7;
}
.Fin-con .title-h4 {
    position: absolute;
    top: -32px;
    left: 0;
    width: 78px;
    height: 30px;
    line-height: 30px;
    color: #22cbff;
    border-bottom: 2px solid #22cbff;
}
.Fin-con div {
    float: left;
    width: 25%;
}
.Fin-con div img {
    display: block;
    width: 127px;
    height: 138px;
    margin: 30px auto 18px;
}
.Fin-con div p {
    padding: 0 39px;
    font-size: 14px;
    color: #2e373d;
    line-height: 24px;
    text-align: center;
}
.Pu-header .def-p {
    text-indent: 0em;
    line-height: 32px;
    padding: 0 30px;
    margin-top: -40px;
}
.Fin-con div .border-r {
    border-right: 1px dashed #dbe1e1;
}
.p-height-294 {
    height: 294px;
}
.p-height-236 {
    height: 236px;
}
.title-strong {
    display: block;
    font-size: 16px;
    color: #2f383d;
    line-height: 24px;
    padding-left: 15px;
    background: url("../images/icon.png") -5px -492px no-repeat;
}
.Fin-con .details-p {
    font-size: 14px;
    line-height: 20px;
    color: #6c7983;
    padding-left: 15px;
    margin-bottom: 5px;
}
.Safe-lis {
    width: 1200px;
    height: 40px;
    margin-bottom: 20px;
}
.Safe-lis ul li {
    position: relative;
    display: block;
    float: left;
    width: 595px;
    height: 40px;
    background: #2e373d;
    cursor: pointer;
}
.ml-10 {
    margin-left: 10px;
}
.Safe-lis ul li span {
    display: none;
}
.Safe-lis ul .select-li {
    background: #00c1fb;
}
.Safe-lis ul li h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.Safe-lis ul .select-li .x-sjx {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 290px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #00c1fb;
}
/*公共安全案例分组*/
.wed-e{
    margin-bottom: 20px;
}
.wed-e ul{
    width: 420px;
    margin: 0 auto;
}
.ml-20 {
    margin-left: 20px;
}
.wed-e ul#wed li{
    position: relative;
    display: block;
    width: 200px;
    float: left;
    height: 40px;
    background: #2e373d;
    cursor: pointer;
}
.wed-e ul#wed li span {
    display: none;
}
.wed-e ul#wed .select-wed {
    background: #00c1fb;
}
.wed-e ul#wed li h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.wed-e ul#wed .select-wed .x-wed {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #00c1fb;
}
.wed-hidden{
    display: none;
}
/*★★★公共安全页样式*/
/*风险评估内容区*/
.risk-assessment {
    width: 1158px;
    padding: 30px 21px;
    background: #eff4f7;
}
.risk-assessment div {
    position: relative;
    overflow: hidden;
    float: left;
    width: 126px;
    height: 320px;
    margin-right: 6px;
    border: 1px solid #dbe1e1;
    background: #fff;
}
.risk-assessment .select-pic {
    width: 348px;
    border: 1px solid #00c1fb;
}
.mr-0 {
    margin-right: 0!important;
}
.risk-assessment div img {
    display: block;
    float: left;
    width: 126px;
    height: 320px;
}
.risk-assessment div h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 126px;
    height: 33px;
    font-size: 14px;
    color: #fff;
    line-height: 33px;
    background: rgba(46,55,61,0.8) url("../images/icon.png") 0 -516px no-repeat;
    padding-left: 40px;
}
.risk-assessment div.select-pic h4{
    padding-left: 0;
    text-align: center;
}
.risk-assessment .select-pic h4 {
    background: rgba(0,193,252,0.8);
}
.risk-assessment div p {
    float: right;
    width: 221px;
    padding: 17px 24px 0;
    font-size: 14px;
    line-height: 24px;
    color: #6c7983;
    border-left: 1px solid #dbe1e1;
    cursor: default;
    height: 100%;
    box-sizing: border-box;
}
.risk-assessment div .look-more {
    display: none;
}
.risk-assessment .select-pic .look-more {
    display: block;
}
.case-title {
    display: block;
    width: 1200px;
    height: 90px;
    margin: 0 auto;
}
.case-con {
    padding: 30px 45px;
    background: #eff4f7;
}
.case-con .case-box {
    width: 1058px;
    padding: 20px 25px;
    background: #fff;
    border: 1px solid #dbe1e1;
}
.case-con .case-box img {
    display: block;
    float: left;
}
    /*右侧详情描述区*/
.case-box .case-detailed {
    float: right;
    width: 654px;
}
.case-box .case-detailed h4 {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 11px;
    font-size: 16px;
    color: #00c1fb;
    text-align: left;
    border-bottom: 1px dashed #dbe1e1;
}
.case-box .case-detailed .deta-left {
    display: block;
    float: left;
    width: 90px;
    padding-left: 26px;
    font-size: 14px;
    color: #6c7983;
    line-height: 22px;
    text-align: left;
}
.case-box .case-detailed .deta-right {
    display: block;
    float: right;
    width: 538px;
    font-size: 14px;
    color: #2e373d;
    line-height: 22px;
    text-align: left;
}
.data-icon1 {
    background: url("../images/icon.png") 0 -552px no-repeat;
}
.data-icon2 {
    background: url("../images/icon.png") 0 -575px no-repeat;
}
.data-icon3 {
    background: url("../images/icon.png") 0 -600px no-repeat;
}
.data-icon4 {
    background: url("../images/icon.png") 0 -622px no-repeat;
}
.data-icon5 {
    background: url("../images/icon.png") 0 -645px no-repeat;
}
.data-icon6 {
    background: url("../images/icon.png") 0 -670px no-repeat;
}
.data-icon7 {
    background: url("../images/icon.png") 0 -692px no-repeat;
}
.data-icon8 {
    background: url("../images/icon.png") 0 -715px no-repeat;
}
.data-icon9 {
    background: url("../images/icon.png") 0 -738px no-repeat;
}
.data-icon10 {
    background: url("../images/icon.png") 0 -762px no-repeat;
}
.data-icon11 {
    background: url("../images/icon.png") 0 -540px no-repeat;
}
.data-icon12 {
    background: url("../images/icon.png") 0 -540px no-repeat;
}
/*★★★公司要闻页的样式*/
.news-title {
    height: 25px;
    border-bottom: 1px dashed #dbe1e1;
}
.news-title h4 {
    float: left;
    max-width: 630px;
    color: #2e373d;
    margin: 0 0 0 -12px;
}
.news-title span {
    display: block;
    float: right;
    font-size: 14px;
    color: #8ea0ab;
    line-height: 24px;
}
.ab-r30 {
    right: 30px!important;
}
.Pub-inner:hover .news-title h4 {
    color: #00c1fb;
}
/*★★★团队风采页面样式*/
.team-title {
    position: relative;
    width: 1200px;
    height: 40px;
    margin-bottom: 20px;
    background: #00c1fb;
}
.team-title h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.team-title .x-sjx {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 592px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #00c1fb;
}
.team-introduce {
    width: 1134px;
    padding: 10px 32px 30px;
    background: #f9fafc;
    border: 1px solid #dbe1e1;
}
.team-introduce .int-title {
    width: 100%;
    height: 33px;
    margin-bottom: 5px;
}
.team-introduce .int-title span {
    display: block;
    width: 500px;
    height: 1px;
    background: #dbe1e1;
    margin-top: 16px;
}
.team-introduce .int-title .separator-left {
    float: left;
}
.team-introduce .int-title .separator-right {
    float: right;
}
.team-introduce .int-title h4 {
    float: left;
    width: 134px;
    font-size: 18px;
    color: #00c1fb;
    line-height: 33px;
    text-align: center;
}
.team-introduce p {
    width: 100%;
    text-indent: 2em;
    font-size: 14px;
    line-height: 24px;
    color: #3c444a;
}
.team-con {
    width: 1110px;
    padding: 30px 45px;
    background: #eff4f7;
}
.team-con .team-box {
    width: 1052px;
    padding: 29px 29px 10px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #dbe1e1;
}
.team-box .team-photo {
    display: block;
    float: left;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    border: 1px solid #e3e8e8;
}
.team-box .team-right {
    float: right;
    width: 876px;
}
.team-right p {
    font-size: 14px;
    color: #6c7983;
    line-height: 24px;
}
.team-box .team-right .name-position {
    width: 100%;
    height: 27px;
    text-align: left;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbe1e1;
}
.name-position strong {
    display: block;
    float: left;
    width: 78px;
    font-size: 16px;
    color: #2e373d;
}
.name-position em {
    font-size: 14px;
    color: #8ea0ab;
}
.contactUs-title {
    width: 1160px;
    height: 44px;
    padding-left: 40px;
    margin-bottom: 8px;
    background: #dbe1e1;
}
.contactUs-title h3 {
    font-size: 16px;
    color: #2e373d;
    text-align: left;
    line-height: 44px;
}
.contactUs-title strong,
.contactUs-title a {
    display: block;
    float: left;
    font-size: 16px;
    color: #6c7983;
    line-height: 44px;
}
.contactUs-title strong {
    margin: 0 8px;
}
.contactUs-title em {
    display: block;
    float: left;
    font-size: 16px;
    color: #2e373d;
    line-height: 44px;
}
.contactUs-con {
    width: 1120px;
    padding: 30px 40px;
    background: #f9fafc;
}
/*内容区块*/
.contactUs-con .contact-box {
    width: 1070px;
    background: #fff;
    padding: 20px 24px;
    border: 1px solid #dbe1e1;
}
.contactUs-con .contact-box .contact-left {
    float: left;
    width: 416px;
}
.contact-h3 {
    width: 100%;
    height: 40px;
    padding-top: 5px;
    margin-bottom: 10px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px dashed #dbe1e1;
}
.contact-box .contact-left p {
    font-size: 14px;
    color: #6c7983;
    line-height: 30px;
}
.contact-box .contact-right {
    float: right;
    width: 600px;
    height: 310px;
}
.contact-box .mb-20 span,
.contact-box .mb-20 strong {
    display: block;
    float: left;
    font-size: 14px;
    color: #6c7983;
}
.contact-box .mb-20 strong {
    margin-left: 38px;
}
.about-con {
    width: 1138px;
    padding: 18px 30px;
    border: 1px solid #dbe1e1;
    background: #f9fafc;
}
.about-con  h4 {
    font-size: 16px;
    color: #00c1fb;
    line-height: 30px;
    margin-top: 5px;
}
.about-con p {
    font-size: 14px;
    color: #2e373d;
    text-indent: 2em;
    line-height: 26px;
}
.about-con .def-p {
    text-indent: 0;
}
/*★★★招聘详情样式*/
.Recruitment-con {
    width: 1120px;
    padding: 19px 39px;
    border: 1px solid #dbe1e1;
}
.Recruitment-con div {
    margin-bottom: 30px;
}
.rec-duty {
    padding-bottom: 30px;
    border-bottom: 1px dashed #dbe1e1;
}
.Recruitment-con .bg-title {
    font-size: 14px;
    color: #fff;
    padding-left: 5px;
    margin-bottom: 20px;
    line-height: 30px;
    background: url("../images/icon.png") 0 -814px no-repeat;
}
.Recruitment-con div ul li {
    display: block;
    font-size: 14px;
    color: #2e373d;
    line-height: 24px;
}
.min-height604 {
    min-height: 604px;
}
.Recruitment-con .mail-to a {
    display: block;
    float: left;
    width: 138px;
    height: 38px;
    font-size: 14px;
    color: #00c1fb;
    border: 1px solid #00c1fb;
    border-radius: 5px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.Recruitment-con .mail-to  span {
    display: block;
    float: left;
    font-size: 12px;
    color: #8ea0ab;
    line-height: 40px;
    margin-left: 19px;
}
/* ★★★人才招聘 */
.recruit-war{
    width: 1200px;
    margin: 30px auto 40px;
}
.recruit-war .table{
    width: 1200px;
}
.recruit-war .table thead{
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #6c7983;
    border: 1px solid #dbe1e1;
    background: #dbe1e1;
    margin-bottom: 10px;
}
.recruit-war .table .seek-icon a{
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 auto;
    background: url("../images/icon.png") 0 -788px no-repeat ;
}
.recruit-war .table tbody{
    width: 100%;

    border: 1px solid #dbe1e1;
    background: #f9fafc;
}
.recruit-war .h-10{
    height: 10px;
}
.recruit-war .table tbody tr td{
    width: 16%;
    font-size: 14px;
    color: #2e373d;
    text-align: center;
    padding: 10px 0 5px 0;
}
/*新闻详情页样式*/
.news-deta {
    width: 1110px;
    margin: 40px auto;
    padding: 30px 45px;
    background: #eff4f7;
}
.news-deta h3 {
    font-size: 18px;
    line-height: 40px;
    color: #333;
    background: #dbe1e1;
    text-align: center;
}
.news-deta .news-information {
    margin-top: 5px;
    text-align: center;
}
.news-deta .news-information em,
.news-deta .news-information strong {
    font-size: 12px;
    color: #6c7983;
    margin-left: 15px;
}
.news-deta .news-con {
    padding: 20px 30px;
    margin: 30px;
    border: 1px solid #dbe1e1;
    background: #fff;
}
.news-deta .news-con img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
}
.news-deta .news-con p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 8px;
    color: #2e373d;
}
.news-deta .news-con p.p-er{
    text-indent: 0;
}
.news-deta .news-con p strong{
    font-weight: 600;
}
.news-con .pic-title {
    display: block;
    text-align: center;
    margin: 5px auto;
    font-size: 12px;
    line-height: 25px;
    color: #c1c1c1;
}
.inner-describe p {
    font-size: 14px;
    line-height: 24px;
    color: #6c7983;
}
.inner-describe h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #00c1fb;
    margin-bottom: 10px;
    line-height: 24px;
}
.PubSaf-con .linShi-h3 {
    font-size: 16px;
    color: #6c7983;
    text-align: center;
}
/*低版本的swiper样式*/
.pagination {
    position: absolute;
    bottom: 35px!important;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #a0a0a0;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
/*地图中的文字描述修改*/
.BMap_bubble_content,
.BMap_bubble_content a {
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.header-con .headNav .navUl li .service ul li {
    position: relative;
    z-index: 999;
}
.title-strong2 {
    display: block;
    margin-left: 30px;
    font-size: 14px;
    color: #00c1fb;
    line-height: 24px;
    padding-left: 15px;
    background: url(../images/icon.png) -5px -492px no-repeat;
}
.Pu-header .con-p1 {
    text-indent: 2em;
    padding: 18px 30px 0;
    font-size: 14px;
    line-height: 24px;
    color: #2e373d;
}
.Pu-header .con-p2 {
    padding: 0 30px 0 43px;
    text-indent: 0;
    color: #6c7983;
}
.pb-18 {
    padding-bottom: 18px!important;
}
.Pub-con-left {
    position: relative;
    margin-top: 10px;
}
.Pub-con-left .con-video{
    position: absolute;right: 20px;
    bottom: 20px;
    width: 480px;
    height: 200px;
}
.Pub-con-left .advantage-img {
    position: absolute;
    top: 16px;
    right: 150px;
}
.mt-23 {
    margin-top: 23px!important;
}
.News-list-box {
    position: relative;
    min-height: 100px;
    padding: 28px 40px 0;
    background: #fff;
    margin-bottom: 10px;
}
.anchorBL {
    display: none!important;
}
.company-title {
    font-size: 14px;
    line-height: 24px;
    color: #00c1fb;
    text-align: left;
}
.company-p {
    font-size: 12px;
    line-height: 18px;
    color: #6c7983;
    text-align: left;
}
.a-baobtn{
	display:block;
	width:130px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	margin: 20px auto 0 auto;
	color: #22cbff;
	text-align: center;
	border: 1px solid #dbe1e1;
}
/* 标红字体*/
  .red-text{
      color: #ff0000;
  }
/*分页导航*/
.Pro-con .page-number{
    display: block;
    overflow: hidden;
    text-align: center;
}
.hidden{
    display: none !important;
}
.paginations{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.paginations>li{display:inline}.paginations>li>a,.paginations>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.paginations>li:first-child>a,.paginations>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.paginations>li:last-child>a,.paginations>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.paginations>li>a:focus,.paginations>li>a:hover,.paginations>li>span:focus,.paginations>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}.paginations>.active>a,.paginations>.active>a:focus,.paginations>.active>a:hover,.paginations>.active>span,.paginations>.active>span:focus,.paginations>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.paginations>.disabled>a,.paginations>.disabled>a:focus,.paginations>.disabled>a:hover,.paginations>.disabled>span,.paginations>.disabled>span:focus,.paginations>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}