body {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-family: "Microsoft YaHei", "微软雅黑";
}

#Index .swiper-container {
    width: 100%;
    height: 100%;
}

#Index .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

#Index .swiper-container .swiper-slide .ani {
    z-index: 999999;
    color: #fff;
    position: absolute;
    font-size: 50px;
    left: 5%;
    top: 40%;
}

#Index .swiper-button-prev {
    background-image: url(../images/left.png) !important;
    background-position: -37px 0 !important;
    background-size: 69px 44px !important;
}

#Index .swiper-button-next {
    background-image: url(../images/left.png) !important;
    background-position: -3px 0 !important;
    background-size: 69px 44px !important;
}

.swiper-pagination-bullet-active {
    background: #f00000 !important;
}

.ani-slide p {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

#Index .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.email-panel{
	text-align:left !important;
	padding-left:70px;
}
.loop-item{margin:0px auto;height:100px;overflow:hidden;position:relative; }
.loop-item ul{width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.loop-item ul li{display:block;float:left;margin:0px 5px;border-radius:5px;position:relative;}
.loop-item ul li a{display:inline-block; padding:0px 35px; box-sizing:border-box; height:100px; font-size:0;}
.loop-item ul li a::after{display:inline-block; vertical-align:middle; content:''; height:100%; width:0; } 
.loop-item ul li img{border-radius:5px;display:inline-block; width:85%; height:auto; max-height:70px; vertical-align:middle;}
.msg-box{
	float:left;
}
.n-top .n-arrow b{
	top:-8px !important;
}
.n-top .n-arrow i {
    top: -10px !important;
}

/*3D*/
.has-custom-scroll .pages__layer, .noscript, .pages__background__item, .pages__layer.pages__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.pages__background {
    -webkit-perspective: 100vw;
    perspective: 100vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pages, .pages__layer {
    position: relative;
    min-height: 100vh;
}

.pages__background__item {
    pointer-events: none;
    transition-property: opacity
}

.background-cover {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
}

.background-cover, .background-cover img, .background-cover video {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center"
}

/*3D*/
/*.pic1{
     width:940px;
	 height:280px;
	 background:url(../images/banner1-1.png) no-repeat 0 0;
   }*/
.pic2 {
    width: 940px;
    height: 280px;
    background: url(../images/banners3-1.png) no-repeat 0 0;
}

.pic1 {
    width: 940px;
    height: 280px;
    background: url(../images/banner1-1.png) no-repeat 0 0;
}

.pic3 {
    width: 476px;
    height: 227px;
    background: url(../images/banners3-1.png) no-repeat 0 0;
}

@media screen and (min-width: 752px) {
    .video-back {
        display: block;
    }

    .video-back video {
        position: absolute;
        left: 0;
        bottom: 0;
        right:0;
        top:0;
    }

    #slideVIDEO > img {
        display: none;
    }

}

@media screen and (min-width: 752px)  and (max-width: 1030px) {
    .video-back {
        display: block;
    }

    .video-back video {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
    }

    #slideVIDEO > img {
        display: none;
    }

}

