/* *********外层框架start********* */ .tags{ position: absolute;height: .9rem; padding: 0 .4rem; background: rgba(0, 0, 0, 0.7); border-radius: .9rem; color: #ffffff; font-size: .6rem; font-style: normal;} /*顶部start*/ .head1{ height: 2.25rem; line-height: 2.25rem; position: relative; z-index: 5; background: #FFF url(../images/topBg.jpg) no-repeat left top; background-size: cover; overflow: hidden;} .logo{ height:1.6rem; overflow: hidden; position: absolute; top:0.325rem; left:0.5rem; } .logo img{display:block;height:1.6rem;} .menuBt{ width:1.3rem; height:2.25rem; position: absolute; top: 0; right:0.5rem; background:url(../images/icon2.png) no-repeat center center; background-size:1rem; } .menuBt:after{ content: ""; display: block; width:1px; height:1rem; background:#e6e6e6; position: absolute; left:-0.5rem; top: 50%; transform: translateY(-50%); } .searchBt{ width:1.1rem; height:2.25rem; position: absolute; top: 0; right:2.7rem; background:url(../images/icon1.png) no-repeat center center; background-size: 0.75rem; } .searchBox{ background:#fff; overflow: hidden; height:2rem; } .searchBox .inputBox{ overflow: hidden; padding:0 0.5rem; height:2rem; } .searchBox .inputBox input{ display: block; width:100%; height:2rem; line-height: 2rem; font-size:0.65rem; color: #666; background:none; border:none; } .searchBox a{ display: block; width:1.1rem; height:2rem; background:url(../images/icon1.png) no-repeat center center; background-size: .75rem; margin-right:0.5rem; } .searchTop.layui-layer{ border-radius: 8px; overflow: hidden; } /*顶部end*/ /*导航start*/ .menuPage{display:none} .menuPageC{padding:.5rem 0;background:#fff;} .menuPageList{overflow: hidden;} .menuPageList dd{ clear: both; overflow: hidden; } .menuPageList dd .a1{ display: block; clear: both; height:2rem; overflow: hidden; line-height:2rem; color: #333; font-size:0.68rem; text-align: center; } .menuPageList dd.hover .a1{background:#cd2027;color:#fff} .menuStyle2 .layui-layer-setwin .layui-layer-close2, .menuStyle .layui-layer-setwin .layui-layer-close2 { right: -15px; top: -15px; background: url(../images/close.png) center center no-repeat; background-size: 1.25rem; } .menuStyle2.layui-layer{ border-radius: .35rem; overflow: hidden; } .menuStyle2 .menuPageC{ padding: 0; } /*导航end*/ /*底部start*/ .footerList{ height: 2.25rem; overflow: hidden; display: flex; background: #f9f9f9;} .footerList .item{ flex: 1;} .footerList .item a{ display: block; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: .2rem;} .footerList .item .icn{ height: 1rem;} .footerList .item .icn img{ height: 1rem; display: block; margin: 0 auto;} .footerList .item .text{ height: 1rem; line-height: 1rem; text-align: center; font-size: .6rem; color: #333333;} /*底部end*/ /* *********外层框架end********* */ /* *********首页内容start********* */ /*banner start*/ .indexBanner{ width: 100%; position: relative; z-index: 1;} .indexBanner img{ width: 100%;} .indexBanner .swiper-pagination{ text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;} .indexBanner .swiper-pagination span{ width:0.4rem; height:0.4rem;overflow: hidden;border-radius:100%; text-align: center; line-height:9999px;background: none;border:1px solid #83a5ca; opacity: 1;transition: all 500ms; -webkit-transition: all 500ms;} .indexBanner .swiper-pagination span.swiper-pagination-bullet-active{ background:#fff;border:1px solid #fff;} /*banner end*/ /*1*/ .ixBox{ clear: both; background:#fff; padding:0.5rem; } /**/ .ixBoxT{ clear: both; overflow: hidden; text-align: center; } .ixBoxTC{ display:inline-block; overflow:hidden; position:relative; } .ixBoxTC:after{ content: ""; display: block; width:100%; height: 2px; background:#cd2027; position: absolute; bottom: 0; left:3px; } .ixBoxTC .divL{ height:2rem; line-height: 2rem; font-size:1.85rem; color: #cd2027; } .ixBoxTC .divR{overflow:hidden;padding-left:2px;} .ixBoxTC .divR span{ display: block; clear: both; height:0.7rem; font-size:0.35rem; line-height: 0.7rem; color: #cd2027; margin-top:0.2rem; } .ixBoxTC .divR em{ display: block; clear: both; height:0.8rem; font-size:0.8rem; line-height:0.8rem; color: #333333; font-style:normal; } .ixDl1{margin:0 -0.25rem;} .ixDl1:after{ content: ""; display: block; height:0; clear: both; } .ixDl1 dd{ float: left; width:50%; margin-bottom:0.5rem; } .ixDl1 dd a{ display: block; overflow: hidden; margin:0 0.25rem; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.08); padding: 0.5rem; border-radius: 5px; } .ixDl1 dd a .pic:before{padding-top:75.9689%} .ixDl1 dd a .pic img{ width: auto; height: auto; max-width:100%; max-height:100%; top:50%; left: 50%; transform: translate(-50%,-50%); object-fit:contain; } .ixDl1 dd a .divT{ clear: both; height:1rem; overflow:hidden; line-height: 1rem; font-size:0.65rem; color: #333333; word-break: break-all; padding:0; } .ixDl1 dd a .divT2{ clear: both; height:1rem; overflow:hidden; line-height: 1rem; font-size:0.65rem; color: #999999; word-break: break-all; } .ixDl1 dd a .divT3{ clear: both; height:1rem; overflow:hidden; line-height: 1rem; font-size:0.65rem; color: #c80000; font-weight:bold; } /**/ .more{clear: both;text-align: center} .more a{ display:inline-block; height:1.75rem; line-height: 1.75rem; text-align: center; font-size:0.65rem; color: #999999; padding:0 1rem; } .more a.bdAll:before{border-radius:1.75rem} /*服务*/ .serviceDl dd{ clear: both; height:3.7rem; overflow: hidden; border-radius:5px; margin-bottom:0.5rem; padding:0.5rem 0; } .serviceDl dd:nth-child(1){background:#f6dadb} .serviceDl dd:nth-child(2){background:#f2e8c4} .serviceDl dd:nth-child(3){background:#cbe3f3} .serviceDl dd:nth-child(4){background:#f7e4d1} .serviceDl dd:nth-child(5){background:#d5daf3} .serviceDl dd:nth-child(6){background:#c3f1ec} .serviceDl dd:nth-child(7){background:#edd9f7} .serviceDl dd a{ display: block; padding:0 0.5rem; overflow: hidden; } .serviceDl dd a .pic{width:3.7rem;} .serviceDl dd a .pic:before{padding-top:100%} .serviceDl dd a .divR{ overflow: hidden; padding-left:0.5rem; height:3.7rem; } .serviceDl dd a .divR .divT{ clear: both; overflow: hidden; height:1.5rem; line-height: 1.5rem; color: #333333; font-size:0.68rem; } .serviceDl dd a .divR .divT2{ clear: both; overflow: hidden; line-height: 1rem; color: #666666; font-size:0.65rem; } .serviceDl dd a .pic img{ width:auto; height: auto; max-width:80%; max-height: 80%; top: 50%; left: 50%; transform:translate(-50%,-50%); } .newsDl{ overflow: hidden; } .newsDl dd{ clear: both; overflow: hidden; } .newsDl dd a{ display: block; overflow:hidden; padding:0 0.5rem; background:#fff; } .newsDl dd a .pic:before{padding-top:66.6667%} .newsDl dd a .divT{ clear: both; height:1rem; overflow: hidden; line-height: 1rem; color: #333333; font-size:0.65rem; } .newsDl dd a .divT2{ clear: both; height:1rem; overflow: hidden; line-height:1rem; color: #999899; font-size:0.55rem; } .newsDl dd a .txt{ clear: both; line-height: 1rem; color: #666666; font-size:0.65rem; } /*底部*/ .footerMain{ clear: both; overflow: hidden; background:#fff; padding:0.5rem; line-height:1rem; text-align: center; } .footerMain .div1{font-size:0.65rem;} .footerMain .div2{font-size:0.6rem;} .footerMain a{color:#666666} /* *********首页内容end********* */ .ajaxLoad { color: #666; height: 2.0rem; line-height: 2.0rem; text-align: center; clear: both; position: relative; background: #fff; margin: 0.25rem 0 0 0; font-size:0.65rem; } .ajaxLoad i { font-size: 0.8rem; margin: 0 0.25rem 0 0; color: #fc8b1c; } /**/ .head1 .divT{ clear: both; line-height: 2.25rem; text-align: center; font-size:0.9rem; color: #333333; } .returnBt{ width:1.8rem; height:2.25rem; background:url(../images/icon3.png) no-repeat center center; background-size: auto 1rem; position: absolute; top: 0; left: 0; } /**/ .pageUp{ line-height: 1rem; font-size:0.65rem; overflow: hidden; margin-bottom:20px; }