body{ background: #f5f5f5;}
.panel-wrapper{ margin-top: -120px;}
.panel-body{ padding:0;}
.w1000{ width:1000px; margin: 0 auto}
.w1040{ width:1040px; margin: 0 auto}
.banner-box{ position:relative; width: 100%; height: 380px;}
.banner-box.banner-about{ background: url(../images/banner_about.jpg) center center no-repeat; background-size: cover;}
.banner-box.banner-pro{ background: url(../images/banner_pro.jpg) center center no-repeat; background-size: cover;}
.banner-box.banner-news{ background: url(../images/banner_news.jpg) center center no-repeat; background-size: cover;}
.banner-box.banner-solution{ background: url(../images/banner_solution.jpg) center center no-repeat; background-size: cover;}
.banner-box.banner-case{ background: url(../images/banner_case.jpg) center center no-repeat; background-size: cover;}
.banner-box.banner-join{ background: url(../images/banner_join.jpg) center center no-repeat; background-size: cover;}

.main-nav{ position:relative; display: block; width: 100%; height: 50px;}
.main-nav .main-nav-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-color: #000;opacity: 0.5;filter: alpha(opacity=50);}
.main-nav ul{ position: relative;display: block; width: 100%; height: 100%; z-index: 1}
.main-nav ul li {float: left; margin-left:0; margin-right: 1px;}
.main-nav ul li:first-child{ margin-left: 0;}
.main-nav ul li a { display: inline-block; height: 50px; line-height: 50px; padding:0 30px;vertical-align: top;/*overflow: hidden;*/ color: #FFF; font-size: 14px; }
.main-nav ul li a:hover { text-decoration: none; color: #FFF;background-color: #02B3CE;  }
.main-nav ul li a b{ display: none; width: 0; height: 0; bottom: -7px; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #02B3CE; margin: 0 auto;}
.main-nav ul li a.active { color: #fff; background: #02B3CE;}
.main-nav ul li a.active b { display: block}
.main-nav ul li a:hover b { display: block}
.nav-box{width: 100%; height: 50px;}
.nav-box.navFix{position: fixed;top: 0; left: 0;box-shadow: 0 0 5px rgba(0,0,0, 0.2);z-index: 99999;} 
.nav-box.navFix ul{left:50%;margin-left: -585px;}





.border-t{ border-top: #02B3CE 3px solid}

.main-wrapper{ position: relative; min-height: 600px;background: #FFF; padding:50px 30px; margin-bottom: 50px;  -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);}

.inner-wrapper{ margin-bottom: 60px; }
.inner-tit{ text-align:center; margin-bottom: 40px;}
.inner-tit i.line {display: block;background: url(../images/common_icon.png) 0 0 repeat-x;width: 100%;height: 8px;margin-top: 20px;}
.inner-tit h2{width: 190px;padding: 0 15px;background-color: #fff; font-size: 34px; margin: -25px auto 10px; font-weight: 400;}
.inner-tit p{ text-transform:uppercase; font-size: 16px; color: #bbb;}
.inner-tit i.dot {display: block;background: url(../images/common_icon.png) 0 -38px no-repeat;width: 14px;height: 10px; margin: 10px auto}


/*公司简介*/
.about-cont{ position: relative;font-size: 14px; color: #666; line-height: 24px; padding-left: 400px; min-height: 320px;}
.about-cont .about-pic{ position: absolute; left: 0; top: 0;}
.about-cont p{ margin-bottom: 15px;}

/*企业文化*/
/*.culture-cont li{ display: block; float: left; width:16.6666%; text-align: center;}
.culture-cont li img{ display: inline-block; margin: 0 auto;}
.culture-cont li h3{ font-size: 28px; font-weight: 600; margin: 15px 0;}
.culture-cont li p{ font-size: 16px;}
.culture-cont li h3.culture-txt1{ color:#39CADF }
.culture-cont li h3.culture-txt2{ color:#FCC936 }
.culture-cont li h3.culture-txt3{ color:#6AD159 }
.culture-cont li h3.culture-txt4{ color:#F19C49 }*/
.culture-cont{ position:relative; display: block; min-height: 360px; padding-right: 480px;}
.culture-cont .culture-pic{ position: absolute; right: 0; top: 0;}
.culture-cont li{ position: relative;display: block;  text-align: left; padding-bottom: 18px; margin-bottom: 18px; border-bottom: #efefef 1px dotted}
.culture-cont li:last-child{ border-bottom: none;}
.culture-cont li h3{ display: block; margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #00A0B8;}
.culture-cont li p{ font-size: 15px; color: #666;}

/*联系方式 */
.contact-cont li{ display: block; float: left; width:33.33333%; text-align: center;}
.contact-cont li i{ font-size: 36px; color: #00A0B8;}
.contact-cont li h3{ display: block; margin: 15px 0 10px; font-size: 18px;}
.contact-cont li p{ font-size: 14px; color: #666;}

/*产品中心列表*/
.pro-list .item{ position: relative; padding:20px 20px 20px 280px; border: #e5e5e5 1px solid; border-radius: 5px; min-height: 190px; margin-bottom: 30px;}
.pro-list .item img{ position: absolute; left: 20px; top: 20px; width: 230px; height: 150px; }
.pro-list .item .pro-cont{ width:100%; float: left;}
.pro-list .item .pro-cont .pro-name{ display: block; margin-bottom: 15px; font-size: 22px;}
.pro-list .item .pro-cont p{ display: block; height: 60px; overflow: hidden; font-size: 14px; color: #666;}
.pro-list .item a.view-more { float: left; display:block; height:34px; line-height:34px; border-radius:3px; margin-top: 10px; border: #02B3CE 1px solid; color:#02B3CE; padding: 0 15px; font-size:14px; text-align:center;}
.pro-list .item a.view-more:hover{ background:#02B3CE; border: #02B3CE 1px solid; color:#FFF;-webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s }
.pro-list .item:hover{border: #e0e0e0 1px solid;-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);-webkit-transition: border-color .2s; -moz-transition: border-color .2s; -o-transition: border-color .2s; transition: border-color .2s}


/*新闻列表*/
.news-list .item{ position: relative; padding:0 0 30px 250px; min-height: 161px; margin-bottom: 30px; border-bottom: #e5e5e5 1px dotted}
.news-list .item img{ position: absolute; left: 0; top:0 ; width: 220px; height: 130px; }
.news-list .item .news-cont{ width:100%; float: left;}
.news-list .item .news-cont .news-name{ display: block;  font-size: 22px;}
.news-list .item .news-cont p{ display: block; height: 56px; overflow: hidden;font-size: 14px; color: #666;}
.news-list .item .news-cont .news-date{ display: block;margin: 10px 0; color: #999;}
.news-list .item a.view-more { display:inline-block; height:36px; line-height:36px;  border-radius:20px; margin-top: 15px; border: #02B3CE 1px solid; color:#02B3CE; padding: 0 20px; font-size:14px; text-align:center;}
.news-list .item a.view-more:hover{ background:#02B3CE; border: #02B3CE 1px solid; color:#FFF;-webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s }
.news-list .item:hover{ border-bottom: #02B3CE 1px dotted}


/*解决方案列表*/
.main-project-box{ margin:0 auto;}
.main-project-box ul{ margin-left: -22px;}
.main-project-box ul li{ position: relative;float:left; margin-left: 22px; margin-bottom: 25px; text-align:center; border: #e5e5e5 1px solid; background: #fafafa; }
.main-project-box ul li i{ display: inline-block; height: 165px; width: 259px; padding: 5px 5px 0;}
.main-project-box ul li i img{ display:inline-block; width: 100%; height: 160px;}
.main-project-box ul li span{ display: block; width: 259px; height: 40px; padding: 0 5px; line-height: 40px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-project-box ul li:hover{ background: #02B3CE; -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2);-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2);box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
.main-project-box ul li:hover span{ color:#FFF;}


/*详情页面*/
.content-detail h1{ text-align:center; font-size: 24px; font-weight: 400; color:#444;}
.content-detail .detail-tit-b{ text-align:center;padding: 20px 0;border-bottom: #e2e2e2 1px dotted; margin-bottom:20px; color: #666; font-size: 14px;}
.detail-cont{ line-height:24px; font-size: 14px;}

.detail-cont *{ text-indent: 2em; font-size: 16px; line-height: 32px;}
.detail-cont.detail-cont-join *{ text-indent:inherit}
.detail-cont.detail-cont-join h3{ font-size: 24px;padding-bottom: 20px;border-bottom: #e2e2e2 1px dotted;margin-bottom: 20px; font-weight: 600;}

.news-box-l{ float:left; width: 790px;}
.news-box-l img{ max-width: 790px; margin-left: -2em;}
.news-box-r{ float:left; margin-left: 40px; width: 280px;}
.news-box-r h3{ display: block; margin-bottom: 20px; border-bottom: #efefef 1px solid; padding-bottom: 15px; font-size:18px;}
.news-box-r h3 a{ font-size: 14px; color: #999; float: right;}
.news-box-r ul{ font-size:14px;}
.news-box-r ul li{ margin-bottom: 15px;}
.news-box-r ul li a{ display: inline-block; width: 70%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-box-r ul li i{ display: inline-block; width: 30%; text-align:right; color: #999; font-size: 12px; vertical-align: top;}

.detail-box-l{ float:left; width: 790px;}
.detail-box-l img{ max-width: 790px!important; margin-left: -2em;}
.detail-box-r{ float:left; margin-left: 40px; width: 280px; }
.detail-box-r-inner{ width:280px;/*border:#e5e5e5 1px solid;*/ background: #f9f9f9;}
.detail-box-r h3{ display: block; position: relative; margin: 0; font-size:18px; font-weight: 600; background: #F2F2F2; padding: 20px; color: #444;}
.detail-box-r h3 a{ font-size: 14px; color: #999; float: right; font-weight: 400;}
.detail-box-r ul{ font-size:14px; display: block; }
.detail-box-r ul li{  border-bottom: #e9e9e9 1px dotted}
.detail-box-r ul li:last-child{  border-bottom: 0}
.detail-box-r ul li a{ display: inline-block;padding: 15px 20px; vertical-align: middle;width: 100%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.detail-box-r ul li a i{display: inline-block; width: 0; height: 0; border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 5px solid #ccc; margin-right:5px;}
.detail-box-r ul li a:hover,.detail-box-r ul li.active a{ color:#00A0B8 }
.detail-box-r ul li a:hover i,.detail-box-r ul li.active a i{border-left: 5px solid #02B3CE;}



.detail-col2 h1{ border-bottom: #e2e2e2 1px dotted; margin-bottom:30px; padding-bottom: 30px;}

.search_null{ display:block;text-align: center; padding: 100px 0;}
.search_null img { width: 100px;}
.search_null p { display: block;margin: 20px 0;font-size:14px; color:#aaa;}


/*客户案例*/
.case-wrapper .main-nav ul li a{ padding: 0 25px;}

.case-list{ }
.case-list .item{ position: relative; padding:20px 20px 20px 240px; border: #e9e9e9 1px solid; min-height: 180px; margin-bottom: 30px;}
.case-list .item .case-img{position: absolute; left: 20px; top: 20px; display: block; width: 190px; text-align: center;}
.case-list .item .case-img img{  max-width: 170px; max-height: 110px; margin: 0 auto;}
.case-list .item .case-img span{ display: block; width: 100%; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;text-align: center; margin-top: 10px; font-size: 14px;}
.case-list .item .case-cont{ width:100%; float: left;}
.case-list .item .case-cont .case-cont-item{ position: relative;display: block; margin-bottom: 15px; padding-left: 80px; font-size: 14px;}
.case-list .item .case-cont .case-cont-item label{ position: absolute; left: 0;top: 0; display: block; width: 80px; vertical-align: top; color: #999;}
.case-list .item .case-cont p{ display: block; height: 60px; overflow: hidden; font-size: 14px; color: #666;}
.case-list .item a.view-more { float: left; display:block; /*height:34px; line-height:34px; border-radius:3px; border: #02B3CE 1px solid; */color:#02B3CE;/* padding: 0 15px;*/ font-size:14px; text-align:center;}
.case-list .item a.view-more:hover{ text-decoration: underline }
.case-list .item:hover{border: #e0e0e0 1px solid;-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);-webkit-transition: border-color .2s; -moz-transition: border-color .2s; -o-transition: border-color .2s; transition: border-color .2s}


.case-box-l{ float:left; width: 260px; }
.case-box-l-inner{}
.case-box-l .case-img{border: #e9e9e9 1px solid; display: block; text-align: center; height: 260px; line-height: 260px;}
.case-box-l .case-img img{ display: inline-block; vertical-align: middle; max-width: 200px;}
.case-box-l h3{ display: block; margin: 20px 0; font-size: 20px;}
.case-box-l span{ font-size: 14px; }
.case-box-l span label{ color:#999;}
.case-box-r{margin-left: 40px; width: 810px; float: left;}
.case-box-r .case-cont p{ line-height:24px; font-size: 14px;}
.case-box-r .case-cont img{ max-width: 810px;}
/*人才招聘*/
.rcln-cont .rcln-txt{ font-size:18px; text-align: center; margin: 0 155px; line-height: 30px;}
.rcln-cont .rcln-pic{ display: block; text-align: center; margin-top: 30px;}
.join-header{ display: block; margin-bottom: 20px;text-align: center;}
.join-header h2 {font-size: 32px;display: block;color: #02B3CE;}
.join-box{ margin: 0 35px;}
.join-box li{ padding:20px 0 0;}
.join-box .join-inner{ display: block; margin: 0 10px; text-align: center; border: #e9e9e9 1px solid; border-top: #02B3CE 3px solid;border-radius: 5px; color: #444; padding: 20px 20px 20px; font-size: 14px;transition: transform .2s linear 0s;}
.join-box .join-inner:hover{ background: #fdfdfd; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-shadow: 0 2px 10px rgba(0,0,0,0.1);transform: translateY(-15px)}
.join-box .join-inner span{ display: block}
.join-box .join-inner span.join-txt{ margin: -5px auto 10px;font-size: 38px; color: #ebf6fb; font-weight: 600;}
.join-box .join-inner span.join-name{ font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.join-box .join-inner span.join-st{ margin-bottom: 10px;}
.join-box .join-inner a{ display: block; padding-top: 15px; border-top: #e9e9e9 1px dotted}



.zizhi-box{ margin: 0 35px;}
.zizhi-box li{ padding:20px 0 0;}
.zizhi-box .zizhi-inner{ display: block; margin: 0 10px; text-align: center; background: #f9f9f9; border: #e9e9e9 1px solid; color: #444; padding:5px; font-size: 14px;transition: transform .2s linear 0s;}
.zizhi-box .zizhi-inner:hover{border: #02B3CE 1px solid;  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-shadow: 0 2px 10px rgba(0,0,0,0.1);transform: translateY(-15px)}
.zizhi-box .zizhi-inner span{ display: block}
.zizhi-box .zizhi-inner span.zizhi-pic{ line-height: 200%; height: 240px;}
.zizhi-box .zizhi-inner span.zizhi-pic img{ width:100%; height: 240px;}
.zizhi-box .zizhi-inner a{ display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 15px 5px 10px; }
.zizhi-box .zizhi-inner:hover a{ background: #FFF; color: #02B3CE;}

.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; width: 100%; margin: 0 auto; }
.nbs-flexisel-item { float: left; cursor: pointer; position: relative; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:27px; height:27px; position: absolute; top:160px!important; cursor: pointer; z-index: 100; }
.nbs-flexisel-nav-left { left: -40px; background: url(../images/hd_scoll.png) no-repeat 0 0; }
.nbs-flexisel-nav-right { right: -40px; background: url(../images/hd_scoll.png) no-repeat 0 -47px; }




.hd-cont .newsbox{ overflow:hidden; width:100%; position:relative; height: 350px;}
.hd-cont .newslist{ overflow:hidden; width:100%; height:100%;}
.hd-cont .newslist .wentu{ overflow:hidden; float:left; width:420px; height: 350px;}
.hd-cont .newslist .wentu img{ display:block;width:420px; height:240px; margin-bottom:15px;}
.hd-cont .newslist .wentu h3{ font-weight:normal; font-size:18px; padding-bottom:14px; border-bottom:1px solid #efefef; overflow:hidden; margin-bottom:12px;}
.hd-cont .newslist .wentu h3 i{ display: block; float: left; height: 22px; line-height: 20px; padding: 0 5px; margin-right: 10px; border-radius: 3px; border: #019FE8 1px solid; color: #019FE8; font-size: 12px;}
.hd-cont .newslist .wentu h3 a{ display:block; width:300px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hd-cont .newslist .wentu h3 span{ float:right; font-size:14px; color:#999; margin-top: 2px;}
.hd-cont .newslist .wentu p{ font-size:14px; color:#666; line-height:24px; height: 50px; overflow: hidden}

.hd-cont .listbox { overflow:hidden; width:660px; float:right; height: 350px;}
.hd-cont .listbox .list{ position: relative;overflow:hidden; width:100%; margin-bottom:25px; padding-bottom: 25px; border-bottom: #e9e9e9 1px dotted;padding-left: 150px;}
.hd-cont .listbox img{ position: absolute; left: 0; top: 0; display:block; float:left; width: 130px; height: 80px;}
.hd-cont .listbox .wen{ overflow:hidden; float:right; }
.hd-cont .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:15px;}
.hd-cont .listbox h3 a{ display:block; width:380px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.hd-cont .listbox h3 i{ display: block; float: left; height: 22px; line-height: 20px; padding: 0 5px; margin-right: 10px; border-radius: 3px; border: #019FE8 1px solid; color: #019FE8; font-size: 12px;}
.hd-cont .listbox h3 span{ float:right; font-size:14px; color:#999; font-family:Arial;}
.hd-cont .listbox p{ display: block; height: 50px; overflow: hidden;font-size:14px; color:#666; line-height:24px;}

.view-more-b{position:relative; display:inline-block; width:100%; text-align: center; margin:0 auto;}
.view-more-b a{ display:inline-block; height:40px; line-height:40px; border-radius:3px; border: #00A0B8 1px solid; color:#00A0B8; padding: 0 30px; font-size:14px; text-align:center; margin:0 auto;}
.view-more-b a:hover{ background:#00A0B8; border: #00A0B8 1px solid; color:#FFF;-webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s }