@charset "utf-8";

body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, arial, STHeiTi, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #333;
}

p,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

video embed,
video object,
video iframe,
video {
    width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-touch-callout: none;
}

li,
ol,
ul {
    list-style: none
}

i,
em,
cite {
    font-style: normal;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    text-decoration: none;
    outline: none;
}

textarea {
    resize: none
}

input[type="text"],
input[type="password"],
select,
textarea,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-appearance: none;
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, arial, STHeiTi, sans-serif;
}

.pr {
    position: relative;
}

.abs {
    position: absolute
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center !important;
}

.wrap {
    min-width: 320px;
    max-width: 768px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.jingpin-page {
    padding: 0 0.4rem;
}

.header {
    width: 100%;
    height: 1.17rem;
    background: #fff;
}

.logo img {
    display: block;
    width: 2.59rem;
    height: 1.17rem;
}

.share img {
    display: inline-block;
    width: .27rem;
    height: .33rem;
    margin-right: .19rem;
    vertical-align: middle;
}

.banner {
    padding-top: 2.63rem;
    height: 2.59rem;
    background: url("https://m.jianshe99.com/upload/resources/image/2021/05/31/496253.png") no-repeat center top;
    background-size: 10rem auto;
}

.banner p {
    font-size: .32rem;
    line-height: .67rem;
    border-radius: .33rem;
    color: #2917c6;
    font-weight: 700;
    letter-spacing: .03rem;
    background-color: #fff;
    display: inline-block;
    padding: 0 .27rem;
}

.banner em {
    font-size: .45rem;
    line-height: .45rem;
    color: #48feb9;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 0.05rem;
    margin-bottom: .44rem;
}

.banner em i {
    color: #fff;
}

.share {
    font-size: .32rem;
    color: #302cad;
    line-height: 1.17rem;
}

.tit {
    width: 100%;
    font-size: .51rem;
    line-height: .83rem;
    color: #333333;
    font-weight: bold;
    display: inline-block;
}

.tit p {
    width: 2.13rem;
    height: .05rem;
    border-radius: .03rem;
    background-color: #2816c6;
    margin: .11rem auto 0;
}

.tit.color-write {
    color: #fff
}

.main1 {
    padding-top: .64rem;
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/gh_04.png") no-repeat center top;
    background-size: 10rem auto;
    height: 16.04rem;
}

.main1-content1 {
    padding: 0 0.4rem;
    margin-top: .55rem;
}

.main1-content1 .item-content {
    width: 4.46rem;
    height: 2.68rem;
    margin-bottom: .27rem;
}

.main1-content1 .item-content dd h5 {
    padding-bottom: .16rem;
    text-align: left;
    font-weight: bold;
    color: #333333;
    font-size: .45rem;
    margin-top: .4rem;
    line-height: .45rem;
}

.main1-content1 .item-content dd p {
    font-size: .27rem;
    line-height: .47rem;
    color: #888888;
    text-align: left;
    padding-left: .16rem;
}

.main1-content1 .item-content dd {
    margin-left: 2.05rem;
}

.bg1-content2 {
    height: 2.19rem;
    padding-top: .35rem;
    margin-bottom: .23rem;
    color: #666666;
}

.bg1-content2 h5 {
    font-size: .35rem;
    line-height: .35rem;
    font-weight: bold;
    color: #383838;
}

.bg1-content2 p {
    font-size: .28rem;
    line-height: .46rem;
    padding-top: .26rem;
}

.bg1-content2 a {
    color: #fc877a;
}

.bg-blue {
    background: #392aca;
}

.main2 {
    padding: .64rem 0 .53rem;
}

.main2 .tit {
    margin-bottom: .53rem;
}

.main2 .tit p {
    background-color: #fded68;
}

.main2-item-tit {
    width: 2.13rem;
    height: 0.91rem;
}

.main2-item-tit a {
    display: block;
    width: 2.13rem;
    height: .75rem;
    text-align: center;
    line-height: .75rem;
    background: #fff;
    font-size: 0.4rem;
    color: #121641;
}

.main2-item-tit a.on {
    width: 2.13rem;
    height: .91rem;
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/w_03.png") no-repeat center top;
    background-size: 100%;
    color: #fff;
}

.tab-con-wrap {
    margin-top: .27rem;
}

.main-pic1 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//www.jianshe99.com/upload/resources/image/2020/12/08/480743.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic2 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//www.jianshe99.com/upload/resources/image/2021/04/15/490937.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic3 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//m.jianshe99.com/upload/resources/image/2020/09/20/471870.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic4 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//www.jianshe99.com/upload/resources/image/2020/10/26/477419.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic5 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//www.jianshe99.com/upload/resources/image/2020/10/28/477860.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic6 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//www.jianshe99.com/upload/resources/image/2020/12/24/483308.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic7 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//m.jianshe99.com/upload/resources/image/2020/09/20/471865.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic8 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//m.jianshe99.com/upload/resources/image/2020/09/20/471868.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic9 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("//www.jianshe99.com/upload/resources/image/2020/12/14/481570.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}

.main-pic10 {
    width: 8.16rem;
    height: 5.81rem;
    background: url("/images/jianzao/2020kecehngxaingqingNewweb/wuyouban/sunliping.png") no-repeat center top;
    background-size: 100%;
    border-radius: 0.2rem;
}


.main2-content1 {
    position: relative;
    width: 4rem;
    height: 5.29rem;
    margin-left: 3.97rem;
    padding-top: 0.51rem;
    color: #333;
}

.main2-content {
    padding-left: .4rem;
}

.tab-con h4 {
    font-size: .45rem;
    line-height: .45rem;
    font-weight: bold;
    padding-left: 0.2rem;
}

.tab-con h6 {
    font-size: .35rem;
    line-height: .35rem;
    font-weight: bold;
}

.tab-con .introduction {
    line-height: .48rem;
    font-size: .32rem;
    margin: .16rem 0 .28rem;
}

.tab-con .introduction1 {
    font-size: .27rem;
    line-height: .4rem;
    color: #2e21c5;
    padding-top: .24rem;
}

.tab-con a {
    display: block;
    position: absolute;
    bottom: .08rem;
    right: 0;
    margin-right: -0.15rem;
    width: 1.9rem;
    height: .85rem;
    line-height: .67rem;
    padding-left: 0.37rem;
    color: #fff;
    background: url(/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/kp_09.png) no-repeat center top;
    background-size: 100%;
    font-size: 0.26rem;
}

.main3 {
    height: 22.24rem;
    padding-top: .63rem;
    background: url(//www.jianshe99.com/upload/resources/image/2022/06/02/569506.png) no-repeat center top;
    background-size: 100% auto;
}

.main3 .tit {
    margin-bottom: .57rem;
}

.bg2-main {
    padding-left: 2.85rem;
}

.bg2-main1 {
    padding-top: 1.15rem;
    height: 3.07rem;
}

.bg2-main h4 {
    padding-left: .04rem;
    line-height: .75rem;
    font-size: 0.4rem;
    font-weight: bold;
    color: #fff;
}

.bg2-main h4 span {
    font-size: 0.293rem;
}

.bg2-main h5 {
    font-size: .29rem;
    line-height: .29rem;
    font-weight: bold;
    color: #333;
    vertical-align: top;
    margin-top: .24rem;
}

.bg2-main h5 span {
    font-size: 0.293rem;
    font-weight: 400;
    display: inline-block;
    margin-left: 0.4rem;
}

.bg2-main h5 .bg2-color {
    color: #6999f4;
}

.bg2-mian-word {
    color: #999;
    font-size: 0.32rem;
    margin: 0.08rem 0 0.2rem;
}

.tig {
    width: 5.093rem;
    color: #e54d4d;
    font-size: 0.293rem;
    line-height: 0.38rem;
}

.tig em {
    display: block;
    float: left;
    width: 4rem;
    font-size: .29rem;
    line-height: .44rem;
    color: #fe8171;
}

.tig span {
    display: block;
    float: left;
}

.bg2-main2 {
    margin-top: 1.09rem;
    height: 2.06rem;
}

.bg2-color1 {
    color: #e99605;
}

.bg2-main3 {
    margin-top: 1.07rem;
    height: 3.5rem;
}

.bg2-color2 {
    color: #289fa2;
}

.bg2-color3 {
    color: #f66a6a !important;
}

.main4 {
    padding: .64rem 0 .53rem;
    height: 11.75rem;
    background-color: #3b2bcb;
}

.color-write {
    color: #fff;
}

.bg2-main4 {
    margin-top: 1.08rem;
    height: 2.07rem;
}

.main4 .tit p {
    background-color: #fded68;
}

.pad30 {
    padding: .55rem .27rem 0;
}

.pad30 ul li {
    float: left;
    width: 4.47rem;
    height: 2.48rem;
    text-align: center;
    padding-top: 2.48rem;
    margin: 0 .13rem .27rem;
    box-shadow: .05rem 0 .36rem rgba(100, 62, 203, .31);
}

.pad30 ul li.po01 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/e_01.png") no-repeat center top;
    background-size: 4.47rem auto;
}

.pad30 ul li.po02 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/e_02.png") no-repeat center top;
    background-size: 4.47rem auto;
}

