/*最新动态开始*/
.page{padding-top: 60px;}
.mid{width: 838px;overflow: hidden;margin-right: 45px;float: right;margin-bottom:20px;}
.side{width: 306px;float: left;padding: 30px 0px 80px;}
.pageBanner{width: 100%;overflow: hidden;}
.pageBanner img{width: 100%;height: auto;display: block;}
.MpageBanner{display: none;}
.newslist{/*padding-bottom: 70px;*/}
.newslist ul li{width: 100%;border-bottom: 1px solid #eee;padding: 30px 0px 20px;}
.listimg{display: block;width: 100%;padding-bottom: 27px;}
.listimg img{width: 100%;height: 258px;transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -moz-transition:all 0.6s;}
.listimg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.listTitle{width: 100%;overflow: hidden;/*line-height: 35px;*/color: #000;font-size: 18px;}
.listTitle a:hover{color:#2597ba;}
.listTitle span{float: right;color: #626262;font-size: 14px;}
.listinfo{width: 100%;font-size: 12px;color: #626262;line-height: 25px;margin-top: 10px;}
.listbtn{width: 100%;overflow: hidden;/*padding-top: 15px;*/}
.listbtn span{color: #626262;font-size: 12px;float: left;}
.listbtn span a{color: #626262;font-size: 12px;}
.listbtn span a:hover{color:#2597ba;}
.sidenav{width: 100%;overflow: hidden;margin-bottom: 30px;}
.sidenav ul{background: #eee;border: 1px solid #e2e2e2;}
.sidenav ul li{width: 100%;line-height: 44px;border-bottom:1px solid #e2e2e2; }
.sidenav ul li a{display: block;padding-left: 10px;color: #535353;font-size: 18px;}
.sidenav ul li:hover a{color:#2597ba;}
.recommend{width:  312px;overflow: hidden;margin-bottom: 45px;}
.recommend>span{display: block;width:  294px;border: 1px solid #e2e2e2;background: #eee;line-height: 46px;padding-left:10px; font-size: 16px;color: #626262;}
.recommend>ul{padding: 9px;}
.recommend>ul>li{width: 100%;line-height: 28px;}
.recommend>ul>li>a{display: block;color: #626262;font-size: 14px;}
.recommend1>ul>li:hover>a{color:#2597ba;}
.share{overflow: hidden;padding-left: 10px;color: #626262;font-size: 14px;display: inherit;width: 182px;float: right;}
.share>span,.share .bdsharebuttonbox{float: left;line-height: 30px;}
.icon .share>span{padding-right: 10px;margin:0;}
/*最新动态结束*/

/*最新动态内容页开始*/
.infoTitle{width: 100%;overflow: hidden;margin: 30px 0 0;}
.infoTitle span{float: left;font-size: 14px;color: #707070;}
.infoTitle span a.home{color: #2597ba;}
.article{width: 100%;padding: 28px 0px 10px;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;}
.articleTitle{width: 100%;text-align: center;font-size: 18px;color: #000;margin-bottom: 16px;font-weight: bold;}
.icon{width: 100%;text-align: center;margin-bottom: 50px;line-height: 30px;}
.icon span{margin:0 25px;font-size: 14px;color: #707070;}
.articleInfo{font-size: 14px;color: #000;line-height: 30px;}
.pag{/*width: 100%;*/overflow: hidden;}
.pag a#biaoqian{font-size: 14px;float: left;color: #707070;margin: 140px 13px 0px 0px;}
.pag span{font-size: 14px;float: left;color: #707070;margin: 140px 13px 0px 0px;}

.else{width: 100%;overflow: hidden;}
.else a.shang{float: left;}
.else a.xia{float: right;}
.else a{color: #707070;font-size: 14px;}
/*最新动态内容页结束*/

/*关于我们开始*/
.aboutInfo{background: #eee;padding: 56px 0px 100px;border-top: 1px solid #e1e1e1;}
.aboutAll{width: 100%;}
.TitleAll{width:100%;background:#fff;}
.aboutInfo>div,.aboutTitle{width: 1200px;margin: 0px auto;overflow: hidden;}
.aboutInfo>div{line-height: 25px;font-size: 14px;color: #535353;overflow: hidden;}
.aboutTitle>ul{color: #333333;font-size: 14px;margin-right: 83px;width: 100%;}
.aboutTitle>ul>li{float: left;margin-right: 50px;}
.aboutTitle>ul>li>a{color: #333333;font-size: 14px;}
.aboutTitle>ul>li:hover>a{color: #2597ba;}
.aboutTitle{height: 58px;line-height: 58px;}
.aboutTitle>a{float: right;height: 58px;line-height: 58px;display: block;width: 132px;text-align: center;color: #fff;background: #2597ba;font-size: 14px;}
/*关于我们结束*/

/*客户案例开始*/
.case{width: 100%;}
.case>ul{width: 100%;overflow: hidden;}
.case>ul>li{width: 100%;padding: 60px 0px;overflow: hidden;}
.case>ul>li .caseList{margin: 0px auto;width: 1200px;overflow: hidden;}
.case>ul>li .caseList .caseInfo,.case>ul>li .caseList .casePic{float: right;}
.case>ul>li .caseList .caseInfo{width: 100%;overflow: hidden;}
.case>ul>li .caseList .casePic{float:left;width: 41%;/*margin-right: 5%;margin-top: 65px;*/overflow:hidden;}
.case>ul>li.change{background:#eee;}
.case>ul>li.change .caseList .caseInfo{float: left;}
.case>ul>li.change .caseList .casePic{float:right;}
.case>ul>li.change .caseList .caseInfo{margin-right: 5%;}
.case>ul>li.change .caseList .casePic{margin-right: 0px;}
.case>ul>li .caseList .casePic img{width:100%;}
.case>ul>li.change .caseList .casePic img{width: 100%;transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -moz-transition:all 0.6s;}
.case>ul>li.change .caseList .casePic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.caseintro span,.advantage span.a{display: block;line-height: 40px;color: #2597ba;font-size: 24px;margin-bottom: 20px;}
.caseintro>div{width:95%;line-height: 28px;font-size: 12px;color: #535353;}
.caseintro>div a{font-size: 12px;color: #535353;}
.caseintro{width: 53%;float:right;margin-bottom: 80px;}
.advantage{width:1200px;}
.advantage span.a{width:100%;display:inline-block;border-bottom: 1px solid #c9c9c9;margin-top: 20px; }
.advantage>div{color: #616161;font-size: 14px;line-height: 37px;}
.case>ul>li.change .caseList .caseInfo .caseintro{float:left;}
/*客户案例结束*/

/*服务产品开始*/
.finance{display: none;}
.sever{width: 100%;}
.all{width: 100%;padding: 65px 0px;}
.changeBack1{background: #eeeeee;}
.changeBack{width: 100%;padding: 60px 0px;}
.left{float: left;}
.right{float: right;}
.severInfo{width: 681px;}
.severPic{width: 385px;}
.severPic img{display: block;width: 100%;}
.border{border-bottom: 1px solid #c9c9c9;padding-bottom: 20px;}
.severTitle a{display: block;line-height: 40px;color: #2597ba;font-size: 24px;margin-bottom: 20px;}
.model,.fly,.credit,.finance,.data,.bank{width: 1200px;margin: 0px auto;overflow: hidden;}
.severCon{font-size: 14px;color: #535353;line-height: 30px;margin-bottom: 90px;}
.sever a.apply1{margin-left:25%;display: block;width: 187px;height: 47px;line-height: 47px;background: #edab00;text-align: center;margin-top: 34px;font-size: 18px;color: #fff;}
.sever a.apply1:hover{background: #f59701;}
.creditlist .slideTxtBox{position: relative;}
.creditlist .slideTxtBox .hd>ul{overflow: hidden;}
.creditlist .slideTxtBox .hd>ul>li{float: left;width: 200px;overflow: hidden;margin-right: 20px;}
.creditlist .slideTxtBox .hd>ul>li>a{display: block;}
.creditlist .slideTxtBox .hd>ul>li>a>div{width: 198px;border:1px solid #2597ba;height: 148px;color: #2597ba;font-size: 14px;text-align: center;line-height:225px;}
.creditlist .slideTxtBox .hd>ul>li:hover a>div,.creditlist .slideTxtBox .hd>ul>li.on a>div{color: #fff;}

.creditlist .slideTxtBox .hd>ul>li>a>div.creditlist1{background: url(../images/icon29.png) no-repeat center 20px;}
.creditlist .slideTxtBox .hd>ul>li>a>div.creditlist2{background: url(../images/icon30.png) no-repeat center 20px;}
.creditlist .slideTxtBox .hd>ul>li>a>div.creditlist3{background: url(../images/icon31.png) no-repeat center 20px;}

.creditlist .slideTxtBox .hd>ul>li:hover>a>div.creditlist1,.creditlist .slideTxtBox .hd>ul>li.on>a>div.creditlist1{background: url(../images/icon32.png) no-repeat center 20px #2597ba;}
.creditlist .slideTxtBox .hd>ul li:hover a>div.creditlist2,.creditlist .slideTxtBox .hd>ul li.on a>div.creditlist2{background: url(../images/icon33.png) no-repeat center 20px #2597ba;}
.creditlist .slideTxtBox .hd>ul li:hover a>div.creditlist3,.creditlist .slideTxtBox .hd>ul li.on a>div.creditlist3{background: url(../images/icon34.png) no-repeat center 20px #2597ba;}

.creditlist .slideTxtBox .hd>ul li a>span{display: block;width: 100%;height: 32px;}
.creditlist .slideTxtBox .hd>ul li:hover a>span,.creditlist .slideTxtBox .hd>ul li.on a>span{background: url(../images/icon35.png) no-repeat center bottom;}

.serverAll{position: relative;}
.creditlist .slideTxtBox .bd{width: 1200px;height: 440px;background: #2597ba;z-index: 1;}
.creditlist .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.creditlist .slideTxtBox .bd li{ height:24px; line-height:24px;   }
.creditlist .slideTxtBox .bd li .date{ float:right; color:#999;  }
.kanbujian{width: 100%;height: 500px;background: #2597ba;position: absolute;bottom:0px;z-index: 0;left:0px;}

.bdInfo{float: left;width: 500px;padding-left: 60px;}
.bdPic{float:right;width: 512px;padding: 115px 55px 0px 0px;}
.bdInfo>span a{display: block;font-size: 24px;line-height: 52px;color: #fff;padding-top: 66px;margin-bottom: 20px;}
.bdInfo>div{width: 100%;color: #fff;font-size: 16px;line-height: 25px;}
.bdInfo>a{display: none;width: 225px;height: 58px;margin-top: 7px;text-align: center;line-height: 58px;font-size:18px ;color: #fff;background: #f39700;}
.bdPic img{width: 100%;height: 290px;}
.creditlist .arrow .prev{background: url(../images/prev6.png) no-repeat center center;top: 360px;left: 6px;z-index: 99;}
.creditlist .arrow .next{background: url(../images/next6.png) no-repeat center center;top: 360px;right:-513px;z-index: 99;}
.slideTxtBox .arrow a{ display:block;  width:34px; height:54px; overflow:hidden; cursor:pointer; position: absolute;}
/*服务产品结束*/

/*导航条固定定位开始*/
.fix{position:fixed;top:0px;background:#fff;z-index: 99999;}
.rel{position:relative;}
.bg{position:fixed;top:0px;background:none;}
/*导航条固定定位结束*/

/*案例详细页开始*/
.caseInfo1{float:none;background:#fff;}
.caseInfo1Title>span{display:block;text-align:center;font-size: 18px;color: #000;margin-bottom:30px;}
.caseInfo1Title2 span{font-size:14px;color:#707070;margin-right:30px;}
.caseInfo1Title2{text-align:center;}
.caseInfo1Title2 span.caseInfo1Time{margin-right:0px;}
.else1{margin-top:100px;}
.else1 a:hover{color:#2597ba;}
/*案例详细页结束*/


/******************************************************下面是移动端开始************************************************************************************************************/

@media screen and (max-width:768px) {
.TitleAll{display:none;}
.pageBanner,.infoTitle{display: none;}
.MpageBanner{display: block;width: 100%;}
.MpageBanner img{display: block;width: 100%;}
.page{padding-top: 0px;}
.newslist ul li{padding-top: 20px;}
.consult,.serve,.try,.side{display: none;}
.main{width: 100%;overflow: hidden;}
.mid{width: 100%;margin: 0;}
.newslist>ul{width: 100%;}
.listTitle,.listinfo,.listbtn{width: 97%;padding: 0px 6px;}
.article{padding-top: 20px;}
.icon span{margin: 0px 8px;}
.ico{margin-bottom: 25px;}
.articleInfo,.pag{padding: 0px 10px;}
.pag span{margin-top: 35px;}
.else{margin-bottom: 35px;}
.else a{display: block;width: 95%;padding: 0px 10px;line-height: 25px;}
.else a.xia{ float:none;}
.aboutTitle{width: 100%;height:auto;line-height:35px;}
.aboutTitle>ul{width: 92%;padding: 0px 15px;}
.aboutTitle>ul>li{margin-right: 38px;}
.aboutTitle>a{display: none;}
.aboutInfo>div{width: 100%;}
.aboutInfo{background: none;border-top: 10px solid #eeeeee;padding: 12px 10px 30px;}
.case>ul>li{width: 95.5%;}
.case>ul>li .caseList{width: 100%;}
.case>ul>li{padding: 30px 10px;}
.case>ul>li .caseList .caseInfo{width:100%;}
.case>ul>li .caseList .casePic{float:right;width: 51%;}
.case>ul>li .caseList .casePic img{width:98%;}
.case>ul>li.change .caseList .caseInfo{margin-right: 2%;}
.caseintro>div{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.caseintro{width:45%; float:left;margin-bottom: 15px;}
.caseintro>div{line-height: 22px;}
.caseintro span, .advantage span{margin-bottom: 5px;font-size:18px;line-height:24px;}
.advantage span{padding-bottom: 8px;}
.advantage{width: 100%;}
.advantage>div{line-height: 20px;}
.case>ul>li .caseList .casePic{margin-right: 2%;}
.case>ul>li.change .caseList .casePic{float:right;margin-top:5px;}
/*.case>ul>li .caseList .casePic{margin-top: 48px;}*/
.changeBack,.all{padding: 30px 10px 20px;width: 94.6%;}
.model, .fly, .credit, .finance, .data, .bank{width: 100%;}
.severInfo{width: 61%;}
.severTitle a{font-size: 18px;margin-bottom: 0px;}
.severCon{font-size: 12px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 16px;}
.border{padding-bottom: 8px;}
.severPicAll{width: 37.4%;}
.severPic{width: 100%;/*height:127px;*/}
.sever a.apply1{width: 100px;height: 28px;line-height: 28px; margin-top: 20px;margin-left:15%;font-size:14px;}
.severPic img{margin-top: 15px;}
.credit{position:relative;}
.creditlist ul li{width: 32.5%;height: 52px;margin-right: 1%;}
.creditlist ul li a>div{width: 97%;height: 50px;}
.creditlist ul li a>div.creditlist1{background: url(../images/icon29.png) no-repeat center 4px;background-size: 50% 55%;}
.creditlist ul li a>div.creditlist2{background: url(../images/icon30.png) no-repeat center 4px;background-size: 50% 55%;}
.creditlist ul li a>div.creditlist3{background: url(../images/icon31.png) no-repeat center 4px;background-size: 50% 55%;}
.creditlist ul li:hover a>div.creditlist1{background: url(../images/icon32.png) no-repeat center 4px #2597ba;background-size: 50% 55%;}
.creditlist ul li:hover a>div.creditlist2{background: url(../images/icon33.png) no-repeat center 4px #2597ba;background-size: 50% 55%;}
.creditlist ul li:hover a>div.creditlist3{background: url(../images/icon34.png) no-repeat center 4px #2597ba;background-size: 50% 55%;}
.creditlist ul li a>div{font-size: 12px;line-height: 83px;}
.severTitle>span{font-size: 12px;float: right;}
.listimg img{height:auto;}


.finance{display: block;/*background:#eee;*/padding-top:25px;}
.credit1{display: none;}
.Mfinance{width: 100%;overflow: hidden;}
.MfinanceInfo{float: left;width: 52%;padding-left: 5px;}
.financePic{float: right;width: 44%;padding-right: 5px;margin-top: 35px;}
.financePic img{width: 100%;display: block;margin-left: -18px;}
.MfinanceInfo>span{font-size: 16px;color: #2597ba;margin-bottom: 5px;display: block;width: 100%;}
.MfinanceInfo>span>span{font-size: 12px;color: #2597ba;margin-left: 5px;}
.MfinanceInfo>div{font-size: 12px;width: 90%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.loop .hd ul{overflow: hidden;margin-left: 5px;margin-bottom:10px;}
.loop .hd ul li{width: 60px;height: 60px;overflow: hidden;float: left;margin-right: 5px;}
.loop .hd ul li>div{width: 58px;height: 45px;border: 1px solid #2597ba;color: #2597ba;font-size: 12px;text-align: center;line-height: 72px;}
.loop .hd ul li.on>div{color: #fff;}
.loop .hd ul li>span{width: 100%;height:15px;display:none;background: url(../images/M8.png) no-repeat center center;}
.loop .hd ul li.on>span{display: block;}

.loop .hd ul li>div.loop1{background: url(../images/M1.png) no-repeat center 7px;}
.loop .hd ul li>div.loop2{background: url(../images/M2.png) no-repeat center 7px;}
.loop .hd ul li>div.loop3{background: url(../images/M3.png) no-repeat center 7px;}

.loop .hd ul li.on>div.loop1{background: url(../images/M4.png) no-repeat center 7px #2597ba;}
.loop .hd ul li.on>div.loop2{background: url(../images/M5.png) no-repeat center 7px #2597ba;}
.loop .hd ul li.on>div.loop3{background: url(../images/M6.png) no-repeat center 7px #2597ba;}

.loop .bd>div>.loopBdInfo{width: 98%;background:#2597ba;height: 200px;padding: 0px 5px;overflow: hidden;}
.loopBdInfo1{float: left;width: 31.25%;padding-top: 20px;color: #fff;}
.loopBdPic{width: 62.5%;float: right;padding-top: 40px;}
.loopBdInfo1>span{display: block;width: 100%;font-size: 16px;color: #fff;margin-bottom: 10px;}
.loopBdInfo1>div{font-size: 12px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.loopBdInfo1>a{display:none;width: 90px;height: 25px;line-height: 25px;text-align: center;color: #fff;font-size: 14px;background: #f39700;margin-top: 15px;}
.loopBdPic img{width: 96%;}
.loop{margin-top:-20px;}


}
@media screen and (max-width:360px) {
    .aboutTitle>ul>li{margin-right: 35px;}
	.loop{margin-top:-6px;}
}


@media screen and (max-width:320px) {
.aboutTitle>ul>li{margin-right: 20px;}

}