﻿html {
    max-width: 600px;
    padding-top: 52px;
    padding: 52px 0 80px;
}

.hide {display: none}

.headSec {
   max-width: 600px;
   background-color: #fff;
   box-shadow: 0 1px 15px -6px rgba(190,195,201,.75);
}

.headSecWeb .logo {width: 48%;}
.miniMenu::before { height: 16px;}
.miniMenu::before,
.miniMenu::after {color: #0055c2;}

.miniMenu ul.nav li {
   opacity: 0;transition: all .8s;
}
.activeMenu ul.nav li {opacity: 1;}

.miniMenu .nav li:hover .menu {
   opacity: 1;
   visibility: visible;
   max-height: 600px;
}
.mainSec { color:#000; }
/* 首页 start */
.bannerSlide  {padding-bottom: 50%;}
.bannerSlide img {object-fit: cover;}
.indexOneItemBox {
    grid-template-columns: none;
    grid-template-rows: none;
    padding-right: 4.45%;
}
.userNum{
    font-size: 14px;
}
.secTlt {
    position: relative;
    padding: 8% 0 2%;
    text-align: center;
    color: #333;
}

.secTlt::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 11%;
    height: 4px;
    border-radius: 10px;
    background-color: #1372FF;
    transform: translateX(-50%);
}

.secOne {
    justify-content: space-between;
    padding: 0 2.8%;
}

.indexOneItem {
    width: 48.5%;
    padding: 15px 0;
}

.indexOneImgBox {padding: 0 14%;width: 100%;}
.indexOneTlt { text-align: center;}

.indexOneItemBox p {
    overflow: hidden;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

/*永拓数字*/
.factorySwiper {
    width: 100%;
    margin: 0 auto;
}

.factorySlide {
    height: auto;
    padding: 4% 0;
}

.factoryLink {
    width: 80%;
    height: 100%;
    padding: 2% 5% 3%;
    margin: 0 auto;
    text-align: center;
}

.factoryImgBox {
    width: 60%;
    margin: 0 auto;
}

.factoryBtn {
    overflow: hidden;
    width: 36px;
    height: 36px;
    background-color: #fff;
    box-shadow: 0 0 12px -3px rgba(0,0,0,.3);
    border-radius: 50%;
}

.factoryBtn::before,
.factoryBtn::after {
    font-size: 20px;
}

.factoryName {color: #1372FF}

.factoryTxt {
    padding: 6% 0;
    line-height: 1.6;
    color: #7f7f7f;
}

.factoryLinkBtn {
    width: 50%;
    margin: 0 auto;
    line-height: 2.6;
    color: #333;
    border: 1px solid #1372ff;
    border-radius: 20px;
}

/* 解决方案 */
.secThreeLst {
    justify-content: space-between;
    padding: 4% 2.8% 0; 
}
.secThreeLst .secThreeItem {
    width: 48.5%;
    padding-bottom: 2.8%;
    text-align: center;
}

.secThreeImg {width: 65%;}

.secThreeItem .secThreeTlt {
    height: 3.4em;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 经典案例、最新资讯 */
.secFive {padding: 4% 0 8%;}
.secFourLst, .secFiveLst {padding: 2% 0 6%;}

.secFourItem, .secNewsItem {
    display: grid;
    grid-template-columns: 36% 61%;
    grid-template-rows: 28% 72%;
    grid-column-gap: 3%;
}
.secFourItem {padding: 2.8% 3.6%}
.secNewsItem {padding: 3.8% 3.6%;}

.secFourImgBox {
    grid-row-end: span 2;
}

.secNewsImgBox {
    position: relative;
    padding-bottom: 60%;
}

.secFourTlt,
.secFiveTlt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.secNewsImg {object-fit: cover;}

.secFourImg {border-radius: 6px;}

.secFourTxt {
    align-self: center;
    line-height: 1.65;
    text-align: justify;
    color:#7f7f7f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.linkBtn {
    width: 39%;
    margin: 0 auto;
    line-height: 2.4;
    text-align: center;
    color: #fff;
    background-color: #1372FF;
    border-radius: 10px;
}

.secFiveItem {
    display: grid;
    grid-template-columns: 25% 71%;
    grid-template-rows: 40% 60%;
    grid-column-gap: 4%;
    padding: 2.8% 3.6%;
}

.secFiveTime {
    grid-row-end: span 2;
    align-self: center;
    padding: 10% 0;
    text-align: center;
    color: #fff;
    background-color: #1372FF;
    border-radius: 3px;
}

.secFiveTxt {
    align-self: flex-end;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dede_pages {padding-top: 6%;}

/* mFooter.ascx */

.firstpane {
    justify-content: space-between;
    width: 94%;
    margin: 6% auto 0;
}

.titleBar {
    width: 100%;
    margin-bottom: 3%;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 3px solid #1372ff;
    font-size: 19px;
    color: #333;
}

.footProItem {
    display: grid;
    align-items: center;
    width: 31%;
    height: 80px;
    padding: 3%;
    margin-bottom: 3%;
    font-size: 14px;
    text-align: center;
    font-weight: 800;
    color: #333;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.footCaseItem a {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: 98%;
    margin: 0 auto 3%;
    padding:0 5% 0 3%;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f5f5f5;
    line-height: 2.8;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
}

.footCaseItem a:after {
    position: absolute;
    content: '>';
    right: 10px;
}

.footCaseItem a:active {
    background-color: #efefef;
}

.prevpage, .nextpage {
    overflow: hidden;
    padding: 4px 10px;
    margin-bottom: 4%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333;
    background-color: #e1e2e3;
    border-radius: 4px;
}

.backlist2 {
    display: block;
    width: 30%;
    padding: 2% 0px;
    margin: 6% auto 4%;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #1372FF;
    border-radius: 4px;
}

.footerTxt {
    line-height: 1.6;
    color: #7f7f7f;
}

.footerLst {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 6;
    width: 100%;
    max-width: 600px;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    background-color: #fff;
}

.footerItem {
    width: 25%;
    padding: 8px;
    background-color: #0055c2;
}

.footerIcon {
    width: 28px;
    height: 28px;
}

/* newsDetail */
.ContentA3 {display: none}
.newsContent {padding: 3%;}
.newsContent .view {padding-bottom: 50px;}

.AboutContent .content h2 {
    text-align: center;
    line-height: 1.5;
    color: #333;
}

.AboutContent .ptimeviews {
    padding: 3% 0 5%;
    font-size: 12px;
    text-align: center;
    color: #7f7f7f;
}

/* HonorList */
.caseLst {
    justify-content: space-between;
    align-items: flex-start;
}

.caseItem {
    width: 48.5%;
    padding: 2% 2% 3%;
    margin: 1% 0 3%;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}

.caseImgBox {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.caseItemName {
    display: -webkit-box;
    overflow: hidden;
    padding-top: 4%;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.rewriteBody .swiper-prev-btn,
.rewriteBody .swiper-next-btn {
    width: 30px;
    height: 30px;
    padding: 5px;
}

.rewriteBody:

.mainSecCase, .mainSecProgram, .secTrial, p.processTxt br { display: none;}
div.swiper-slide {height: auto;}
.caseLst .caseItem img {object-fit: cover}