.pad30 ul li.po03 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/e_03.png") no-repeat center top;
    background-size: 4.47rem auto;
}

.pad30 ul li.po04 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/e_04.png") no-repeat center top;
    background-size: 4.47rem auto;
}

.pad30 ul li p {
    font-size: .37rem;
    line-height: .37rem;
    font-weight: 700;
    padding: .31rem 0 .17rem;
}

.pad30 ul li em {
    font-size: .29rem;
    line-height: .45rem;
    color: #999999;
}

.bg-3 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/jpo_02.png") no-repeat center top;
    background-size: 10rem auto;
    height: 12rem;
    padding-top: .63rem;
}

.main5-content1 {
    height: 7.23rem;
}

.main5-margin1 {
    margin-top: .51rem;
}

.main5-content1 h5 {
    line-height: .53rem;
    font-size: .37rem;
    color: #666666;
    margin-left: 0.96rem;
}

.main5-content1 h5 span {
    display: inline-block;
    width: 0.46rem;
    text-align: center;
    height: 0.46rem;
    border-radius: 100%;
    line-height: 0.46rem;
    margin-left: 0.133rem;
    color: #fff;
    vertical-align: -0.1rem;
}

.main5-content1 h5 span img {
    display: block;
    width: 0.426rem;
    height: 0.426rem;
}

