/* 轮播图 +导航栏 + 宣传信息 */

.layout-1 {

    position: relative;

    height: 82.3rem;

}



/* 导航栏 */

.layout-1 .nav {

    width: 100%;

    height: 10rem;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(255, 255, 255, 0.2);

    z-index: 2;

}



.layout-1 .nav .about {

    width: 120rem;

    height: 100%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



/* logo */

.layout-1 .nav .logo {

    width: 20.1rem;

    height: 5rem;

}



.layout-1 .nav .logo img {

    width: 100%;

    height: 100%;

}



/* 导航 */

.layout-1 .nav .item {

    height: 100%;

    display: flex;

    align-items: center;

}



/* 导航单项 */

.layout-1 .nav .item .name {

    /* margin-left: 44px; */

    margin-left: 2.75rem;

    height: 100%;

}



/* 导航名称 */

.layout-1 .nav .item .name .show {

    height: 100%;

    font-size: 1.8rem;

    font-weight: normal;

    color: #FFFFFF;

    line-height: 10rem;

    cursor: pointer;

    user-select: none;

}

/* .layout-1 .nav .item .name .show a{
    color: white;
} */



.layout-1 .nav .item .show:first-child {

    margin-left: 0;

}



/*导航 ﹀图标*/

.layout-1 .nav .item .show span {

    width: 1.4rem;

    height: .9rem;

    background-image: url(../img/index/62.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    display: inline-block;

    margin-left: .5rem;

}



/*导航选择变色*/

.layout-1 .nav .item .change .show {

    font-size: 18px;

    color: #1C66FF !important;

}



.layout-1 .nav .item .change .show span{

    background-image: url(../img/index/62-1.png);

}





/* 选中导航展示的内容 */

.layout-1 .nav .item .message {

    display: none;

}



/* 选中导航展示的内容 - 行业解决方案*/



.layout-1 .nav .solution {

    width: 100%;

    height: auto;

    background-color: #FFFFFF;

    position: absolute;

    left: 0;

    top: 10rem;

    padding: 5rem 0 7rem;

    box-sizing: border-box;

}



.layout-1 .nav .solution .cube {

    width: 120rem;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.layout-1 .nav .solution .cube .method {

    display: flex;

    flex: 1;

}



.layout-1 .nav .solution .cube .method .piece {

    width: 42%;

    line-height: normal;

}



.layout-1 .nav .solution .cube .method .piece img {

    width: 3.8rem;

    height: 3.8rem;

}



.layout-1 .nav .solution .method .title {

    font-size: 2rem;

    color: #333333;

}



.layout-1 .nav .solution .method .piece:first-child {

    padding-right: 3.5rem;

}



.layout-1 .nav .solution .method .piece:last-child {

    padding-left: 4rem;

    border-left: 1px solid rgba(181, 181, 181, 0.1);

}



.layout-1 .nav .solution .method .ms-about {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 2.5rem;

}



.layout-1 .nav .solution .method .ms-about a .module {

    display: flex;

    align-items: center;

    margin-bottom: 3.5rem;

}



.layout-1 .nav .solution .method .ms-about a:last-child .module,

.layout-1 .nav .solution .method .ms-about a:nth-last-child(2) .module {

    margin-bottom: 0;

}



.layout-1 .nav .solution .method .ms-about a .module .txt {

    display: flex;

    flex-direction: column;

    flex: 1;

    margin-left: 1.5rem;

}



.layout-1 .nav .solution .method a .module .headline {

    font-size: 1.6rem;

    color: #666666;

}



.layout-1 .nav .solution .method a .module .text {

    font-size: 1.2rem;

    color: #999999;

}

/* 解决方案 - 行业解决方案 */

.layout-1 .nav .solution .scheme {

    padding-left: 3.5rem;

    border-left: 1px solid rgba(181, 181, 181, 0.3);

}



.layout-1 .nav .solution .scheme .title {

    font-size: 2rem;

    color: #333333;

}



.layout-1 .nav .solution .scheme .sc-about {

    margin-top: 2.4rem;

}



.layout-1 .nav .solution .scheme .sc-about .piece {

    margin-top: 2rem;

}



.layout-1 .nav .solution .scheme .sc-about .text {

    font-size: 1.6rem;

    color: #666666;

}



.layout-1 .nav .solution .scheme .sc-about .subhead {

    font-size: 1.2rem;

    color: #999999;

    margin-top: .6rem;

}



/*导航栏 - 产品中心*/

.layout-1 .nav .product {

    width: 100%;

    height: auto;

    background-color: #FFFFFF;

    position: absolute;

    left: 0;

    top: 10rem;

    padding: 5rem 0 7rem;

    box-sizing: border-box;

}



.layout-1 .nav .product .cube {

    width: 120rem;

    margin: 0 auto;

    display: flex;

}



/*产品中心选项*/

.layout-1 .product .pr-check {

    width: 18rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-right: 6.8rem;

    border-right: 1px solid rgba(173, 173, 173, 0.3);

}



.layout-1 .product .pr-check .checked div {

    width: 18rem;

    height: 4rem;

    font-size: 1.8rem;

    color: #666666;

    margin-bottom: 1.7rem;

    text-align: center;

    line-height: 4rem;

    cursor: pointer;

}



.layout-1 .product .pr-check .checked .action {

    background: #1C66FF;

    border-radius: .5rem;

    font-size: 1.8rem;

    color: #FFFFFF;

}



/*产品中心广告*/

.layout-1 .product .pr-check .pr-adv {

    width: 18rem;

    height: 6.8rem;

    margin-top: .6rem;

}



.layout-1 .product .pr-check .pr-adv img {

    width: 100%;

    height: 100%;

}



.layout-1 .product .pr-about {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-left: 6rem;

}



.layout-1 .product .piece {

    width: 33.3%;

    display: flex;

    align-items: center;

    margin-bottom: 6.5rem;

}



.layout-1 .product .piece img {

    width: 4.2rem;

    height: 4rem;

    margin-right: 2.2rem;

}



.layout-1 .product .piece .message .title {

    font-size: 16px;

    color: #666666;

}



.layout-1 .product .piece .message span {

    font-size: 16px;

    color: #FF8080;

    margin-left: 1.5rem;

}



.layout-1 .product .piece .message .subhead {

    font-size: 14px;

    color: #999999;

    margin-top: 1rem;

}



/*客户服务*/

.layout-1 .client {

    background-color: #FFFFFF;

    position: absolute;

    padding: 5rem 3rem;

    box-sizing: border-box;

}



.layout-1 .client .piece {

    margin-bottom: 2.5rem;

}



.layout-1 .client .piece:last-child {

    margin-bottom: 0;

}



.layout-1 .client .piece .title {

    display: flex;

    align-items: center;

}



.layout-1 .client .piece .title img {

    width: 2rem;

    height: 1.8rem;

}



.layout-1 .client .piece .title span {

    font-size: 1.6rem;

    color: #333333;

    margin-left: .6rem;

}



.layout-1 .client .piece .text {

    font-size: 1.4rem;

    color: #999999;

    margin-top: 1rem;

}



/* 生态合作 */

.layout-1 .cooperation {

    background-color: #FFFFFF;

    position: absolute;

    padding: 5rem 5rem;

    box-sizing: border-box;

    transform: translateX(-50%);

}



.layout-1 .cooperation .cube {

    display: flex;

}



.layout-1 .cooperation .type1 {

    margin-right: 4rem;

}



.layout-1 .cooperation .type1 .title {

    font-size: 14px;

    color: #333333;

    margin-bottom: 1rem;

}



.layout-1 .cooperation .type1 .co-about {

    width: 18rem;

    border-top: 1px solid rgba(181, 181, 181, 0.5);

}



.layout-1 .cooperation .type1 .co-about {

    display: flex;

    flex-wrap: wrap;

}



.layout-1 .cooperation .type1 .co-about div {

    width: 50%;

    font-size: 14px;

    color: #333333;

    margin-top: 2.1rem;

}



.layout-1 .cooperation .type2 .title {

    font-size: 14px;

    color: #333333;

    margin-bottom: 1rem;

}



.layout-1 .cooperation .type2 .co-about {

    width: 18rem;

    border-top: 1px solid rgba(181, 181, 181, 0.5);

}



.layout-1 .cooperation .type2 .co-about div {

    font-size: 14px;

    color: #333333;

    margin-top: 2.1rem;

}



.layout-1 .cooperation .type2 .co-about .know {

    font-size: 14px;

    color: #4A6DFF;

}





/*关于站站宝*/

.layout-1 .regards {

    width: auto;

    background-color: #FFFFFF;

    position: absolute;

    padding: 4rem 4rem;

    box-sizing: border-box;

}



.layout-1 .re-about {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.layout-1 .re-about span {

    font-size: 16px;

    color: #333333;

    margin-bottom: 2.7rem;

    text-align: center;

    min-width: 10rem;

}



.layout-1 .re-about span:last-child {

    margin-bottom: 0;

}





.layout-1 .nav .btn {

    width: 10rem;

    height: 4rem;

    background: #4A6DFF;

    border-radius: .8rem;

    font-size: 1.8rem;

    font-weight: normal;

    color: #FFFFFF;

    text-align: center;

    line-height: 4rem;

}



.layout-1 .banner0 {

    width: 100%;

    height: 100%;

    z-index: 1;

    position: relative;

    min-width: 120rem;

}



.layout-1 .banner0 img {

    width: 100%;

    height: 100%;

}



.layout-1 .banner0 .txt {

    width: 100%;

    position: absolute;

    text-align: center;

    top: 23rem;

    left: 0;

}



.layout-1 .banner0 .txt div:first-child {

    font-size: 5.4rem;

    font-family: Source Han Sans CN;

    font-weight: 500;

    color: #FFFFFF;

    user-select: none;

}



.layout-1 .banner0 .txt div:last-child {

    font-size: 2.8rem;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #FFFFFF;

    opacity: 0.8;

    margin-top: 6rem;

    user-select: none;

}



.layout-1 .swiper {

    width: 100%;

    height: 100%;

    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}



.layout-1 .swiper .swiper-container01 {

    width: 100%;

    height: 100%;

}



.layout-1 .swiper .swiper-wrapper01 {

    width: 100%;

    height: 100%;

    position: relative;

}



.layout-1 .swiper .swiper-slide {

    width: 100%;

    height: 100%;

}



.layout-1 .swiper .swiper-slide .img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}



.layout-1 .swiper .swiper-slide img {

    width: 100%;

    height: 100%;

}



.layout-1 .swiper .item .about {

    width: 120rem;

    margin: 0 auto;

}



.layout-1 .swiper .item .title {

    font-size: 5.4rem;

    font-weight: bold;

    color: #FFFFFF;

    padding-top: 18rem;

    box-sizing: border-box;

}



.layout-1 .swiper .item .text {

    width: 39.5rem;

    font-size: 1.8rem;

    color: #FFFFFF;

    line-height: 3rem;

    margin: 7rem 0 10.9rem 0;

}



.layout-1 .swiper .item .consult .btn {

    width: 18rem;

    height: 4.8rem;

    background: #5673FB;

    border: .1rem solid #FFFFFF;

    border-radius: .6rem;

    text-align: center;

    line-height: 4.8rem;

}



.layout-1 .swiper .item .consult .btn {

    font-size: 1.8rem;

    color: #FFFFFF;

}



.layout-1 .swiper .item .consult .mobile {

    font-size: 1.6rem;

    color: #FFFFFF;

    margin-top: 1.2rem;

}



.layout-1 .swiper .recommend {

    width: 100%;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    left: 0;

    bottom: 0;

}



.layout-1 .swiper .recommend .cube {

    width: 120rem;

    height: 100%;

    margin: 0 auto;

    position: relative;

}



.layout-1 .swiper .recommend .about {

    width: 21rem;

    position: absolute;

    background: rgba(0, 0, 0, 0.2);

    border-radius: 1rem;

    z-index: 2;

    right: 0;

    top: 16.5rem;

    padding: 3.5rem 2rem;

    box-sizing: border-box;

}



.layout-1 .swiper .recommend .about .piece {

    border-bottom: .1rem solid rgba(255, 255, 255, 0.3);

    margin-bottom: 2rem;

}



.layout-1 .swiper .recommend .about .piece:last-child {

    margin-bottom: 0;

}



.layout-1 .swiper .recommend .about .classify {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 2rem;

}



.layout-1 .swiper .recommend .about .classify .icon {

    width: 3.5rem;

    height: 3.5rem;

}



.layout-1 .swiper .recommend .about .classify span {

    font-size: 1.7rem;

    color: #FFFFFF;

    margin: 0 1rem 0 1.8rem;

}



.layout-1 .swiper .recommend .about .classify .sign {

    width: 1.31rem;

    height: .7rem;

}



.layout-1 .swiper .recommend .about .rec-about {

    box-sizing: border-box;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}





.layout-1 .swiper .recommend .about .rec-about span {

    /* width: 40%; */
    width: 45%;

    display: block;

    font-size: 1.4rem;

    color: rgba(255, 255, 255, 0.6);

    margin-bottom: 1.6rem;

}



.layout-1 .issue {

    width: 100%;

    height: 8.6rem;

    background: rgba(255, 255, 255, 0.15);

    position: absolute;

    bottom: 1.5rem;

    left: 0;

    z-index: 3;

}



.layout-1 .issue .about {

    position: relative;

}



.layout-1 .issue .iss-about {

    width: 120rem;

    height: 100%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.layout-1 .issue .cube .name {

    /* font-size: 20px; */
    font-size: 2rem;

    font-family: Adobe Heiti Std;

    font-weight: normal;

    color: #FFFFFF;

    line-height: 8.6rem;

    cursor: pointer;

}



.layout-1 .issue .change .name {

    position: relative;

}



.layout-1 .issue .change .name::after {

    content: " ";

    position: absolute;

    width: 100%;

    height: .2rem;

    background: rgba(255, 255, 255, 0.6);

    border-radius: 50%;

    bottom: 2rem;

    left: 0;

}



.layout-1 .issue .cube .details {

    width: 100%;

    background-color: #FFFFFF;

    position: absolute;

    top: 8.6rem;

    left: 0;

    border-bottom: .1rem solid rgba(43, 44, 44, 0.2);

    display: none;

}



.layout-1 .issue .cube .details .content {

    width: 120rem;

    margin: 0 auto;

    padding: 6.8rem 0 9rem;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

}



.layout-1 .issue .details .content .type1 .title {

    font-size: 2rem;

    color: #333333;

}



.layout-1 .issue .details .content .type1 .text {

    font-size: 1.8rem;

    width: 34.5rem;

    color: #999999;

    line-height: 2.4rem;

    margin: 5.1rem 0 5.5rem;

}



.layout-1 .issue .details .content .type1 .btn {

    font-size: 1.8rem;

    color: #4A6DFF;

}



.layout-1 .issue .details .content .type2 {

    display: flex;

    flex-direction: column;

    padding: 0 13.1rem;

    border-left: .1rem solid rgba(153, 153, 153, 0.3);

    border-right: .1rem solid rgba(153, 153, 153, 0.3);

}



.layout-1 .issue .details .content .type2 span {

    font-size: 1.8rem;

    color: #999999;

    margin-bottom: 3rem;

}



.layout-1 .issue .details .content .type2 span:last-child {

    margin-bottom: 0;

}



.layout-1 .issue .details .content .type3 {

    text-align: center;

    width: 18.2rem;

    height: 23.6rem;

    background: url(../img/index/79.png) no-repeat;

    background-size: 100% 100%;

    padding: 5rem 1.5rem;

    box-sizing: border-box;

}



.layout-1 .issue .details .content .type3 .title {

    font-size: 1.8rem;

    color: #FFFFFF;

    font-weight: 600;

}



.layout-1 .issue .details .content .type3 .text {

    font-size: 1.6rem;

    color: #FFFFFF;

    padding: 0 1rem;

    box-sizing: border-box;

    margin-top: 3rem;

}



.layout-1 .issue .details .content .type3 .btn {

    font-size: 1.6rem;

    color: #FFFFFF;

    margin-top: 3rem;

}