@charset "utf-8";
/* CSS Document */

html{color:#333;background:#FFF; font-family:微软雅黑;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
a{text-decoration:none; }
img{ border:0;}

.list-paddingleft-2 li{list-style:inside;}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}



.main{ width:100%; overflow:hidden;}
.w1200{margin-left:auto;margin-right:auto;width:1170px;}
.fl{float:left;}
.fr{float:right;}


.top{height:102px;}
.top .logo{margin:12px 0;}
.top .logo a{
    background: url(../images/pc-logo2.png);
    display: block;
    width: 250px;
    height: 73px;
    background-size:95%;
    background-repeat: no-repeat;
}
/*.top .logo a img{ width:50%;}*/
.top .wechat{margin:26px 0 20px 20px; position:relative;z-index:999;}
.top .weixin{display:none; position:absolute; top:60px; right:8px; z-index:9999;}
.top .search{position:relative; margin:30px 0; width:168px;}
.top .search-txt{width:156px; height:34px; line-height:34px; padding-left:10px;border:1px solid #ccc; border-radius:2px;}
.top .search-btn{width:20px; height:20px; background:url(../images/search.png) no-repeat;background-size:100%; border:0; position:absolute; 
top:8px; right:6px;cursor:pointer; outline:none; display:none;}

.top .search-btn1{width:20px; height:20px; background:url(../images/search.png) no-repeat;     background-size: 100%;
border:0; position:absolute; 
top:8px; right:6px;cursor:pointer; outline:none;}
.top .search-btn2{width:20px; height:20px; background:url(../images/search.png) no-repeat; background-size: 100%; border:0; position:absolute; 
top:8px; right:6px;cursor:pointer; outline:none;}

.topnav{ position:relative; height:52px; background-color:#075caf; z-index:99;}
.topnav ul{ margin-left:40px;}
.topnav li{ float:left; width:136px; text-align:center; margin-right:50px;}
.topnav li a{ display:block; line-height:52px; font-size:20px; color:#fff; font-weight:500;}
.topnav li .on,.topnav li a:hover{ background:url(../images/nas.png);}




.subnav{display:none; position:absolute; left: 0;top:52px;width:100%; z-index:99; height:192px; background-color:#eaf6ff;}
.subnav .subname{ width:50%;}
.subnav .sublist{margin:30px;}
.subnav .subname h2{color:#075caf; font-size:18px; margin:15px 0; font-weight:500; text-align: left; padding-left: 52px;}
.subnav .subname li{ width:30%;background:url(../images/list.png) no-repeat left center; padding-left:15px;float:left;}
.subnav .subname li a{ color:#333; font-size:16px; line-height:36px; margin:0; padding:0; text-align:left; font-weight:500;}
.subnav .subname li a:hover{ color:#075caf; background:none;}
.subnav .subimg{width:50%;padding:30px 0;}
.subnav .subimg dt{ float:left; margin-right:24px;}
.subnav .subimg a{ margin:0; padding:0;}
.subnav .subimg a:hover{ background:none;}
.subnav .subimg dd p{ margin-right:11%; color:#333; font-size:14px; line-height:24px; padding-top: 28px; text-align: left;}
.sublist li{margin-right:0;}
/**/
.casedaoh{ width:85px;/* height:153px; */background:url(../images/casetmbj.png); position:absolute; right:6px; z-index:9999; display:none;}
.casedaoh2{ width:90px; /*height:150px;*/ background:url(../images/casetmbj.png); position:absolute; right:85px; z-index:999; display:none;}
.caseMenu2 a{ float:left; padding-left:9px; padding-top:5px; padding-bottom:4px; font-family:微软雅黑; font-size:12px; color:#fff; width:81px;}
.caseMenu2 a:hover{ background:#075caf;}
.case-nav{ width:30px; height:30px; position:relative; margin:40px 0px 0px 0px; display:none;}
.icon-nav{ width:30px; height:30px; background:url(../images/casexl.png) no-repeat; display:block;}
.casesosuo{ width:100%; height:72px; position:fixed; background:#fff; top:0px; z-index:99999999999;padding-top:28px; }
.casesosuo input{ width:70%; height:30px; margin:10px 8% 0px 5% ; padding-left:5px; float:left; background-color:#f0f0f0; border:none; border-radius:3px;}
.casesosuo img{width:21px; height:21px; padding:10px 10px 11px; margin-top:10px; float:left; border:1px solid #6C9;}
.search-tp{ background:url(../images/casess.jpg) no-repeat; border:none; width:29px; height:21px;}
.casesosuo p{ cursor:pointer;  padding-top: 15px; font-size:16px;  letter-spacing: 4px;  font-family:微软雅黑;  color: #666;}
.caseMenu .casea{ float:left; padding-left:11px; padding-top:4px; padding-bottom:3px; font-family:微软雅黑; font-size:12px; color:#fff; width:74px;}
.caseMenu span{ float:left; padding-left:11px; padding-top:8px; padding-bottom:4px; font-family:微软雅黑; font-size:6px; color:#fff; font-weight:700;}
.caseMenu .casea{ font-weight:700;}
.caseMenu a:hover{ background:#075caf;}

.search2{ position:absolute;  left: 324px;  top: 39px;}
.search2 a{ display:block;  background: url(../images/search.png) no-repeat center; width:30px; height:30px;  background-size: 80%;}
/**/
.foottel2{display:none; line-height:24px;}
.foottel2 span{display:block; font-family:微软雅黑; font-size:14px; color:#fff;}
.foottel2 span a{ color:#FFF; text-decoration:underline;}
.foottel2 p{margin:0;font-family:微软雅黑; font-size:14px; color:#fff;}
.foottel2{  margin-left:auto; margin-right:auto; text-align:center;}


.footwrap{ overflow:hidden; padding:16px 0 22px; background-color:#3f3f3f; border-top:4px solid #013b86;color:#fff;}
.footwrap .footnav{ width:80%;}
.footwrap .footnav dl{float:left; width:20%;padding-left:15px;}
.footwrap .footnav dt a{font-size:14px; font-weight:bold;color:#fff; line-height:50px;}
.footwrap .footnav dd a{font-size:12px;color:#fff; line-height:24px;}
.footwrap .footnav a:hover{ color:#075caf;}
.footwrap .foottel{width:20%;}
.foottel span{font-size:14px;line-height:50px; font-weight:bold; background:url(../images/tel.png) no-repeat left center;
padding-left:25px;}
.foottel p,.foottel p a{font-size:12px;line-height:24px;color:#fff;}

.footbar{background-color:#2a2a2a;}
.footbar p{line-height:40px; font-size:12px; color:#fff; text-align:center;}
.footbar2{background-color:#3f3f3f; display:none;}
.footbar2 p{ margin:0px;line-height:24px; font-size:12px; color:#fff; text-align:center;}

/*contact map*/
.mapjt img{ width:50%}
.mapjt{ margin:0 auto; width:100%; display:none;}

.backTop{ display:none; cursor:pointer;}

/*2015.11.16 鏀*/
.tabItemList dl dt{ position:relative;}
.r_top{ position:absolute; width:27px; height:32px; background:url(../images/icon-righttop.png) no-repeat;  top: 1%; right: 2.4%; font-size: 12px; text-align: center; line-height: 28px; color: #FFF;}

.bdsharebuttonbox{float:right; clear:both;    position: relative;}

.bdsharebuttonbox a{display:inline-block;}
/*
.bds_more{display:none;}
.bdsharebuttonbox a{0 0 35px 10px!important;padding:0!important;}
.bds_weixin{background: url(../images/weixin_03.png) no-repeat!important; width:30px!important; height:26px!important;}
.bds_tsina{background: url(../images/weibo_03.png) no-repeat!important; width:30px!important; height:26px!important;}
.bds_qzone{background: url(../images/kongjian_03.png) no-repeat!important; width:30px!important; height:26px!important;}
*/
.shareName{ font-size:14px; color:#666; background:none!important;}
.Mbshare{display:none;}


.MBP{display:none!important;}
.MBA{display:none!important;}

.MBI{display:none!important;}
/*
.bdsharebuttonbox1{margin-top:44px;}

.bdsharebuttonbox1 a{display:inline-block;}

.bdsharebuttonbox .shareName{ width:34px!important; height:40px!important; line-height:26px!important; position:absolute; left:-30px;}
*/

.bdsharebuttonbox{ margin-top:40px;}
.shareText{float:left;font-size: 14px;margin-top: 4px;}
.bdsharebuttonbox a{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;cursor:pointer;}
.jiathis_button_weixin{background: url(../images/weixin_03.png) no-repeat;}
.jiathis_button_tsina{background: url(../images/weibo_03.png) no-repeat;}
.jiathis_button_qzone{background: url(../images/kongjian_03.png) no-repeat;}

#jiathis_weixin_modal{ margin-left:-180px!important; }
@media (max-width:999px){
.head{
 position:fixed;
 background-color:#fff;
/* width:100%;*/
 z-index:99999;
 left:0;
 top:0;
 right:0;
 box-shadow:1px 1px 3px rgba(0,0,0,0.5); 
}

}


.mbanner{width:100%}
.mbanner img{max-width:100%}

/*软件开发*/
.neiban3{height:300px;background:url(../picture/neiban3.jpg) top center no-repeat;display: block;width: 100%;}
.main-product{padding-bottom: 130px;}
.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #2db5a3;}
.main-product .content{border: 1px solid #DEDEDE; padding: 30px 26px 0 26px; text-align: center; transition: 0.3s;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}

/*软件开发*/
.main-service{background: #f8f8f8;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}

@media screen and (max-width: 480px){
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}
/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.3);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 80px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 33px;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}