.main5-content1 ul {
    width: 6.96rem;
    margin: 0 auto;
}

.main5-content1 ul.ul01 {
    padding-top: .35rem;
}

.main5-content1 ul.ul02 {
    padding-top: .32rem;
}

.main5-content1 li {
    float: left;
    width: 3.213rem;
    height: 0.64rem;
    border-radius: 0.3rem;
    box-shadow: 1px 1px .05rem #cecece;
    background: #fff;
    text-align: center;
    line-height: 0.64rem;
    margin: 0 .13rem .27rem;
    color: #4272df;
    font-size: 0.32rem;
}

.main5-content1 li span {
    font-weight: bold;
    color: #ff6c28;
}

.main5-margin2 {
    margin-top: .03rem;
}

.bg-4 .swiper-wrapper {
    padding: .47rem 0 .27rem .27rem;
}

.main6-slide {
    box-shadow: .05rem 0 .36rem rgba(100, 62, 203, .31);
    width: 6.96rem;
    height: 4.5rem;
    border-radius: 0.11rem;
    background: #fff;
    padding-left: 0.53rem;
}

.main6-slide h6 {
    font-weight: bold;
    font-size: .37rem;
    line-height: .37rem;
    color: #333;
    padding-bottom: .28rem;
    padding-top: .59rem;
}

.main6-slide .name {
    display: inline-block;
    line-height: .48rem;
    padding: 0.08rem 0.167rem;
    background: #feb347;
    border-radius: .05rem;
    font-size: .29rem;
    color: #fff;
    font-weight: 400;
}

