.indexHead {
    position: relative;
}

.indexSW {
    width: 100%;
    height: 660px;
}

.indexSW .swiper-slide {
    position: relative;
    width: 100%;
    text-align: center;
}

.indexSW .swiper-slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1
}

.indexSW .txt h1 {
    color: #fff;
    font-size: 56px;
    letter-spacing: 4px;
    font-weight: bold;
}

.indexSW .txt p {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
}

.indexSW .swiper-pagination-bullet {
    display: inline-block;
    width: 102px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 2px;
    opacity: 0.4;
}

.indexSW .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.indexSW .w1200 {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 0;
    height: 100%;
    width: 1200px;
}

.indexBox1 {
    background: #fff;
    height: 630px;
    padding-top: 20px;
    position: relative;
}

.indexBox1 .w1200 {
    position: relative;
}

.indexBox1 .right {
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 0;
    width: 600px;
    height: 600px;
    overflow: hidden;
}

.indexBox1 .right img {
    width: 90%;
}

.indexBox1 .p1 {
    font-size: 48px;
    font-weight: bold;
    color: #333333;
}

.indexBox1 .p2 {
    font-size: 20px;
    color: #555;
    margin-top: 40px;
}

.indexBox1 .p3 {
    font-size: 20px;
    color: #555;
}

.indexBox1 .p3 span {
    font-size: 42px;
    color: #0099FF;
    font-weight: 600;
    padding-right: 10px;
    font-style: italic;
}

.indexBox1 .p4 {
    font-size: 20px;
    color: #555555;
    margin-top: 15px;
}

.indexBox1 ul {
    margin-top: 65px;
}

.indexBox1 ul li:nth-child(2) {
    margin: 0px 110px;
}

.indexBox1 a {
    font-size: 18px;
    color: #fff;
    background: #0099FF;
    border-radius: 26px;
    padding: 12px 35px;
    margin-top: 60px;
    display: inline-block;
}

.indexBox2 {
    padding: 90px 0;
}

.indexBox2 .tabTit {
    border-bottom: 1px solid #999;
    position: relative;
    height: 50px;
}

.indexBox2 .tabTit .box {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}

.indexBox2 .tabTit span {
    display: block;
    margin-right: 30px;
    padding: 11px 10px;
    font-size: 20px;
    font-weight: 500;
    color: #999999;
    cursor: pointer;
}

.indexBox2 .tabTit span.act {
    color: #0099FF;
    border-bottom: 3px solid #0099FF
}

.indexBox2 ul li {
    width: 546px;
    height: 449px;
    background: #FFFFFF;
    border-radius: 32px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    margin-top: 35px;
}

.indexBox2 ul li .p0 {
    width: 515px;
    height: 335px;
    overflow: hidden;
}

.indexBox2 ul li .p0 img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.indexBox2 ul li .p1 {
    font-size: 16px;
    color: #222222;
    margin-top: 20px;
}

.indexBox2 ul li .p2 {
    font-size: 16px;
    color: #B2B2B2;
    margin-top: 10px;
}

.addGengDuo {
    width: 154px;
    height: 52px;
    border-radius: 26px;
    border: 1px solid #0099FF;
    text-align: center;
    line-height: 52px;
    color: #0099FF;
    margin-top: 90px;
}

.indexBox3 {
    height: 732px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-image: url(../images/indexbox3.png)
}

.indexBox3 .box {
    width: 610px;
    margin-top: 250px;
}

.indexBox3 .box1 {
    margin-top: 85px;
}

.indexBox3 .box1 p {
    width: 16px;
    height: 3px;
    background: #FFFFFF;
    margin-bottom: 15px;
    cursor: pointer;
}

.indexBox3 .box1 p.act {
    width: 46px
}

.indexBox3 .box1 {
    width: 60px
}

.indexBox3 .box2 {
    width: 460px;
    margin-left: 100px
}

.indexBox3 .box2 .div1 {
    display: none
}

.indexBox3 .box2 .act {
    display: block;
}

.indexBox3 .box2 .p1 {
    background-image: linear-gradient(36deg, #0099FF 0%, #8CDBFF 50%, #D215CE 100%, #D215CE 100%);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 36px;
    font-size: 36px;
    font-weight: 600;
    padding: 25px 0
}

.indexBox3 .box2 .p2 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
}

.indexBox4 {
    height: 940px;
    position: relative;
    overflow: hidden;
    background-size: 100% 100%;
    background-image: url(../images/indexbox4.png)
}

