* { box-sizing:border-box; font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif; padding: 0; margin: 0; color: #2c3e50; }

a{ text-decoration: none; color: #009ee0; }

html, body { width:100%; height: 100%; margin:0 auto;    background: #ccc; }

.main{ position: relative; width: 100%; padding-top: 0.3125rem; max-width:768px;min-height: 100vh; margin:0 auto;  background: #ffffff; }
.main .banner{ position: relative; line-height: 0; width: 100%;; padding: 0.625rem; }
.main .banner img{ width: 100%; }

.intro{ position: relative; padding: 0.3125rem 1.25rem; font-size: 0.875rem; line-height: 1.75rem; color: #2c3e50; }

.intro p{ font-size: 0.875rem; line-height: 1.75rem; color: #2c3e50; }

.intro h2{ font-size: 1rem; color: rgb(0,158,224); margin: 0 0 1rem 0; }

.intro p+h2{ margin-top: 1rem; }

.intro p{ margin-bottom: 1rem; }


.intro img{ width: 100%; }
.intro ul{ margin-left: 2rem; margin-top: 1rem; margin-bottom: 1rem;}


.list{ position: relative; width: 100%; padding: 0.625rem; }
.list .list-item{ position: relative; width: 100%; display: flex; flex-flow: row nowrap;  align-items: stretch; margin-bottom: 2.375rem; }

.list .list-item .item-pic{ line-height: 0;  }
.list .list-item .item-pic img{ width: 100%; }

.list .list-item .item-desc{  display: flex; flex-flow: column nowrap; justify-content: center; margin-left: 0.625rem; font-weight: bold; font-size: 1rem; background: url("../img/right-1.png") center right no-repeat; background-position:  90% center; }


.p40 .list-item .item-pic{ width: 40%;  }
.p40 .list-item .item-desc{  width: 60%; }

.p25 .list-item{ padding: 0.625rem 0 0.625rem 1.25rem; margin-bottom: 0rem; }
.p25 .list-item .item-pic{ width: 25%;  }
.p25 .list-item .item-desc{  width: 75%; }

.p25 .list-item .item-desc .item-tit{ font-size: 0.875rem; font-weight: normal;  color: rgb(44, 62, 80); width: 72%; }
.p25 .list-item .item-desc .item-txt{ font-size: 0.75rem; font-weight: normal;  color: rgb(146, 146, 146); width: 72%; }


.p20 .list-item{ padding: 0.25rem 0 0.25rem 0.3125rem; margin-bottom: 0rem; }
.p20 .list-item .item-pic{ width: 20%;  }
.p20 .list-item .item-desc{  width: 80%; background-position:  100% center; }

.p20 .list-item .item-desc .item-tit{ font-size: 0.875rem; font-weight: normal;  color: rgb(44, 62, 80); width: 72%; }
.p20 .list-item .item-desc .item-txt{ font-size: 0.875rem; font-weight: normal;  color: rgb(146, 146, 146); width: 72%; }

sup{ line-height: 0; }

.btn-box{ position: relative; width: 100%; padding: 1rem 1rem 2rem 1rem; text-align: center; }
.btn{ position: relative; display: inline-block; background:rgb(0, 158, 224); color: #FFFFFF; border-radius: 0.125rem; height: 2rem; line-height: 2rem; padding: 0 0.625rem; font-size: 0.875rem;  }

.show{ position: relative; background: rgb(243, 243, 243); padding: 1rem; margin-bottom: 1rem; }


.show .show-tit{ font-size: 0.875rem; font-weight: bold; color: rgba(0, 0, 0, 0.6); text-align: left; }

.show .list{ padding: 0; padding-top: 1rem; }

.show .list-item{ padding: 0.25rem 0 0.25rem 0.3125rem; margin-bottom: 1rem; }
.show .list-item .item-pic{ width: 15%;  }
.show .list-item .item-desc{  width: 85%; background: none; }

.show .list-item .item-desc .item-tit{ font-size: 0.875rem; font-weight: normal;  color: rgb(44, 62, 80); width: 72%; }
.show .list-item .item-desc .item-txt{ font-size: 0.875rem; font-weight: normal;  color: rgb(146, 146, 146); width: 72%; }

.btn-box .b-back {
    position: relative;
    display: inline-block;
    z-index: 10;
    border: #26294d 1px solid;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    color: #26294d;
    letter-spacing: 0.5rem;
}

.contact-us{ position: relative; background: #26294d; width: 100vw; max-width: 750px; text-align: center; margin: 2rem 0; padding: 2rem 0; color: #FFFFFF; font-weight: 600; font-size: 1.125rem; }

.contact-us a{ position: relative; color: #FFFFFF; font-weight: 600; font-size: 1rem;  padding-left: 2.5rem; height: 2rem; line-height: 2rem; }

.contact-us a:before{ position: absolute; background: url(/weixin/img/icon/message.svg) center no-repeat; width: 2.5rem;  height: 2.5rem; background-size: 100% auto; content: ""; left: -0.25rem; top:-0.5rem; }

.header-bar{ position: relative; width: 100%; padding: 1rem; }
.header-bar .header-sub-tit{  position: relative; font-size: 1.125rem; line-height: 1.75rem; color: #26294d; font-family: sans-serif; }
.header-bar .header-tit{ position: relative; font-size: 1.5rem; line-height: 2rem; font-weight: 600; color: #26294d; }