/* 轮播图 */

#focus .sc1 {
    width: 100%;
    height: auto;
}

#focus .ss1{
    width: 100%;
    height: auto;
}

#focus .ss1 img {
    width: 100%;
}

/* 简介 */

.jianjie {
    padding: 0 20px 20px 20px;
}

nav {
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
}

nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-around;
}

.local-coin {
    width: 50px;
    height: 50px;
    background-size: 50px auto;
}

.jianjie ul li {
    flex: 1;
    width: 33.33%;
    max-width: 33.33%;
    min-width: 33.33%;
}

nav .local-nav a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
}

#coin1 {
    background: url(../img/local1.png);
    background-size: 50px auto;
}

#coin2 {
    background: url(../img/local2.png);
    background-size: 50px auto;
}

#coin3 {
    background: url(../img/local3.png);
    background-size: 50px auto;
}

#coin4 {
    background: url(../img/local4.png);
    background-size: 50px auto;
}

#coin5 {
    background: url(../img/local5.png);
    background-size: 50px auto;
}

#coin6 {
    background: url(../img/local6.png);
    background-size: 50px auto;
}

#coin7 {
    background: url(../img/local7.png);
    background-size: 50px auto;
}

#coin8 {
    background: url(../img/local8.png);
    background-size: 50px auto;
}

nav a span {
    height: 21px;
    color: #101010;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.sys-name {
    display: block;
    margin: 19px auto 0px auto;
    width: 196px;
    height: 35px;
    color: #101010;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.minutia {
    display: block;
    margin: 10px auto 10px auto;
    height: 30px;
    color: #101010;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.present {
    color: #4f4e4e;
    font-size: 16px;
    text-align: left;
}

.bra {
    display: flex;
    top: 8px;
    height: 70px;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
}

.bra-bg {
    width: 70px;
    height: 70px;
}

.bra-bg {
    margin-top: 8px;
    width: 70px;
    height: 70px;
    background-color: #0169CA;
    border-radius: 50%;
    color: #EFEFEF;
    font-size: 14px;
    text-align: center;
}

.branch {
    margin: 18px 14px;
    width: 42px;
    height: 34px;
    line-height: 17px;
    color: #EFEFEF;
    font-size: 14px;
    text-align: center;
}

/* 产品测评 */

.project {
    padding-top: 40px;
    height: 75px;
    background-color: #fff;
}

.pro-title {
    height: 39px;
    color: #101010;
    font-size: 26px;
    text-align: center;
}

.pro-det {
    margin-bottom: 15px;
    height: 21px;
    color: #101010;
    font-size: 14px;
    text-align: center;
}

.pro-img {
    height: 100%;
}

.pro-img img {
    width: 100%;
    height: 100%;
}

.stage {
    position: relative;
    min-width: 375px;
    max-width: 640px;
    width: 100%;
    height: 740px;
    background-color: #EFEFEF;
}

.stage-card {
    position: absolute;
    width: 90%;
    height: auto;
    padding-bottom: 20px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 1px solid #bbbbbb;
}

.stage span {
    margin: 10px 22px;
    display: block;
    line-height: 42px;
    color: #0169CA;
    font-size: 22px;
    text-align: left;
}

.stage .stage-card .stage-span-a {
    margin: 10px 22px;
    display: block;
    line-height: 42px;
    color: #0169CA;
    font-size: 22px;
    text-align: left;
}

.stage .stage-card #stage-span {
    margin-top: 11px;
}

.stage-flex {
    margin: 0 22px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.stage-pro {
    margin-bottom: 10px;
    width: 41%;
    height: 46px;
    padding: 0 10px;
    line-height: 46px;
    color: #101010;
    border-radius: 10px;
    border: 1px solid #bbbbbb;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fake-div {
    height: 1px;
    border: 1px solid transparent;
    overflow: hidden;
}

/* 科学成长 */

.grow {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #FFFFFF;
}

.gro-h1 {
    margin: 0 auto 27px auto;
    width: 260px;
    height: 33px;
    color: #101010;
    font-size: 26px;
    text-align: center;
}

.gro{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: center;
}

.gro li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 10px;
}

.gro li span {
    padding: 10px;
    width: 67px;
    height: 67px;
    color: white;
    border-radius: 50%;
    background-color: #0169CA;
    box-sizing: border-box;
    text-align: center;
}

.gro li p {
    /*width: 77.5%;*/
    /*height: 92px;*/
    /*float: right;*/
    /*border: 1px solid #D2D2D2;*/
    /*border-radius: 72px;*/
    /*padding: 15px 24px 0 33px;*/
    /*box-sizing: border-box;*/
    /*font-size: 14px;*/
    /*color: #333333;*/
    /*background: #FFF;*/
    width: 77.5%;
    float: right;
    border: 1px solid #D2D2D2;
    border-radius: 72px;
    padding: 15px 24px 15px 33px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    background: #FFF;
}
/* 公司实力 */

.swiper-container {
    width: 100%;
    height: 306px;
    margin-bottom: 28px;
}