.main6-slide .main {
    font-size: .29rem;
    padding-top: .28rem;
    padding-right: 0.53rem;
    line-height: .48rem;
    color: #7f7f7f;
    height: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.bg-4 {
    background-color: #2718b9;
    padding: .64rem 0 .53rem;
}

.bg-4 .tit p {
    background-color: #fded68;
}

.swiper-container1 {
    padding: 0 0.4rem 0 0.16rem;
}

.bg-4 .video img {
    display: block;
    width: 9.2rem;
    height: 5.61rem;
    margin: 0 auto 0;
}

.bg-4 .video p {
    width: 9.2rem;
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/video-tit.png") no-repeat center top;
    background-size: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.48rem;
    font-weight: bold;
    color: #fff;
}

.main6-content {
    margin-top: .27rem;
    padding: 0 0.4rem;
}

.main6-content1 {
    width: 2.67rem;
    height: 1.667rem;
    font-size: 0.267rem;
    color: #fff;
    font-weight: bold;
    padding: 0.2rem 0 0 0.2rem;
}

.main6-pic1 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/main5-pic1.png") no-repeat center top;
    background-size: 100%;
}

.main6-pic2 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/main5-pic2.png") no-repeat center top;
    background-size: 100%;
    margin-left: 0.267rem;
}

.main6-pic3 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/main5-pic3.png") no-repeat center top;
    background-size: 100%;
}

.bg-5 {
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/fg.png") no-repeat center;
    padding: .64rem .47rem 2rem .4rem;
}

.bg-5 .tit {
    margin-bottom: .45rem;
}

.main7 h4 {
    width: 2.147rem;
    height: 0.826rem;
    line-height: 0.826rem;
    text-align: center;
    font-size: 0.4rem;
    color: #fff;
    font-weight: bold;
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/main7-btn.png") no-repeat center top;
    background-size: 100%;
    margin-top: 0.15rem;
}

.main7 p {
    color: #6f87eb;
    font-size: .29rem;
    line-height: .51rem;
    margin-top: .15rem;
}

.main7 p a {
    color: #e99e40;
}

.main7 p .main7-margin {
    display: inline-block;
    margin-right: 0.347rem;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.307rem;
    z-index: 8888;
}
.footer dt img{
    display:block;
    width: 5.8rem;
    height: 1.307rem;
}

.footer dd {
    position: absolute;
    top: 0;
    right: 0;
}

.footer dd a {
    display: block;
    width: 4.2rem;
    height: 1.307rem;
    text-align: center;
    line-height: 1.307rem;
    font-weight: bold;
    font-size: 0.48rem;
    background: #ee445a;
    color: #fff;
}

.line-btn {
    text-align: center;
    position: fixed;
    right: 0;
    bottom: 50%;
    margin-top: -0.8rem;
    z-index: 99;
}

.line-btn p {
    font-size: .24rem;
    padding-top: .27rem;
    line-height: .24rem;
    color: #3874fa;
}

.line-btn a {
    display: block;
    width: 1.6rem;
    height: 0.62rem;
    padding-top: 1rem;
    background: url("/images/zaojia/2020kecehngxaingqingNewweb/wuyouban/line.png") no-repeat center top;
    background-size: 100%;
    text-align: center;
    font-size: 0.29rem;
    color: #fff;
}

.model {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.11);
    z-index: 99999;
}

.model .main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.37rem;
    height: 3.8rem;
    padding: 0 0.26rem;
    margin: -1.8rem 0 0 -3.18rem;
    z-index: 99999;
    background: #fff;
    border-radius: 0.13rem;
    position: relative;
}

.main img {
    display: blcok;
    width: 0.37rem;
    height: 0.37rem;
    position: absolute;
    top: 0.26rem;
    right: 0.26rem;
}

.main p {
    font-size: 0.29rem;
    color: #666;
    line-height: 0.52rem;
    padding-top: 0.93rem;
}

.main p span {
    color: #4d6be9;
}

#mask {
    background: #000;
    opacity: .7;
    position: fixed;
    ;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 998;
}

.videoSection {
    width: 100%;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 999;
}

.videoSection .close {
    display: block;
    width: 1rem;
    height: 1rem;
    bottom: 0;
    left: 50%;
    margin-left: -.5rem;
}