@media screen and (max-width: 751px) {
    #slideVIDEO video {
        height: 100%;
        display: inline-block;
    }

    .redBox p {
        text-align: center;
        font-size: 16px;
    }

    .redBox .rp {
        margin-top: 20px;
    }

    #slideVIDEO > img {
        display: block;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }

    .pic2 {
        width: 290px;
        height: 140px;
        background: url(../images/banners3-1-1.png) no-repeat 0 0;
        background-size: 100% 100%;
    }

    .pic1 {
        width: 270px;
        height: 140px;
        background: url(../images/banner1-1.png) no-repeat 0 0;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .pic3 {
        width: 270px;
        height: 130px;
        background: url(../images/banners3-1-1.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
}

.video-back {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.vidbacking-active-body-back {
    position: fixed;
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    overflow: hidden;
    opacity: 1;
    transition: 2s opacity;
    -webkit-transition: 2s opacity;
    -moz-transition: 2s opacity;
}

/*banner 结束*/
.Business {
    background: #f7f7f7;
    overflow: hidden;
}

.Business .container > p {
    width: 65%;
    line-height: 30px;
    margin: 0 auto;
}

.bus-demo {
    margin: 45px auto 0;
}

.bus-demo li {
    float: left;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    width: 24%;
    margin-right: 1%;
    box-sizing: border-box;
}

.bus-demo li > p {
    position: relative;
}

.bus-demo li > p span {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.bus-demo li:nth-child(1) > p {
    background: url(../images/icon.png) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo li:nth-child(1) > p span {
    background: url(../images/Iicon1.gif) no-repeat center center;
    background-size: 100% 100%;

}

.bus-demo li:nth-child(3) > p {
    background: url(../images/icon2.png) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo li:nth-child(3) > p span {
    background: url(../images/Iicon2.gif) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo li:nth-child(2) > p {
    background: url(../images/icon3.png) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo li:nth-child(2) > p span {
    background: url(../images/Iicon3.gif) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo li:nth-child(4) > p {
    background: url(../images/icon4.png) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo li:nth-child(4) > p span {
    background: url(../images/Iicon4.gif) no-repeat center center;
    background-size: 100% 100%;
}

.bus-demo .IBox {
    text-align: center;
    width: 140px;
    margin: 45px auto 0;
}

.IBox a {
    display: block;
    color: #1f1f1f;
    font-size: 18px;
    height: 30px;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}

.IBox:hover a {
    font-size: 20px;
    color: #f12e2e;
}

.greyBox > span {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #e1e1e1;
    position: absolute;
    top: -16px;
    left: 45%;
}

/*四个菜单结束*/
/*产品案列开始*/
.pro-demo {
    background: #494949;
    padding: 0px 0 100px 0;
}

.proList {
    margin-top: 40px;
}

.proList > p {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.proList > p > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.3;
    transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
}

.proList > p > i {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    text-align: center;
    font-size: 24px;
    opacity: 0;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    z-index: 99;
}

.proList > p:hover > span {
    opacity: 0.1;
}

.proList > p:hover > i {
    opacity: 1;
}

.proList > p:hover > img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.proList > p > img {
    width: 100%;
    transition: all 0.7s ease-in;
    -webkit-transition: all 0.7s ease-in;
    -moz-transition: all 0.7s ease-in;
}

.pro-content h1 {
    font-size: 24px;
    margin-top: 10px;
}

.pro-content p {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 30px;
}

/*产品案列结束*/
/*新闻动态开始*/
.newInformation .news-demo {
    margin: 0 auto;
}

.news-demo li {
    float: left;
    background: #e1e1e1;
    padding: 0px 0px 10px;
    height: 450px;
    margin-bottom: 20px;
    border: solid 10px #e1e1e1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px #fde8c4;
    -moz-box-shadow: 1px 1px 1px #fde8c4;
    box-shadow: 1px 1px 1px #fde8c4;
}

.news-demo li > img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.newsContent {
    position: relative;
    background: #e1e1e1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; /* Safari */
    top: 0;
    height: 190px;
    overflow: hidden;
}

.news-demo li:hover .newsContent {
    top: -60px;

}

.news-demo li:hover .newsContent p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.newsContent a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: normal;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    font-family: "Microsoft YaHei", "微软雅黑";
    line-height: 30px;
    text-align: center;
    padding-top: 5px;
}

.newsContent div {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: normal;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    font-family: "Microsoft YaHei", "微软雅黑";
    line-height: 30px;
    text-align: center;
    padding-top: 5px;
}

.newsContent p {
    color: #666666;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 13px;
    line-height: 21px;
    height: 150px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    padding-top: 20px;
    text-align: justify;

}

/*新闻动态结束*/
/*客户案例开始*/
.clientCase {
    width: 100%;
    height: 620px;
    background: url(../images/demo01.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.clientBtn {
    margin: 20px auto 0;
}

.clientBtn li {
    float: left;
    text-align: center;
    margin-top: 50px;
}

.clientBtn li a {
    display: block;
    color: #fff;
    font-size: 20px;
    transition: 0.3s;
}

.clientBtn li a:hover {
    background: rgba(240, 0, 0, .8);
    border-radius: 5px;
}

.clientBtn li a span {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;;
}

.logoAll {
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.logoAll ul {
    width: 3600px;
    overflow: auto;
}

.logoAll li {
    float: left;
    width: 1200px;
}

/*客户案例结束*/
@media (min-width: 1200px) {
    .bus-demo {
        width: 82%;
    }

    .bus-demo li > p {
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }

    .IBox:hover .greyBox {
        visibility: visible;
    }

    .IBox .greyBox {
        width: 100%;
        margin: 12px auto 0;
        padding: 20px;
        box-sizing: border-box;
        background: #e1e1e1;
        position: relative;
        visibility: hidden;
        font-size: 14px;
    }

    /*1*/
    .indexTitle {
        font-size: 30px;
        margin-bottom: 35px;
        margin-top: 80px;
    }

    /*产品案列开始*/
    .pro-demo ul {
        width: 65%;
        margin: 0 auto;
    }

    .pro-demo ul .pro-img {
        float: left;
        width: 50%;
        overflow: hidden;
    }

    .pro-demo ul .pro-img img {
        width: 100%;
    }

    .pro-demo ul .pro-content {
        float: left;
        width: 50%;
        width: -webkit-calc(50% - 100px);
        width: -moz-calc(50% - 100px);
        width: calc(50% - 100px);
        margin-left: 100px;
    }

    /*产品案列结束*/
    /*新闻动态开始*/
    .news-demo {
        width: 78%;

    }

    .news-demo li {
        width: 23.5%;
        margin-right: 2%;

    }

    .news-demo li:last-child {
        margin-right: 0;
    }

    /*新闻动态结束*/
    /*canvas*/
    #particles-js .container {
        width: 996px;
    }

    /*客户案例开始*/
    .clientBtn {
        width: 65%;
        padding-bottom: 20px;
    }

    .clientBtn li {
        width: 33.3%;

    }

    .clientBtn li a {
        display: block;
        width: 170px;
        height: 70px;
        line-height: 70px;
        margin: 0 auto;
    }

    /*客户案例结束*/
    /*联系我们,代表客户开始*/
    .contactContent {
        width: 70%;
        overflow: hidden;
    }

    .contactContent > div {
        width: 50%;
    }

    .contactContent > div.fr {
        text-align: center;
    }

    /*联系我们,代表客户结束*/

}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .news-demo li {
        width: 23.5%;
        margin-right: 2%;
        height: 390px;
    }
}

/*大于1200*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .clientCase {
        width: 100%;
        height: 500px;
        background: url(../images/demo01.png) no-repeat center center;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .bus-demo li > p {
        width: 170px;
        height: 170px;
        margin: 0 auto;
    }

    .IBox a {
        display: block;
        color: #1f1f1f;
        font-size: 18px;
    }

    .IBox:hover .greyBox {
        visibility: visible;
    }

    .IBox .greyBox {
        width: 100%;
        margin: 12px auto 0;
        padding: 25px;
        box-sizing: border-box;
        background: #e1e1e1;
        position: relative;
        visibility: hidden;
        font-size: 14px;
    }

    .greyBox > span {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 16px solid #e1e1e1;
        position: absolute;
        top: -16px;
        left: 45%;
    }

    .indexTitle {
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 50px;
    }

    /*数字化结束*/
    /*方案产品开始*/
    .pro-demo ul {
        width: 85%;
        margin: 0 auto;
    }

    .pro-demo ul .pro-img {
        float: left;
        width: 45%;
        overflow: hidden;
    }

    .pro-demo ul .pro-img img {
        width: 100%;
    }

    .pro-demo ul .pro-content {
        float: left;
        width: 45%;
        margin-left: 40px;
    }

    /*方案产品结束*/
    /*新闻动态开始*/
    .news-demo {
        width: 95%;
    }

    .news-demo li {
        width: 23.5%;
        margin-right: 2%;
        height: 390px;
    }

    .news-demo li:last-child {
        margin-right: 0;
    }

    /*新闻动态结束*/
    /*客户案例开始*/
    .clientBtn {
        width: 85%;
        padding-bottom: 70px;
    }

    .clientBtn li {
        width: 33.3%;
    }

    .clientBtn li a {
        width: 140px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    /*客户案例结束*/
    /*联系我们,代表客户开始*/
    .contactContent {
        width: 70%;
    }

    .contactContent > div {
        width: 100%;
    }

    .contactContent > div.fr {
        text-align: left;
    }

    .contactContent > div.fr p {
        margin-left: 20px;
    }

    /*联系我们,代表客户结束*/
}

/*960-1200*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    .bus-demo li > p {
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }
    .clientCase {
        width: 100%;
        height: 420px;
        background: url(../images/demo01.png) no-repeat center center;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }


    .IBox a {
        display: block;
        color: #1f1f1f;
        font-size: 18px;
    }

    .IBox:hover .greyBox {
        visibility: visible;
    }

    .IBox .greyBox {
        width: 100%;
        margin: 12px auto 0;
        padding: 25px;
        box-sizing: border-box;
        background: #e1e1e1;
        position: relative;
        visibility: hidden;
        font-size: 14px;
    }

    .indexTitle {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    /*数字化结束*/
    /*方案产品开始*/
    .pro-demo ul {
        width: 95%;
        margin: 0 auto;
    }

    .pro-demo ul .pro-img {
        float: left;
        width: 50%;
        overflow: hidden;
    }

    .pro-demo ul .pro-img img {
        width: 100%;
    }

    .pro-demo ul .pro-content {
        float: left;
        width: 45%;
        margin-left: 20px;
    }

    /*方案产品结束*/
    /*新闻动态开始*/
    .news-demo {
        width: 95%;
    }

    .news-demo li {
        width: 23.5%;
        margin-right: 1.5%;
        height: 390px;
    }




    /*新闻动态结束*/
    /*客户案例开始*/
    .clientBtn {
        width: 85%;
        padding-bottom: 20px;
    }

    .clientBtn li {
        width: 33.3%;
    }

    .clientBtn li a {
        display: block;
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    /*客户案例结束*/
    /*联系我们,代表客户开始*/
    .contactContent {
        width: 70%;
    }

    .contactContent > div {
        width: 100%;
    }

    .contactContent > div.fr {
        text-align: left;
    }

    .contactContent > div.fr p {
        margin-left: 20px;
    }

    .redBox p {
        text-align: center;
        font-size: 17px;
    }

    .redBox .rp {
        margin-top: 20px;
    }

    /*联系我们,代表客户结束*/
}

/*768-959*/
@media screen and (max-width: 767px) {
    .indexTitle {
        font-size: 18px;
        margin-top: 20px;
    }
    .clientCase {
        width: 100%;
        height: 230px;
        background: url(../images/demo01.png) no-repeat center center;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .proList {
        margin-top: 20px;
    }

    .bus-demo {
        margin-top: 20px;
    }

    .bus-demo li {
        width: 50%;
        margin: 10px 0;
    }

    .bus-demo li > p {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

    .bus-demo .IBox {
        text-align: center;
        width: 120px;
        margin: 20px auto 0;
    }

    .IBox a {
        display: block;
        color: #1f1f1f;
        font-size: 14px;
    }

    .IBox .greyBox {
        width: 100%;
        margin: 12px auto 0;
        padding: 15px;
        box-sizing: border-box;
        background: #e1e1e1;
        position: relative;
        visibility: visible;
        font-size: 12px;
    }

    /*数字化结束*/
    /*方案产品开始*/
    .pro-demo ul {
        width: 90%;
        margin: 0 auto;
    }

    .pro-demo ul .pro-img, .pro-demo ul .pro-content {
        width: 90%;
        overflow: hidden;
        margin: 0 auto;
    }

    .pro-demo ul .pro-img img {
        width: 100%;
    }

    .pro-demo {
        padding-bottom: 50px;
    }

    /*方案产品结束*/
    /*新闻动态开始*/
    .news-demo {
        width: 90%;
    }

    .news-demo li {
        float: none;
        width: 100%;
        margin-top: 20px;
        padding: 15px 10px 20px;
    }

    .newsContent {
        height: 110px;
    }

    #particles-js .redBox .f_24 {
        margin-bottom: 10px;

    }

    /*客户案例开始*/
    .clientBtn {
        width: 85%;
        padding-bottom: 30px;
        margin-top: 10px;
    }

    .clientBtn li {
        width: 50%;
        margin-top: 10px;
    }

    .clientBtn li a {
        display: block;
        width: 70px;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
        font-size: 14px;
    }

    /*客户案例结束*/
    /*联系我们,代表客户开始*/
    .contactContent {
        width: 85%
    }

    .contactContent > div {
        width: 100%;
    }

    .contactContent > div.fr {
        text-align: left;
    }

    .contactContent > div.fr p {
        margin-left: 20px;
    }

    .redBox p {
        text-align: center;
        font-size: 17px;
    }

    .redBox .rp {
        margin-top: 30px;
    }
    .email-panel{
    	padding-left:0;
    }

    /*联系我们,代表客户结束*/
}

/*小于768*/

.Imore {
    margin: 30px auto;
}

.more-s {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #f10d0d;
}

.more-s:hover {
    color: #fff;
}

/*方案产品*/

/*红色*/
canvas {
    display: block;
    vertical-align: middle;
}

/*代表客户开始*/
@media screen and (min-width: 1200px) {
    #demo {
        width: 1100px;
    }

    .Imore {
        margin: 30px auto;
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    #demo {
        width: 960px;
    }
}
@media screen and (max-width: 320px) {
    #demo {
        width: 300px;
        margin: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #demo {
        width: 750px;
    }

    .news-demo {
        width: 95%;
    }

    .news-demo li {
        float: left;
        background: #e1e1e1;
        padding: 0px 0px 0px;
        height: 100%;
    }

    .news-demo li > img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .newsContent {
        position: relative;
        background: #e1e1e1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s; /* Safari */
        top: 0;
        height: 120px;
        overflow: hidden;
    }

    .news-demo li:hover .newsContent {
        top: -100px;

    }

    .news-demo li:hover .newsContent p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }

    .newsContent a {
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        font-size: 16px;
        color: #000;
        font-weight: 600;
        font-family: "Microsoft YaHei", "微软雅黑";
        line-height: 30px;
        text-align: center;
        padding-top: 5px;
    }

    .newsContent p {
        font-family: "Microsoft YaHei", "微软雅黑";
        font-size: 15px;
        line-height: 21px;
        height: 150px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        padding-top: 20px;
        text-align: justify;

    }

}

@media screen and (min-width: 322px) and (max-width: 751px) {
    .Imore {
        margin: 30px auto;
    }

    #demo {
        width: 350px;
    }

    .news-demo li {
        float: left;
        background: #e1e1e1;
        padding: 0px 0px 0px;
        height: 100%;
    }

    .news-demo li > img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .newsContent {
        position: relative;
        background: #e1e1e1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s; /* Safari */
        top: 0;
        height: 190px;
        overflow: hidden;
    }

    .news-demo li:hover .newsContent {
        top: -100px;

    }

    .news-demo li:hover .newsContent p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }

    .newsContent a {
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        font-size: 16px;
        color: #000;
        font-weight: 600;
        font-family: "Microsoft YaHei", "微软雅黑";
        line-height: 30px;
        text-align: center;
        padding-top: 5px;
    }

    .newsContent p {
        font-family: "Microsoft YaHei", "微软雅黑";
        font-size: 15px;
        line-height: 21px;
        height: 150px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        padding-top: 20px;
        text-align: justify;

    }
    .email-panel{
    	padding-left:0;
    }
}

#demo {
    margin: 0 auto;
    overflow: hidden;
}

#marquePic1 img, #marquePic2 img {
    margin-right: 25px;
    margin-left: 25px;
}

#marquePicone img {
    margin: 20px;
}

/*代表客户结束*/
/*联系我们开始*/
.contactContent {
    margin: 0 auto 40px;
}

.contactContent div.fl p {
    font-size: 13px;
    color: #000;
    line-height: 30px;
    margin-bottom: 0;
}

.contactContent div.fl p i {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px;
    vertical-align: middle;
}

.contactContent div.fr input {
    width: 70%;
    height: 40px;
    line-height: 30px;
    border: 3px solid #e10000;
    border-radius: 7px;
    margin-top: 20px;
    padding: 5px 0 5px 15px;
}

.contactContent .phone {
    background: url(../images/phone.png) no-repeat 0 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.contactContent .email {
    background: url(../images/hezuo.png) no-repeat center center;
    -webkit-background-size: 100% 12px;
    background-size: 100% 12px;
}
.contactContent .email1 {
    background: url(../images/jishu.png) no-repeat center center;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
}
.contactContent .email2 {
    background: url(../images/renli.png) no-repeat center center;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
}
.contactContent .address {
    background: url(../images/address.png) no-repeat center center;
    -webkit-background-size: 13px 15px;
    background-size: 13px 15px;
}

/*联系我们结束*/
/* ---- stats.js ---- */
.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}

/* ---- particles.js ---- */
#particles-js {
    width: 100%;
    height: 300px;
    background-color: #e1e1e1;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 40px 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

#particles-js canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.redBox p {
    text-align: center;
    font-size: 20px;
}

.redBox .rp {
    margin-top: 40px;
}

/*红色*/
/*方案产品结束*/
#starss {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1407px 511px #FFF, 1611px 119px #FFF, 1686px 956px #FFF, 1163px 1929px #FFF, 912px 1242px #FFF, 490px 469px #FFF, 869px 425px #FFF, 1447px 891px #FFF, 422px 1960px #FFF, 517px 1995px #FFF, 738px 171px #FFF, 1328px 1668px #FFF, 874px 1490px #FFF, 83px 81px #FFF, 632px 98px #FFF, 1518px 1764px #FFF, 636px 596px #FFF, 1178px 131px #FFF, 278px 1179px #FFF, 1898px 1951px #FFF, 1787px 326px #FFF, 186px 1588px #FFF, 552px 1942px #FFF, 1929px 1300px #FFF, 802px 681px #FFF, 430px 1711px #FFF, 1192px 308px #FFF, 123px 1604px #FFF, 880px 169px #FFF, 1400px 632px #FFF, 500px 1165px #FFF, 288px 1208px #FFF, 319px 1419px #FFF, 1170px 980px #FFF, 1608px 784px #FFF, 1735px 1276px #FFF, 966px 1534px #FFF, 654px 783px #FFF, 1366px 964px #FFF, 1213px 60px #FFF, 302px 1509px #FFF, 845px 714px #FFF, 524px 323px #FFF, 1538px 1399px #FFF, 394px 619px #FFF, 680px 26px #FFF, 353px 776px #FFF, 1826px 1450px #FFF, 1909px 1452px #FFF, 1014px 1315px #FFF, 1883px 1474px #FFF, 766px 1742px #FFF, 1693px 658px #FFF, 1186px 302px #FFF, 376px 1575px #FFF, 712px 1739px #FFF, 1627px 299px #FFF, 482px 224px #FFF, 1379px 510px #FFF, 1543px 1602px #FFF, 45px 606px #FFF, 827px 1336px #FFF, 224px 1939px #FFF, 1098px 1342px #FFF, 813px 1553px #FFF, 825px 419px #FFF, 519px 894px #FFF, 1406px 797px #FFF, 1341px 274px #FFF, 1787px 903px #FFF, 1701px 1483px #FFF, 1108px 232px #FFF, 1599px 1409px #FFF, 659px 870px #FFF, 1538px 335px #FFF, 632px 1855px #FFF, 154px 1026px #FFF, 1722px 979px #FFF, 1339px 509px #FFF, 1833px 460px #FFF, 315px 65px #FFF, 496px 1927px #FFF, 1314px 427px #FFF, 344px 1046px #FFF, 1658px 724px #FFF, 1899px 264px #FFF, 1200px 1305px #FFF, 1562px 339px #FFF, 159px 766px #FFF, 1639px 1966px #FFF, 459px 1898px #FFF, 944px 763px #FFF, 1174px 1056px #FFF, 1825px 790px #FFF, 906px 1526px #FFF, 1537px 1303px #FFF, 79px 1105px #FFF, 1318px 672px #FFF, 1232px 61px #FFF, 709px 1078px #FFF, 1010px 1810px #FFF, 777px 1160px #FFF, 1598px 1428px #FFF, 815px 684px #FFF, 1003px 943px #FFF, 1876px 1003px #FFF, 1025px 1529px #FFF, 66px 549px #FFF, 514px 457px #FFF, 262px 1005px #FFF, 812px 1705px #FFF, 1163px 1087px #FFF, 165px 45px #FFF, 677px 1462px #FFF, 580px 1675px #FFF, 1848px 1384px #FFF, 449px 862px #FFF, 1629px 1979px #FFF, 667px 135px #FFF, 240px 53px #FFF, 1919px 1832px #FFF, 696px 1384px #FFF, 1630px 361px #FFF, 878px 663px #FFF, 1226px 1723px #FFF, 765px 686px #FFF, 576px 1647px #FFF, 97px 1602px #FFF, 1117px 1049px #FFF, 1433px 68px #FFF, 1375px 1991px #FFF, 1755px 990px #FFF, 1483px 801px #FFF, 473px 1802px #FFF, 822px 768px #FFF, 196px 577px #FFF, 516px 504px #FFF, 623px 981px #FFF, 1478px 819px #FFF, 126px 384px #FFF, 584px 1908px #FFF, 1549px 521px #FFF, 1866px 1335px #FFF, 586px 342px #FFF, 1698px 642px #FFF, 136px 188px #FFF, 1613px 520px #FFF, 937px 326px #FFF, 1111px 169px #FFF, 229px 229px #FFF, 1357px 20px #FFF, 725px 1305px #FFF, 23px 1977px #FFF, 426px 1945px #FFF, 1628px 1530px #FFF, 256px 1295px #FFF, 58px 78px #FFF, 409px 1145px #FFF, 1607px 767px #FFF, 212px 144px #FFF, 361px 1890px #FFF, 1827px 1451px #FFF, 1875px 645px #FFF, 571px 853px #FFF, 1302px 301px #FFF, 9px 1344px #FFF, 418px 619px #FFF, 1941px 90px #FFF, 949px 640px #FFF, 179px 1783px #FFF, 1104px 360px #FFF, 1723px 370px #FFF, 1122px 1418px #FFF, 1374px 508px #FFF, 1108px 1089px #FFF, 1440px 1743px #FFF, 462px 1495px #FFF, 1187px 265px #FFF, 567px 74px #FFF, 557px 542px #FFF, 967px 673px #FFF, 825px 1971px #FFF, 988px 1260px #FFF, 710px 1206px #FFF, 538px 1805px #FFF, 137px 861px #FFF, 1922px 1313px #FFF, 481px 470px #FFF, 1224px 316px #FFF, 1979px 239px #FFF, 22px 1155px #FFF, 1640px 186px #FFF, 592px 1709px #FFF, 765px 170px #FFF, 129px 1750px #FFF, 788px 719px #FFF, 181px 1327px #FFF, 433px 1455px #FFF, 141px 450px #FFF, 1287px 1027px #FFF, 1278px 1462px #FFF, 688px 1526px #FFF, 463px 1604px #FFF, 1232px 297px #FFF, 920px 1227px #FFF, 1571px 1765px #FFF, 1482px 1316px #FFF, 759px 1463px #FFF, 950px 1166px #FFF, 1532px 1588px #FFF, 608px 267px #FFF, 1862px 1943px #FFF, 805px 717px #FFF, 1803px 1319px #FFF, 1821px 683px #FFF, 995px 1958px #FFF, 484px 932px #FFF, 366px 901px #FFF, 451px 1563px #FFF, 1704px 1471px #FFF, 1379px 44px #FFF, 1778px 472px #FFF, 419px 1806px #FFF, 1545px 222px #FFF, 1563px 777px #FFF, 39px 964px #FFF, 1620px 24px #FFF, 1151px 320px #FFF, 1940px 1426px #FFF, 1555px 1538px #FFF, 1747px 488px #FFF, 1348px 300px #FFF, 990px 538px #FFF, 780px 361px #FFF, 988px 971px #FFF, 1973px 1534px #FFF, 1542px 1829px #FFF, 1557px 216px #FFF, 1404px 641px #FFF, 47px 877px #FFF, 65px 1738px #FFF, 1895px 1798px #FFF, 56px 591px #FFF, 536px 906px #FFF, 568px 74px #FFF, 433px 462px #FFF, 727px 295px #FFF, 876px 1878px #FFF, 1891px 1946px #FFF, 1451px 493px #FFF, 1569px 226px #FFF, 879px 1351px #FFF, 1529px 43px #FFF, 33px 74px #FFF, 1516px 1924px #FFF, 878px 323px #FFF, 455px 1122px #FFF, 1943px 526px #FFF, 1456px 1060px #FFF, 1631px 979px #FFF, 1819px 1324px #FFF, 1660px 1192px #FFF, 1867px 1714px #FFF, 1928px 1940px #FFF, 1618px 744px #FFF, 979px 357px #FFF, 98px 1645px #FFF, 1898px 1207px #FFF, 1134px 16px #FFF, 1313px 1018px #FFF, 717px 812px #FFF, 1503px 234px #FFF, 1612px 188px #FFF, 29px 459px #FFF, 414px 1487px #FFF, 1223px 1730px #FFF, 1643px 1188px #FFF, 424px 767px #FFF, 1692px 1591px #FFF, 1265px 367px #FFF, 54px 832px #FFF, 410px 804px #FFF, 1397px 1242px #FFF, 549px 1484px #FFF, 721px 1088px #FFF, 472px 1240px #FFF, 1927px 514px #FFF, 1303px 1310px #FFF, 71px 1276px #FFF, 829px 1332px #FFF, 84px 1920px #FFF, 1088px 375px #FFF, 1659px 736px #FFF, 967px 294px #FFF, 651px 92px #FFF, 1572px 143px #FFF, 1680px 770px #FFF, 1873px 1289px #FFF, 1983px 821px #FFF, 448px 1090px #FFF, 890px 1332px #FFF, 836px 867px #FFF, 1867px 1213px #FFF, 1874px 1574px #FFF, 750px 1063px #FFF, 1297px 1971px #FFF, 1274px 1015px #FFF, 1628px 933px #FFF, 309px 1386px #FFF, 299px 1621px #FFF, 1973px 526px #FFF, 196px 1416px #FFF, 778px 715px #FFF, 1993px 1294px #FFF, 381px 435px #FFF, 1405px 681px #FFF, 1759px 1077px #FFF, 1764px 1748px #FFF, 168px 470px #FFF, 978px 781px #FFF, 110px 1666px #FFF, 835px 747px #FFF, 112px 95px #FFF, 604px 712px #FFF, 1121px 1752px #FFF, 393px 1782px #FFF, 1869px 830px #FFF, 1303px 348px #FFF, 427px 1546px #FFF, 761px 718px #FFF, 946px 674px #FFF, 832px 964px #FFF, 1607px 2000px #FFF, 1624px 1296px #FFF, 1093px 735px #FFF, 1865px 608px #FFF, 933px 1278px #FFF, 1402px 547px #FFF, 1865px 1211px #FFF, 109px 72px #FFF, 249px 1482px #FFF, 586px 1933px #FFF, 911px 1336px #FFF, 697px 853px #FFF, 987px 1797px #FFF, 1371px 933px #FFF, 492px 1896px #FFF, 998px 1866px #FFF, 518px 31px #FFF, 1873px 372px #FFF, 1025px 1308px #FFF, 1478px 965px #FFF, 1934px 934px #FFF, 1048px 1262px #FFF, 1839px 40px #FFF, 1399px 732px #FFF, 735px 416px #FFF, 621px 394px #FFF, 788px 1802px #FFF, 1918px 307px #FFF, 432px 1845px #FFF, 616px 481px #FFF, 921px 798px #FFF, 354px 597px #FFF, 1622px 214px #FFF, 1349px 1983px #FFF, 1033px 1622px #FFF, 1198px 407px #FFF, 1239px 1449px #FFF, 1278px 1978px #FFF, 426px 1264px #FFF, 507px 1341px #FFF, 1956px 818px #FFF, 1041px 277px #FFF, 1371px 639px #FFF, 1224px 419px #FFF, 211px 1106px #FFF, 847px 656px #FFF, 534px 1891px #FFF, 1289px 823px #FFF, 906px 482px #FFF, 347px 1837px #FFF, 1246px 1462px #FFF, 915px 1858px #FFF, 559px 1320px #FFF, 77px 1555px #FFF, 845px 1743px #FFF, 313px 1414px #FFF, 188px 252px #FFF, 509px 637px #FFF, 374px 142px #FFF, 1397px 474px #FFF, 458px 1197px #FFF, 292px 619px #FFF, 1749px 14px #FFF, 1638px 24px #FFF, 563px 1752px #FFF, 1940px 1065px #FFF, 1145px 1030px #FFF, 894px 1470px #FFF, 444px 32px #FFF, 1341px 1136px #FFF, 1941px 412px #FFF, 1328px 785px #FFF, 161px 1740px #FFF, 948px 829px #FFF, 933px 823px #FFF, 1709px 507px #FFF, 1366px 1821px #FFF, 720px 731px #FFF, 162px 682px #FFF, 1684px 882px #FFF, 134px 497px #FFF, 1659px 1701px #FFF, 1186px 446px #FFF, 911px 1435px #FFF, 1814px 1028px #FFF, 1234px 1520px #FFF, 1186px 23px #FFF, 318px 87px #FFF, 1179px 837px #FFF, 1071px 46px #FFF, 1125px 1862px #FFF, 94px 261px #FFF, 1574px 282px #FFF, 1039px 815px #FFF, 1776px 1472px #FFF, 867px 473px #FFF, 901px 215px #FFF, 862px 630px #FFF, 1480px 1673px #FFF, 411px 1896px #FFF, 1335px 944px #FFF, 148px 1235px #FFF, 57px 140px #FFF, 447px 651px #FFF, 1414px 1651px #FFF, 209px 1770px #FFF, 1800px 1590px #FFF, 1304px 1px #FFF, 279px 771px #FFF, 1770px 1398px #FFF, 724px 1201px #FFF, 245px 1145px #FFF, 172px 1951px #FFF, 284px 236px #FFF, 1905px 1307px #FFF, 1948px 574px #FFF, 283px 669px #FFF, 247px 384px #FFF, 224px 619px #FFF, 128px 772px #FFF, 1698px 1405px #FFF, 830px 505px #FFF, 1938px 397px #FFF, 1772px 1001px #FFF, 1454px 808px #FFF, 304px 561px #FFF, 1321px 966px #FFF, 735px 1368px #FFF, 894px 345px #FFF, 1217px 1997px #FFF, 892px 1342px #FFF, 353px 379px #FFF, 1382px 1156px #FFF, 164px 1239px #FFF, 1268px 1859px #FFF, 1385px 1721px #FFF, 16px 283px #FFF, 1819px 200px #FFF, 660px 1111px #FFF, 1679px 1728px #FFF, 463px 596px #FFF, 217px 1834px #FFF, 1879px 538px #FFF, 304px 906px #FFF, 1327px 1347px #FFF, 1226px 1579px #FFF, 1786px 1616px #FFF, 1234px 1982px #FFF, 1868px 1862px #FFF, 814px 948px #FFF, 178px 1837px #FFF, 571px 1701px #FFF, 106px 566px #FFF, 270px 925px #FFF, 1417px 248px #FFF, 609px 1551px #FFF, 992px 1825px #FFF, 1515px 1999px #FFF, 1167px 914px #FFF, 1698px 490px #FFF, 189px 1463px #FFF, 928px 612px #FFF, 1714px 803px #FFF, 535px 402px #FFF, 1000px 379px #FFF, 1610px 574px #FFF, 1882px 1155px #FFF, 1425px 1514px #FFF, 417px 1987px #FFF, 1681px 1059px #FFF, 841px 762px #FFF, 1886px 1098px #FFF, 1785px 236px #FFF, 1950px 950px #FFF, 444px 1937px #FFF, 1364px 540px #FFF, 1971px 225px #FFF, 1624px 868px #FFF, 869px 640px #FFF, 1637px 559px #FFF, 20px 823px #FFF, 409px 177px #FFF, 1804px 1626px #FFF, 388px 527px #FFF, 1385px 1734px #FFF, 988px 1310px #FFF, 443px 599px #FFF, 1780px 434px #FFF, 654px 419px #FFF, 268px 1424px #FFF, 1971px 40px #FFF, 360px 1834px #FFF, 875px 1930px #FFF, 1866px 1885px #FFF, 453px 1670px #FFF, 1696px 1337px #FFF, 604px 1887px #FFF, 1405px 769px #FFF, 1546px 897px #FFF, 595px 1975px #FFF, 32px 1765px #FFF, 896px 1150px #FFF, 1818px 95px #FFF, 444px 49px #FFF, 589px 1796px #FFF, 764px 1965px #FFF, 920px 1803px #FFF, 403px 1997px #FFF, 833px 1282px #FFF, 1127px 1770px #FFF, 1810px 77px #FFF, 1214px 1102px #FFF, 364px 401px #FFF, 1139px 1191px #FFF, 916px 1907px #FFF, 870px 290px #FFF, 688px 678px #FFF, 1523px 34px #FFF, 1265px 1082px #FFF, 1394px 1080px #FFF, 1787px 1738px #FFF, 1682px 755px #FFF, 1955px 832px #FFF, 546px 1577px #FFF, 1062px 1561px #FFF, 344px 826px #FFF, 1442px 782px #FFF, 467px 1477px #FFF, 879px 1439px #FFF, 1672px 268px #FFF, 1317px 1355px #FFF, 1980px 1965px #FFF, 688px 1465px #FFF, 1131px 872px #FFF, 1301px 1656px #FFF, 974px 583px #FFF, 1613px 1467px #FFF, 1976px 1995px #FFF, 1377px 760px #FFF, 1367px 387px #FFF, 1880px 191px #FFF, 711px 876px #FFF, 539px 152px #FFF, 545px 1809px #FFF, 920px 970px #FFF, 1154px 1355px #FFF, 1968px 94px #FFF, 1703px 490px #FFF, 380px 146px #FFF, 1561px 785px #FFF, 1930px 1385px #FFF, 519px 1091px #FFF, 269px 570px #FFF, 109px 1326px #FFF, 1476px 969px #FFF, 1999px 1885px #FFF, 341px 1238px #FFF, 1105px 1076px #FFF, 596px 88px #FFF, 937px 492px #FFF, 1339px 1673px #FFF, 1967px 762px #FFF, 65px 952px #FFF, 111px 93px #FFF, 1011px 1684px #FFF, 377px 1430px #FFF, 1011px 386px #FFF, 1162px 421px #FFF, 196px 617px #FFF, 1407px 1141px #FFF, 1562px 572px #FFF, 316px 690px #FFF, 1600px 1980px #FFF, 1545px 1254px #FFF, 680px 1120px #FFF, 575px 1284px #FFF, 179px 1470px #FFF, 1496px 1506px #FFF, 977px 1376px #FFF, 1282px 708px #FFF, 408px 1427px #FFF, 1173px 1597px #FFF, 1120px 1755px #FFF, 974px 520px #FFF, 979px 384px #FFF, 622px 1116px #FFF, 1307px 866px #FFF, 1188px 1596px #FFF, 858px 1947px #FFF, 861px 1373px #FFF, 857px 43px #FFF, 1878px 499px #FFF, 1297px 535px #FFF, 870px 1286px #FFF, 1452px 448px #FFF, 906px 72px #FFF, 1450px 872px #FFF, 1607px 1755px #FFF, 1071px 1959px #FFF, 976px 879px #FFF, 1435px 284px #FFF, 1601px 496px #FFF, 671px 1713px #FFF, 356px 1148px #FFF, 837px 867px #FFF, 246px 858px #FFF, 1031px 1594px #FFF, 571px 214px #FFF, 1012px 1329px #FFF, 1566px 1142px #FFF, 219px 1376px #FFF, 1580px 1454px #FFF, 690px 1037px #FFF, 1940px 756px #FFF, 1755px 850px #FFF, 1037px 363px #FFF, 25px 515px #FFF, 806px 1571px #FFF, 1266px 1398px #FFF, 695px 791px #FFF, 1838px 950px #FFF, 1578px 27px #FFF, 1692px 1581px #FFF, 1817px 1040px #FFF, 1781px 238px #FFF, 1052px 895px #FFF, 398px 440px #FFF, 1643px 325px #FFF, 79px 848px #FFF, 1295px 326px #FFF, 293px 81px #FFF, 1202px 1580px #FFF, 1441px 100px #FFF, 1295px 1465px #FFF, 1132px 1275px #FFF, 774px 704px #FFF, 1109px 1546px #FFF, 557px 1390px #FFF, 1253px 1224px #FFF, 1063px 1618px #FFF, 1793px 440px #FFF, 890px 1988px #FFF, 814px 424px #FFF, 1390px 1280px #FFF, 1127px 907px #FFF, 1044px 1368px #FFF, 1317px 876px #FFF, 762px 638px #FFF, 965px 747px #FFF, 755px 1945px #FFF, 706px 414px #FFF, 1842px 1673px #FFF, 1158px 1336px #FFF, 989px 1955px #FFF, 1857px 89px #FFF, 1659px 343px #FFF, 509px 1385px #FFF, 1620px 758px #FFF, 1958px 1064px #FFF, 178px 341px #FFF, 1500px 808px #FFF, 20px 1646px #FFF, 1572px 870px #FFF, 1821px 1377px #FFF, 328px 1965px #FFF, 903px 616px #FFF, 1731px 1599px #FFF, 267px 856px #FFF;
    animation: animStar 50s linear infinite;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 921px 1554px #FFF, 1944px 550px #FFF, 1696px 1632px #FFF, 16px 1899px #FFF, 1894px 130px #FFF, 77px 262px #FFF, 22px 1159px #FFF, 933px 1206px #FFF, 1660px 482px #FFF, 1067px 1154px #FFF, 468px 625px #FFF, 1408px 1687px #FFF, 153px 1200px #FFF, 887px 1966px #FFF, 1260px 514px #FFF, 1167px 1158px #FFF, 790px 553px #FFF, 1103px 758px #FFF, 226px 1028px #FFF, 1340px 1760px #FFF, 1712px 528px #FFF, 114px 1693px #FFF, 185px 572px #FFF, 1566px 1793px #FFF, 317px 1501px #FFF, 846px 530px #FFF, 1585px 1437px #FFF, 1335px 1009px #FFF, 1768px 436px #FFF, 1131px 666px #FFF, 27px 1543px #FFF, 1778px 1861px #FFF, 1496px 30px #FFF, 1359px 1226px #FFF, 416px 135px #FFF, 1675px 673px #FFF, 296px 524px #FFF, 432px 1822px #FFF, 1995px 416px #FFF, 1206px 1846px #FFF, 542px 603px #FFF, 1811px 1083px #FFF, 1125px 1900px #FFF, 4px 1410px #FFF, 665px 1674px #FFF, 982px 365px #FFF, 809px 534px #FFF, 116px 1381px #FFF, 727px 439px #FFF, 1674px 1407px #FFF, 976px 1762px #FFF, 1585px 28px #FFF, 1916px 624px #FFF, 1716px 1118px #FFF, 1022px 177px #FFF, 807px 619px #FFF, 1657px 338px #FFF, 1608px 1259px #FFF, 405px 1890px #FFF, 433px 1978px #FFF, 1457px 1495px #FFF, 175px 989px #FFF, 850px 1044px #FFF, 170px 444px #FFF, 1623px 71px #FFF, 977px 1319px #FFF, 440px 464px #FFF, 51px 1209px #FFF, 783px 1274px #FFF, 1296px 244px #FFF, 1260px 94px #FFF, 652px 905px #FFF, 805px 1307px #FFF, 947px 822px #FFF, 384px 268px #FFF, 1856px 1782px #FFF, 459px 1844px #FFF, 1679px 473px #FFF, 673px 1832px #FFF, 96px 345px #FFF, 1268px 428px #FFF, 788px 1138px #FFF, 1242px 867px #FFF, 652px 831px #FFF, 993px 1706px #FFF, 1337px 64px #FFF, 1092px 624px #FFF, 674px 1344px #FFF, 1036px 405px #FFF, 996px 1371px #FFF, 1906px 1410px #FFF, 1285px 1079px #FFF, 1756px 583px #FFF, 404px 380px #FFF, 1739px 1620px #FFF, 1253px 372px #FFF, 520px 620px #FFF, 1842px 852px #FFF, 490px 387px #FFF, 1251px 143px #FFF, 1814px 537px #FFF, 1405px 623px #FFF, 1236px 1186px #FFF, 1286px 896px #FFF, 1626px 990px #FFF, 31px 1067px #FFF, 1288px 939px #FFF, 763px 338px #FFF, 713px 1515px #FFF, 859px 1621px #FFF, 1720px 1984px #FFF, 796px 1743px #FFF, 1439px 1587px #FFF, 965px 412px #FFF, 775px 1168px #FFF, 1192px 956px #FFF, 368px 1075px #FFF, 1484px 1154px #FFF, 1784px 547px #FFF, 815px 675px #FFF, 1387px 890px #FFF, 1665px 1733px #FFF, 1948px 429px #FFF, 1665px 92px #FFF, 1806px 919px #FFF, 1712px 494px #FFF, 577px 1922px #FFF, 820px 1228px #FFF, 678px 1745px #FFF, 1421px 586px #FFF, 788px 208px #FFF, 380px 250px #FFF, 748px 977px #FFF, 1637px 337px #FFF, 851px 1514px #FFF, 1487px 1410px #FFF, 1776px 710px #FFF, 544px 453px #FFF, 1707px 1932px #FFF, 1121px 1642px #FFF, 1227px 391px #FFF, 583px 833px #FFF, 658px 278px #FFF, 345px 1388px #FFF, 1529px 1419px #FFF, 233px 1008px #FFF, 892px 943px #FFF, 1431px 1091px #FFF, 1524px 316px #FFF, 1547px 192px #FFF, 976px 36px #FFF, 1648px 1053px #FFF, 1833px 1572px #FFF, 1677px 936px #FFF, 589px 1755px #FFF, 978px 1875px #FFF, 1508px 412px #FFF, 1242px 439px #FFF, 1263px 40px #FFF, 1427px 1736px #FFF, 639px 906px #FFF, 1349px 373px #FFF, 1055px 969px #FFF, 602px 95px #FFF, 224px 1805px #FFF, 1129px 837px #FFF, 1110px 1358px #FFF, 1067px 1752px #FFF, 391px 1389px #FFF, 885px 1979px #FFF, 1188px 414px #FFF, 1931px 325px #FFF, 1853px 1918px #FFF, 636px 1313px #FFF, 1236px 1913px #FFF, 1801px 780px #FFF, 633px 529px #FFF, 1500px 33px #FFF, 1387px 1045px #FFF, 832px 1281px #FFF, 1880px 1845px #FFF, 1477px 1096px #FFF, 1457px 698px #FFF, 1658px 1049px #FFF, 1957px 1151px #FFF, 1561px 1593px #FFF, 627px 250px #FFF, 975px 1575px #FFF, 68px 998px #FFF, 951px 85px #FFF, 280px 431px #FFF, 1683px 1745px #FFF, 322px 778px #FFF, 841px 888px #FFF, 1895px 1883px #FFF, 700px 568px #FFF, 1846px 442px #FFF, 91px 1650px #FFF, 970px 917px #FFF, 1585px 452px #FFF;
    animation: animStar 100s linear infinite;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1679px 1408px #FFF, 1970px 1504px #FFF, 1789px 965px #FFF, 698px 234px #FFF, 1733px 1854px #FFF, 1060px 271px #FFF, 719px 1744px #FFF, 1707px 1847px #FFF, 1710px 432px #FFF, 1325px 1585px #FFF, 92px 577px #FFF, 163px 1938px #FFF, 1885px 123px #FFF, 1566px 1753px #FFF, 1288px 21px #FFF, 1396px 1908px #FFF, 675px 1466px #FFF, 734px 1557px #FFF, 941px 1885px #FFF, 1692px 6px #FFF, 115px 1183px #FFF, 639px 1044px #FFF, 1171px 1982px #FFF, 1801px 1078px #FFF, 648px 820px #FFF, 1885px 1984px #FFF, 268px 1729px #FFF, 1388px 181px #FFF, 1741px 1280px #FFF, 1719px 1080px #FFF, 12px 932px #FFF, 489px 157px #FFF, 1910px 790px #FFF, 115px 44px #FFF, 1748px 1458px #FFF, 282px 109px #FFF, 1100px 1528px #FFF, 543px 598px #FFF, 1320px 1188px #FFF, 1124px 839px #FFF, 1406px 1289px #FFF, 472px 1376px #FFF, 852px 286px #FFF, 510px 860px #FFF, 700px 306px #FFF, 1822px 1302px #FFF, 15px 19px #FFF, 1360px 420px #FFF, 1483px 42px #FFF, 1287px 1867px #FFF, 1105px 1322px #FFF, 745px 161px #FFF, 431px 1722px #FFF, 855px 1254px #FFF, 860px 1784px #FFF, 1578px 1955px #FFF, 1085px 461px #FFF, 472px 690px #FFF, 23px 1152px #FFF, 1625px 601px #FFF, 1177px 1692px #FFF, 397px 1984px #FFF, 10px 1164px #FFF, 1132px 1557px #FFF, 438px 817px #FFF, 1590px 1236px #FFF, 1037px 1616px #FFF, 533px 941px #FFF, 1163px 1992px #FFF, 1451px 1081px #FFF, 1335px 1578px #FFF, 503px 1556px #FFF, 197px 1725px #FFF, 511px 1397px #FFF, 1514px 1164px #FFF, 1249px 148px #FFF, 947px 1849px #FFF, 1258px 1426px #FFF, 255px 1937px #FFF, 23px 529px #FFF, 578px 230px #FFF, 925px 767px #FFF, 903px 365px #FFF, 1861px 451px #FFF, 1813px 912px #FFF, 1597px 637px #FFF, 195px 626px #FFF, 130px 404px #FFF, 725px 408px #FFF, 1916px 843px #FFF, 1336px 239px #FFF, 1568px 1390px #FFF, 139px 126px #FFF, 1287px 1271px #FFF, 731px 465px #FFF, 1959px 1465px #FFF, 909px 169px #FFF, 838px 1332px #FFF, 464px 1037px #FFF, 1893px 233px #FFF;
    animation: animStar 150s linear infinite;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2000px);
    }
}