.swiper-slide {
    width: 259px;
    height: 306px;
    text-align: center;
    font-size: 18px;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.swiper-container .my-slide {
    width: 259px;
    height: 306px;
}

.swiper-slide-active, .swiper-slide-duplicate-active {
    transform: scale(1);
}

.strength {
    padding: 40px 0px;
    background: url(../img/strength1.png) no-repeat;
    background-size:  auto 100%;
}

.str-title {
    padding-top: 42px;
    height: 39px;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.str-title1 {
    margin-bottom: 17px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

.str-card {
    margin: 0px auto 28px;
    width: 259px;
    height: 306px;
    opacity: 0.85;
    border-radius: 15px;
    background-color: #fff;
}

.ask-btn a {
    margin: 0 auto;
    display: block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    border-radius: 25px;
    color: #FFFFFF;
    background-color: #0169CA;
    text-align: center;
    border: 1px solid #0169CA;
}

.str-coin{
    margin: 26px auto 16px;
    display: block;
    width: 89px;
    height: 89px;
    background-color: #0169CA;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    text-align: center;
    line-height: 89px;
    font-weight: bold;
    opacity: 1;
}

.card-tit {
    display: block;
    margin-bottom: 15px;
    height: 30px;
    color: #101010;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    opacity: 1;
}

.str-det {
    display: block;
    padding: 0 20px 25px;
    color: rgba(16, 16, 16, 100);
    font-size: 16px;
    text-align: center;
    opacity: 1;
}

.lxli{
    background-color: #fff;
    border-radius: 15px;
}

/* 公司优势 */

.advantage {
    height: 633px;
    background-color: #fff;
}

.adv-title {
    margin-bottom: 12px;
    padding-top: 41px;
    height: 39px;
    color: #101010;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.adv-gray {
    margin: 0 auto;
    width: 370px;
    height: 493px;
    border-radius: 15px 15px 15px 15px;
    background-color: #EFEFEF;
}

.adv-bg {
    width: 368px;
    height: 198px;
}

.adv-bg img {
    width: 368px;
    height: 198px;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid #bbbbbb;
    overflow: hidden;
}

.adv-tit {
    margin: 22px auto 17px auto;
    height: 30px;
    color: #101010;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.adv-det {
    margin: 0px auto 55px auto;
    width: 335px;
    height: 58px;
    color: #101010;
    font-size: 16px;
    text-align: center;
}

.adv-btn a {
    margin: 0 auto;
    display: block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    border-radius: 25px;
    color: #FFFFFF;
    background-color: #0169CA;
    text-align: center;
    border: 1px solid #bbbbbb;
}

.advantage .dx{
    height: 493px;
    background-color: #fff;
}

.advantage .dc{
    background-color: #fff;
}

.advantage .dl {
    margin: 0 auto;
    width: 370px;
    height: 493px;
    background-color: #fff;
}

.advantage dl dt img {
    width: 370px;
    height: 198px;
    display: block;
    border-radius: 15px 15px 0 0;
    border: 1px solid rgba(187, 187, 187, 100);
    overflow: hidden;
}

.advantage dl dd {
    width: 370px;
    height: 295px;
    background: #EFEFEF;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0 0 15px 15px;
}

.advantage dl dd span {
    display: block;
    height: 30px;
color: rgba(16, 16, 16, 100);
font-size: 20px;
text-align: center;
font-weight: bold;
    margin-bottom: 17px;
}

.advantage dl dd p {
    margin: 0 auto 25px;
color: rgba(16, 16, 16, 100);
font-size: 16px;
text-align: center;
}

.advantage dl dd a {
    display: block;
    width: 142px;
height: 42px;
line-height: 42px;
color: #fff;
border-radius: 25px;
background-color: rgba(1, 105, 202, 100);
text-align: center;
border: 1px solid rgba(187, 187, 187, 100);
    margin: 0 auto;
}

.advantage dl dd i {
    display: block;
    width: 67px;
    height: 23px;
}

.advantage dl dd .e1 {
    background: url(../img/e1.png) no-repeat center;
    background-size: 100%;
}

.advantage dl dd .e2 {
    background: url(../img/e2.png) no-repeat center;
    background-size: 100%;
}

.advantage dl dd .e3 {
    background: url(../img/e3.png) no-repeat center;
    background-size: 100%;
}

.advantage .jt {
        width: 110px;
    height: 20px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 20px;
    background: url(../img/hg.jpg) no-repeat center;
    background-size: 2%;
    z-index: 100;
}

.advantage .jt .swiper-button-prev {
    width: 67px;
    height: 23px;
    background: url(../img/prev.png) no-repeat center;
    background-size: 100%;
    margin: 0;
    top: 0;
}

.advantage .jt .swiper-button-next {
    width: 67px;
    height: 23px;
    background: url(../img/next.png) no-repeat center;
    background-size: 100%;
    margin: 0;
    top: 0;
    right: 0;
}

/* 成长规划 */

.plan {
    padding: 0px 16px;
    height: 845px;
    background-color: #fff;
}

.plan-title {
    padding-top: 23px;
    height: 39px;
    color: #101010;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.plan-st {
    margin-bottom: 35px;
    height: 21px;
    color: #101010;
    font-size: 14px;
    text-align: center;
}

.plan-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 15px;
    height: 143px;
    border-radius: 15px;
    border: 1px solid #bbbbbb;
    overflow: hidden;
}

#last-pc {
    margin: 0px auto 25px auto;
}

.l-card {
    width: 142px;
    height: 143px;
}

.l-card img {
    width: 142px;
    height: 143px;
}

.r-card {
    padding-right: 20px;
    padding-left: 20px;
    height: 143px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-content: space-around;
}

.card-name {
    height: 30px;
    color: #101010;
    font-size: 20px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.card-det {
    color: #666666;
    color: #101010;
    font-size: 16px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.plan-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    height: 42px;
}

.more-btn {
    margin-right: 34px;
    width: 142px;
    height: 42px;
    border-radius: 25px;
    border: 1px solid #4f4e4e;
    background-color: #FFFFFF;
    text-align: center;
}

.more-btn a {
    display: block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    color: #0c0c0c;
    font-size: 14px;
    text-align: center;
}

/* 证书墙 */

.certificate {
    height: 630px;
    background: url(../img/certificate.png);
    background-size: 100%;
}

.blue-box {
    margin: 0px auto 176px auto;
    width: 253px;
    background-color: #0169CA;
    border: 1px solid #FFFFFF;
    overflow: hidden;
}

.g {
    padding-top: 176px;
}

.b-box {
    margin: 6px auto 6px auto;
    width: 239px;
    background-color: #0169CA;
    border: 2px solid #FFFFFF;
}

.b-title {
    margin: 38px 42px 16px;
    width: 160px;
    height: 45px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.b-det {
    margin: 0px 12px 43px 15px;
    width: 210px;
    height: 121px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

/* 留言板 */

.messageboard {
    padding: 0px 16px;
    height: 723px;
    background: url(../img/messageboard.png);
    background-size: auto;
    overflow: hidden;
}

.w-card {
    margin: 72px auto 17px auto;
    padding: 22px;
    opacity: 0.85;
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 1px solid rgba(187, 187, 187, 51);
}

.mes-title {
    margin: 13px 0 0 19px;
    height: 29px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.mes-det {
    margin: 0px 0 7px 19px;
    height: 28px;
    font-size: 14px;
    text-align: left;
}

.blueline {
    margin: 0 0 9px 35px;
    width: 30px;
    height: 1px;
    background-color: #0169CA;
    border: 1px solid #0169CA;
}

.bt {
    margin-left: 17px;
    height: 21px;
    line-height: 21px;
    color: rgba(16, 16, 16, 100);
    font-size: 14px;
    text-align: left;
}

.w-card .bt span {
    color: #0169CA;
}

.w-card .input {
    margin: 0 0 12px 17px;
    width: 244px;
    height: 30px;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #BEBEBE;
}

.code {
    margin: 0 5px 12px 17px;
}

.code input {
    width: 110px;
    height: 30px;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #BEBEBE;
}

.code .img {
    width: 78px;
    height: 30px;
}

.upload {
    margin-left: 17px;
    width: 104px;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #0169CA;
}

.plate {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: space-around;
    margin-bottom: 20px;
}

.w-block {
    float: left;
    width: 119px;
    height: 93px;
    opacity: 0.8;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(187, 187, 187, 100);
}

.plate .plate-tit {
        display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 11px;
    font-weight: bold;
    color: #0169CA;
    
}

.plate .plate-det {
        margin-left: 9px;
    height: 16px;
    color: #101010;
    font-size: 14px;
    text-align: left;
}

/* 地址栏 */

.address {
    position: relative;
    padding-bottom: 55px;
    height: 120px;
    background-color: #1A1A1A;
}

.address .addr {
    margin: 0px auto 0px auto;
    padding-top: 24px;
    width: 280px;
    height: 73px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

.north {
    position: absolute;
    top: -29px;
    left: calc( 50% - 26px);
    width: 57px;
    height: 52px;
}

.north img {
    width: 57px;
    height: 52px;
}

/* 脚部 */

footer {
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    min-width: 414px;
    height: 55px;
    background-color: #0169CA;
}

.foot-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.foot-coin {
    width: 26px;
    height: 26px;
}

#fc1 {
    background: url(../img/foot-coin1.png);
    background-size: 26px auto;
}

#fc2 {
    background: url(../img/foot-coin2.png);
    background-size: 26px auto;
}

#fc3 {
    background: url(../img/foot-coin3.png);
    background-size: 26px auto;
}

#fc4 {
    background: url(../img/foot-coin4.png);
    background-size: 26px auto;
}

.foot-block span {
    width: 60px;
    height: 18px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    font-family: "Helvetica-regular";
}