/*公共类查看更多*/ .lookmores{text-align: center;padding: 0.4rem 0 0.8rem;background: #fff;} .lookmores a{background: #f2f2f2;padding: 0.2rem 1rem;} .lookmores a:active{background: #f5f5f5;} .lookmores a img{width: 0.19rem;height: 0.11rem;} .lookmores a span{font-size: 0.24rem;color: #333;padding-right: 0.1rem;} /*公共类非首页banner大图*/ .otherbanner{width: 100%;} .otherbanner img{width: 100%;} /*公共类底部*/ .comFooter .foot1{background: #22242a;text-align: center;padding: 0.7rem 0;} .comFooter .foot1 a{display: block;width: 100%;} .comFooter .foot1 a:nth-child(1){color: #B3171D;font-size: 0.5rem;} .comFooter .foot1 a:nth-child(2), .comFooter .foot1 a:nth-child(3){font-size: 0.24rem;color: #fff;padding-top: 0.2rem;} .comFooter .foot1 p{font-size: 0.24rem;color: #888;} .comFooter .foot1 .p1{padding-top: 0.4rem;} .comFooter .foot1 .p2{padding-top: 0.2rem;} .comFooter .foot2{background: #18191f;padding: 0.7rem 0;} .comFooter .foot2 form input{height: 40px;line-height: 40px;border-radius: 5px;} .comFooter .foot2 .inpbox{display: flex;justify-content: space-between;} .comFooter .foot2 .inpbox input{width: 48%;text-align: center;background: #363940;color: #fff;} .comFooter .foot2 form .subbox{width: 100%;padding-top: 0.25rem;} .comFooter .foot2 form .subbox input{background: #B3171D;color: #fff;width: 100%;} .comFooter2{position: fixed;left: 0;bottom: 0;right: 0;width: 100%;} /*首页banner轮播*/ #indexBanner{height: calc( 100vh - 70px);background: #666;} #indexBanner .swiper-pagination{z-index: 99993;bottom: 30px !important;} #indexBanner .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.3) !important;border: 0 !important;outline: none !important;box-sizing: border-box;opacity: 1 !important;width: 30px;height: 3px;border-radius: inherit !important;} #indexBanner .swiper-pagination-bullet-active{background: #fff !important;} #indexBanner .swiper-wrapper{background: -red;height: 100%;} #indexBanner .swiper-wrapper .swiper-slide{background: -red;height: 100%;} #indexBanner .swiper-wrapper .swiper-slide img{width: 100%;height: 100%;max-height: 100%;max-width: 100%;object-fit: cover;} /*首页-服务项目*/ .serviceItemList2{display: flex;justify-content: space-between;flex-wrap: wrap;} .serviceItemList2 .itembox{width: 50%;text-align: center;margin-top: 10px;} .serviceItemList2 .itembox:nth-child(1), .serviceItemList2 .itembox:nth-child(2){margin-top: 0;} .serviceItemList2 .itembox .p1{background: -red;} .serviceItemList2 .itembox .p1 img{width: 1.5rem;height: 1.5rem;} .serviceItemList2 .itembox .p2{font-size: 0.3rem;color: #222;} .serviceItemList2 .itembox .p3{font-size: 0.28rem;color: #888;padding-top: 10px;} .serviceItemList2 .itembox:nth-child(2) .p2{color: #222;} /*首页-公司简介和合作伙伴*/ .companyBox2{padding-top: 0.85rem;} .companyBox2 .onebox1 p{font-size: 0.24rem;color: #666;text-align: center;line-height: 1.8;} .companyBox2 .onebox1{padding-bottom: 15px;} .companyBox2 .onebox2 p{padding-bottom: 10px;} .companyBox2 .onebox2 p img{width: 100%;} /*首页-案例展示*/ .caseShow{padding-bottom: 0.8rem;} .caseShow2{display: flex;justify-content: space-between;flex-wrap: wrap;} .caseShow2 a{width: 50%;height: 2.5rem;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;} .caseShow2 a .onlyredbg{background: linear-gradient(to bottom, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0.1));width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;opacity: 0;transition: all 0.3s;} .caseShow2 a .onlyredbg p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;padding: 0.1rem 5%;text-align: center;} .caseShow2 a .onlyredbg p:last-child{padding-bottom: 0;} .caseShow2 a .onlyredbg .p1{font-size: 0.28rem;font-weight: 700;} .caseShow2 a .onlyredbg .p2{font-size: 0.25rem;} .caseShow2 a:hover .onlyredbg,.caseShow2 a.on .onlyredbg{opacity: 1;} /*首页-栅格化的数字递增效果*/ .gridCountBox{display: flex;flex-wrap: wrap;} .gridCountBox .itembox{width: 50%;border-right: 1px solid rgba(255, 255, 255, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.3);padding: 5%;} .gridCountBox .itembox:nth-child(2n){border-right: 0;} .gridCountBox .itembox:nth-child(1), .gridCountBox .itembox:nth-child(2){border-top: 0;} .gridCountBox .itembox .d1{font-size: 0.7rem;font-weight: 700;color: #fff;} .gridCountBox .itembox .d1:after{content: "";display: block;width: 30px;height: 5px;background: #B3171D;margin: 10px 0;} .gridCountBox .itembox .d2{font-size: 0.24rem;color: #b5b7be;line-height: 1.8;} /*首页-新闻动态*/ .newsdynamic2 .itembox{width: 100%;} .newsdynamic2 .itembox:last-child{padding-bottom: 0;} .newsdynamic2 .itembox .d1{padding-bottom: 15px;} .newsdynamic2 .itembox .d1 img{width: 100%;display: none;} .newsdynamic2 .itembox .d2{font-size: 0.3rem;color: #222;padding-bottom: 10px;} .newsdynamic2 .itembox .d3{font-size: 0.25rem;color: #aaa;} .newsdynamic2 .itembox .d4{font-size: 0.25rem;color: #aaa;line-height: 20px;height: 40px;max-height: 40px;background: -red;margin-top: 10px;display: none;} .newsdynamic2 .itembox:first-child .d1 img{display: block;} .newsdynamic2 .itembox:first-child .d4{display: block;} .newsdynamic2 .itembox:active .d2{color: #B3171D;} /*首页-客户评价*/ .customerEvaluation{padding-bottom: 0.9rem;} .customerEvaluation .itembox{display: flex;margin-top: 15px;} .customerEvaluation .itembox:first-child{margin-top: 0;} .customerEvaluation .itembox .fls{padding-right: 10px;} .customerEvaluation .itembox .fls img{width: 50px;height: 50px;border-radius: 100%;overflow: hidden;} .customerEvaluation .itembox .frs{width: calc( 100% - 60px);border: 1px solid rgba(100, 100, 100, 0.1);box-shadow: 0 0 5px rgba(150, 150, 150, 0.1);background: #fff;border-radius: 10px;border-top-left-radius: 0;padding: 0.3rem;} .customerEvaluation .itembox .fr1{font-size: 0.3rem;color: #333;padding-bottom: 0.1rem;} .customerEvaluation .itembox .fr2{font-size: 0.24rem;color: #888;text-align: justify;line-height: 1.6;} /*Swiper结合Tab选项卡效果1/2*/ .huangTabHead .swiper-wrapper{padding: 0.4rem 0 0.4rem 2.5%;} .huangTabHead .swiper-slide{padding: 0.2rem 0.4rem;border-radius: 0.05rem;margin-left: 2.5%;font-size: 0.24rem;color: #666;display: inline-block;width: auto;border: 1px solid rgba(0, 0, 0, 0.1);} .huangTabHead .swiper-slide:first-child{margin-left: 0;} .huangTabHead .swiper-slide.on{color: #fff;background: #B3171D;border: 1px solid #B3171D;} /*Swiper结合Tab选项卡效果2/2*/ .huangTabBody{background: #fff;} .huangTabBody .lists{display: flex;flex-wrap: wrap;justify-content: space-between;} .huangTabBody .lists .itembox{width: 48%;padding-bottom: 0.6rem;} .huangTabBody .lists .itembox .p1 img{width: 100%;} .huangTabBody .lists .itembox .p2{font-size: 0.28rem;color: #333;text-align: center;padding: 0.3rem 0;} .huangTabBody .lists .itembox .p3{font-size: 0.24rem;color: #aaa;text-align: center;} /*新闻列表*/ .newsList{background: #fff;padding: 0.6rem 0 0.3rem;} .newsList .itembox{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(100, 100, 100, 0.1);padding: 0.3rem 0;} .newsList .itembox:first-child{padding-top: 0;} .newsList .itembox .fls{width: 2.6rem;height: 1.9rem;} .newsList .itembox .flsh{width: 2.6rem;height: 3rem;} .newsList .itembox .fls img{width: 100%;height: 100%;object-fit: cover;max-width: 100%;max-height: 100%;} .newsList .itembox .flsh img{height: 100%;object-fit: cover;max-width: 100%;max-height: 100%;} .newsList .itembox .frs{width: calc( 100% - 2.6rem);padding-left: 2.5%;display: flex;flex-direction: column;justify-content: space-around;} .newsList .itembox .frs .p1{font-size: 0.28rem;color: #333;text-align: justify;line-height: 20px;max-height: 40px;overflow: hidden;} .newsList .itembox .frs .p2{font-size: 0.24rem;color: #999;} /*公司介绍*/ .companyIntro .onepara{font-size: 0.28rem;color: #333;text-align: justify;line-height: 1.8;margin: 0.6rem 0;} .companyIntro .twopara{margin: 0.6rem 0;} .companyIntro .twopara p{font-size: 0.28rem;color: #333;text-align: justify;line-height: 1.8;} .companyIntro .onepic img{width: 100%;} .companyIntro .onetit{background: -red;margin: 0.6rem 0;} .companyIntro .onetit p{font-size: 0.38rem;color: #333;padding-bottom: 0.3rem;font-weight: 700;} .companyIntro .onetit p:last-child{padding-bottom: 0;} .companyIntro .onegrid{display: flex;flex-wrap: wrap;margin: 0.6rem 0;} .companyIntro .onegrid a{width: 50%;text-align: center;margin-top: 0.4rem;} .companyIntro .onegrid a:nth-child(1), .companyIntro .onegrid a:nth-child(2){margin-top: 0;} .companyIntro .onegrid a .p2{color: #333;font-size: 0.28rem;padding-top: 0.3rem;} .companyIntro .onegrid a .p1 img{width: 1rem;} .companyIntro .onelist{margin: 0.6rem 0;} .companyIntro .onelist p{padding-bottom: 0.3rem;} /*详情页面盒子*/ .detailBigBox .titles{font-size: 0.34rem;color: #222;margin: 0.6rem 0;} .detailBigBox .subtitles{font-size: 0.28rem;color: #666;text-align: justify;line-height: 1.8;margin: 0.6rem 0;} /*搜索表单*/ .searchForm{background: #FFFFFF;margin: 0 auto;padding: 40px 5%;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .searchForm .titbox{font-size: 16px;text-align: center;color: #B3171D;font-weight: 700;} .searchForm .inpbox input{display: block;width: 100%;padding: 0 5%;border: 1px solid rgba(0, 0, 0, 0.1);height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #333;} .searchForm .inpbox input:focus{border: 1px solid rgba(0, 89, 172, 0.4);} .searchForm .subbox{display: flex;justify-content: center;} .searchForm .subbox input{font-size: 14px;color: #FFFFFF;background: #B3171D;padding: 8px 30px;margin: 0 20px;border-radius: 5px;} .searchForm .backbox a{display: block;width: 100%;text-align: center;font-size: 14px;background: #666;color: #fff;height: 40px;line-height: 40px;border-radius: 5px;} .searchForm .backbox a:hover{background: #444;} .searchForm .titbox,.searchForm .inpbox,.searchForm .subbox{padding-bottom: 20px;} /**2021年2月7日专题页样式**/ @-webkit-keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .scaleBigToSmall{ -webkit-animation-name: scaleBigToSmall; animation-name: scaleBigToSmall; transform-origin: 50% 50%; } .flex-ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} /**图片自适应**/ .img-cover {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;} /*tablecell*/ .table{display: table;width:100%;height: 100%;margin: 0 auto;} .cell{display: table-cell;vertical-align: middle;} .comtitle{text-align: center;overflow: hidden;} .comtitle h4{color:#333;font-size: .4rem;line-height: 1.5;display: block;} .comtitle p{color: #878787;font-size: 12px;padding-top: 8px;line-height: 1.6} .service-box{background: #F9F9F9;width:100%;overflow: hidden;padding:.7rem 0;} .seritem{padding:0 .3rem;} .seritem .ul1{width:100%;margin:.3rem auto 0 auto;overflow: hidden;height:355px;} .seritem ul li{text-align: center;background: #fff;width:48%;border-radius:5px;height:170px;margin-left: 4%;float:left;margin-bottom: 15px;} .seritem ul .li1{height: 355px;margin-bottom: 0;margin-left: 0;} .seritem ul li div.img {width: 65px;height: 65px;margin: 0 auto;} .seritem ul li h5 {color: #333;font-size: .34rem;font-weight: 500;padding-top: 8px;} .sconed-ul{width:100%;overflow: hidden;margin-top: 15px;} .sconed-ul ul{float: left;width:48%;} .sconed-ul ul li{width:100%;margin-left: 0;} .sconed-ul ul.ul3{margin-left: 4%;} .seritem .ul2{height:355px;height: 170px; } .seritem ul.ul4{width:100%;margin-top: 15px;} .seritem ul.ul4 li{float: left;width:48%;} .seritem ul.ul4 li.li2{margin-left: 0;} .blockbox{padding:0 .3rem ;} .c_abouttitle{text-align: center;font-size: .4rem;font-weight: 600;} .c_client{background: #Fff;width:100%;overflow: hidden;padding:.7rem 0;} .c_client .blockbox ul{height: auto;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: .6rem;} .c_client .blockbox ul li{height: 1.2rem;width:48%;overflow: hidden;background: #fff;border-radius:5px;margin-bottom:.3rem;} .process-img{width:100%;height: 8.38rem;} .process-img img{display: block;width:100%;height: 100%;} /**********内页公共banner****************************/ .c_nybanner {width:100%;overflow: hidden;height:5rem; position: relative;z-index: 1} .c_nybanner img{-webkit-animation: scaleBigToSmall 2s;animation: scaleBigToSmall 2s;max-width: 100%;display: block;height: 100%;} .c_nybanner .banner_title{color:#fff;position: absolute;top:0;left:0;-webkit-animation: fadeInDown 1s;animation: fadeInDown 1s;width:100%;height: 100%;} .c_nybanner .banner_title h4{font-size: .6rem;font-weight:600;text-align: center;line-height: 1.5;} .c_nybanner .banner_title .table{width:90%;margin:0 auto;} .c_nybanner .banner_title .crumbs{color: #fff;font-size:16px;margin-top:25px;text-align: center;font-weight: 300;} .c_nybanner.webs_banner{height: 6.8rem} .c_nybanner.webs_banner .banner_title .crumbs{font-size:16px;margin-bottom:25px;margin-top:0;} .webs_banner .flex-ul{width: 80%;height:35px;margin:30px auto 0 auto;} .webs_banner .flex-ul li{color:#fff;background: url(../images/shadow.png) repeat;height:35px;width:48%;line-height: 35px;text-align: center;border-radius:.35rem;} .webs_banner .flex-ul li h5{color:#fff;font-weight: 500;font-size: 13px;display: block;} .webs_banner .flex-ul li.tels h5{background:url(../images/icon/tels.png) no-repeat 16px center;padding-left:18px;background-size:.21rem .25rem;} .webs_banner .flex-ul li.telss h5{background:url(../images/icon/tels1.png) no-repeat 15px center;padding-left:20px;background-size:.3rem .29rem;} .webs-box1{background: #F9F9F9;width:100%;} .serviceItembox{width:96%;margin:0px auto;background: #fff;padding:20px 0;position: relative;top:-50px;z-index: 999;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;} .serviceItembox ul{padding:0 5px;} .serviceItembox ul li{min-height:100px;text-align: center; width:25%;} .serviceItembox ul li div.img{width:50px;height: 50px;margin:0 auto 10px auto;overflow: hidden;} .serviceItembox ul li h5{color: #333;font-size: 14px;} .serviceItembox ul li p{color: #878787;font-size: 12px;padding-top:5px;line-height: 1.4} .webs_box3{width:100%;background: url(../images/yous.png) no-repeat center bottom;height:auto;overflow: hidden;} .webs_box3 .blockbox{padding:.6rem .3rem;overflow: hidden;} .webs_box3 .blockbox .comtitle h4{color:#fff;} .webs_box3 .blockbox ul{overflow: hidden;width:100%;margin:50px auto 0 auto;} .webs_box3 .blockbox ul li{cursor:pointer;margin-bottom:15px;color: #fff;text-align: center;height: 90px;width:48%;background: url(../images/websli.png) no-repeat center;border-radius:2px;background-size: 100% 90px;} .webs_box3 .blockbox ul li h5{font-size: 16px;padding-top:20px;} .webs_box3 .blockbox ul li p{font-size: 12px;padding:10px .3rem 0 .3rem;line-height: 1.5} .webs_box3 .blockbox ul li:hover{background: url(../images/websli1.png ) no-repeat center;} .webs_box4{width:100%;height: auto;overflow: hidden;background: #fff;padding:.6rem 0 0 0;} .webs_box4_ul{width:100%;background:url(../images/web_tu.png ) no-repeat top;background-size: 100% auto;} .webs_box4_ul ul{overflow: hidden;padding: 4.5rem .3rem 0 .3rem;} .webs_box4_ul ul li{float:left;width:48%;height: 200px} .webs_box4_ul ul li img{width:70px;height: 70px;display: block;} .webs_box4_ul ul li:nth-child(2n){width:44%;margin-left:6%;text-align: left;} .webs_box4_ul ul li:nth-child(2n+1) img{text-align: right;float: right;} .webs_box4_ul ul li h5{color:#333;font-size: 16px;clear:both;font-weight: 400;text-transform: uppercase;padding:15px 0;text-align: left;} .webs_box4_ul ul li p{color:#878787;font-size: 12px;text-transform: uppercase;line-height: 1.6;text-align: left;clear:both;} .webs_box4_ul ul li:nth-child(2n+1) p,.webs_box4_ul ul li:nth-child(2n+1) h5{text-align: right;} /*****竞价托管**/ .c_sys{width:100%;overflow: hidden;padding-top: .6rem;} .sys_bg{width:100%;overflow: hidden;height: auto;} .sys_bg img{display: block;width:100%;} .sys_fonts {padding:0 0 0 .1rem;overflow: hidden;} .sys_fonts dl{height: 1rem;width:100%;margin-top: .6rem;overflow: hidden;} .sys_fonts dl dd{font-size: 14px;line-height: 1.5;margin-left: 1.1rem} .sys_fonts dl dd em{color:#B82329;} .sys_fonts dl dt{color: #fff;background: #B82329;margin-top:1px;width: .9rem;height: .9rem;border-radius: 100%;text-align: center;line-height: .9rem;font-size: .34rem;float:left;} .sys_fonts dl.dl1 dt{margin-left: .5rem;} .sys_fonts dl.dl1 dd{margin-left:1.7rem;} .c_sys2{width:7.5rem;height: 5.8rem;background:url(../images/sysbg3.png) no-repeat center;background-size:7.5rem 5.8rem;margin-top: .6rem} .c_sys2 ul {padding-top: 10px;} .c_sys2 ul li{font-size: 13px;height: .8rem;line-height: .8rem;padding-left:2rem;} .c_sys2 ul li.li2{padding-top:.4rem;} .c_sys2 ul li.li3{padding-top: .75rem} .c_sys2 ul li.li4{padding-top: 1.1rem} .c_sys2 ul li.li5{padding-top: 1.2rem} .shadow5{ -webkit-box-shadow:rgba(0,0,0,0.05) 8px 10px 15px;-moz-box-shadow:rgba(0,0,0,0.05) 8px 10px 15px;-ms-box-shadow:rgba(0,0,0,0.05) 8px 10px 15px;-o-box-shadow:rgba(0,0,0,0.05) 8px 10px 15px;box-shadow:rgba(0,0,0,0.05) 8px 10px 15px;transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;} .sem_box4{padding:.6rem 0 .5rem 0;width: 100%;overflow: hidden;background: #F9F9F9;} .sem_box4 ul{width: 100%;margin-top: .6rem;display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between;flex-wrap: wrap;} .sem_box4 ul li{width:48%;overflow:hidden;border-radius:5px;background: #fff;height: 2.8rem;position: relative;margin-bottom:15px;} .sem_box4 ul li div.img{width:1rem;height: 1rem;margin:0 auto;padding-top:.7rem;} .sem_box4 ul li div.img img{display: block;margin:0 auto;width:100%;} .sem_box4 ul li h2{text-align: center;color:#333;font-size:.32rem;padding-top:1rem;font-weight: 500;} .sem_box4 ul li div.shadowtxt{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;width:100%;color:#fff;height: 100%;background: url(../images/shadow.png) repeat center;border-radius:5px;position: absolute;top:0;left:0;display: none;} .sem_box4 ul li div.shadowtxt h3{text-align: center;font-size: 18px;display: block;} .sem_box4 ul li div.shadowtxt p{font-size: 11px;line-height: 1.8;padding:20px 30px;} .sem_box4 ul li:hover div.shadowtxt{display: block;} .sem_box4 ul li:hover div.img img,.sem_box4 ul li:hover h2{filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */-webkit-filter: blur(3px); /* Chrome, Opera */-moz-filter: blur(3px);-ms-filter: blur(3px); filter: blur(3px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */} .sem_box5{width:100%;overflow: hidden;height: 8.9rem;background: url(../images/sysbg8.png) no-repeat center;background-size: 100% 8.9rem;} .sem_box5 p{color:#fff;font-size: .24rem;line-height: 1.6;padding-top: 2.3rem;padding-left:.6rem;} /****微信开发**/ .wechat_case{width:100%;background:url(../images/wechatbg1.png) no-repeat center;background-size: 100% 16rem;height: 16rem;overflow: hidden;} .dlList{overflow: hidden;width:95%;height:auto;padding-top: 1.8rem;margin:0 auto;} .dlList dl{text-align: center;width:48%;overflow: hidden;margin-bottom: 15px;height: 5.5rem;} .dlList dl a{display: block;width:100%;height: 100%;} .dlList dl dt{display: block;width:100%;height: 4.8rem;} /*.dlList dl dt img{display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}*/ .dlList dl dt img{display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;} .dlList dl dd{height: .8rem;line-height:.8rem;text-align: center;background:#fff;width:100%;} .dlList dl dd h5{display: block;width:90%;margin:0 auto;color: #333;font-size: .28rem;font-weight: 500;line-height: .8rem;} .btn-aa{width:2.6rem;height: .7rem;line-height: .7rem;border-radius: .35rem;background: #b3181e;color: #fff;font-size: 14px;text-align: center;display: block;margin:1rem auto 0 auto;} .w_method{padding:0 .3rem;margin-top: .4rem;padding-bottom:.6rem;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .w_method dl{width:48%;height: 3.8rem;background: #fff;padding:20px 0px;} .w_method dl dt{display: block;width:58px;height: 58px;overflow: hidden;margin:0 auto;} .w_method dl dt img{display: block;width:100%;height: 100%;} .w_method dl dd{display:block;text-align:center;margin-top: 12px;} .w_method dl dd h3{color:#333;font-size:16px;} .w_method dl dd p{color:#878787;font-size:13px;padding-top: 10px} .w_method dl a.atel{display: block;margin:.4rem auto 0 auto;width: 90px;height: 30px;border-radius: 5px;background: #b3181e;font-size: 14px;color:#fff;text-align:center;line-height: 30px;} .shadow1 {-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 38px;-moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 38px;-ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 38px;-o-box-shadow:rgba(0,0,0,0.05) 5px 5px 38px;box-shadow:rgba(0,0,0,0.05) 5px 5px 38px;} /**seo优化**/ .seobg2{width:100%;height: 14.6rem;background: url(../images/seobg2.png) no-repeat center;background-size: 100% 14.6rem ;overflow: hidden;} .seobg2 ul{padding-top: 8rem;color:#fff;} .seobg2 ul li{height: 1.8rem;padding:.15rem .3rem 0 2.2rem;} .seobg2 ul li.li2{padding-top:.35rem;} .seobg2 ul li.li3{padding-top:.65rem;} .seobg2 ul li p{font-size: .26rem;color:#999;line-height: 1.5;padding-top: .1rem;} .seobg2 ul li h4{font-size: .32rem;} .functionbox{padding:.6rem 0 .4rem 0;width:100%;background: #fff;overflow: hidden;} .functionbox ul{margin-top:.5rem;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .functionbox ul li{background: #fff;width:47%;height: 3rem;padding:.3rem 1%;border-radius: 5px;position: relative;overflow: hidden;margin-bottom: 20px;} .functionbox ul li div.img{width:60px;height:60px;border:1px solid #B3171D;border-radius: 100%;margin-left:.2rem;} .functionbox ul li div.img img{width:40px;height: 40px;margin:10px auto;display: block;} .functionbox ul li h2{color: #333;font-size: .28rem;font-weight: 500;padding-top: .2rem;padding-left:.2rem;} .functionbox ul li h5{font-weight: 500;color:#878787;font-size: .26rem;padding-left:.2rem;line-height: 1.4;padding-top:.1rem;} .functionbox ul li .shadowtxt{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;width:100%;color:#fff;height: 100%;background: url(../images/shadow.png) repeat center;border-radius:5px;position: absolute;top:0;left:0;display: none;} .functionbox ul li .shadowtxt p{font-size: .26rem;line-height: 1.5;padding:20px 30px;} .functionbox ul li:hover div.shadowtxt{display: block;} /**小程序**/ .minipro_box1{width:100%;background:#fff;overflow: hidden;padding:.6rem 0 0 0 ;} .minipro_box1 .comtitle p{text-align: left;} .mini_case{background:#FAFAFA;padding:.6rem 0;overflow: hidden;} .mini_case .dlList{padding-top:.65rem;} .mini_case .btn-aa{color:#b3181e;background:#fff;} .minipro_box3,.minipro_box6{padding:.6rem 0;overflow: hidden;} .minipro_box3 .blockbox ,.minipro_box6 .blockbox{margin-bottom: .6rem;} .minipro_box3 img,.minipro_box6 img{display: block;width:100%;} .minipro_box2{background: url(../images/minibg7.png) no-repeat center ;width: 100%;overflow: hidden;padding:.6rem 0;} .minipro_box2 .blockbox .comtitle h4,.minipro_box2 .blockbox .comtitle p,.minipro_box9 .blockbox .comtitle h4,.sys_box2 .blockbox .comtitle h4{color: #fff;} .minipro_box2 .blockbox ul {margin-top: .6rem;} .minipro_box2 .blockbox ul li{width:20%;margin-bottom: 18px;} .minipro_box2 .blockbox ul li div.img{border-radius:100%;width:50px;margin:0 auto 10px auto;height:50px;background:#222;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .minipro_box2 .blockbox ul li div.img img{width:26px;height: 38px;margin:0 auto;display: block;padding-top:12px;} .minipro_box2 .blockbox ul li h5,.minipro_box2 .blockbox ul li h5{text-align: center;font-size: .24rem;color: #fefefe;font-weight: 400;line-height: 1.4;} .minipro_box9{background: url(../images/minibg9.png) no-repeat center ;width: 100%;overflow: hidden;padding:.6rem 0;} .minipro_box9 ul {margin-top: .6rem} .minipro_box9 ul li{width:20%;margin-bottom: 15px;} .minipro_box9 ul li div.img{width: .85rem;height: .85rem;margin:0 auto 10px auto;} .minipro_box9 ul li h5{text-align: center;font-size: .24rem;color: #fefefe;font-weight: 400;line-height: 1.4;} /**系统开发**/ .sys_banner ul.flex-ul{width:100%;margin:.6rem auto 0 auto;} .sys_banner ul.flex-ul li{width:20%;} .sys_banner ul.flex-ul li div.img{width:35px;height:35px;margin:0 auto 15px auto;} .sys_banner ul.flex-ul li h5{font-weight: 500;font-size: 12px;text-align: center;color: #fff;} .sys_box1{padding:.6rem 0;width:100%;overflow: hidden;background: #fff;} .sys_box1 .comtitle p{padding-top: 20px;} .sys_box1 ul{width:100%;margin:.6rem auto 0 auto;} .sys_box1 ul li{width:21%;} .sys_box1 ul li.li1 div.img{margin:0 auto 12px auto;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;background: #313749;width:60px;height:60px;} .sys_box1 ul li.li1 div.img img{width:30px;height: 45px;margin:0 auto;padding-top:15px;display: block; } .sys_box1 ul li.li1 h5{font-size: 16px;text-align: center;font-weight: 500;color: #333;margin-bottom: 20px;} .sys_box1 ul li.li1 p.t{color: #878787;font-size: 12px;line-height: 1.5} .sys_box1 ul li.li2{background: url(../images/icon/sys9.png) no-repeat center;width:41px;height: 60px;margin:0 10px;} .sys_box111{padding:.6rem 0 0 0;overflow: hidden;width:100%;background: #fafafa;} .sys_box111 img{display: block;margin-top:.6rem;width: 100%;} .sys_box2{background: url(../images/sysbg888.png) no-repeat center;width:100%;overflow: hidden;height:auto;padding:.6rem 0; } .sysboxNav{overflow: hidden;width:100%;height: 290px;margin-top:.6rem;} .sysboxNav .syshd{float: left;width:28%;height: 290px;overflow: hidden;} .sysboxNav .syshd li{margin-bottom:10px;cursor:pointer;height: 50px;width:96%;padding-left:4%;background:url(../images/sysli1.png) no-repeat right center;background-size: 100% 100%;} .sysboxNav .syshd li h5{padding-top:10px;font-weight:500;line-height:1.3;color:#fff;font-size: 13px;display: block;padding-left:.5rem;text-align: left;} .sysboxNav .syshd li.li1 h5{background: url(../images/icon/sys25.png) no-repeat left 18px;background-size: 20px 20px;} .sysboxNav .syshd li.li2 h5{background: url(../images/icon/sys26.png) no-repeat left 18px;background-size: 20px 20px;} .sysboxNav .syshd li.li3 h5{background: url(../images/icon/sys29.png) no-repeat left 18px;background-size: 20px 20px;} .sysboxNav .syshd li.li4 h5{background: url(../images/icon/sys27.png) no-repeat left 18px;background-size: 20px 20px;} .sysboxNav .syshd li.li5 h5{background: url(../images/icon/sys28.png) no-repeat left 18px;background-size: 20px 20px;} .sysboxNav .syshd li.li5{margin-bottom: 0;} .sysboxNav .syshd li.on,.sysboxNav .syshd li:hover{background:url(../images/sysli2.png) no-repeat right center;background-size: 100% 100%;} .sysboxNav .sysbd{float:right;width:70%;padding:20px 0 0 0;height: 290px;overflow: hidden;background:url(../images/ss.png) repeat center;} .sysboxNav .sysbd dl{overflow: hidden;width:100%;height: 100%;display: none;} .sysboxNav .sysbd dl dt{color: #fff;font-size:16px;text-align: center;line-height: 20px;} .sysboxNav .sysbd dl dd{height:auto;width:96%;overflow: hidden;margin:0 auto;text-align: center;} .sysboxNav .sysbd dl dd a{display: inline-block;text-align: center;font-size:12px;margin:11px 1% 0 1%;color:#fff;width:47%;height:35px;line-height: 35px;background:url(../images/s22.png) repeat center;border-radius: 2px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;} .sysboxNav .sysbd dl dd a:hover {background: #b3181e} .sys_box66{padding:.6rem 0;overflow: hidden;width:100%;} .sys_box66 .tu7{display: block;width:100%;margin-top:.1rem;} .sys_box66 .blockbox ul{overflow: hidden;width:100%;margin-top: .2rem;} .sys_box66 .blockbox ul li{width:46%;height: auto;margin-bottom:15px;overflow: hidden;text-align: right} .sys_box66 .blockbox ul li div.img{width:55px;height: 55px;margin-bottom: 5px;display: inline-block;text-align: right} .sys_box66 .blockbox ul li h5{color:#333;font-size:15px;font-weight: 400;text-transform: uppercase;padding-bottom: 5px;} .sys_box66 .blockbox ul li p{color:#878787;font-size: 13px;text-transform: uppercase;} .sys_box66 .blockbox ul li:nth-child(2n){text-align: left;} .sys_box66 .blockbox ul li:nth-child(2n) div.img{text-align: left;} .sys_service{width:100%;overflow: hidden;background: url(../images/sys_service.png) no-repeat center;height: 8.45rem;background-size: 100% 100%;} .sys_service ul{overflow: hidden;width:100%;margin-top: 2.1rem;height: auto;} .sys_service ul li{width:46% ;margin:.1rem 1%;height: 1.1rem;float:left;text-align: right} .sys_service ul li div.t h5{color:#fff;font-size: 16px;font-weight: 500;text-transform: uppercase;} .sys_service ul li div.t p{color:#fefefe;font-size: 12px;text-transform: uppercase;opacity: .6;line-height: 1.3;padding-top: 5px;} .sys_service ul li:nth-child(2n){text-align: left;} .sys_service ul li.li3{padding-right: 3%;} .sys_service ul li.li4{padding-left: 4%;} .sys_service ul li.li2{padding-left: 3%;} .sys_service ul li.li5{padding-right: 4%;padding-top: .35rem} .sys_service ul li.li6{padding-left: 5%;padding-top: .35rem} .sys_service ul li.li8{padding-left: 3%;} .sys_service ul li.li7{padding-right: 3%} .sys_service ul li.li7,.sys_service ul li.li8{padding-top:.4rem;}