/*首页结束*/
/*客户案列开始*/
#canvas {
    position: relative;
    width: 100%;
    height: 100%;
}

#canvas .canvasTxt {
    position: absolute;
    top: 40%;
    left: 200px;
    font-size: 48px;
}

.canvasTxtg {
    color: #00d582;
}

.canvasTxtr {
    color: #f00000;
}

.canvasTxty {
    color: #ffe644;
}

@media screen and (max-width: 752px) {
    #canvas .canvasTxt {
        top: 35%;
        left: 20px;
        font-size: 30px;
    }
}

/*3D*/
@media screen and (min-width: 1400px) {
    .albums-tab {
        width: 1400px;
        margin: 0 auto;
    }

    .albums-tab .albums-tab-thumb {
        width: 23.5%;
        margin-right: 1%;
    }
}

/*1400px*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .albums-tab {
        width: 1200px;
        margin: 0 auto;
    }

    .albums-tab .albums-tab-thumb {
        width: 23.5%;
        margin-right: 1%;
    }
}

/*大于1200px*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .albums-tab {
        width: 960px;
        margin: 0 auto;
    }

    .albums-tab .albums-tab-thumb {
        width: 48.5%;
        margin-right: 1%;
    }
}

/*大于960小于1200*/
@media screen and (min-width: 1200px) {
    .sim-anim:hover img {
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
    }

    .sim-anim:hover img:nth-child(1) {
        -ms-transform: translate(0, -30%) scale(0.5, 0.5);
        -webkit-transform: translate(0, -30%) scale(0.5, 0.5);
        transform: translate(0, -30%) scale(0.5, 0.5);
    }

    .sim-anim:hover img:nth-child(2) {
        -ms-transform: translate(0, -15%) scale(0.7, 0.7);
        -webkit-transform: translate(0, -15%) scale(0.7, 0.7);
        transform: translate(0, -15%) scale(0.7, 0.7);
    }

    .sim-anim:hover img:nth-child(3) {
        -ms-transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    .sim-anim:hover img:nth-child(4) {
        -ms-transform: translate(0, 15%) scale(1, 1);
        -webkit-transform: translate(0, 15%) scale(1, 1);
        transform: translate(0, 15%) scale(1, 1);
    }

    .sim-anim:hover img {
        z-index: 1;
    }

    .albums-tab2 {
        display: none;
    }
}

/*大于1200 3D有效*/
.albums-tab {
    padding: 180px 0;
}

.albums-tab .albums-tab-thumb {
    float: left;
    min-height: 460px;
}

.albums-tab-thumb img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    padding: 15px;
}

