@charset "UTF-8";
/* 公用内页banner */
.neiBanner { height: auto; overflow: hidden; position: relative; margin-bottom: 0.4rem; }

.neiBanner img { width: 100%; object-fit: cover; height: 4rem; }

.neiBanner .text { height: auto; overflow: hidden; color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 40%; }

.neiBanner .text h1 { font-size: .48rem; margin-bottom: .05rem; font-weight: 300; }

.neiBanner .text p { font-size: .24rem; }

/* 公用内页Tabs */
.neiTabs { height: auto; overflow: hidden; padding: 0 .4rem; margin-bottom: .5rem; }

.neiTabs a { line-height: .6rem; text-align: center; font-size: .26rem; color: #333; width: auto; padding: 0 .25rem; }

.neiTabs a.active { background: #08bac2; color: #fff; }

/* 公用视频弹出 */
.videoPop { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; right: 0; z-index: 51; max-width: 768px; margin: auto; display: none; }

.videoPop .top { height: auto; overflow: hidden; display: flex; justify-content: space-between; justify-items: center; }

.videoPop .top span { font-size: .26rem; color: #fff; line-height: .65rem; padding: 0 .3rem; }

.videoPop .top span.other { background: rgba(0, 0, 0, 0.3); padding-left: 0; }

.videoPop .top span.other a { font-size: .3rem; padding-left: .5rem; display: inline-block; }

.videoPop .box { height: 6rem; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.videoPop .box .title { width: 100%; font-size: .26rem; color: #fff; padding: .35rem .3rem; }

.videoPop .box video { width: 100%; }

/* 产品列表 */
.Product .filter { height: auto; overflow: hidden; }

.Product .filter .title { height: .9rem; line-height: .9rem; background: #08bac2; padding: 0 .4rem; font-size: .3rem; color: #fff; }

.Product .filter .title i { float: right; font-size: .34rem; transition: all .3s linear; }

.Product .filter .title.active i { transform: rotate(180deg); }

.Product .filter ul { height: auto; overflow: hidden; display: none; }

.Product .filter ul li { line-height: .8rem; padding: 0 .4rem; font-size: .28rem; border-bottom: 1px solid #eee; }

.Product .filter ul li a { display: block; }

.Product .tabs { height: auto; overflow: hidden; padding: .4rem; }

.Product .tabs .swiper-slide { width: auto; font-size: .28rem; color: #333; text-align: center; padding: 0 .3rem; line-height: .6rem; }

.Product .tabs .swiper-slide.active { background: #08bac2; color: #fff; }

.Product .list { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.Product .list li { flex: 0 0 50%; padding-bottom: .4rem; border-bottom: 1px solid #efefef; overflow: hidden; }

.Product .list li img { width: 100%; }

.Product .list li .text { height: auto; overflow: hidden; text-align: left; padding: 0 .2rem; }

.Product .list li .text h2 { font-size: .28rem; color: #333; margin-bottom: .1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Product .list li .text p { font-size: .2rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Product .orderC { height: auto; overflow: hidden; margin-top: .8rem; background: #dfdfdf; padding-top: .6rem; }

.Product .orderC .bigTitle { line-height: .48rem; }

.Product .orderC form { padding: 0 .3rem; margin-top: .4rem; }

.Product .orderC form .row { height: auto; overflow: hidden; background: #fff; margin-bottom: .2rem; padding: 0 .3rem; display: flex; align-items: center; justify-content: flex-start; }

.Product .orderC form .row span { font-size: .24rem; color: #2b2b2b; line-height: .8rem; }

.Product .orderC form .row span i { color: red; margin-right: 2px; }

.Product .orderC form .row input { height: .8rem; flex: 1; font-size: .24rem; }

.Product .orderC form .row.textarea { padding: .3rem; display: flex; align-items: flex-start; }

.Product .orderC form .row.textarea span { line-height: normal; }

.Product .orderC form .row.textarea span i { color: red; margin-right: 2px; }

.Product .orderC form .row.textarea textarea { height: 1.83rem; border: 0; flex: 1; font-size: .24rem; line-height: .36rem; }

.Product .orderC .btn { width: 2.94rem; line-height: .7rem; background: #08bac2; text-align: center; font-size: .3rem; color: #fff; display: block; margin: .5rem auto; }

/* 产品详情 */
.ProductXq { padding-bottom: .98rem; }

.ProductXq .info { height: auto; overflow: hidden; }

.ProductXq .info .text { padding: 0 .3rem; }

.ProductXq .info .text h1 { font-size: .36rem; color: #333; margin-bottom: .1rem; }

.ProductXq .info .text h2 { font-size: .24rem; color: #999; }

.ProductXq .info ul { height: auto; overflow-x: auto; display: flex; justify-content: flex-start; margin-top: .4rem; }

.ProductXq .info ul li { flex: 0 0 33.33333%; text-align: center; background: #f6f6f6; padding: .2rem; position: relative; }

.ProductXq .info ul li h2 { font-size: .24rem; color: #333; margin-bottom: .05rem; }

.ProductXq .info ul li p { font-size: .26rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ProductXq .info ul li:after { content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; top: 0; }

.ProductXq .gailan { height: auto; overflow: hidden; margin-top: .5rem; }

.ProductXq .gailan .switch { height: auto; overflow: hidden; display: flex; justify-content: space-around; margin: .3rem 0; }

.ProductXq .gailan .switch a { font-size: .26rem; color: #333; text-align: center; position: relative; padding-bottom: .15rem; }

.ProductXq .gailan .switch a:after { content: ""; width: 80%; height: .03rem; background: #08bac2; position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto; display: none; }

.ProductXq .gailan .switch a.active { color: #08bac2; }

.ProductXq .gailan .switch a.active:after { display: block; }

.ProductXq .gailan .gailan-box { height: auto; overflow: hidden; position: relative; z-index: 0; }

.ProductXq .gailan .gailan-box .iconfont { position: absolute; top: 40%; left: .3rem; z-index: 1; font-size: .6rem; color: #bbb; }

.ProductXq .gailan .gailan-box .icon-next { left: auto; right: .3rem; }

.ProductXq .gailan .gailan-box .gailan-content { height: 5rem; width: 100%; overflow: hidden; }

.ProductXq .gailan .gailan-box .gailan-content iframe { height: 5rem; }

.ProductXq .gailan .gailan-box .swiper-pagination-fraction, .ProductXq .gailan .gailan-box .swiper-pagination-custom, .ProductXq .gailan .gailan-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom: .4rem; color: #999; }

.ProductXq .tedian { height: auto; overflow: hidden; margin-top: .5rem; padding: 0 .3rem; }

.ProductXq .tedian .smallTitle { font-size: .24rem; color: #333; line-height: .36rem; }

.ProductXq .tedian .imgText { margin-top: .3rem; overflow: hidden; }

.ProductXq .tedian .imgText .img { width: 100%; margin-bottom: .3rem; position: relative; }

.ProductXq .tedian .imgText .text { width: 100%; padding: 0; }

.ProductXq .tedian .imgText .text h2 { font-size: .3rem; color: #333; margin-bottom: .2rem; }

.ProductXq .tedian .imgText .text p { font-size: .24rem; color: #333; line-height: .38rem; margin-bottom: .15rem; }

.ProductXq .tedian .imgText .btnPrev, .ProductXq .tedian .imgText .btnNext { position: absolute; font-size: .6rem; color: #fff; top: 40%; z-index: 1; }

.ProductXq .tedian .imgText .btnNext { right: -.15rem; }

.ProductXq .peizhi { height: auto; overflow: hidden; margin-top: .5rem; }

.ProductXq .peizhi table { width: 100%; height: auto; overflow: hidden; border-collapse: collapse; margin-top: .3rem; }

.ProductXq .peizhi table tr { height: .65rem; }

.ProductXq .peizhi table tr th { font-size: .24rem; color: #fff; background: #333; text-align: left; padding: 0 .3rem; border: 0; }

.ProductXq .peizhi table tr td { font-size: .24rem; color: #333; padding: .3rem; line-height: .4rem; word-break: break-all; }

.ProductXq .peizhi table tr:nth-child(odd) { background: #f6f6f6; }

.ProductXq .peizhi .tip { height: auto; overflow: hidden; padding: .3rem; }

.ProductXq .peizhi .tip p { font-size: .2rem; color: #666; line-height: .36rem; }

.ProductXq .peizhi .tip p i { color: #d30000; }

.ProductXq .orderC { margin-top: .5rem; height: auto; overflow: hidden; padding-top: .6rem; background: #F5F7FA; }

.ProductXq .orderC .bigTitle, .ProductXq .orderC .smallTitle { padding: 0 .3rem; }

.ProductXq .orderC .smallTitle { line-height: .36rem; }

.ProductXq .orderC .box { display: flex; flex-wrap: wrap; margin-top: .5rem; }

.ProductXq .orderC .box form { width: 100%; padding: .3rem 1rem .8rem; height: auto; overflow: hidden; background: #fff; }

.ProductXq .orderC .box form .row { height: auto; border-bottom: 1px solid #333; margin-top: .3rem; position: relative; }

.ProductXq .orderC .box form .row i { font-size: .26rem; color: #333; position: absolute; right: 0; top: 22px; }

.ProductXq .orderC .box form .row input, .ProductXq .orderC .box form .row textarea { width: 100%; font-size: .26rem; height: .8rem; background: transparent; border: 0; }

.ProductXq .orderC .box form .row textarea { height: 1.2rem; }

.ProductXq .orderC .box form .btn { width: 100%; height: .8rem; font-size: .28rem; color: #000; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: .5rem; margin-top: .7rem; }

.ProductXq .orderC .box .img { width: 100%; }

.ProductXq .orderC .box .img img { width: 100%; }

.ProductXq .case { height: auto; overflow: hidden; margin-top: .5rem; }

.ProductXq .case .slide { height: auto; overflow: hidden; position: relative; }

.ProductXq .case .slide .swiper-slide { height: auto; overflow: hidden; position: relative; }

.ProductXq .case .slide .swiper-slide h2 { width: 100%; font-size: .3rem; color: #fff; padding: .3rem; position: absolute; left: 0; bottom: 0; }

.ProductXq .case .slide .btnPrev, .ProductXq .case .slide .btnNext { position: absolute; left: .1rem; top: 45%; color: #fff; font-size: .6rem; z-index: 1; }

.ProductXq .case .slide .btnNext { left: auto; right: .1rem; }

.ProductXq .relatedProductC { height: auto; overflow: hidden; margin-top: .5rem; }

.ProductXq .relatedProductC ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.ProductXq .relatedProductC ul li { flex: 0 0 50%; padding-bottom: .4rem; border-bottom: 1px solid #efefef; overflow: hidden; }

.ProductXq .relatedProductC ul li img { width: 100%; }

.ProductXq .relatedProductC ul li .text { height: auto; overflow: hidden; text-align: center; padding: 0 .2rem; }

.ProductXq .relatedProductC ul li .text h2 { font-size: .28rem; color: #333; margin-bottom: .1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ProductXq .relatedProductC ul li .text p { font-size: .2rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ProductXq .tabbarBottom { height: auto; overflow: hidden; display: flex; justify-content: space-between; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; background: #fff; box-shadow: 0px -3px 9px 0px rgba(51, 51, 51, 0.09); }

.ProductXq .tabbarBottom a { flex: 1; line-height: .98rem; text-align: center; font-size: .24rem; color: #333; }

.ProductXq .tabbarBottom a i { font-size: .4rem; vertical-align: -.05rem; margin-right: .1rem; }

.ProductXq .tabbarBottom a.btnOrder { background: #e84545; color: #fff; }

/* 优势 */
.Youshi .con { height: auto; overflow: hidden; margin-top: .5rem; }

.Youshi .con li { height: auto; overflow: hidden; margin-bottom: .5rem; }

.Youshi .con li img { width: 100%; }

.Youshi .con li .text { padding: 0 .4rem .2rem; text-align: center; }

.Youshi .con li .text h2 { font-size: .36rem; color: #333; text-align: center; margin-bottom: .15rem; }

.Youshi .con li .text p { font-size: .24rem; color: #666; line-height: .36rem; margin-bottom: .1rem; }

/* 新闻列表 */
.News .list { height: auto; overflow: hidden; padding: 0 .4rem; }

.News .list ul { height: auto; overflow: hidden; }

.News .list ul li { height: auto; overflow: hidden; }

.News .list ul li a { display: flex; justify-content: space-between; padding: .4rem 0; border-bottom: .01rem solid #ddd; }

.News .list ul li .text { flex: 1; padding-left: .4rem; }

.News .list ul li .text h2 { font-size: .32rem; line-height: .48rem; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.News .list ul li .text h2 span { color: #08bac2; position: relative; padding-right: .2rem; margin-right: .2rem; }

.News .list ul li .text h2 span:after { content: ""; width: 1px; height: 80%; background: #ccc; position: absolute; right: 0; top: 10%; }

.News .list ul li .text p { font-size: .24rem; color: #999; }

.News .list ul li .img { width: 2.3rem; height: 1.36rem; }

.News .list ul li .img img { width: 100%; }

.News .list dl { height: auto; overflow: hidden; }

.News .list dl dd { height: auto; overflow: hidden; padding: .4rem 0; border-bottom: .01rem solid #ddd; }

.News .list dl dd a { display: block; }

.News .list dl dd h2 { font-size: .32rem; color: #000; margin-bottom: .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.News .list dl dd .img { height: auto; overflow: hidden; display: flex; justify-content: flex-start; }

.News .list dl dd .img img { width: 2.2rem; height: 1.3rem; margin-left: .15rem; }

.News .list dl dd .img img:first-child { margin: 0; }

.News .list dl dd p { font-size: .24rem; color: #999; margin-top: .2rem; }

/* 新闻详情 */
.NewsXq .con { height: auto; overflow: hidden; padding: .4rem; min-height: 9.85rem; }

.NewsXq .con .title { height: auto; overflow: hidden; text-align: center; margin-bottom: .4rem; }

.NewsXq .con .title h2 { font-size: .3rem; color: #333; margin-bottom: .2rem; }

.NewsXq .con .title h4 { font-size: .24rem; color: #666; }

.NewsXq .con p { font-size: .24rem; line-height: .36rem; color: #333; margin-bottom: .2rem; }

.NewsXq .con table { width: 100%; }

/* 服务支持 */
.Service .info { height: auto; overflow: hidden; padding: .3rem 0 .6rem; }

.Service .info .text { height: auto; overflow: hidden; text-align: center; padding: 0 .8rem; }

.Service .info .text h1 { font-size: .48rem; color: #000; margin-bottom: .3rem; }

.Service .info .text p { font-size: .24rem; color: #000; line-height: .44rem; }

.Service .info ul { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; margin-top: .8rem; }

.Service .info ul li { flex: 0 0 33%; padding: .4rem .3rem .5rem; position: relative; color: #08bac2; }

.Service .info ul li i { font-size: .7rem; display: block; margin-bottom: .1rem; }

.Service .info ul li h2 { font-size: .24rem; }

.Service .info ul li h2 span { font-size: .6rem; }

.Service .info ul li p { font-size: .2rem; }

.Service .info ul li:before { content: ""; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #e9f2fb; }

.Service .info ul li:after { content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #e9f2fb; }

.Service .info ul li:nth-child(3n-2):before { display: none; }

.Service .info ul li:nth-last-child(1):after, .Service .info ul li:nth-last-child(2):after, .Service .info ul li:nth-last-child(3):after { display: none; }

.Service .info .video { position: relative; margin-top: .8rem; }

.Service .info .video img { width: 100%; }

.Service .info .video .play { width: .85rem; height: .85rem; background: url(../images/icon-play2.png) center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/* 服务支持-网点地图 */
.ServiceSiteMap .info { height: auto; overflow: hidden; }

.ServiceSiteMap .info .text { height: auto; overflow: hidden; text-align: center; padding: .3rem .4rem .8rem; }

.ServiceSiteMap .info .text h1 { font-size: .48rem; color: #000; margin-bottom: .3rem; }

.ServiceSiteMap .info .text p { font-size: .24rem; color: #333; line-height: .44rem; }

.ServiceSiteMap .map { height: auto; overflow: hidden; }

.ServiceSiteMap .map .searchBox { height: auto; overflow: hidden; padding: .4rem; position: relative; }

.ServiceSiteMap .map .searchBox .top { height: auto; overflow: hidden; font-size: .24rem; color: #000; }

.ServiceSiteMap .map .searchBox .top .icon-location { font-size: .36rem; color: #08bac2; vertical-align: -.05rem; }

.ServiceSiteMap .map .searchBox .top .btnCity { color: #08bac2; text-decoration: underline; margin: 0 .2rem; }

.ServiceSiteMap .map .searchBox .top .icon-miaozhun { font-size: .32rem; vertical-align: -.03rem; }

.ServiceSiteMap .map .searchBox .cityBox { width: 6.8rem; height: auto; overflow: hidden; position: absolute; background: #fff; border: 1px solid #c0c0c0; padding: .3rem 0; display: none; }

.ServiceSiteMap .map .searchBox .cityBox ul { width: 50%; float: left; height: 5rem; overflow: auto; }

.ServiceSiteMap .map .searchBox .cityBox ul li { height: .6rem; line-height: .6rem; padding: 0 .7rem; font-size: .24rem; color: #000; }

.ServiceSiteMap .map .searchBox .cityBox ul li.active { background: #f1f1f1; }

.ServiceSiteMap .map .searchBox form { height: auto; overflow: hidden; display: flex; border: .01rem solid #c0c0c0; align-items: center; padding: 0 .3rem; margin-top: .4rem; }

.ServiceSiteMap .map .searchBox form input { height: .8rem; flex: 1; font-size: .24rem; color: #333; }

.ServiceSiteMap .map .searchBox form .icon-search { width: .4rem; font-size: .35rem; }

.ServiceSiteMap .map .searchBox .siteList { height: auto; overflow: hidden; margin-top: .3rem; }

.ServiceSiteMap .map .searchBox .siteList .t { height: auto; overflow: hidden; font-size: .24rem; color: #000; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: .01rem solid #c0c0c0; padding-bottom: .25rem; }

.ServiceSiteMap .map .searchBox .siteList .t span i { color: #ff7e00; }

.ServiceSiteMap .map .searchBox .siteList .t .btnFilter { width: 1.5rem; height: .5rem; line-height: .5rem; border: .01rem solid #08bac2; text-align: center; font-size: .24rem; color: #08bac2; }

.ServiceSiteMap .map .searchBox .siteList .t .btnFilter i { font-size: .3rem; vertical-align: -.02rem; }

.ServiceSiteMap .map .searchBox .siteList ul { height: 8rem; overflow: auto; }

.ServiceSiteMap .map .searchBox .siteList ul li { padding: .5rem 0; border-bottom: .01rem dashed #c0c0c0; }

.ServiceSiteMap .map .searchBox .siteList ul li h2 { font-size: .24rem; color: #000; margin-bottom: .2rem; }

.ServiceSiteMap .map .searchBox .siteList ul li h2 span { background: #08bac2; color: #fff; padding: 0 .1rem; }

.ServiceSiteMap .map .searchBox .siteList ul li p { font-size: .24rem; color: #666; line-height: .36rem; }

.ServiceSiteMap .map .searchBox .siteList ul li p span { padding: .05rem .2rem; border: 1px solid #c0c0c0; margin: .2rem .2rem 0 0; display: inline-block; }

.ServiceSiteMap .map .searchBox .siteList ul li .lx { width: 2.4rem; height: .6rem; line-height: .6rem; background: #eaeaea; color: #333; font-size: .24rem; text-align: center; display: block; margin-top: .4rem; }

.ServiceSiteMap .map .searchBox .siteList .filterBox { height: auto; overflow: hidden; background: #fff; position: absolute; display: none; }

.ServiceSiteMap .map .searchBox .siteList .filterBox span { width: 3.24rem; height: .62rem; line-height: .62rem; background: #eaeaea; font-size: .24rem; color: #333; display: block; float: left; text-align: center; margin: .3rem .3rem 0 0; }

.ServiceSiteMap .map .searchBox .siteList .filterBox span:nth-child(2n) { margin-right: 0; }

.ServiceSiteMap .map .searchBox .siteList .filterBox span.btn { width: 3rem; height: .75rem; line-height: .75rem; background: #08bac2; color: #fff; margin: .5rem auto; float: inherit; }

.ServiceSiteMap .map .searchBox .siteList .filterBox span.active { background: #08bac2; color: #fff; }

/* 服务支持-金融服务 */
.ServiceFinance .bigTitle { margin: 0 .4rem .4rem; }

.ServiceFinance .block { height: auto; overflow: hidden; }

.ServiceFinance .block h4 { font-size: .24rem; line-height: .48rem; color: #333; text-align: center; padding: 0 .8rem; }

.ServiceFinance .block1 { margin-top: .8rem; }

.ServiceFinance .block1 ul { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; margin-top: .6rem; }

.ServiceFinance .block1 ul li { position: relative; flex: 0 0 50%; padding: 0 .3rem; margin-bottom: .2rem; }

.ServiceFinance .block1 ul li .icon { width: .85rem; height: .85rem; background: #08bac2; margin: 0 auto; border-radius: 50%; }

.ServiceFinance .block1 ul li .icon img { width: .85rem; display: inline-block; }

.ServiceFinance .block1 ul li .text { height: auto; overflow: hidden; text-align: center; padding: .4rem 0; }

.ServiceFinance .block1 ul li .text h2 { font-size: .3rem; color: #333; padding-bottom: .2rem; position: relative; margin-bottom: .25rem; font-weight: bold; }

.ServiceFinance .block1 ul li .text h2:after { content: ""; width: .6rem; height: 1px; background: #08bac2; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.ServiceFinance .block1 ul li .text p { font-size: .24rem; color: #666; line-height: .38rem; }

.ServiceFinance .block2 { padding: .8rem 0; background: #f5f5f5; }

.ServiceFinance .block2 .bigTitle span { background: #f5f5f5; }

.ServiceFinance .block2 ul { height: auto; overflow: hidden; padding: .25rem .25rem 0; }

.ServiceFinance .block2 ul li { position: relative; }

.ServiceFinance .block2 ul li .icon { width: 1rem; margin: 0 auto; }

.ServiceFinance .block2 ul li .line { width: .17rem; margin: 0 auto; }

.ServiceFinance .block2 ul li .text { width: 39%; position: absolute; left: 0; top: 0; text-align: right; }

.ServiceFinance .block2 ul li .text h2 { font-size: .3rem; color: #333; margin-bottom: .1rem; }

.ServiceFinance .block2 ul li .text p { font-size: .24rem; color: #999; }

.ServiceFinance .block2 ul li:nth-of-type(even) .text { left: auto; right: 0; text-align: left; }

.ServiceFinance .block2 ul li:last-child { padding-bottom: 1rem; }

.ServiceFinance .block3 { margin-top: .8rem; }

.ServiceFinance .block3 img { margin-top: .6rem; }

.ServiceFinance .block3 ul { height: auto; overflow: hidden; }

.ServiceFinance .block3 ul li { position: relative; }

.ServiceFinance .block3 ul li .bg { width: 100%; position: absolute; left: 0; top: 0; }

.ServiceFinance .block3 ul li .bg img { margin: 0; }

.ServiceFinance .block3 ul li .text { position: relative; z-index: 1; padding: 1rem .3rem 0; }

.ServiceFinance .block3 ul li .text h1 { font-size: .36rem; color: #000; }

.ServiceFinance .block3 ul li .text h2 { font-size: .3rem; color: #000; margin: .3rem 0 .2rem; }

.ServiceFinance .block3 ul li .text p { font-size: .24rem; color: #000; line-height: .36rem; }

.ServiceFinance .block3 ul li:last-child { padding-bottom: .8rem; }

/* 服务支持-服务预约 */
.ServiceOrder .order { margin-top: .8rem; height: auto; overflow: hidden; }

.ServiceOrder .order .title { text-align: center; padding: 0 .3rem; }

.ServiceOrder .order .title h2 { font-size: .48rem; margin-bottom: .3rem; }

.ServiceOrder .order .title p { font-size: .24rem; color: #333; line-height: .44rem; }

.ServiceOrder .order .box { display: flex; flex-wrap: wrap; margin-top: .5rem; background: #F5F7FA; }

.ServiceOrder .order .box form { width: 100%; padding: .3rem 1rem .8rem; height: auto; overflow: hidden; }

.ServiceOrder .order .box form .row { height: auto; border-bottom: 1px solid #333; margin-top: .3rem; position: relative; }

.ServiceOrder .order .box form .row i { font-size: .26rem; color: #333; position: absolute; right: 0; top: 22px; }

.ServiceOrder .order .box form .row input, .ServiceOrder .order .box form .row textarea { width: 100%; font-size: .26rem; height: .8rem; background: transparent; border: 0; }

.ServiceOrder .order .box form .row textarea { height: 1.2rem; }

.ServiceOrder .order .box form .btn { width: 100%; height: .8rem; font-size: .28rem; color: #000; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: .5rem; margin-top: .7rem; }

.ServiceOrder .order .box .img { width: 100%; }

.ServiceOrder .order .box .img img { width: 100%; }

/* 服务支持-维保常识 */
.ServiceMaintenance .search { height: auto; overflow: hidden; background: #eee; padding: .4rem; }

.ServiceMaintenance .search .box { height: auto; overflow: hidden; border-radius: 20px; background: #fff; display: flex; justify-content: flex-start; margin-top: .2rem; }

.ServiceMaintenance .search .box input { height: .75rem; flex: 1; font-size: .24rem; padding: 0 .3rem; }

.ServiceMaintenance .search .box .btn { width: 1.35rem; line-height: .75rem; text-align: center; background: #08bac2; font-size: .26rem; color: #fff; text-align: center; }

.ServiceMaintenance .list { height: auto; overflow: hidden; padding: .4rem .4rem 0; }

.ServiceMaintenance .list li { height: auto; overflow: hidden; padding: 0 0 .4rem .5rem; margin-bottom: .4rem; border-bottom: 1px solid #ebebeb; background: url(../images/service/maintenance-icon.png) left 0.04rem no-repeat; background-size: .36rem; }

.ServiceMaintenance .list li h2 { font-size: .3rem; color: #333; margin-bottom: .2rem; }

.ServiceMaintenance .list li p { font-size: .24rem; line-height: .36rem; color: #666; }

.ServiceMaintenance .list li span { font-size: .24rem; color: #08bac2; display: block; margin-top: .2rem; }

.ServiceMaintenance .list li:last-child { margin: 0; }

/* 关于我们 */
.About .info { height: auto; overflow: hidden; padding: 0 .4rem; }

.About .info .bigTitle { margin-bottom: .4rem; }

.About .info p { font-size: .24rem; color: #333; line-height: .48rem; margin-bottom: .2rem; }

/* 发展历程 */
.AboutHistory .list { height: auto; overflow: hidden; position: relative; }

.AboutHistory .list:before { content: ""; width: .01rem; height: 100%; background: #ddd; position: absolute; left: .4rem; top: .3rem; }

.AboutHistory .list li { height: auto; margin-left: .4rem; border-bottom: .01rem dotted #ddd; padding: .4rem 0; }

.AboutHistory .list li .date { font-size: .48rem; color: #08bac2; position: relative; padding-left: .25rem; }

.AboutHistory .list li .date:after { content: "\e619"; font-family: "iconfont"; font-size: .3rem; position: absolute; left: -.15rem; top: .1rem; }

.AboutHistory .list li .slide { height: auto; overflow: hidden; margin: .3rem .3rem 0; position: relative; }

.AboutHistory .list li .slide .swiper-slide { height: auto; overflow: hidden; }

.AboutHistory .list li .slide .swiper-slide img { width: 100%; }

.AboutHistory .list li .slide .swiper-slide .text { height: auto; overflow: hidden; padding-top: .3rem; }

.AboutHistory .list li .slide .swiper-slide .text h2 { font-size: .3rem; color: #333; margin-bottom: .15rem; font-weight: 300; }

.AboutHistory .list li .slide .swiper-slide .text p { font-size: .24rem; color: #666; line-height: .4rem; font-weight: 300; }

.AboutHistory .list li .slide .btnNext, .AboutHistory .list li .slide .btnPrev { font-size: .55rem; color: #fff; position: absolute; top: 24%; z-index: 1; }

.AboutHistory .list li .slide .btnNext { right: 0; }

.AboutHistory .list li .slide .swiper-pagination-fraction { padding: 0 .4rem; bottom: auto; top: 50%; font-size: .22rem; color: #fff; text-align: right; }

.AboutHistory .list li:last-child { border-bottom: 0; padding-bottom: .8rem; }

.AboutHistory .list li:first-child { padding-top: 0; }

/* 宇通文化 */
.AboutCulture .info { height: auto; overflow: hidden; padding: 0 .4rem; }

.AboutCulture .info .bigTitle { margin-bottom: .4rem; }

.AboutCulture .info p { font-size: .24rem; color: #333; line-height: .48rem; margin-bottom: .2rem; }

.AboutCulture .info ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .4rem; }

.AboutCulture .info ul li { width: 48%; background: #f8f8f8; padding: .3rem; text-align: center; margin-bottom: .25rem; }

.AboutCulture .info ul li img { width: .85rem; margin: 0 auto; }

.AboutCulture .info ul li h2 { font-size: .3rem; color: #333; position: relative; padding-bottom: .2rem; margin: .2rem 0 .15rem; }

.AboutCulture .info ul li h2:after { content: ""; width: .5rem; height: 1px; background: #08bac2; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.AboutCulture .info ul li p { margin: 0; }

.AboutCulture .info ul li:last-child { width: 100%; }

/* 领导关怀 */
.AboutVisitsofleaders .list { height: auto; overflow: hidden; padding: 0 .4rem; }

.AboutVisitsofleaders .list li { height: auto; overflow: hidden; margin-bottom: .5rem; }

.AboutVisitsofleaders .list li a { display: block; }

.AboutVisitsofleaders .list li img { width: 100%; }

.AboutVisitsofleaders .list li .text { height: auto; overflow: hidden; margin-top: .2rem; }

.AboutVisitsofleaders .list li .text h2 { font-size: .3rem; color: #000; margin-bottom: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.AboutVisitsofleaders .list li .text p { font-size: .24rem; color: #666; line-height: .36rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.AboutVisitsofleaders .list li .text span { font-size: .22rem; color: #999; display: block; margin-top: .1rem; }

.AboutVisitsofleaders .list li:last-child { margin-bottom: 0; }

/* 联系我们 */
.AboutContact .info { height: auto; overflow: hidden; padding: .4rem 0; }

.AboutContact .info h1 { font-size: .3rem; color: #000; text-align: center; line-height: .6rem; margin-bottom: .4rem; padding: 0 .3rem; }

.AboutContact .info ul { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.AboutContact .info ul li { flex: 0 0 50%; text-align: center; padding: .3rem; }

.AboutContact .info ul li a { display: block; }

.AboutContact .info ul li i { font-size: .6rem; color: #08bac2; margin-bottom: .1rem; display: block; }

.AboutContact .info ul li p { font-size: .24rem; color: #666; margin: .1rem 0 .15rem; }

.AboutContact .info ul li h2 { font-size: .24rem; color: #333; }

.AboutContact .orderC { margin: 0 0 0.4rem; }

/* 查询结果 */
.SearchResult .content { padding: 0; }

.SearchResult .content .search-bar { height: auto; overflow: hidden; padding: 0.8rem 0; background: #f5f5f5; }

.SearchResult .content .search-bar .bigTitlel { text-align: center; font-size: 0.36rem; }

.SearchResult .content .search-bar .bigTitlel span { background-color: #f5f5f5; }

.SearchResult .content .search-bar .input-box { margin: 0 0.3rem; height: auto; overflow: hidden; background-color: #fff; position: relative; margin-top: 0.44rem; }

.SearchResult .content .search-bar .input-box a { display: block; width: 1.4rem; text-align: center; position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; }

.SearchResult .content .search-bar .input-box a i { position: absolute; top: 50%; margin-top: -0.22rem; left: 52%; margin-left: -0.1rem; }

.SearchResult .content .search-bar .input-box a i:before { font-size: 20px; }

.SearchResult .content .search-bar .input-box input { padding: 0.32rem 5%; font-size: 0.3rem; color: #333; width: 100%; }

.SearchResult .content .search-bar .input-box input::-webkit-input-placeholder { color: #858585; }

.SearchResult .content .result { padding-top: 0.56rem; }

.SearchResult .content .result .title { font-size: 0.24rem; color: #333; padding: 0 0.3rem; }

.SearchResult .content .result .title span { color: #08bac2; }

.SearchResult .content .result .productList { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.SearchResult .content .result .productList li { flex: 0 0 50%; padding-bottom: .4rem; border-bottom: 1px solid #efefef; }

.SearchResult .content .result .productList li img { width: 100%; }

.SearchResult .content .result .productList li .text { height: auto; overflow: hidden; text-align: center; padding: 0 .2rem; }

.SearchResult .content .result .productList li .text h2 { font-size: .28rem; color: #333; margin-bottom: .1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.SearchResult .content .result .productList li .text p { font-size: .2rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.SearchResult .content .result .newsList { height: auto; overflow: hidden; padding: 0 .4rem; }

.SearchResult .content .result .newsList li { height: auto; overflow: hidden; }

.SearchResult .content .result .newsList li a { display: flex; justify-content: space-between; padding: .4rem 0; border-bottom: .01rem solid #ddd; }

.SearchResult .content .result .newsList li .text { flex: 1; padding-right: .5rem; }

.SearchResult .content .result .newsList li .text h2 { font-size: .32rem; line-height: .48rem; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.SearchResult .content .result .newsList li .text h2 span { color: #08bac2; position: relative; padding-right: .2rem; margin-right: .2rem; }

.SearchResult .content .result .newsList li .text h2 span:after { content: ""; width: 1px; height: 80%; background: #ccc; position: absolute; right: 0; top: 10%; }

.SearchResult .content .result .newsList li .text p { font-size: .24rem; color: #999; }

.SearchResult .content .result .newsList li .img { width: 2.3rem; height: 1.36rem; }

.SearchResult .content .result .newsList li .img img { width: 100%; }

.SearchResult .no-data { padding: 2rem 0; text-align: center; }

.SearchResult .no-data img { margin: 0 auto .2rem; }

/* 法律条款 */
.Disclaimer .content { height: auto; overflow: hidden; padding: .4rem .3rem .8rem; min-height: 9.85rem; }

.Disclaimer .content .title { font-size: .36rem; color: #333; padding-bottom: .15rem; margin-bottom: .2rem; border-bottom: .01rem solid #ddd; }

.Disclaimer .content .text-box { height: auto; overflow: hidden; }

.Disclaimer .content .text-box h2 { font-size: .3rem; color: #333; margin: .3rem 0 .2rem; }

.Disclaimer .content .text-box p { font-size: .24rem; color: #333; line-height: .48rem; }

/* 站点地图 */
.Sitemap .content { height: auto; overflow: hidden; padding: 0 .3rem .8rem; min-height: 9.85rem; }

.Sitemap .content dl { height: auto; overflow: hidden; margin-top: .4rem; }

.Sitemap .content dl dt { font-size: .36rem; color: #333; padding-bottom: .2rem; margin-bottom: .25rem; border-bottom: .01rem solid #ddd; }

.Sitemap .content dl dd { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; }

.Sitemap .content dl dd a { font-size: .26rem; color: #333; flex: 0 0 33%; margin-bottom: .4rem; }

.Sitemap .content dl:first-child dd a { flex: 0 0 50%; }

/* 友情链接 */
.Links .content { height: auto; overflow: hidden; padding: .4rem .3rem .8rem; min-height: 9.85rem; }

.Links .content .title { font-size: .36rem; color: #333; padding-bottom: .2rem; margin-bottom: .25rem; border-bottom: .01rem solid #ddd; }

.Links .content .list { height: auto; overflow: hidden; }

.Links .content .list a { font-size: .24rem; color: #333; line-height: .38rem; float: left; width: 50%; display: block; }

.Links .content .list .line { width: 100%; height: 1px; background: #ddd; margin: .25rem 0; float: left; }

/* 404 */
.Page404 .container { text-align: center; padding: 3rem 0; min-height: 80vh; }

.Page404 .container .icon { margin: 0 auto .8rem; display: block; }

.Page404 .container .text { height: auto; overflow: hidden; margin-top: .2rem; display: flex; align-items: center; justify-content: center; }

.Page404 .container .text h1 { font-size: .5rem; color: #333; display: inline-block; font-weight: bold; }

.Page404 .container .text .p { display: inline-block; }

.Page404 .container .text .p p { width: 2rem; font-size: .26rem; color: #333; float: left; margin: 0 .15rem; }

.Page404 .container .text .p .btn { width: 2.8rem; height: .7rem; line-height: .7rem; font-size: .26rem; border: 1px solid #08bac2; color: #08bac2; text-align: center; display: block; float: left; }

.Page404 .container .text .p .btn i { font-size: .26rem; color: #08bac2; }
