@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#fff; color:#333; font:14px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:14px; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#64c6fe;}
a img {border:none;}

/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333; font-family: 'Microsoft Yahei';}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1360px; margin:0 auto;}
.wrapper {padding:55px 0;}
/*内页Banner*/
.bannner {padding-bottom:450px; background:no-repeat center center; background-size:cover;}
/*内页二级菜单*/
.bar {background-color:#f0f9ff; height:59px; border-bottom:1px solid #c1ddef;}

.subMenu {float:left;}
.subMenu span {display:none;}
.subMenu li {line-height: 60px; font-size:16px; color:#666; float:left; font-weight:bold;}
.subMenu li a {display:block; color:#666; padding:0 30px;}
.subMenu li a:hover {color:#64c6fe;}
.subMenu li.cur a {background-color:#64c6fe; color:#fff;}

.breadcrumb {float:right; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; color:#999;}
.breadcrumb a {color:#999;}
.breadcrumb a:hover {color:#64c6fe;}
.breadcrumb span {color:#151b22;}
/*内页分页*/
.pagenavi {font-size:0; line-height: normal; text-align:center; padding:40px 0 20px;}
.pagenavi a, .pagenavi span {display:inline-block; font-size:14px; color:#666; background-color:#f1f1f1; margin:2px 5px; height:38px; line-height: 38px; padding:0 15px;}
.pagenavi .a_text {padding:0 20px;}
.pagenavi span {background-color:transparent;}
.pagenavi a:hover, .pagenavi .a_cur {background-color:#64c6fe; color:#fff;}
/*全站底部*/
.footBtm {color:#fff; background-color:#7ab6dc; line-height: 20px; padding:15px 0;}
.footBtm .inner {overflow: hidden;}
.footBtm a {color:#fff;}
.pagesList {float:left;}
.pagesList ul {overflow: hidden;}
.pagesList li {float:left; font-size:12px; padding-right:20px;}
.pagesList li a:hover {text-decoration: underline;}
.copyright {float:right;}

.footTop {background-color:#eff9ff; padding:45px 0;}
.footTop .left {float:left; overflow: hidden;}
.widget {float:left; padding-right:60px;}
.widget:last-child {padding-right:0;}
.widget h3 {font-size:14px; color:#428fe4; font-weight:normal; line-height: 1.125em; margin-bottom:20px;}
.widget li {font-size:12px; color:#666; line-height: 1.5em; padding:5px 0;}
.widget li a {color:#666;}
.widget li a:hover {color:#428fe4;}
.contact {float:right;}
.contact .tel {text-align:right; margin-bottom:20px;}
.contact .tel span {font-size:12px; color:#666; background:url(../images/icon_03.png) no-repeat right top; padding-right:30px; line-height: 30px; display:block;}
.contact .tel i {font-style:normal; font-weight:bold; color:#428fe4; font-size:30px; line-height: 1.125em;}

.follow {text-align:right;}
.follow h3 {font-weight:normal; font-size:12px; color:#666; margin-bottom:5px;}
.follow ul {font-size:0; line-height: normal;}
.follow ul:after {content:''; display:block; width:100%; clear:both;}
.follow li {float:right; display:inline-block; margin-left:10px; position:relative;}
.follow li a {display:block; width:31px; height:31px; background:no-repeat center center; background-size:contain; text-indent:-9999em;}
.follow li.qq a {background-image:url(../images/icon_qq.png);}
.follow li.wb a {background-image:url(../images/icon_wb.png);}
.follow li.wx a {background-image:url(../images/icon_wx.png);}
.follow .qrcode {background-color:#fff; width:90px; height:90px; border-radius:3px; padding:5px; position:absolute; left:50%; bottom:130%; margin-left:-50px; border:1px solid #e4e4e4; display:none;}
.follow .qrcode:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; transform:rotate(45deg); position:absolute; left:50%; bottom:-5px; background-color:#fff; margin-left:-5px;}
.follow .qrcode img {display:block; width:100%; height:100%;}
/*全站头部*/
.header {height:80px; background-color:#061489; background-color:rgba(6,20,137,.8); width:100%; position:fixed; left:0; top:0; z-index: 8;}
.header .inner {position:relative;}
/*logo*/
.logo {float:left; padding:10px 0;}
.logo a {display:block; text-indent:-9999em; background:url(../images/logo.png) no-repeat center center; background-size:contain; width:240px; height:60px;}
/*顶部导航*/
.nav {float:right;}
.nav li {float:left; color:#fff; font-size:16px; padding:0 25px; position:relative;}
.nav li a {display:block; line-height: 80px; color:#fff; position:relative;}
.nav li a:after {content:''; display:block; width:100%; height:3px; background-color:#81d8d0; position:absolute; left:0; bottom:0; display:none;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:block;}
.nav li em {display:none; width:0; height:0;}
.nav li dl {padding-top: 14px;position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; background-color:#061489; background-color:rgba(6,20,137,.8); text-align:center; display:none;}
.nav li dl.show {display:block;}
.nav li dd a {line-height: 1.5em; padding:8px 0;}
.nav li dd a:hover {background-color:#061489;}
.nav li dd a:hover:after {display:none;}
/*顶部语言站点*/
.language {float:right; font-size:15px; color:#fff; line-height: 80px; padding-left:40px;}
.language a {color:#fff;}
.language a:hover {opacity:.8;}
/*顶部搜索*/
.search {float:right; width:16px; height:80px; padding:0 19px; position:relative;}
.search .btn {width:16px; height:17px; background:url(../images/icon_01.png) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; margin:-8.5px 0 0 -8px; cursor:pointer;}
.searchForm {position:absolute; right:0; top:105%; background-color:#061489; background-color:rgba(6,20,137,.8); width:250px; padding:10px 50px 10px 10px; display:none;}
.searchForm a {display:block; width:45px; height:35px; background:url(../images/icon_01.png) no-repeat center center; float:right; position:absolute; right:5px; top:10px; cursor:pointer;}
.searchForm .text {background-color:#061489; color:#fff; height:35px; line-height: 35px; width:100%; text-indent:10px;}
/*首页*/
.hmTop {position:relative;}
/*首页_轮播图*/
.slides {position:relative;}
.slides .item {padding-bottom:886px; background:no-repeat center center; background-size:cover; position:relative;}
.slides .item a {position:absolute; left:0; top:0; width:100%; height:100%;}
.slides .owl-dots {width:1360px; position:absolute; bottom:230px; left:50%; margin-left:-680px; z-index: 3; font-size:0; line-height: normal;}
.slides .owl-dots button {margin-right:10px; display:inline-block; text-indent:-9999em;}
.slides .owl-dots span {display:block; width:8px; height:8px; border:1px solid #fff; border-radius:50%;}
.slides .owl-dots .active span {background-color:#fff;}
/*首页_解决方案*/
.hmSolution {background-color:rgba(0,0,0,.35); position:absolute; left:0; bottom:0; width:100%; z-index: 7; color:#fff;}
.hmSolution .inner {height:200px; position:relative;}
.hmSolution .title {width:195px; padding:63px 0; float:left;}
.hmSolution h2 {font-weight:normal; font-size:30px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hmSolution .title p {font-size:14px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hmSolution .info {margin-left:270px;}
.hmSolution ul {position:relative;}
.hmSolution li {float:left; width:14.5%; padding-left:1%; transition:all .3s;}
.hmSolution li a {display:block; background-color:#64c6fe; color:#fff; height:74px; padding:45px 10px; margin-top:36px; position:relative; transition:all .3s;}
.hmSolution li .icon {width:55px; height:50px; margin:0 auto 5px; overflow: hidden; transition:all .3s;}
.hmSolution li .icon img {width:auto; max-width:100%; height:auto; max-height:100%; display:block; margin:50% auto 0; transform:translateY(-50%); transition:all .3s;}
.hmSolution li p {font-size:14px; white-space: nowrap; overflow:hidden; text-align:center; line-height: 24px; transition:all .3s; text-overflow: ellipsis;}
.hmSolution li .num {position:absolute; left:15px; top:20px; font-size:30px; font-family: 'Microsoft Yahei Light'; display:none;}
.hmSolution li .num:after {content:''; display:block; width:1px; height:40px; background-color:#fff; transform:rotate(45deg); position:absolute; right:0; top:0;}

.hmSolution li.cur {width:21.5%;}
.hmSolution li.cur .icon {width:66px; height:60px; margin-bottom:15px;}
.hmSolution li.cur p {font-size:18px; line-height: 25px;}
.hmSolution li.cur a {height:100px; margin-top:-70px; padding:85px 10px;}
.hmSolution li.cur .num {display:block;}
/*首页_模块标题*/
.hmTitle {text-align:center; margin-bottom:35px;}
.hmTitle h2 {font-size:30px; color:#333; font-weight:normal; line-height: 1.125em;}
.hmTitle h2 i {font-style:normal; position:relative;}
.hmTitle h2 i:before, .hmTitle h2 i:after {content:''; display:block; width:98px; height:5px; position:absolute; top:50%; margin-top:-2.5px; background:no-repeat center center; background-size:contain;}
.hmTitle h2 i:before {left:-118px; background-image:url(../images/title_l.png);}
.hmTitle h2 i:after {right:-118px; background-image:url(../images/title_r.png);}
.hmTitle p {font-size:14px; color:#666; padding:5px 0;}
/*首页_合作案例*/
.hmCase {padding:60px 0 50px;}
.hmCase .inner {overflow: hidden;}
.hmCase ul {overflow: hidden; width:100.5%; margin-bottom:30px;}
.hmCase li {float:left; width:18.5%; padding-right:0.5%; transition:all .3s;}
.hmCase li a {display:block; overflow: hidden; position:relative; background:no-repeat center center; background-size:cover; padding-bottom:400px; cursor: auto;}
.hmCase li .info {position:absolute; bottom:15px; left:0; width:100%; color:#fff; font-size:16px;}
.hmCase li .info span {padding:0 25px; display:block;}
.hmCase li .info .right {float:right; background:url(../images/icon_09.png) no-repeat left center; padding-left:25px; display:none;}
.hmCase li .info .left {white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmCase li.cur {width:42.5%;}
.hmCase li.cur .info .left {margin-right:100px; }
.hmCase li.cur .info .right {display:block;}
.hmCase .more a {display:block; width:228px; height:40px; margin:0 auto; border:1px solid #e9e9e9; line-height: 40px; text-align:center; font-size:16px; color:#0b93e0;}
.hmCase .more i {font-style:normal; background:url(../images/icon_10.png) no-repeat right center; padding-right:35px;}
.hmCase .more a:hover {border-color:#0b93e0;}
/*首页_新闻中心*/
.hmNews {background-color:#eff9ff; padding:65px 0;}
.hmNews ul {overflow: hidden;}
.hmNews .top {width:580px; float:left;}
.hmNews .top a {display:block; padding-bottom:51.724%; position:relative; overflow:hidden;}
.hmNews .top .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center; background-size:cover; transition:transform .3s; z-index:1;}
.hmNews .top a:hover .bg {transform:scale(1.1,1.1);}
.hmNews .top h3 {font-weight:normal; position:absolute; left:0; bottom:0; width:94%; padding:0 3%; background-color:rgba(0,0,0,.5); height:55px; line-height: 55px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:16px; z-index:2;}
.hmNews .list {margin-left:620px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c6cdd1;}
.hmNews .list:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.hmNews .list .date {width:70px; float:left; background-color: #64c6fe; color: #fff; text-align: center; font-size:15px; padding:5px 0;}
.hmNews .list .date time {display: block;}
.hmNews .list .date i {font-size:36px; display:block; font-style: normal; line-height: 1em; font-family: 'Microsoft Yahei Light'}
.hmNews .list .info {margin-left:85px;}
.hmNews .list p {font-size:14px; line-height: 24px; color:#888; max-height:48px; overflow: hidden;}
.hmNews .list h3 {font-size:18px; color:#333; font-weight:normal; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:3px;}
/*首页_公司介绍*/
.hmAbout {padding:80px 0;}
.hmAbout .info {overflow: hidden;}
.hmAbout .pic {float:right; width:600px;}
.hmAbout .pic img {display:block; width:100%; height: auto;}
.hmAbout .intro {margin-right:640px;}
.hmAbout h3 {font-weight:normal; font-size:22px; color:#0fa8ff; line-height: 30px; position:relative; margin-bottom: 15px;}
.hmAbout h3:after {content:''; display:block; width:70px; height:1px; background-color:#0fa8ff; margin-top:15px;}
.hmAbout .text {font-size:14px; color:#333; line-height: 30px; margin-bottom:15px;}
.hmAbout .text a {color:#0fa8ff;}
.hmAbout .btn {overflow: hidden;}
.hmAbout .btn span {float:left; display:block; padding-right:10px;}
.hmAbout .btn a {display: block; width:108px; height:38px; text-align:center; line-height: 38px; font-size:12px; color:#0fa8ff; border:1px solid #0fa8ff; border-radius:38px;}
/*新闻中心_列表*/
.newsTop {border-bottom:1px dashed #d1d1d1; padding-bottom:20px; margin-bottom:25px;}
.newsTop .item {overflow: hidden;}
.newsTop .thumbnail {float:left; width:380px;}
.newsTop .thumbnail a {display:block; padding-bottom:65.263%; position:relative; overflow: hidden;}
.newsTop .thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; transition:transform .3s;}
.newsTop .thumbnail img:hover {transform:scale(1.1,1.1);}
.newsTop .info {margin-left:400px; padding:10px 0; position:relative;}
.newsTop h2 {font-size:18px; color:#333; line-height:26px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:115px; margin-bottom:15px;}
.newsTop h2 a {color:#333;}
.newsTop time {color:#fff; background-color:#64c6fe; font-size:14px; display:block; position:absolute; right:0; top:10px; height:26px; line-height: 26px; border-radius:13px; width:110px; text-align:center;}
.newsTop .summary {font-size:14px; color:#888; line-height: 24px; height:96px; overflow: hidden; margin-bottom:30px;}
.newsTop .more a {font-size:14px; color:#64c6fe; padding-right:25px; background:url(../images/icon_02.png) no-repeat right center;}

.newsTop .owl-dots {position:absolute; left:400px; bottom:5px; font-size:0; line-height: normal;}
.newsTop .owl-dot {display:inline-block; margin-right:14px;}
.newsTop .owl-dot span {display:block; width:50px; height:5px; background-color:#d6d6d6;}
.newsTop .owl-dot.active span {background-color:#64c6fe;}

.newsItem {border-bottom:1px dashed #d1d1d1; padding:20px 0;}
.newsItem .info {margin-left:85px;}
.newsItem h2 {font-size:18px; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:normal; line-height: 1.35em;}
.newsItem h2 a {color:#333;}
.newsItem h2 a:hover, .newsTop h2 a:hover {color:#64c6fe;}
.newsItem .intro {font-size:14px; color:#888; line-height: 24px; max-height:48px; overflow: hidden;}
.newsItem .date {float:left; width:70px;}
.newsItem .date time {display:block; color:#fff; background-color:#64c6fe; text-align:center; font-size:15px; padding:4.5px 0;}
.newsItem .date i {font-style:normal; font-size:36px; line-height: 1em;}

/*新闻中心_详情*/
.newsDetails .title {font-size:20px; color:#333; text-align:center; line-height: 1.35em; margin-bottom:10px;}
.newsDetails .meta {font-size:14px; color:#999; text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:25px; position:relative; margin-bottom:25px;}
.newsDetails .meta:after {content:''; display:block; width:85px; height:1px; background-color:#64c6fe; position:absolute; bottom:-1px; left:50%; margin-left:-42.5px;}
.newsDetails .meta span {padding:0 10px;}
.newsDetails .entry {margin-bottom:5%; overflow: hidden;}
.newsDetails .entry {font-size:14px; color:#888; line-height: 28px;}
.newsDetails .entry img {max-width:100%; height:auto;}
.newsDetails .entry p, .newsDetails .entry ul, .newsDetails .entry ol {margin-bottom:30px;}

.postnavi {margin-bottom:10%;}
.postnavi p {font-size:14px; color:#666; border-bottom:1px solid #e6e5e5; line-height: 30px; padding:15px 0 15px 55px; background:no-repeat 15px center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.postnavi .prev {background-image:url(../images/icon_04.png);}
.postnavi .next {background-image:url(../images/icon_05.png);}
.postnavi p a {color:#666; position:relative; margin-left:10px; padding-left:10px;}
.postnavi p a:before {content:''; display:block; width:3px; height:3px; background-color:#999; position:absolute; left:0; top:50%; margin-top:-1.5px;}
.postnavi p a:hover {color:#64c6fe;}

/*内页栏目标题*/
.pgTitle {font-weight:normal; font-size:24px; color:#333; text-align:center; line-height: 1.5em; margin-bottom:35px;}
/*关于我们_人才招募*/
.jobBox dl {overflow:hidden; font-size:14px; line-height: 22px; padding:14px 0; color:#5e5f62;}
.jobBox dd {float:left; padding:0 2%;}
.jobBox dd.type {width:34%; padding:0 2% 0 4%;}
.jobBox dd.name {width:22%;}
.jobBox dd.num {width:16%;}
.jobBox dd.place {width:10%;}

.jobTop dl {background-color:#418fe1; color:#fff; font-weight:bold; font-size:16px;}
.jobBtm {margin-bottom:20px;}

.jobItem {box-shadow: 1px 4px 10px #ddd; border-top:1px solid #fff;}
.jobItem .top {cursor:pointer;}
.jobItem dl {background-color:#f7f7f7;}
.jobItem .type {font-weight:bold; color:#333;}
.jobItem .btm {padding:20px 4%; display:none; overflow: hidden;}
.jobItem .btm {font-size:14px; color:#666; line-height: 24px;}
.jobItem .btm .box {padding:20px 0;}
.jobItem .btm h3 {font-size:16px; color:#438fe5; line-height: 1.5em; margin-bottom:15px;}
.jobItem .mailBox { font-size:16px; float:right; padding-bottom:20px;}
.jobItem .mailBox a {color:#0046d1; border-bottom:1px solid #0046d1;}
.jobItem .mailBox span {font-weight:bold; color:#438fe5;}
.jobItem:nth-child(2n) dl {background-color:#fff;}

.jobItem .open dl {background-color:#418fe1;}
.jobItem .open dd { color:#fff;}
/*关于我们_联系方式*/
.contactInfo .address {margin-bottom:40px;}
.contactInfo .address h3 {font-size:18px; color:#333; line-height: 1.125em; margin-bottom:5px;}
.contactInfo .address p {font-size:14px; color:#999; line-height: 1.75em;}
.contactInfo .hq {margin-bottom:40px;}
.contactInfo .map {padding-bottom:420px; position:relative; overflow: hidden; border:8px solid #f0f9ff;}
.contactInfo #map {position:absolute; left:0; top:0; width:100%; height:100%;}
.contactInfo .map .iw_poi_title {color:#c52;}

.hotLine {overflow: hidden; margin-bottom:40px;}
.hotLine ul {overflow: hidden; width:105%;}
.hotLine li {float:left; width:20%; padding-right:5%;}
.hotLine li .box {padding-left:70px; background:no-repeat left center;}
/*.hotLine li .tel {background-image:url(../images/icon_tel.png);}
.hotLine li .mail {background-image:url(../images/icon_mail.png);}*/
.hotLine li span {font-size:16px; color:#333; font-weight:bold; line-height: 25px; display:block;}
.hotLine li p {line-height: 25px; font-size:14px; color:#999;}
/*.hotLine li:nth-child(4) .tel{background-image:url(../images/icon_mail.png);}*/


.office {overflow: hidden; margin-bottom:5.49%;}
.office ul {overflow:hidden;}
.office li {width:25%; float:left;}
.office li .info {background-color:#f0f9ff;  padding:20px 18px; border:1.5px solid #fff;}
.office li span {font-size:16px; color:#333; display:block; margin-bottom:5px;}
.office li p {font-size:14px; color:#999;}

.message {width:975px; height:854px; background:url(../images/bg_mailbox.png) no-repeat top center; margin:0 auto; overflow: hidden; background-size:contain;}
.message .form {width:400px; margin:90px auto;}
.message h3 {font-size:24px; color:#333; font-weight:normal; text-align:center; line-height: 1.35em; margin-bottom:25px;}
.message .input {overflow: hidden; border:1px solid #e1e1e1; margin-bottom:14px; padding:0 10px;}
.message label {font-size:16px; color:#888; display:block; float:left; height:38px; line-height: 38px;}
.message .right {margin-left:35px; overflow: hidden;}
.message .text {width:100%; height:38px; line-height: normal; color:#333; font-size:16px;}
.message textarea {clear:both; width:100%; height:80px; padding:10px 0; resize:none; color:#333; font-size:16px;}
.message .submit {width:140px; height:140px; border-radius:50%; background-color:#428fe4; color:#fff;  font-size:20px; font-weight:bold; margin:60px auto; display:block; cursor:pointer;}

/*关于我们_企业文化*/
.culture {overflow: hidden;}
.culture .entry {font-size:14px; color:#999; line-height: 24px; width:65%; margin:0 auto; padding:20px 0; overflow: hidden;}
.culture .entry img {max-width:100%; height:auto;}
.culture .entry p {margin-bottom: 35px;}
.culture ul {width:101%; overflow: hidden;}
.culture li {float:left; width:24%; padding-right:1%; padding-bottom:1%;}
.culture li .pic {padding-bottom:59.09%; position:relative; overflow: hidden; cursor:pointer;}
.culture li .pic img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0;}
.picBox {display:none;}
.picBox .picBg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); z-index: 9;}
.picBox .picMain {background-color:#fff; width:860px; max-height:90%; position:fixed; left:50%; top:50%; margin-left:-430px; transform:translateY(-50%); background-color:#fff; z-index: 10;}
.picBox .pic {padding:50px;}
.picBox .pic img {display:block; width:100%; height:auto;}
.picBox .close {display:block; width:39px; height:39px; background:url(../images/icon_06.png) no-repeat center center; background-size:contain; position:absolute; right:10px; top:10px; cursor:pointer;}
/*关于我们_公司介绍*/
.about .entry {font-size:15px; color:#666; line-height: 30px;}
.about .entry img {max-width:100%; height:auto; text-indent:-2em; display:block; margin:0 auto;}
.about .entry p {margin-bottom:25px; text-indent:2em;}

.history {background:#f0f9ff url(../images/bg_history.jpg) no-repeat center center; background-size:cover; padding:70px 0;}
.development {padding:0 40px; position:relative;}
.development #development {position:relative;}
.development #development:before {content:''; display:block; height:2px; width:100%; background-color:#bcbcbc; position:absolute; left:0; top:50%; margin-top:-1px;}
.development .item {padding:5px 0;}
.development .item a {display:block; position:relative; padding:200px 28px 0;}
.development .btm {height:140px; padding:30px 0;  position:relative;}
.development .btm:before, .development .btm:after {content:''; display:block; width:15px; height:15px; border-radius:50%; background-color:#fff; position:absolute; left:50%; top:-8px; margin-left:-7.5px;}
.development .btm:after {width:7px; height:7px; background-color:#c1ddef; margin-left:-3.5px; top:-4px;}
.development .text {position:absolute; left:0; top:30px; width:100%; font-size:14px; line-height: 24px; color:#666; /*max-height:120px;*/ overflow: hidden; text-align:center;}
.development .top {position:absolute; top:0; padding-bottom:70px; width:100%; left:0;}
.development .top span {display:block; font-size:48px; color:#666; font-style:italic; font-weight:bold; font-family: Arial; line-height: 1.125em; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.development .pic {position:relative; height:122px;}
.development .pic .img {position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center; background-size:auto 100%;}
.development .pic .img:after {content:''; display:block; width:80%; height:1px; box-shadow: 0px 5px 3px #000; position:absolute; bottom:3px; left:50%; margin-left:-40%;}

.development .owl-item:nth-child(2n) .item a {padding:0 28px 200px;}
.development .owl-item:nth-child(2n) .btm:before {top:auto; bottom:-8px;} 
.development .owl-item:nth-child(2n) .btm:after {top:auto; bottom:-4px;}
.development .owl-item:nth-child(2n) .top {top:auto; bottom:0; padding-bottom:0; padding-top:70px;}
.development .owl-item:nth-child(2n) .top span {bottom:auto; top:0;}
.development .owl-item:nth-child(2n) .text {top:auto; bottom:30px;}

.development .item a:hover .top span {color:#438fe5; text-shadow: 0px 5px 5px #aaa;}
.development .item a:hover .text {color:#438fe5; text-shadow: 0px 5px 3px #aaa;}
.development .item a:hover .pic .img {display:block;}

.development .owl-nav button {position:absolute; top:50%; left:-30px; margin-top:-12.5px; text-indent:-9999em; display:block;}
.development .owl-nav .owl-next {left:auto; right:-30px;}
.development .owl-nav span {display:block; width:25px; height:25px; background:no-repeat center center; background-size:contain;}
.development .owl-nav .owl-next span {background-image:url(../images/icon_08.png);}
.development .owl-nav .owl-prev span {background-image:url(../images/icon_07.png);}

.honor {padding:70px 0;}
.honor .inner {overflow: hidden;}
.honor ul {width:104%; overflow: hidden;}
.honor li {float:left; width:21%; padding-right:4%; padding-bottom:2.5%;}
.honor li .box {background-color:#f0f9ff; border:5px solid #438fe5; padding:18px 40px; margin-bottom:10px; overflow:hidden;}
.honor li .pic {padding-bottom:135%; background:no-repeat center center; background-size:contain; transition:transform .3s;}
.honor li .pic:hover {transform:scale(1.1,1.1);}
.honor li p {font-size:14px; color:#333; text-align:center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

/*软件解决方案*/
.channel {margin-bottom:60px;}
.channel .box {background-color:#f0f9ff; display:table; width:100%;}
.channel .pic {display:table-cell; width:680px; vertical-align: middle;}
.channel .pic img {display:block; width:100%; height:100%;}
.channel .text {display:table-cell; vertical-align: middle; font-size:14px; color:#666; padding:0 30px; line-height: 24px;}
.channel .text p {padding:15px 0;}

.dilemma {background-color:#f0f9ff; padding:60px 0;}
.dilemma .dilemma_img{width: 100%;}
.dilemma .dilemma_img img{max-width: 100%;}
.dilemma ul {width:101.5%; overflow: hidden;}
.dilemma li {float:left; padding-right:1.5%; width:11%;}
.dilemma li .icon {padding-bottom:100%; position:relative; overflow: hidden;}
.dilemma li img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

.mode {background:url(../images/bg_mode.jpg) no-repeat center center; background-size:cover; padding:100px 0; color:#fff;}
.mode .pgTitle {color:#fff;}
.mode .intro {padding:0 80px; text-align:center;}

.management {background-color:#f0f9ff; padding:55px 0;}
.management .item {overflow: hidden; background-color:#fff;}
.management .pic {float:right; width:50%;}
.management .pic img {display:block; width:100%; height:auto;}
.management .info {margin-right:50%; padding:0% 40px 0; font-size:14px; color:#666; line-height: 24px; position:relative; height:100%;}
.management .info p {padding:5px 0;}

.management .item:nth-child(2n) .pic {float:left;}
.management .item:nth-child(2n) .info {margin:0 0 0 50%;}

.management .item:first-child .info {padding:2% 40px 0;}

.system {padding:55px 0;}
.system .entry img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
/*专业外包服务*/
.package {border-bottom:1px solid #d3e5f9; padding-bottom:30px; margin-bottom:50px;}
.package ul {display:table; width:100%; margin-bottom:2%;}
.package li {display:table-cell; width:50%; color:#fff; text-align:center; position:relative;}
.package li .bg {position:absolute; left:0; top:0; width:98%; height:100%;  background:no-repeat center center; background-size:cover;}
.package li .info {padding:35px 4% 35px 2%; position:relative;}
.package li .icon {width:56px; height:46px; margin:0 auto 15px; background:no-repeat center center; background-size:contain;}
.package li h3 {font-size:24px; font-weight:normal; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.125em; margin-bottom:10px;}
.package li p {font-size:14px; line-height: 24px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.package li:nth-child(2n) .bg {left:auto; right:0;}

.services {overflow: hidden; margin-bottom:15px;}
.services ul {width:102%; overflow: hidden;}
.services li {width:23%; padding-right:2%; float:left; padding-bottom:2%;}
.services li .info {padding-bottom:69.4%; background:no-repeat center center; background-size:cover; position:relative;}
.services li p {position:absolute; left:0; bottom:0; width:96%; padding:0 2%; text-align:center; color:#fff; height:50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color:#428fe4; background-color:rgba(66,143,228,.9);}

.serviceList .top {overflow:hidden; margin-bottom:20px;}
.serviceList .top ul {width:100.5%; overflow: hidden;}
.serviceList .top li {float:left; width:24.5%; padding-right:0.5%; overflow:hidden; padding-bottom:15px;}
.serviceList .top li .box {padding:20px 10px; background-color:#eff9ff; position:relative; color:#555; cursor:pointer;  border-radius:3px; font-size:0; text-align:center; line-height: normal;}
.serviceList .top li .box:after {content:''; display:block; width:20px; height:20px; background-color:#428fe4; transform:rotate(45deg); position:absolute; left:50%; bottom:-10px; margin-left:-10px; display:none;}
.serviceList .top li .pic {display:inline-block; width:80px;  overflow: hidden; vertical-align: middle;}
.serviceList .top li img {display:block; width:100%; height:80px; float:right;}
.serviceList .top li .cur {display:none;}
.serviceList .top li span {font-size:16px; padding-left:20px; vertical-align: middle; display:inline-block;}

.serviceList .top li.cur img {display:none;}
.serviceList .top li.cur .cur {display:block;}
.serviceList .top li.cur .box {background-color:#428fe4; color:#fff;}
.serviceList .top li.cur .box:after {display:block;}

.serviceList .intro {background-color:#eff9ff; padding:35px 30px; font-size:14px; color:#666; line-height: 24px; display:none;}
.serviceList .intro:first-child {display:block;}
.serviceList .intro h4 {font-size:24px; font-weight:normal; color:#555; margin-bottom:24px;}
.serviceList .intro p {position:relative; padding:5px 0 5px 20px;}
.serviceList .intro p:before {content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#428fe4; position:absolute; left:0; top:14px;}
/*合作案例*/
.caseWrap .text {display:none;}
.caseTop {overflow: hidden;}
.caseTop ul {overflow: hidden; width:103%;}
.caseTop li {float:left; width:31%; padding-right:2%; padding-bottom:40px;}
.caseTop li a {display:block; overflow: hidden; position:relative; background:no-repeat center center; background-size:cover; padding-bottom:67.5%;}
.caseTop li a:hover {opacity: .9;}
.caseTop li .info {position:absolute; bottom:15px; left:0; width:100%; color:#fff; font-size:16px;}
.caseTop li .info span {padding:0 25px; display:block;}
.caseTop li .info .right {float:right; background:url(../images/icon_09.png) no-repeat left center; padding-left:25px;}
.caseTop li .info .left {white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.caseList {overflow: hidden;}
.caseList ul {width:102%; overflow: hidden; margin-bottom:10px;}
.caseList li {float:left; width:18%; padding-right:2%; padding-bottom:2%;}
.caseList li a {padding-bottom:37.5%; position:relative; overflow: hidden; display:block;}
.caseList li img {display:block; width:100%; height:100%; position: absolute; left:0; top:0;}
.caseList .more a {display:block; width:228px; height:40px; margin:0 auto; border:1px solid #e9e9e9; line-height: 40px; text-align:center; font-size:16px; color:#0b93e0;}
.caseList .more i {font-style:normal; background:url(../images/icon_10.png) no-repeat right center; padding-right:35px;}
.caseList .more a:hover {border-color:#0b93e0;}

.infoBox {display:none;}
.infoBox .bg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); z-index: 9;}
.infoBox .infoMain {background-color:#fff; width:1250px; height:90%; position:fixed; left:50%; top:50%; margin-left:-625px; transform:translateY(-50%); background-color:#fff; z-index: 10; overflow:hidden;}
.infoBox .close {display:block; width:39px; height:39px; background:url(../images/icon_06.png) no-repeat center center; background-size:contain; position:absolute; right:10px; top:10px; cursor:pointer; z-index: 9;}
.infoBox .content {margin:4% 0; padding-left:4%; position:absolute; left:0; top:0; width:95%; height:86%; overflow-y:auto;}
.infoBox .pic {margin-bottom:20px;}
.infoBox .pic img {display:block; width:100%; height:auto;}
.infoBox h2 {font-weight:normal; text-align:center; font-size:18px; color:#333; line-height: 1.35em; margin-bottom:10px;}
.infoBox .entry {font-size:15px; line-height: 30px; color:#666;}
.infoBox .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .infoBox .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .infoBox .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#64c6fe;}
.infoBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:5px; border-radius:2.5px;}
.infoBox .mCSB_scrollTools .mCSB_draggerRail {width:5px;}
/*集成系统业务_列表*/
.category {padding:60px 0;}
.category .inner {overflow: hidden;}
.category .title {text-align:center; margin-bottom:50px;}
.category .title h2 {font-size:24px; color:#428fe4; line-height: 1.125em; font-weight:normal; margin-bottom:10px;}
.category .title p {font-size:14px; color: #666; }
.category ul {overflow: hidden; width:102%; margin-left:-1%; font-size:0; line-height: normal; text-align:center;}
.category li {display:inline-block; width:14.666%; padding:0 1%; overflow: hidden;}
.category li a {display:block; overflow: hidden; box-shadow: 0px 0px 8px #eee; margin:8px; padding:30px 5px;}
.category li .icon {width:80px; height:80px; position:relative; overflow: hidden; margin:0 auto 15px;}
.category li .icon img {position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.category li p {font-size:16px; color:#555; text-align:center; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}

.proBox {background-color:#f0f9ff; padding:25px 0;}
.proBox:nth-child(2n) {background-color:#fff;}
.proBox .inner {overflow: hidden;}
.proBox ul {overflow: hidden; width:104%;}
.proBox li {float:left; width:21%; padding-right:4%; padding-bottom:2%;}
.proBox li a {display:block; overflow: hidden;}
.proBox li .pic {padding-bottom:66.0598%; position:relative; overflow: hidden; margin-bottom:35px;}
.proBox li .pic img {display:block; width:100%; height:100%; position: absolute; left:0; top:0;}
.proBox li .info {border-top:1px solid #dce3e7; padding-top:25px;}
.proBox li .info span {display:block; text-align:center; font-size:16px; color:#555; line-height: 25px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.proBox li .info i {background:url(../images/icon_11.png) no-repeat center center; width:25px; height:25px; background-size:contain; display:block; float:right; display:none;}
.proBox li a:hover .info i {display:block;}
.proBox li a:hover .info span {text-align:left; margin-right:30px; color:#428fe4; font-weight:bold;}

/*集成系统业务_详情*/
.proNav ul {background-color:#f8f8f8; border:1px solid #e2e2e2; overflow: hidden;}
.proNav li {float:left; width:23%; padding:14px 1%; text-align:center; cursor:pointer; line-height: 20px;}
.proNav li span {padding-right:30px; font-size:14px; color:#999; position:relative;}
.proNav li span:after {content:''; display:block; width:17px; height:17px; background:url(../images/icon_12.png) no-repeat 0 0; background-size:100% auto; position:absolute; right:0; top:50%; margin-top:-8.5px;}
.proNav li.cur span {color:#428fe4; font-weight:bold;}
.proNav li.cur span:after {background-position:0 -17px;}

.proDetails {margin-top:60px;}
.proDetails .color {color:#428fe4;}
.features {padding:60px 0;}
.features .entry {font-size:14px; color:#666; line-height: 24px; overflow: hidden;}
.features .entry p {margin-bottom:30px;}
.features .entry img {width:auto; max-width:100%; height:auto;}
.features .entry ul {float:left; width:50%; margin-bottom:15px;}
.features .entry li, .configure .info p {border-bottom:1px dashed #cecece; padding:10px 0 10px 24px; position:relative;}
.features .entry li:before, .configure .info p:before {content:''; display:block; width:8px; height:8px; border-radius:50%; background-color:#e2e2e2; position:absolute; left:0; top:18px;}
.features .pic {float:right; padding-top:5%; width:40%; padding-left: 10%;}
.features .pic img {display:block; width:auto; max-width:100%; height:auto;}

.configure {background-color:#f0f9ff; padding:55px 0;}
.configure .box {display:table; width:100%; padding:30px 0; border:1px solid #e2e2e2; background-color:#fff;}
.configure .pic {width:40%; padding:0 10px; vertical-align: middle; display:table-cell;}
.configure .pic img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.configure .info {width:60%; padding:0 10px; vertical-align: middle; display:table-cell;}

.standard {padding:60px 0; background: #fff;}
.standard .entry img {width:auto; max-width:100%; height:auto;}
.standard table td {border:1px solid #e2e2e2; text-align:center; font-size:14px; color:#666; line-height: 24px; padding:17px 10px;}
.standard table td:first-child {background-color:#7ab6dc; color:#fff; width:20%;}

.proShow {background-color:#f8f8f8; padding:50px 0;}

.picShow .item {display:block; overflow: hidden;}
.picShow .item .pic {padding-bottom:66.0598%; position:relative; overflow: hidden; margin-bottom:35px;}
.picShow .item .pic img {display:block; width:100%; height:100%; position: absolute; left:0; top:0;}
.picShow .item span {display:block; text-align:center; font-size:16px; color:#555; line-height: 25px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;border-top:1px solid #dce3e7; padding-top:25px;}
.picShow .owl-dots {font-size:0; line-height: normal; text-align:center; margin-top:25px;}
.picShow .owl-dots button {display:inline-block; margin:0 7px;}
.picShow .owl-dots span {display:block; width:14px; height:14px; border-radius:50%; background-color:#e2e2e2;}
.picShow .owl-dots .active span {background-color:#61a1e7;}