.sim-anim {
    position: relative;
}

.sim-anim img {
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/*当屏幕小于1200px 3D失效*/
@media screen and (max-width: 1199px) {
    .albums-tab {
        display: none;
    }

    .albums-tab2 {
        display: block;
        padding: 35px 20px;
        width: 80%;
        margin: 0 auto;
    }

    .albums-tab2 img {
        width: 100%;
        height: 100%;
    }

    .albums-tab2 .albums-tab-thumb2 {
        float: left;
        min-height: 460px;
        width: 46%;
        margin-right: 4%;
        margin-top: 15px;
    }

    .albums-tab-thumb2 img {
        display: inline-block;
        width: 100%;
        height: 100%;
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
    }
}

/*小于1200px*/
@media screen and (max-width: 752px) {
    .albums-tab2 {
        display: block;
        padding: 20px;
        width: 80%;
        margin: 0 auto;
    }

    .albums-tab2 .swiper-slide {
        width: 100% !important;
    }

    .albums-tab2 .albums-tab-thumb2 {
        min-height: 420px;
        width: 100%;
        margin-top: 15px;
    }
}

/*3D*/
/*客户案例结束*/
/*数字化产品三级页面开始*/
.threeSlider .container > h1 {
    color: #484848;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.threeSlider .container > h1 span {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../images/threeicon.png) no-repeat 0 0;
    -webkit-background-size: 35px 35px !important;
    background-size: 35px 35px !important;
    margin-right: 20px;
    vertical-align: bottom;
}

.threeicon2 {
    background: url(../images/threeicon2.png) no-repeat 0 0 !important;
}

.threeicon3 {
    background: url(../images/threeicon3.png) no-repeat 0 0 !important;
}

.threeicon4 {
    background: url(../images/threeicon4.png) no-repeat 0 0 !important;
}

.threeSlider .container i {
    display: inline-block;
    width: 152px;
    height: 7px;
    background: url(../images/threered.png) no-repeat center 0;
}

/*1200px*/
@media screen and (min-width: 996px) {
    .threeContent {
        margin-top: 50px;
    }

    .threeContent2 {
        margin-top: 10px;
    }

    .threeContent > p {
        margin: 0 auto;
        font-size: 20px;
        line-height: 36px;
        width: 60%;
    }

    .threeContent ul > li {
        float: left;
    }

    .threeContent ul {
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .threeContent ul .img-box {
        width: 30%;
        display: block;
        position: relative;
        overflow: hidden;
        margin-left: 5%;
        margin-top: 2%;
    }

    .threeContent ul .img-box2 {
        width: 34%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .threeContent ul .img-box3 {
        width: 34%;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 3% 0 0 2%;
    }

    .threeContent ul .img-box4 {
        width: 40%;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 1% 0 0 2%;
    }

    .threeContent ul .text-box {
        width: 60%;
        padding: 10px 0 0 6%;
    }

    .threeContent ul .text-box2 {
        width: 64%;
        padding: 10px 0 0 8%;
    }

    .threeContent ul .text-box3 {
        width: 64%;
        padding: 10px 0 0 4%;
    }

    .threeContent ul .text-box4 {
        width: 58%;
        padding: 10px 0 0 4%;
    }

    .threeContent ul .img-box img, .threeContent ul .img-box2 img, .threeContent ul .img-box3 img, .threeContent ul .img-box4 img {
        width: 100%;
    }

    .threeContent ul .text-box2 ul li {
        padding-left: 15px;
        box-sizing: border-box;
    }

    .threeContent ul .text-box2 h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 0;
    }

    .th4 {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
    }

    .th1 {
        font-size: 18px;
        line-height: 50px;
        margin: 0;
    }

    .thbr1 {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
        font-weight: 600;
    }

    .threeContent ul .text-box3 h4 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .threeContent ul li p {
        font-size: 12px;
        line-height:25px;
    }

    /*-----1*/
    .threeContent2 div.container > p {
        margin: 0 auto;
        font-size: 14px;
        line-height: 28px;
        width: 80%;
        margin-bottom: 20px;
    }

    .iconUl li, .iconUl3 li {
        float: left;
        width: 33.3%;
        padding: 2% 6%;
        box-sizing: border-box;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
    }

    .iconUl2 li {
        float: left;
        width: 25%;
        padding: 2%;
        box-sizing: border-box;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
    }

    .iconUl3 li {
        padding: 2%;
    }

    .iconUl3 li p {
        font-size: 18px;
    }

    .iconUl li:hover, .iconUl2 li:hover {
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    }

    .threeContent2 ul li h1 {
        font-size: 18px;
        margin-top: 0;
        font-weight: bold;
    }

    .threeContent2 ul li h2 {
        font-size: 24px;
        margin-top: 0;
        font-weight: normal;
    }

    .iconUl li h1 span, .iconUl2 li h1 span {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        margin-top: -8px;
        margin-right: 10px;
    }

    .hIcon1 span {
        background: url(../images/three/ticon1.png) no-repeat center center;
    }

    .hIcon2 span {
        background: url(../images/three/ticon2.png) no-repeat center center;
    }

    .hIcon3 span {
        background: url(../images/three/ticon3.png) no-repeat center center;
    }

    .hIcon4 span {
        background: url(../images/three/ticon4.png) no-repeat center center;
    }

    .hIcon5 span {
        background: url(../images/three/ticon5.png) no-repeat center center;
    }

    .hIcon6 span {
        background: url(../images/three/ticon6.png) no-repeat center center;
    }

    .hIcon7 span {
        background: url(../images/three/ticon7.png) no-repeat center center;
    }

    .hIcon8 span {
        background: url(../images/three/ticon8.png) no-repeat center center;
    }

    .hIcon9 span {
        background: url(../images/three/ticon9.png) no-repeat center center;
    }

    .hIcon10 span {
        background: url(../images/three/ticon10.png) no-repeat center center;
    }

    .th2 {
        font-size: 18px !important;
        margin-top: 0;
        font-weight: bold !important;
    }

    .fourli li {
        float: left;
        width: 48%;
        padding: 1%;
        box-sizing: border-box;
    }

    .fourli li > h1 {
        margin-top: 76px !important;
        font-size: 24px !important;
        line-height: 52px;
    }

    .fourli li p {
        font-size: 18px;
    }

    .fourli li h4 {
        font-weight: bold;
    }

    .AIul .aiContent {
        width: 70%;
    }

    .AIul .aiImg {
        padding-top: 58px;
        width: 30%;
    }

    .AIul .aiContent ul li {
        width: 33.3%;
        padding: 10px;
        box-sizing: border-box;
    }

    .AIul .aiContent2 ul li {
        width: 25%;
        padding: 10px;
        box-sizing: border-box;
    }
}

/*大于1200px*/

@media screen and (max-width: 995px) {
    .threeSlider .container > h1 {
        color: #484848;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .threeSlider .container > h1 span {
        display: none;
    }

    .threeContent {
        margin-top: 10px;
    }

    .threeContent2 {
        margin-top: 10px;
    }

    .threeContent > p {
        margin: 0 auto;
        font-size: 16px;
        line-height: 30px;
    }

    .threeContent ul > li {
        float: none;
    }

    .threeContent ul .img-box {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .threeContent ul .img-box2 {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .threeContent ul .img-box3 {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .threeContent ul .text-box {
        width: 100%;
    }

    .threeContent ul .text-box2 {
        width: 100%;
    }

    .threeContent ul .text-box3 {
        width: 100%;
    }

    .threeContent ul .text-box4 > h1 {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
    }

    .threeContent ul .img-box img, .threeContent ul .img-box2 img, .threeContent ul .img-box4 img {
        width: 100%;
    }

    .threeContent ul .img-box3 img {
        width: 100%;
    }

    .th1 {
        font-size: 15px;
        line-height: 36px;
        margin: 0;
    }

    .threeContent ul .text-box3 h4 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .threeContent ul li p {
        font-size: 15px;
        margin: 0;
        line-height: 26px;
    }

    .threeContent2 ul li h1 {
        font-size: 14px;
        margin-top: 8px;
        font-weight: bold;
        line-height: 26px;
    }

    .threeContent2 ul li h2 {
        font-size: 14px;
        margin-top: 0;
        font-weight: normal;
    }
}

/*996px*/
.threeSlider .swiper-button-prev {
    width: 52px;
    height: 52px;
    background-image: url(../images/tl.png) !important;
    background-position: -0px 0 !important;
    background-size: 104px 52px !important;
    left: 8%;
}

.threeSlider .swiper-button-next {
    width: 52px;
    height: 52px;
    background-image: url(../images/tl.png) !important;
    background-position: -52px 0 !important;
    background-size: 104px 52px !important;
    right: 8%;
}

@media only screen and (max-width: 1420px) {
    .threeSlider .swiper-button-prev {
/*         display: none; */
    }

    .threeSlider .swiper-button-next {
/*         display: none; */
    }
}

/*数字化产品三级页面结束*/