.indexBox4 .img {
    position: absolute;
    right: 0;
    top: -3px;
    height: 945px;
    z-index: 0
}

.indexBox4 .w1200 {
    padding: 150px 0;
    z-index: 1;
    position: relative;
}

.indexBox4 .p1 {
    font-size: 36px;
    color: #0099FF;
}

.indexBox4 .p2 {
    font-size: 17px;
    color: #000000;
    line-height: 28px;
    margin-top: 35px;
    width: 670px
}

.indexBox4 .bjBOX {
    position: absolute;
    right: 0;
    top: 450px;
    width: 959px;
    height: 353px;
    background: #FFFFFF;
    border-radius: 32px;
}

.indexBox4 .bjBOX2 {
    position: absolute;
    left: 0;
    top: 360px;
    background: ;
    width: 100%;
}

.indexBox4 .bjBOX2 .i2 {
    margin-left: 68px;
    margin-top: 130px;
}

.indexBox4 .bjBOX2 .txt {
    width: 411px;
    height: 90px;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    position: absolute;
    left: 530px;
    top: 220px;
    height: 188px;
    overflow: hidden;
}

.indexBox4 .shuzi {
    position: absolute;
    right: 70px;
    top: 150px;
}

.indexBox4 .shuzi .p1 {
    font-size: 42px;
    font-weight: bold;
    color: #000
}

.indexBox4 .shuzi .p22 {
    margin-left: 22px;
    margin-top: 5px;
}

.indexBox4 .shuzi span {
    font-size: 16px;
}

.indexBox4 .anniubox {
    position: absolute;
    right: 70px
}

.indexBox4 .anniubox p {
    width: 42px;
    height: 42px;
    border: 1px solid #979797;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    color: #333
}

.indexBox4 .block4box .divs {
    display: none
}

.indexBox4 .block4box .act {
    display: block;
}

.indexBox5 {
    height: 900px;
    text-align: center;
    background-image: url(../images/indexbox5.png)
}

.indexBox5 .w1200 {
    padding-top: 150px;
    color: #fff
}

.indexBox5 ul li:nth-child(2) {
    margin: 0px 78px
}

.indexBox5 ul li .p3 {
    font-size: 80px;
    font-weight: 600;
    position: relative;
}

.indexBox5 ul li .p3 span {
    position: absolute;
    right: -30px;
    top: 10px;
    font-size: 30px
}

.indexBox5 ul li .p4 {
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 30px;
}

.indexBox5 .imgTXT {
    height: 497px;
    background: #FFFFFF;
    border-radius: 32px;
    padding: 80px;
    margin-top: 50px;
}

.indexBox5 .box1 {
    width: 650px;
    height: 405px;
    text-align: left;
    overflow: hidden
}
.indexBox5 .box1 img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.indexBox5 .box2 {
    width: 308px;
    text-align: left;
    overflow: hidden;
}

.indexBox5 .imgTXT .p1 {
    font-size: 24px;
    font-weight: bold;
    color: #191A1D;
}



.indexBox5 .imgTXT .p3,.indexBox5 .imgTXT .p2 {
    font-size: 18px;
    color: #494B4F;
    border-top: 1px solid #979797;
    padding: 20px 0;
    opacity: 0.5
}
.indexBox5 .imgTXT .act{
    color: #191A1D;opacity: 1
}
.indexBox6 {
    padding-top: 200px;
    padding-bottom: 80px;
    text-align: center;
}
#mapboxmain{ color: #000 }
#mapboxmain p{ display: none }
.indexBox5 .p1,
.indexBox6 .p1 {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.indexBox5 .p2,
.indexBox6 .p2 {
    font-size: 18px;
    color: #555;
    width: 920px;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;
}

.indexBox6 .a {
    width: 154px;
    height: 49px;
    border-radius: 26px;
    border: 1px solid #0099FF;
    line-height: 49px;
    color: #0099FF;
    text-align: center;
}

.indexBox6 ul li {
    width: 273px;
    height: 150px;
    background: #FFFFFF;
    border-radius: 32px;
    margin-top: 40px;
}

.indexBox6 ul li img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.indexBox7 {
    background: #fff;
    padding: 80px 0;
    text-align: center;
}

.indexBox7 ul li {
    width: 25%;
}

.indexBox7 .p1 {
    font-size: 20px;
    color: #1E3648;
    font-weight: bold;
    margin-top: 20px;
}

.indexBox7 .p2 {
    font-size: 18px;
    color: #4C5F6D;
    line-height: 27px;
    margin-top: 10px;
    padding: 0px 15px
}

.indexBox7 .p0 {
    height: 60px;
}

.indexBox5 .p1,
.indexBox5 .p2 {
    color: #fff;
    line-height: 30px
}


/* 公司架构 */

.corporateBox1 {
    background: #fff
}

.corporateBox2 {
    background: #F8FAFF;
}

.corporateBox3 {
    background: #fff
}

.corporateBox1 .nr {
    margin-top: 150px;
    height: 600px;
}

.corporateBox1 .nr .img {
    width: 500px;
    position: relative;
    height: 600px;
}

.corporateBox1 .nr .img1 {
    position: absolute;
    right: 0px;
    top: 0px;
}

.corporateBox1 .nr .img2 {
    position: absolute;
    left: 0px;
    top: 42px;
    border-radius: 20px;
    width: 340px;
    height: 396px;
}

.corporateBox1 .nr .img3 {
    position: absolute;
    right: 20px;
    bottom: 0px;
    border-radius: 20px;
    width: 340px;
    height: 396px;
}

.corporateBox1 .nr .txt {
    width: 629px;
}

.corporateBox1 .nr .txt .p1 {
    font-size: 32px;
    font-weight: 600;
    color: #020202;
    line-height: 45px;
}

.corporateBox1 .nr .txt .p2 {
    width: 99px;
    height: 3px;
    background: #4372D9;
    margin-top: 50px;
}

.corporateBox1 .nr .txt .p3 {
    font-size: 16px;
    font-weight: 400;
    color: #020202;
    line-height: 22px;
    margin-top: 20px;
}

.corporateBox2 .nr {
    margin-top: 150px;
    height: 300px;
}

.corporateBox2 .nr .box {
    padding: 60px;
    width: 576px;
    height: 287px;
    background: #FBFBFD;
    box-shadow: 0px 12px 60px 0px rgba(35, 43, 47, 0.05), 0px 12px 11px 0px rgba(216, 216, 216, 0.12), 0px 1px 4px 0px rgba(151, 166, 177, 0.08);
    border-radius: 32px;
    position: relative;
}

.corporateBox2 .nr .box img {
    position: absolute;
    right: 0;
    top: 0
}

.corporateBox2 .nr .box h2 {
    font-size: 32px;
    color: #070707;
}

.corporateBox2 .nr .box p {
    font-size: 15px;
    font-weight: 400;
    color: #020202;
    line-height: 22px;
    margin-top: 30px;
    overflow: hidden;
}

.corporateBox3 .nr {
    margin-top: 40px;
}


/* 合作伙伴 */

.cooperativeBox1 {
    background: #fff
}

.fenyebox {
    margin-top: 80px;
    font-size: 12px;
    color: #A4A4A4;
    line-height: 32px;
}

.fenyebox span {
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: #4E4E4E;
}
.fenyebox b{ color: #0099FF }
.fenyebox span.act {color: #fff;
    background: #0099FF;
}
.fenyebox input {width: 63px; margin-left: 10px;margin-right: 5px;
height: 36px;
border-radius: 4px;
border: 1px solid #E5E5E5; text-align: center;font-size: 16px; color: #333}
.fenyebox button{width: 80px; margin-left: 10px;
height: 36px;
background: #0099FF;
border-radius: 4px;
font-size: 14px;
font-weight: 400; text-align: center;
color: #FFFFFF;
line-height: 36px;}
.fenyebox img {
    width: 25px;
    cursor: pointer;
    margin: 0px 10px;
    margin-top: 3px;
}
.fenyebox .p2{ margin-right: 20px; margin-left: 5px; cursor: pointer; }
.productboxtt {
    position: relative;
}

.productboxtt .tabTit {
    height: 50px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -100px;
}

.productboxtt .tabTit span {
    display: block;
    margin-right: 30px;
    padding: 11px 10px;
    font-size: 18px;
    font-weight: 500;
    color: #999999;
    cursor: pointer;
    border-bottom: 3px solid #fff
}

.productboxtt .tabTit span.act {
    color: #0099FF;
    border-bottom: 3px solid #0099FF
}

.productCenter1 {
    background: #fff;
    padding: 100px 0;
}

.productCenter1 .txt {
    width: 600px;
}

.productCenter1 .txt p.p1 {
    font-size: 42px;
    font-weight: 600;
    color: #020202;
    line-height: 59px;
    text-align: center;
}

.productCenter1 .txt p.p2 {
    font-size: 18px;
    font-weight: 400;
    color: #020202;
    line-height: 27px;
    margin-top: 40px;
}

.serviceBox1 {
    background: #fff;
    padding: 100px 0;
}

.serviceBox1 h2 {
    font-size: 42px;
    color: #020202;
    text-align: center;
}

.serviceBox1 h3 {
    margin-top: 60px;
    font-size: 122px;
    color: #fdf6f6;
}

.serviceBox1 .flex {
    border-radius: 30px;
    overflow: hidden;
    height: 430px;
    margin-top: -30px;
}

.serviceBox1 .flex .txt {
    width: 694px;
    background: url('../images/w18.png');
    background-size: cover;
    color: #fff;
    padding: 80px;
}

.serviceBox1 .flex .txt .p0 {
    width: 27px;
    height: 7px;
    background: #FFFFFF;
}

.serviceBox1 .flex .txt .p1 {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
    margin-top: 20px;
}

.serviceBox2 .box {
    width: 50%;
    height: 768px;
}

.serviceBox2 .box1 {
    background-image: url('../images/w19.png');
    background-size: cover;
}

.serviceBox2 .box2 img {
    width: 100%;
    height: 384px;
}

.serviceBox2 .box2 .txt {
    width: 100%;
    height: 384px;
    background: #003D8B;
    padding: 100px;
}

.serviceBox2 .box2 .d {
    margin-bottom: 50px;
}

.serviceBox2 .box2 .d span {
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 27px;
}

.serviceBox2 .box2 .d p {
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 27px;
    margin-left: 20px;
}

.serviceBox3 {
    padding: 100px 0;
}

.serviceBox3 ul li {
    width: 299px;
    height: 505px;
    border: 1px solid #EFEFEF;
    padding: 50px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
}

.serviceBox3 ul li span {
    width: 88px;
    margin: 0 auto;
    padding-bottom: 20px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #020202;
    border-bottom: 3px solid #0099FF;
}

.serviceBox3 ul li img {
    width: 80px;
    height: 80px;
    margin: 80px auto;
    display: block;
}

.serviceBox3 ul li p {
    font-size: 18px;
    font-weight: 400;
    color: #020202;
    line-height: 27px;
}

.extension1 {
    padding: 120px 0;
}

.extension1 .box {
    width: 600px;
    height: 460px;
}

.extension1 .box1 h2 {
    font-size: 48px;
    color: #020202;
}

.extension1 .box1 span {
    font-size: 20px;
    font-weight: 600;
    color: #BEBEBE;
    display: block;
    margin-top: 15px;
    line-height: 28px;
}

.extension1 .box1 .flex p {
    width: 180px;
    height: 162px;
    font-size: 16px;
    font-weight: 400;
    color: #020202;
    line-height: 27px;
}

.extension1 .box1 .flex .b {
    width: 2px;
    margin: 10px 50px;
    height: 127px;
    background: #DDDDDD;
}

.extension1 .box1 a {
    width: 154px;
    height: 52px;
    display: block;
    background: #0099FF;
    text-align: center;
    border-radius: 26px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 52px;
}

.extension1 .box2 .ttt {
    width: 590px;
    height: 253px;
}

.extension1 .box2 p {
    margin-top: 20px;
}

.extension1 .box2 p img {
    width: 186px;
    height: 186px;
    ;
}

.extension2 {
    background: url(../images/c5.png);
    height: 660px;
    width: 100%;
    background-size: 100% 100%;
    overflow: hidden;
}

.extension2 .box {
    float: right;
    width: 50%;
}

.extension2 h2 {
    font-size: 42px;
    margin-left: 115px;
    margin-top: 215px;
    font-weight: 600;
    color: #FFFFFF;
}

.extension2 p {
    font-size: 18px;
    margin-left: 115px;
    font-weight: 400;
    color: #FFFFFF;
    width: 379px;
    height: 135px;
    margin-top: 30px;
    overflow: hidden;
    line-height: 27px;
}

.extension3 {
    padding: 100px 0;
    background: #fff;
}

.extension3 .box1 ul li {
    width: 545px;
    border-bottom: 1px solid #F0F0F0;
    padding: 40px 20px;
    margin-bottom: 30px;
}

.extension3 .box1 ul li img {
    width: 70px;
    height: 70px;
}

.extension3 .box1 ul li div {
    margin-left: 30px;
}

.extension3 .box1 ul li h2 {
    display: block;
    font-size: 26px;
}

.extension3 .box1 ul li p {
    display: block;
    font-size: 16px;
    margin-top: 20px;
}

.extension3 .box2 {
    margin-top: 40px;
}

.extension3 .box2 ul li {
    width: 200px;
    height: 150px;
    padding: 40px 20px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    background: #F5F7FA;
}

.extension3 .box2 ul li:hover {
    background: #0099FF;
    color: #fff;
}

.extension3 .box2 ul li:hover p {
    color: #fff;
}

.extension3 .box2 ul li p {
    font-size: 16px;
    width: 150px;
    height: 45px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
}

#container {
    width: 100%;
    height: 360px;
    background: rgba(0, 0, 0, 0.29);
    border-radius: 32px;
    margin: 0 auto;
    margin-top: 40px;
    border: 10px solid #fff;
    box-shadow: 0px 0px 2px #666
}

.lianxiwm .ukp {
    margin-left: 20px;
    margin-top: -50px;
    position: relative;
    z-index: 1000;
    padding:0px 15px;
}

.lianxiwm .ukp li img {
    height: 40px;
    margin-top: 5px;
}

.lianxiwm .ukp li {
    width: 276px;
    background: #FBFBFD;
    box-shadow: 0px 12px 60px 0px rgba(35, 43, 47, 0.05), 0px 12px 11px 0px rgba(216, 216, 216, 0.12), 0px 1px 4px 0px rgba(151, 166, 177, 0.08);
    border-radius: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    padding: 20px;
    border: 1px solid #ECECEC;
}

.lianxiwm .ukp li p {
    margin-left: 20px;
    height: 45px;
}

.lianxiwm .ukp li p b {
    display: block;
    font-size: 16px;
    color: #212121;
}

.lianxiwm .ukp li p span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #888;
}



.lianxiwm .mapbox .x1 {
    position: absolute;
    left: 0;
    bottom: 0
}

.lianxiwm .mapbox .x2 {
    position: absolute;
    right: 30px;
    top: 0
}

/*联系我们4-29*/
.headTop2{background: #1D384C;}  /** modify leo */
/* .headTop2 .mod a,.headTop2 .textDT{ color: #000 } */
.headTop2 .mod a.act{ font-weight: 600 }
.headTop2 p.logo{color: #0099FF}
.detailsMain{ padding-top: 80px ; padding-bottom: 80px;}
.titleBOX{ padding: 30px 0; color: #3E4C5B;font-size: 14px;}
.titleBOX span,.titleBOX a{ color: #3E4C5B;}
.details1img{ height: 454px;background: #030301;border-radius: 16px; width: 100% }
.detailsMain h1{font-size: 62px;font-weight: bold;color: #3E4C5B;line-height: 93px; display: block;padding: 10px 5px}
.detailsMain .time{font-size: 14px;padding: 30px 0;color: #3E4C5B;}
.detailsMain p{font-size: 16px;color: #3E4C5B;line-height: 32px;margin-bottom: 30px}
.detailsMain .Sharewith span{font-size: 14px;color: #3E4C5B;line-height: 16px;padding-right: 20px; line-height: 41px}
.detailsMain .Sharewith img{margin: 0px 5px; display: block; width: 41px;height: 41px;}
.detailsMain2{ padding-top: 80px ; padding-bottom: 80px;}
.detailsMain2 .titleBOX{border-bottom: 1px solid #e2e2e2}
.detailsMain2 .box{margin-top: 30px;}
.detailsMain2 .box .txt{font-size: 24px;font-weight: 600;color: #3E4C5B;line-height: 32px;padding-bottom: 10px}
.detailsMain2 .box p{font-size: 14px;color: #3E4C5B;line-height: 28px;}
.detailsMain2 .linkBtn{width: 122px;height: 44px;background: #3370FF;border-radius: 24px; display: block; color: #fff; text-align: center; line-height: 44px; margin-top: 40px;}
.contactBox{ padding: 50px 0; position: relative; }
.contactBox .left{  width: 198px;border-right: 1px solid #D8D8D8; height: 260px;}
.contactBox .left p{position: relative;font-size: 18px;padding: 15px 0 ;line-height: 35px;border-bottom: 1px solid #e8e8e8; text-indent: 10px; width: 150px;text-align: center;}
.contactBox .left p a{color: #000; }
.contactBox .left p img{ position: absolute;    right: -50px;    top: 27px; display: none}
.contactBox .left p.act img{ display: block; }
.contactBox .left p.act a{font-size: 24px;font-weight: 500;color: #0099FF;}
.contactBox .left p:last-child{border:0px;}
.contactBox .right{padding-left: 85px; width: 1000px}
.contactBoxtitle {height: 33px;font-size: 24px;font-weight: 600;color: #000000;line-height: 33px;letter-spacing: 1px;}
.contactBoxtitle p{width: 51px;height: 2px;background: #0099fF;margin-bottom: 10px}
.contactBox .box1 .text{margin-right:50px}
.contactBox .box1 .text p{ margin-bottom: 20px;font-size: 16px;color: #000000;line-height: 32px;letter-spacing: 1px; }
.contactBox .box1 img{width: 377px; border-radius: 10px; float:right;display:inline;}
.contactBox .box2 .ul{ display: none; }
.contactBox .box2 .act{ display: block; }
.contactBox .box2 ul li{width: 272px;}
.contactBox .box2 ul li>img{width: 272px;height: 179px;border-radius: 10px}
.contactBox .box2 ul li p{font-size: 16px;font-weight: 600;color: #000000;line-height: 22px;letter-spacing: 1px; height: 44px;overflow: hidden;
padding: 20px 0}
.contactBox .box2 ul li a{font-size: 16px; color: #000}
.contactBox .box2 ul li a img{ margin-left: 20px; margin-top:2px; }
.contactBox .box3{ overflow: hidden; }
.contactBox .box3 .tabTie {border-bottom: 1px solid #e8e8e8;}
.contactBox .box3 .tabTie img{ width: 30px; height: 30px;display: block;margin-right: 15px }
.contactBox .box3 .tabTie .txt{padding-bottom: 25px; height: 30px;line-height: 30px; margin-right: 70px;font-size: 20px;color: #000;line-height: 28px; position: relative;
cursor: pointer;}
.contactBox .box3 .tabTie .txt img.im2{display: none;}
.contactBox .box3 .tabTie .txt.act img.im1{display: none;}
.contactBox .box3 .tabTie .txt.act img.im2{display: block;}
.contactBox .box3 .tabTie .act{ color: #0099FF; }
.contactBox .box3 .tabTie .act p{width: 35px;height: 4px;background: #0099FF;border-radius: 2px; position: absolute;bottom: 0px;left: 45px}
.contactTabMain .block{display: none}
.contactTabMain .block.act{ display: block; }
.contactTabMain .gongzuojihui li{background: #fff;padding: 20px; box-sizing: border-box;
    -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;margin-bottom: 10px}
.contactTabMain .gongzuojihui li:hover{box-shadow: 0px 94px 35px 0px rgba(67, 78, 83, 0), 0px 14px 24px 0px rgba(209, 225, 237, 0.5);border-radius: 16px;
}
.contactTabMain .gongzuojihui .p1{font-size: 24px;font-weight: 600;color: #0099FF;line-height: 24px;letter-spacing: 1px;}
.contactTabMain .gongzuojihui .p2{font-size: 16px;color: #000;line-height: 24px;letter-spacing: 1px; margin: 15px 0}
.contactTabMain .gongzuojihui a{font-size: 14px;color: #8E979D;line-height: 24px;letter-spacing: 1px;  overflow: hidden;
    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical}
.formBox li{margin-bottom: 20px}
.formBox input{width: 275px;padding: 0px 10px;
height: 54px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #D3D3D3; color: #555}
.layui-textarea {width: 100%;resize: none;
    height: 318px;color: #555;
background: #FFFFFF;
border-radius: 8px;padding: 10px;
border: 1px solid #D3D3D3;;
}
.tijiao{width: 154px;float: right;
height: 52px; font-size: 18px;text-align: center;line-height: 52px;color: #fff;
background: #0099FF;
border-radius: 26px;}
.contactBoxtitle1{ position: relative; }
.contactBoxtitle1 .btn{ position: absolute;right: 0;bottom:-20px; }
.contactBoxtitle1 .btn img{ margin-left: 10px; cursor: pointer; }
  .community{ padding-top: 100px; }
  .community .imgbox1{ width: 808px;height: 340px;border-radius: 16px;overflow: hidden; }
  .community .imgbox1 img{ width: 100%; height: 340px; }
  .community .imgbox1 p{ overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;
    position: absolute;left: 10px; bottom: 35px; font-size: 16px; color: #fff}
    .community .imgbox1 .swiper-pagination-bullet{ width: 50px;height: 5px;border-radius:0; }
  .community .box1 ul li{width: 376px;height: 162px;border-radius: 16px; margin-bottom: 10px; position: relative; background: #eee; overflow: hidden;}
  .community .box1 ul li img{ width: 100%; height: 162px; }
  .community .box1 ul li p{ position: absolute;left: 10px;bottom: 5px; color: #fff; font-size: 16px; }
  .community .box1 ul li:last-child{margin-bottom: 0px}
.jrbj1{ position: absolute;top: 0px;    left: -300px;z-index: -1}
.jrbj2{ position: fixed;top: 0px;    right: -500px;z-index: -1}
.jrbj3{ position: absolute;bottom: -400px;    left: -680px;z-index: -1 }
.communityDiscuss{ padding-top: 100px;  }
.communityDiscuss .left{ width: 805px; background: #fff; padding: 30px; border-radius: 8px; float: left;}
.communityDiscuss .right{border-radius: 8px; width: 375px; float: right;}
.communityDiscuss .right .box1{background: #fff;padding: 30px;border-radius: 10px;}
.communityDiscuss .right .box1 p{font-size: 18px;color: #000; line-height: 57px;}
.communityDiscuss .right .box1 p img{width: 57px;height: 57px;border-radius: 50%; background: #eee;border:0px; overflow:hidden; margin-right: 10px}
.communityDiscuss .right .box1 a.btn1{width: 109px;height: 43px; color: #fff; text-align: center;line-height: 43px;
background: #0099FF;border-radius: 26px;font-size: 18px;}
.communityDiscuss .right .box2{background: #fff;  padding: 20px;font-size: 18px;font-weight: 600;color: #1E1E1E; margin: 20px 0;border-radius: 10px; }
.communityDiscuss .right .box2 img{ margin-right: 5px; width: 35px; height: 32px}
.communityDiscuss .right .box3{background: #fff;padding: 30px;border-radius: 10px;}
.communityDiscuss .right .box3 ul li{border-bottom: 1px solid #e9e9e9; padding: 20px 0; }
.communityDiscuss .right .box3 ul li:last-child{border-bottom: 0}
.communityDiscuss .right .box3 .p1{font-size: 18px;font-weight: 600;color: #1E1E1E;line-height: 25px;}
.communityDiscuss .right .box3 .p2{font-size: 14px;font-weight: 400;color: #5DBEFF;line-height: 20px; cursor: pointer;}
.communityDiscuss .right .box3 .p2 img{ margin-top: 6px;margin-left: 2px }
.communityDiscuss .right .box3 .p3{font-size: 16px;color: #020202;}
.communityDiscuss .right .box3 .p4{font-size: 14px;color: #A8A8A8; margin-top: 15px;}
.communityDiscuss .right .box3 .p4 img{padding-right: 5px}
.communityDiscuss1 .dataTab .tab{margin-right: 20px;font-size: 18px;color: #999; cursor: pointer;}
.communityDiscuss1 .dataTab .tab.act{color: #0E0E0E;font-weight: 600;}
.communityDiscuss1 .dataTab .tab.act p{width: 16px;height: 4px;background: #0099FF;border-radius: 2px; margin-top: 10px; margin-left: 10px}
.dataTabgonggao  {padding: 20px;box-sizing: border-box    -moz-box-sizing: border-box    -webkit-box-sizing: border-box; border-bottom: 1px solid #e9e9e9; margin-top: 20px}
.dataTabgonggao .box1 .p1{width: 46px;height: 25px; text-align: center;line-height: 25px;border-radius: 13px;border: 1px solid #A6A6A6;font-size: 12px;color: #7B7B7B;
font-weight: 600;margin-top: -3px;}
.dataTabgonggao .box1 .p2{font-size: 14px;color: #020202;margin: 0px 20px; cursor: pointer;}
.dataTabgonggao .box1 .p3{font-size: 14px;color: #A8A8A8;}
.dataTabgonggao .ma{font-size: 14px;color: #5DBEFF;}
.dataTabCont ul li{border-bottom: 1px solid #e9e9e9;padding: 30px 20px;box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;}
.dataTabCont .p1{color: #020202;font-size: 18px;}
.dataTabCont .p1 span{width: 46px;height: 25px;border-radius: 4px;border: 1px solid #FFCB1C;font-size: 12px;color: #FBC81C;text-align: center;line-height: 25px;
display: inline-block; margin-right: 17px}
.dataTabCont .p1 img{width: 28px;height: 18px; margin-top: 5px; cursor: pointer;}
.dataTabCont div.flex_between{ margin-top: 20px; }
.dataTabCont div.flex_between .logo{width: 26px;height: 26px;background: #D8D8D8;border-radius: 50% ; overflow: hidden; margin-right: 10px }
.dataTabCont div.flex_between .p2{font-size: 14px;color: #020202; line-height: 26px;}
.dataTabCont div.flex_between .p2 .sp1{ width: 100px; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.dataTabCont div.flex_between .p2 .time{color: #A8A8A8; }
.dataTabCont div.flex_between .p3 img{margin-left:20px;margin-right: 3px }
.dataTabCont div.flex_between .p3 {font-size: 14px;color: #A8A8A8; }
.dataTabCont .p1 a { color: #000 }
.dataTabCont div.flex_between .p3 a { color: #A8A8A8}

.communityDiscuss2 h1{font-size: 32px;font-weight: 500;color: #0E0E0E;line-height: 45px;}
.communityDiscuss2 .title{border-bottom: 1px solid #e8e8e8; padding: 20px 0; line-height: 37px; margin-bottom: 30px}
.communityDiscuss2 .title .b1 img{width: 37px;height: 37px;background: #D8D8D8;border-radius: 50%; overflow: hidden; margin-right: 10px}
.communityDiscuss2 .title .b1{font-size: 14px; color: #a8a8a8;height: 37px; line-height: 20px}
.communityDiscuss2 .title .b1 span{ color: #000; display: block; }
.communityDiscuss2 .title .b2{color: #a8a8a8;}
.communityDiscuss2 .title .b2 img{margin-right: 10px;margin-left: 50px}
.communityDiscuss2 .pcon p{font-size: 16px; margin-bottom: 20px; font-weight: 400;color: #020202;line-height: 26px;}
.communityDiscuss2 .Message{padding-bottom: 20px;}
.communityDiscuss2 .Message .p1{font-size: 18px;font-weight: bold;color: #000;line-height: 23px;}
.communityDiscuss2 .Message .p2{font-size: 14px;color: #020202;}
.communityDiscuss2 .Message .p2 img{ width: 16px; height: 10px; margin-left: 10px;margin-top: 5px; cursor: pointer; }
.communityDiscuss2 .msgList .box{border-bottom: 2px solid #e9e9e9; padding-bottom: 25px; margin-top: 25px;}
.communityDiscuss2 .msgList .yonghu{position: relative; margin-top: 20px;padding-left: 50px}
.communityDiscuss2 .msgList .yonghu1{margin-left: 50px;}
.communityDiscuss2 .msgList .yonghu img{ width: 34px;height: 34px;background: #FFFFFF;border: 1px solid #E9E9E9;border-radius: 50% ;
position: absolute;left: 0px;top:-3px;}
.communityDiscuss2 .msgList .p1{font-size: 14px;font-weight: bold;color: #000;}
.communityDiscuss2 .msgList .p2{font-size: 16px;color: #000;padding: 10px 0}
.communityDiscuss2 .msgList .p2 a{color: #0099FF;padding-right: 10px}
.communityDiscuss2 .msgList .p3{font-size: 14px;color: #A1A1A1;}
.communityDiscuss2 .btn_more p{    width: 113px;
    height: 49px;
    border-radius: 26px;
    border: 1px solid #0099FF;
    font-size: 18px;
    color: #0099FF;
    margin-top: 40px;
}
.fabiaoMsg{margin-top: 50px;}
.fabiaoMsg .p1{font-size: 16px;font-weight: bold;color: #000;}
.fabiaoMsg .p2{font-size: 16px;color: #000; float: right;}
.fabiaoMsg .p2 span{ color: #0099FF }
.fabiaoMsg  textarea{min-height: 132px;border-radius: 4px;border: 1px solid #C6C6C6; padding: 20px; min-width: 100%;max-width: 100%; margin: 20px 0; font-size: 16px}
.fabiaoMsg .p2 a{text-decoration: underline; color: #000}
.fabiaoMsg .textBox{ position: relative; }
.fabiaoMsg .textBox .p3{ position: absolute;right: 10px;bottom:30px;font-size: 16px; }
#zhankaicont{ overflow: hidden;height: 300px; }