html {    font-size: 14px;    max-width: 100vw;}body {    max-width: 1920px;    margin: 0 auto !important;    width: 100%;    height: auto;}@font-face {    font-family: "Montage";    src: url(../images/MontageSerifFont-Regular.ttf) format("truetype"), url(../images/MontageSerifFont-Regular.otf) format("opentype");    font-weight: 400;    font-style: normal;    font-display: swap}@font-face {    font-family: "bonjour";    src: url(../images/bonjour.otf) format("opentype");    font-weight: 400;    font-style: normal;    font-display: swap}div {    max-width: 1920px;}/*—滚动条大小–*/ ::-webkit-scrollbar {    width: 0;    height: 18px;}/* 公共 */.wap {    display: none;}.container {    width: 80%;}.clear {    clear: both;}.translatey {    opacity: 0;    transform: translateY(100%);    transition: all .8s;}.active .translatey {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.translatexl {    opacity: 0;    transform: translateX(-100%);    transition: all .8s;}.active .translatexl {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.translatexr {    opacity: 0;    transform: translateX(100%);    transition: all .8s;}.active .translatexr {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.translatebg {    width: 100%;    height: 100%;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    position: absolute;    z-index: 0;    transform: scale(1.2);    transition: all .7s;    /* transition-delay: 1.3s; */}.active .translatebg {    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;}/* 公共 end */.hide-scrollbars {    overflow: hidden;}.location-main img {    max-width: unset;    display: unset;}.top a {    color: #fff;}.top a:hover {    color: #fff;}.top-other a {    color: #000;}.top {    /*background-color: rgba(0, 0, 0, 1);*/    background-color: #fff;    height: 80px;    width: 100%;    z-index: 999;    min-width: 1600px;    top: 0;    position: fixed;}.top-other {    z-index: 9999;    padding: 2rem 0;    transition: all .5s;}.cblack {    display: none;}.top8 {    padding: 2rem 0;    transition: all .5s;}.top3 {    padding: 0.8rem 0;    background-color: #fff;    transition: all .5s;}.top3 .nav li a span {    color: #000;}.top8 .cblack {    display: none;}.top8 .cwhite {    display: block;}.top3 .cwhite {    display: none;}.top3 .cblack {    display: block;    height: 38px;}.top3 .top-search {    border-left: 1px solid #000;}.nav-h {    width: 100%;    height: 6.4rem;}.top .topnav {    /* margin: 2rem 0; */    position: relative;}.top .bg-black {    transition: all .5s;}.top .topbox {    width: 100%;    height: 100%;    position: absolute;    background-color: #fff;    margin-top: -2rem;    z-index: -1;}.top .nav ul a {    border-bottom: 1px solid #000;}.top .nav span:last-of-type {    display: none;}.nav li {    height: 2rem;    overflow: hidden;}.nav li.on {    border-bottom: 1px solid #DE5504;}.nav li:hover {    border-bottom: 1px solid #DE5504;    transition: all .8s;}.nav li a {    text-align: center;    color: #ddd;    display: block;    line-height: 2rem;    -webkit-transition: transform .5s;    -ms-transition: transform .5s;    transition: transform .5s}.nav li a span {    opacity: 1;    display: block;    pointer-events: none;    -webkit-transition: opacity .3s;    transition: opacity .3s;    color: #ddd;}.nav li:hover a {    -webkit-transform: translate3d(0, -50%, 0);    transform: translate3d(0, -50%, 0)}.nav li a:after {    content: attr(data-hover);    color: #DE5504;    opacity: 0;    -webkit-transition: opacity .3s;    -ms-transition: opacity .3s;    transition: opacity .3s;}.nav li:hover a:after {    opacity: 1}.nav_menu .navname {    position: relative;    transform: translate(0px, 0px);    opacity: 1;}.nav_menu .navname .name {    font-family: "Montage", "Arial", sans-serif;    font-weight: 400;    font-size: 74px;    line-height: 110%;    text-align: center;    color: #fff;    position: relative;}.nav_menu .navname span {    display: block;    transform: rotate(-90deg);    letter-spacing: .2em;    height: 30px;    font-weight: 400;    color: #7D7D7D;}.nav_menu .navname .rightrorate {    transform: rotate(90deg);}.nav_menu {    width: 100%;}.nav_menu .navbg {    position: absolute;    z-index: 0;    width: 100%;    height: 171px;    overflow: hidden;    opacity: 0;    transition: all .3s;}.nav_menu .navbg .imageblock {    width: 142px;    height: 171px;    overflow: hidden;    display: flex;    justify-content: center;}.nav_menu .navbg img {    max-width: unset;    height: 100%;}.nav_menu .navitem:hover {    cursor: pointer;}.nav_menu .navitem:hover .navbg {    opacity: 1;    transition: all .3s;}.top2 {    background-color: rgba(0, 0, 0, 0.6);    width: 100%;    z-index: 999;    min-width: 1200px;    top: 0;    position: fixed;}.top4 {    background-color: #fff;    height: 80px;    width: 100%;    z-index: 999;    top: 0;    position: fixed;}@media screen and (min-width: 600px) {    div .top4 .navbar-fixed-top{        display: none;    }}@media screen and (max-width: 600px) {    /* 弹窗 */    #scan_code .code-proup-content {        left: 53% !important;    }    #scan_code .code-proup-content img {        height: 40% !important;    }    div .top4 {		width: 100%;		color: #fff;		background-color: #101010;		position: fixed;		top: 0px;        z-index: 11	}    nav.navbar-fixed-top {        position: fixed;        width: 100%;        z-index: 11;    }    /* 幕布 mask */    .allMask {        width: 100%;        height: 100%;        position: fixed;        top: 0;        background-color: #0000008f;    }	div .top4 .container3 {		display: none;	}	div .top4 .container-fluid .navbar-header {		display: flex;		justify-content: space-between;		align-items: center;		padding: 15px;	}	div .top4 .navbar-header button {		width: 40px;		border: 1px solid #d1c4c4;		border-radius: 10px;		height: 40px;	}	div .top4 .navbar-header img {		width: 100px;        display: none;	}	div .top4 .navbar-nav li{		border-top-color: #fff;		background-color: #000;		padding: 10px;		height: auto;		min-height: 2rem;		border-top: 1px solid #404040;	}	.pc .zhanwei{		display: none;	}	.pc .wrap11,	.pc .wrap11 .wmxiao-ban,	.pc .wrap11 .wmxiao-ban video {		min-width: auto;		width: 100%;		/* min-height: auto;		height: auto; */	}	.pc .wrap11 .banner33 {		word-break: break-all;		position: absolute;		width: auto;		margin-left: 0;		display: flex;		justify-content: center;		align-items: center;        left: 0 !important;        top: 30px !important;        z-index: 9;	}    #shoujiduandawuyushijian {        display: block !important;    }	.pc .wrap11 .banner33 .banner33-txt .banner33-p2{        padding: 0 40px;		line-height: 50px;	}	.pc .wrap11 .banner33 .f-oh{		padding: 0;		display: flex;		align-items: center;		justify-content: center;		text-align: center;		white-space: nowrap;	}	.pc .wrap11 .banner33 .f-oh li{		padding: 0 23px;	}	.gs-bg {		width: 100%;		padding: 50px 0 80px 0 !important;        background-size: auto 100% !important;	}	div.pc div.gs-bg div.wrap{		min-width: auto;        /* padding-top: 20px;		padding-bottom: 20px; */	}	div.pc div.gs-bg div.wrap div#actF7 ul{		display: flex;		flex-wrap: wrap;		align-items: initial;		justify-content: center;	}	div.pc div.gs-bg div.wrap div#actF7 ul li{		width: 30%;		margin: 0;		align-items: center;		padding: 10px 0;	}    div.pc div.gs-bg div.wrap div#actF7 ul li img {        width: 60px !important;    }    div.pc div.gs-bg div.wrap div#actF7 ul li span {        font-size: 25px !important;    }    div.pc div.gs-bg div.wrap div#actF7 ul li p {        font-size: 12px !important;    }	div.pc div.gs-bg div.wrap .pro-btn2{		margin: 0 auto;	}	.warpper22 {		height: auto !important;		background: none !important;		background-repeat: no-repeat;	  	background-size: auto;		width: 100% !important;	}	.warpper22 .warpper2,	.suspension{		display: none !important;	}	.yewufanwei {		/* background: url('../images/item_img1.jpg'); */        overflow: hidden;        background-size: auto 100%;        padding: 50px 0 0 0 !important;	}    .All360sever {        background-size: auto 100% !important;    }	.g-box2,	.warpper22 .yewufanwei .fanwei-main {		width: auto !important;	}    .yewufanwei dt {        /* color: #ffffff !important; */    }	.warpper22 .yewufanwei .fanwei-ul{		display: flex;		flex-wrap: wrap;		justify-content: center;	}	.warpper22 .yewufanwei .fanwei-ul li{		width: 40%;		padding: 0 0 10px 0;        color: #ffffff;        display: flex;        align-items: center;        height: 250px !important;        margin: 10px;	}    .warpper22 .yewufanwei .fanwei-ul li .fanwei-top {        width: auto !important;        margin: 0 auto;    }    .warpper22 .yewufanwei .fanwei-ul li .fanwei-top-img {        width: 50px !important;        height: auto !important;        margin: 0 auto;    }    .warpper22 .yewufanwei .fanwei-ul li .fanwei-mid {        font-size: 16px;        font-weight: bold;        white-space: nowrap;        margin-bottom: 10px !important;    }    /* .warpper22 .yewufanwei .fanwei-ul li .fanwei-bottom, */    .warpper22 .yewufanwei .fanwei-ul li:nth-child(2n-1) {        display: none;    }	div.warpper22 .f6-bg,	.wrap {		min-width: auto !important;		margin-top: 0 !important;	}    .f6-bg .m-dl6 .m-dt-t2 {        font-size: 13px;    }	div.warpper22 .f6-bg .f6-ul{		/* flex-wrap: wrap; */		align-items: center;		flex-direction: row-reverse;		justify-content: center;		text-align: center;	}	div.warpper22 .f6-bg .f6-ul li {		width: 100%;		margin: 0 0 25px 0!important;	}    div.warpper22 .f6-bg .f6-ul li p {        font-size: 12px !important;    }    div.warpper22 .f6-bg .f6-ul li span {        font-size: 20px !important;    }	.f6-ul>li .f6-line {		left: 6% !important;	}	.f6-ul1-flex {		/* flex-wrap: wrap; */		justify-content: center !important;	}    .warpper22 .f6-bg .m-dl6 .f6-dd .f6-ul-overflow{        overflow: scroll;    }    .warpper22 .f6-bg .m-dl6 .f6-dd .f6-ul-overflow::-webkit-scrollbar{        display:none;    }    .warpper22 .f6-bg .m-dl6 .f6-dd .f6-ul-overflow .f6-ul1 {        width: 1610px;    }	.f6-ul1>li {		margin: 10px !important;        /* width: 40% !important; */	}	div.pc div.warpper22 div div.wrap {		min-width: auto !important;	}	div.pc div.warpper22 div div.wrap .g-box .gs-server1{		flex-wrap: wrap;	}	div.pc div.warpper22 div div.wrap .g-box .gs-server1>li{		width: 49% !important;		padding: 22px;		margin-bottom: 10px;        height: 220px;	}	div.pc div.warpper22 div div.wrap .possess-btn {		margin: 60px 50px -40px 75px !important;	}    .warpper22 .f9-bg {        margin-bottom: 100px !important;    }    .warpper22 .wrap .f-pr {        padding: 12px;    }    .warpper22 .wrap .f-pr .f9-ul a {        width: 25%;    }	.nnimg {		height: 75px !important;	}    /* 首页 底部 蓝色部分 */    .consulttt {        height: 170px !important;    }    .consulttt .consult-title {        font-size: 16px !important;    }    /* 结束 */	.s-footer,	.btn-consult {		width: 100% !important;		min-width: auto !important;	}	div.s-footer .s-footer-bottom-item {		flex-wrap: nowrap;		flex-direction: row;		word-break: keep-all;    	align-items: center;		padding: 10px;	}	div.s-footer .s-footr-top,	div.s-footer .s-footer-warpper{		display: none;	}    /*  */    #liebanner {        height: 200px !important;    }    #liebanner img{        min-height: auto !important;        margin-top: 80px;        height: auto !important;    }    /* 新闻 */    .newsitem{        display: flex;    }    .newsitem .mx-auto {        width: 100% !important;    }    .newsitem .item {        width: 350px;        margin: 0 auto;    }    .newsitem .loadmore {        width: 50%;    }    .news-wt-box .news-title {        padding-top: 0px !important;    }    .news-wt-box .itemcenter {        flex-wrap: wrap;    }    .news-wt-box .news-btn-ul li a {        margin: 0 !important;    }    .news-wt-box .itemcenter li {        margin: 5px !important;    }    .news-wt-box .news-con-ul {        width: auto !important;    }    .news-wt-box .news-con-ul .news-con-li {        display: flex;        flex-wrap: wrap;        padding: 15px;    }    .news-wt-box .news-con-ul .news-con-li .news-con-li-left{        padding-right: 0 !important;    }    .news-wt-box .news-con-ul .news-con-li .news-con-li-con{        width: auto !important;    }    /* 关于我们 */    ul, ol {        padding: 0 !important;    }    #solutionDetails1,    #solutionDetails1 .about-introduce-nei .about-introduce-l{        width: auto !important;    }    #solutionDetails1 .about-introduce-nei .about-introduce-l {        padding: 10px !important;    }    #solutionDetails4 {        margin-top: 0 !important;    }    .boxxx,    .boxxx2{		overflow: hidden;        min-width: auto !important;        padding: 5px !important;    }	.boxxx {		left: -6% !important;	}    .boxxx .listt {        left: 14%;    }    	.boxxx .next {		right: 0% !important;	}    .boxxx2 {        overflow: hidden;        margin: 0 auto !important;        width: 98% !important;    }	.boxxx2 div{		left: -55px;	}    .zhanwei1 {        height: 50px !important;    }    /* 案例展示 */    .s-anli,    .s-anli-warpper {        display: none;    }    .section .brand {        width: auto !important;    }    .section .brand .box_item {        width: 100%;        max-width: 600px;        margin: 20px !important;        position: relative !important;    }    .section .brand .box_item .box_left {        position: absolute !important;        right: 0px !important;    }    .section .brand .box_item .box_left .box_left_top {        align-items: flex-start !important;        padding-left: 40px;    }    .section .brand .box_item .box_left .box_left_top span {        font-size: 16px !important;    }    .section .brand .box_item .box_right{        position: absolute !important;        right: 0 !important;    }    .box_right_show,    .box_right_hide {        width: 100px !important;        height: 178px !important;        top: -70px !important;    }    .box_right_show, .box_show {        z-index: 8 !important;    }    .box_right_hide, .box_hide {        z-index: 7 !important;    }    .box_right_show img {        position: absolute;        width: 102px !important;        height: 202px !important;    }    .box_right_hide img{        position: absolute;        width: 100px !important;        height: 202px !important;    }    .section .moree {        width: auto !important;    }    .section .moree ul li {        margin: 0 !important;    }    /* 产品服务 */    #bcnav {        margin-bottom: 66px;    }    #bcnav ul.items-end {        width: 100% !important;        flex-wrap: nowrap !important;    }    #product .newsitem {        overflow: hidden;    }    #product .newsitem .container .swiper .swiper-wrapper .swiper-slide {        width: 100% !important;    }	#product .tabitem .newsitem .container .grid {		display: block;	}    /* 详情页面 */    .layout .container .flex div.w-1\/4 {        display: none;    }    .layout .container .flex div.w-3\/4 {        width: 100% !important;        padding-right: 0 !important;    }	/* 定制详情页面 */	.csNew-4City .containerr{		min-width: auto !important;	}    .csNew-4City .containerr .wisdomNet-h3 h3 {        font-size: 25px !important;    }    .csNew-4City .containerr .wisdomNet-h3 p {        font-size: 14px !important;    }	.csNew-4City .containerr .csNew-4CityShow .row{	    flex-wrap: wrap;	}    .csNew-4City .containerr .csNew-4CityShow .row .col-xs-2 {        padding: 0 !important;        margin: 5px;        width: 110px !important;    }    .csNew-4City .containerr .csNew-4CityShow .row .col-xs-2 .csNew-4CityList {        margin-bottom: 0 !important;    }    .csNew-4City .containerr .csNew-4CityShow .row .col-xs-2 .csNew-4CityList img {        height: 30px !important;    }    /* 小程序定制 */	.wmxiao-every {		height: auto !important;		padding: 20px;	}    .wmxiao-every .wmxiao-every-top .every-top-h3 {        font-size: 25px;    }    .wmxiao-every .wmxiao-every-top .every-top-p {        font-size: 14px;    }	.wmxiao-every .wmxiao-every-box {		width: auto !important;	}	.wmxiao-every .every-box-ul{		display: flex;		/* flex-wrap: wrap; */		justify-content: center;	}	.wmxiao-every .every-box-ul li{		margin-bottom: 30px;        width: 25%;	}    .wmxiao-every .every-box-ul li .img {        background-size: 80px;        width: 80px;        height: 70px;    }    .wmxiao-every .every-box-ul li .img2 {        background-position: 0 -80px;    }    .wmxiao-every .every-box-ul li .img3 {        background-position: 0 -158px;    }    .wmxiao-every .every-box-ul li .img4 {        background-position: 0 -234px;    }    .wmxiao-every .every-box-ul li .every-span {        font-size: 12px;    }    .wmxiao-every .every-box-ul li .every-p {        font-size: 12px;    }    	.wmxiao-realization .realization-box,	.wmxiao-realization .realization-box ul {		width: auto !important;	}	.wmxiao-realization .realization-box ul li {        width: 42% !important;        padding: 10px;        overflow: hidden;	}    .wmxiao-realization .realization-box ul li .img {        position: absolute;        width: 30px;        height: 30px;        background-size: 30px;        margin: 0;    }    .wmxiao-realization .img2{        background-position: 0 -30px !important;    }    .wmxiao-realization .img3{         background-position: 0 -60px !important;    }    .wmxiao-realization .img4{        background-position: 0 -90px !important;    }    .wmxiao-realization .img5{        background-position: 0 -120px !important;    }    .wmxiao-realization .img6{        background-position: 0 -150px !important;    }    .wmxiao-realization .realization-box ul li p.one {        font-size: 12px !important;        margin-top: 5px;        text-align: center;    }    .wmxiao-realization .realization-box ul li p.two {        font-size: 12px !important;        padding: 0 14px;    }	.wmxiao-realization .realization-button,	.wmxiao-all-box {		width: auto !important;	}	.wmxiao-plan .plan-box {		margin-left: 15px;	}	.wmxiao-all .wmxiao-all-box .f-oh li{		width: 28% !important;        height: 65px;        font-size: 15px;		border-radius: 10px;        align-items: center;        display: flex;        justify-content: center;	}	.firstBoxx .contentt {		width: auto !important;	}    .firstBoxx .contentt .contenttTop {        font-size: 14px !important;    }	.firstBoxx .contentt .processs {		height: 150px !important;	}	.firstBoxx .contentt .processs .processsItem .processsBottom {		font-size: 14px;		white-space: nowrap;	}	.firstBoxx .contentt .processs .processsItem .processsItemTop,	.firstBoxx .contentt .processs .processsItem img {		width: 64px;		height: 64px;	}	.secondBox .contenttTow,	.secondBox .contenttTow .contenttTowBox {		width: auto !important;		min-width: auto !important;	}    .secondBox .contenttTow .contenttTowTop {        font-size: 14px;    }	.secondBox .contenttTow .contenttTowBox {		/* flex-wrap: wrap; */    	/* justify-content: center; */		align-items: center;        overflow: scroll;	}    .secondBox .contenttTow .contenttTowBox::-webkit-scrollbar {        display: none;    }	/* .secondBox .contenttTow .contenttTowBox .next-iconn {		display: none;	} */	.secondBox .contenttTow .contenttTowBox .contenttTowBox-top {		margin-top: 10px;	}    /* app 定制开发 */    .appDev .appDev-container1 .appDev-container1-box {        overflow: scroll;    }    .appDev .appDev-container1 .appDev-container1-box::-webkit-scrollbar{        display:none;    }    .appDev .appDev-container1 .appDev-container1-box .appDev-container1-item .appDev-head{        background-size: 100% 23vw;    }    .appDev .appDev-container1 .appDev-container1-box .appDev-container1-item{        width: 240px;        height: 200px;    }    .appDev .appDev-container2 .appDev-container2-box div img {        width: 45px !important;    }    .appDev .appDev-container2 .appDev-container2-box div .appDev-container2-box-p {        font-size: 12px !important;        white-space: nowrap;    }    .appDev .appDev-container2 .appDev-container2-box div .appDev-container2-box-p2 {        font-size: 12px !important;    }    .appDev .appDev-container3 {        height: auto !important;    }    .appDev .appDev-container3 .appDev-top-title .appDev-container3-title {        font-size: 21px !important;    }    .appDev .appDev-container3 .appDev-container3-box {        width: auto !important;        justify-content:space-around;    }    .appDev .appDev-container3 .appDev-container3-box .appDev-container3-item {        width: 90px !important;    }    /* 网站定制开发 */    .bdd-wzjs {        overflow: hidden;    }    .bdd-wzjs .bw-2 .mb-til h3{        font-size: 25px !important;    }    .bdd-wzjs .bw-mbox {        height: auto !important;    }    .bdd-wzjs .bw-mbox .mb-con {        width: auto !important;        padding: 5px;    }    .bdd-wzjs .bw-mbox .mb-con ul {        text-align: center;        margin: 0px !important;        overflow: hidden;    }    .bdd-wzjs .bw-mbox .mb-con ul li {        float: none !important;        margin: 0 0 10px 0 !important;        /* width: 93%; */    }    .bdd-wzjs .bw-2 .mb-con ul li .con {        width: auto !important;    }    .bdd-wzjs .bw-mbox .mb-con .c-ul .tenYearList {        display: flex;        flex-wrap: wrap;        margin-top: 30px !important;    }    .bdd-wzjs .bw-mbox .mb-con .c-ul .tenYearList li {        width: 50%;    }    .bdd-wzjs .bw-mbox .mb-con .c-ul .tenYearList li a {        margin: auto;    }    .bdd-wzjs .bw-mbox .mb-con .c-ul .tenYearList li a .con {        font-size: 14px !important;    }    .bdd-wzjs .bw-3 {        margin-top: 0 !important;        background-size: auto 100%;    }    .bdd-wzjs .bw-3 .mb-con {        width: auto !important;        height: auto !important;    }    .bdd-wzjs .bw-3 .mb-con .c-con {        padding-top: 0 !important;    }    .bdd-wzjs .bw-3 .mb-con .c-con h3 {        height: 100px !important;        line-height: 130px !important;        font-size: 23px !important;    }    .bdd-wzjs .bw-3 .mb-con .c-con h3 b {        font-size: 65px !important;    }    .bdd-wzjs .bw-3 .mb-con .c-con {        text-align: center;    }    .bdd-wzjs .bw-3 .mb-con .c-ul {        position: initial !important;        width: auto !important;        margin-top: 10px;    }    .bdd-wzjs .bw-3 .mb-con .c-ul ul {        display: flex;    }    .bdd-wzjs .bw-3 .mb-con .c-ul ul li img {        width: 100px !important;        height: 120px !important;    }    .bdd-wzjs .bw-3 .mb-con .c-ul ul li a {        width: 170px !important;        height: 245px;    }    .bdd-wzjs .bw-3 .mb-con .c-ul ul li a .til {        font-size: 20px;    }    .bdd-wzjs .bw-3 .mb-con .c-ul ul li .con {        padding: 0 !important;    }    .bdd-wzjs .bw-7 {        margin-bottom: 0 !important;    }    /* 软件定制开发 */    .softwareDev .softwareDev-container1 .softwareDev-container1-box {        width: auto !important;        height: auto !important;    }    .softwareDev .softwareDev-container1 .softwareDev-container1-box .softwareDev-container1-content {        overflow: scroll;        align-items: flex-start !important;        justify-content: flex-start;        padding: 0 20px;    }    .softwareDev .softwareDev-container1 .softwareDev-container1-box .softwareDev-container1-content::-webkit-scrollbar {        display: none;    }    .softwareDev .softwareDev-container1 .softwareDev-container1-box .softwareDev-container1-content .softwareDev-container1-item {        min-width: 300px;    }    .softwareDev .softwareDev-container2 .softwareDev-container2-ul {        min-width: 100% !important;        width: 80% !important;    }    .softwareDev .softwareDev-container2 .softwareDev-container2-ul li {        margin: 20px auto !important;        width: 80%;    }    .softwareDev .softwareDev-container2 .softwareDev-container2-ul li > div {        font-size: 20px !important;        float: right;    }    .softwareDev .softwareDev-container2 .softwareDev-container2-ul li > img {        top: 15px !important;        bottom: auto !important;    }    .softwareDev .softwareDev-container3,    .softwareDev .softwareDev-container3 .softwareDev-container3-item ul,    .softwareDev .softwareDev-container3 .softwareDev-container3-item dl,    .softwareDev .softwareDev-container3 .softwareDev-container3-item dl .softwareDev-container3-p  {        width: auto !important;        min-width: auto !important;    }    .softwareDev .softwareDev-container3 .softwareDev-container3-box {        padding: 0 !important;    }    .softwareDev .softwareDev-container3 .softwareDev-container3-box .softwareDev-container3-item ul .softwareDev-container3-title .softwareDev-container3-p {        width: auto !important;        display: block !important;        height: 100px;        font-size: 12px;        padding: 0 18px;    }}.container3 {    display: flex;    justify-content: row;    align-items: center;    position: relative;    width: 100%;    /*width: 90%;*/}.container3-left {    display: flex;    margin-left: 3%;    width: 80px;    opacity: 0;}.container3-left img {    width: 80%;    height: 80%;    margin-left: -20px;}.container3-mid {    width: 70%;    color: #000;    margin-left: 8%;    /*min-width: 836px;*/}.listttt{    width: 12%;    text-align: center;    white-space:nowrap;    float: left;    padding: 0;    display: inline-block;    transition: color 0.5s;    position: relative;    z-index: 1;}.BGG{    font-size: 16px;    line-height: 60px;    width: 100%;    margin-top: 10px;    border-radius: 30px;    position: relative;}.container3-right {    display: flex;    flex-direction: row;    position: absolute;    margin-top: 10px;    width: 388px;    right: 1%;}.container3-right-tel {    min-width: 188px;    height: 39px;    background: #218BFF;    border-radius: 20px 20px 20px 20px;    display: flex;    align-items: center;    justify-content: center;    font-size: 20px;    font-family: Microsoft YaHei-Regular, Microsoft YaHei;    font-weight: 400;    color: #FFFFFF;    padding: 0px 15px;}.container3-right-tel span {    margin-right: 10px;}.container3-right-tel img {    width: 22px;    height: 22px;    margin-right: 10px;}.right-free-btn {    /*width: 149px;*/    height: 43px;    min-width: 148px;    min-height: 42px;    background: linear-gradient(228deg, #78B8FE 0%, #007AFF 100%);    border-radius: 4px 4px 4px 4px;    font-size: 20px;    font-family: Microsoft YaHei-Regular, Microsoft YaHei;    font-weight: 400;    color: #FFFFFF;    display: flex;    cursor:pointer;    align-items: center;    justify-content: center;    margin-right: 17px;}.top4-second {    height: 290px;    background: #fff;    border-radius: 0 0 20px 20px;}.top4-second1 {    width: 365px;    display: none;    margin-left: 22%;    color:  #218BFF;}.top4-second2 {    width: 415px;    display: none;    margin-left: 30%;    color:  #218BFF;}.top4-second-box {    display: flex;    flex-direction: row;    padding: 35px 60px;}.top4-second-box-item {    display: flex;    flex-direction: column;    margin-right: 50px;}.top4-second-title {    display: flex;}.top4-second-line {    margin-top: 12px;    width: 90px;    height: 1px;    border: 1px solid rgba(33,139,255,.5);}.top4-second-line2 {    margin-top: 12px;    width: 105px;    height: 1px;    border: 1px solid rgba(33,139,255,.5);}.top4-second-item {    margin-right: 24px;    margin-top: 18px;}.top4-second-item-a {    white-space:nowrap;    margin: 5px 0 20px 0;    float: left;    color: #808082;    transition: all .3s;}.top4-second-item-a:hover {    color: #218BFF;    transition: all .3s;}/*这里的listH和listA顺序不能换，有优先级，当listA被使用时listH不起作用*/.listH{            color: #00AEBB;}.listA{            color: #fff;}        /*滑块*/#active {            width: 100px;            height: 38px;            display: none;            border-radius: 8px;            background-color: #218BFF;            box-shadow: 0 5px 16px 0 rgba(33, 139, 255, 0.58);            position: relative;            z-index: 0;            transition: left 0.5s,width 1s;}.top-search {    height: 25px;}.search {    /* padding-top: 4px; */}.banner {    width: 100vw;    height: 100vh;    overflow: hidden;    position: relative;    z-index: 9;}.banner .item {    width: 100%;    height: 70vh;    position: relative;}.banner .item .bannerbg{    position: absolute;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    transform: scale(1.2);    transition: all .7s;    transition-delay: 1.3s;}.banner .imageblock{    width: 1200px;}.banner .imageblock img{    position: absolute;    top: 28vh;}.banner .swiper-button-next,.banner .swiper-button-prev {    /* background-color: rgba(126, 129, 130, .22); */    width: 100px;    height: 100px;    border-radius: 50%;    transition: all .3s;    /* border: 2px; */}.banner .swiper-button-next {    right: 5%;    opacity: 0;}.banner .swiper-button-prev {    left: 5%;    opacity: 0;}.banner .swiper-button-prev:hover {    opacity: 1;    transform: translateX(20px);    animation: gelatine 1s infinite;    transition: all .3s;}.banner .swiper-button-next:hover {    opacity: 1;    transform: translateX(20px);    animation: gelatine 1s infinite;    transition: all .3s;}.banner .swiper-button-next:after,.banner .swiper-button-prev:after {    content: '';}.banner .banner-prev svg,.banner .banner-next svg {    width: 50%;}.banner-prev svg path,.banner-next svg path {    fill: #fff;}.banner .swiper-slide {    text-align: center;    background: #fff;    overflow: hidden;}.banner .swiper-pagination {    position: relative;    z-index: 999;    display: flex;    width: 100%;    margin: 0 auto;    margin-top: -50px;    margin-bottom: 50px;    justify-content: flex-end;}.banner .bx-controls-direction {    display: none;}.banner .swiper-pagination span {    width: 28px;    height: 2px;    display: block;    text-indent: 9999px;    overflow: hidden;    background-color: #fff;    box-shadow: 1px 1px 2px #999;    margin: 0 3px;    opacity: 1;    border-radius: 0;}.banner .swiper-pagination .swiper-pagination-bullet-active {    background-color: #ABABAA;}.banner .swiper-slide-active .item .bannerbg{    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;}.box {    width: 100vw;    height: 100vh;    /* padding: 20px; */    box-sizing: border-box;    background-color: #2F2F2F;    position: relative;    overflow: hidden;}/* 首页最新消息 start */.news {    width: 100%;    height: 100%;    position: relative;    background-attachment: fixed;    overflow: hidden;}.newsbg {    background-image: url(../images/newsbg.png);}.news .shadowbox {    width: 36%;    right: 0;    background: rgba(0, 0, 0, .4);}.more {    width: 112px;    color: #C2C2C4;    text-align: center;    line-height: 22px;    border: 2px solid #C2C2C4;    transition: all .3s;}.more:hover {    background-color: #fff;    color: #333;    cursor: pointer;    transition: all .3s;}.news .textbox {    right: 20%;    top: 20%;    width: 100%;    overflow: hidden;}.active .textbox .tbox {    transition-delay: .8s;}.news .shadowbox .title {    font-size: 30px;    letter-spacing: 5px;    color: #fff;    top: 25%;    left: -90%;    overflow: hidden;    width: 100%;    text-align: right;}.active .news .shadowbox .title p {    transition-delay: .8s;}.news .button--nina{    width: 112px;    line-height: 28px;}.news .newslist {    top: 55%;    opacity: 0;    left: 10%;    transition: all .8s;}.active .news .newslist {    top: 42%;    opacity: 1;    transition: all .8s;    transition-delay: 1.6s;}.news .newslist li {    color: #B7BBBF;    line-height: 50px;    transition: all .3s;    display: flex;    align-items: center;}.news .newslist li a{    transition: all .5s;    position: relative;}.news .newslist li:hover {    color: #fff;    transition: all .3s;}.news .newslist li:hover a{    padding-left: 20px;    transition: all .5s;}.news .newslist li:hover a:before{    left: 0;    transition: all .5s;    opacity: 1;}.circletext .p1 {    color: #fff;    letter-spacing: 2px;    margin-bottom: 6px;}.circletext .p2 {    color: #989A9B;}.svg {    display: block;    /* font: 1em/1 'Great Vibes', cursive; */    /* -webkit-animation: f 1s forwards;    animation: f 1s forwards; */}.svg text {    fill: #fff;}to {    background-color: #aaa;}@-webkit-keyframes f {    to {        background: #000;    }}@keyframes f {    to {        background: #000;    }}.newstextchange {    --outer-stroke-color: #333;    --shadow-color: #333;    line-height: 1;}@keyframes drop {    0% {        filter: drop-shadow(-3px -3px 0 var(--shadow-color));    }    50% {        filter: drop-shadow(3px 3px 0 var(--shadow-color));    }    100% {        filter: drop-shadow(-3px -3px 0 var(--shadow-color));    }}@keyframes rise {    0% {        transform: translate(3px, 3px);    }    50% {        transform: translate(-3px, -3px);    }    100% {        transform: translate(3px, 3px);    }}.position {    background-color: #F8F8F8;    line-height: 3rem;    font-size: 1rem;}.sortbox {    /* height: 16rem; */    overflow: hidden;}.sortbox .circle span{    border: 3px solid #222;}.sortbox .sortname {    /* line-height: 20.8rem; */    height: 16rem;    position: relative;    font-size: 4rem;    font-weight: bold;    letter-spacing: .5rem;}.sortbox .sortname ul {    position: absolute;    right: 0;    bottom: 4rem;    font-weight: normal;    letter-spacing: 0;}.sortbox .sortname h2 {    font-weight: bolder;}.sort-shadow {    width: 100%;    font-size: 12rem;    line-height: 14rem;    font-weight: bolder;    letter-spacing: 1rem;    position: absolute;    white-space: nowrap;    /* padding-left: calc(50% - 768px); */    padding-left: 4%;    overflow: hidden;    color: #F7F7F7;    font-family: "bonjour", "Montage", "Arial", sans-serif;}.caselist2 .item {    letter-spacing: 3px;}.caselist2 .item p {    padding: 0 2rem;}.caselist2 .item:nth-child(2n) {    flex-direction: row-reverse;}.case2imgbox {    height: 50vh;    overflow: hidden;}.case2imgbox img {    transform: scale(1.2);    transition: all .8s linear;    width: 100%;}.case2imgbox:hover img {    transform: scale(1.05);    transition: all .8s;}.caselist2 .canimg img {    width: 80px;    margin: 0 1%;    filter: grayscale(1);}.caselist2 {    width: 100%;    overflow: hidden;}.caselist2 .title,.caselist2 .smalltext,.caselist2 .canimg,.caselist2 .prodmore {    opacity: 0;    transform: translateY(50px);    transition: all .8s;}.caselist2 .aos-animate .title,.caselist2 .aos-animate .smalltext,.caselist2 .aos-animate .canimg,.caselist2 .aos-animate .prodmore {    opacity: 1;    transform: translateY(0);    transition: all .8s;}.caselist2 .aos-animate .title {    transition-delay: 1s;}.caselist2 .aos-animate .smalltext {    transition-delay: 1.4s;}.caselist2 .aos-animate .canimg {    transition-delay: 1.8s;}.caselist2 .aos-animate .prodmore {    transition-delay: 2.4s;}.caselist2 .aos-animate .case2imgbox {    background-color: #000;}.caselist2 .aos-animate .case2imgbox img {    transform: scale(1);    transition: all 2.8s;    opacity: .8;    /* transition-delay: .8s; */}.caselist2 .aos-animate .case2imgbox:hover img {    transform: scale(1.2);    opacity: 1;    transition: all 2s;}/* 首页最新消息 end */.product {    width: 100%;    height: 100%;    overflow: hidden;}.product .p1 img {    margin: 0 auto;    padding-top: 12vh;}.product .p2 img {    margin: 0 auto;    margin-top: 40px;    padding-left: 550px;}.product .p2 {    top: 24vh;}.product .p3boxs {    font-size: 42px;    color: #fff;    letter-spacing: 5px;    top: 38vh;}.product .psort {    /* height: 288px; */    width: 100%;    display: flex;    /* justify-content: center; */    top: 40%;}.product .pdesc{    width: 400px;    height: 128px;}.product .psort .itembox{    border-bottom: 1px solid rgba(171, 171, 171,.3);    padding-bottom: 30px;}.product .psort .item {    /* width: 100px; */    text-align: center;    /* margin: 0 20px; */    margin-right: 50px;    opacity: .6;}.product .psort .item img {    margin: 0 auto;    margin-bottom: 20px;}.product .psort .item:hover {    cursor: pointer;}.product .psort .item:hover img {    animation: flip 1s 1;    opacity: 1;}.product .psort .item .yuan {    width: 12px;    height: 12px;    background: url(../images/part5.png) center center no-repeat;    margin: 25px auto;    border-radius: 100%;    background-color: #222;}.product .psort .item p {    color: #fff;    font-size: 14px;}.product .psort .on,.product .psort .on img {    opacity: 1;}.active .product .prbox {    transition-delay: .3s;}.p3boxs {    overflow: hidden;}.product .p3box .p3 {    --outer-stroke-color: #444;    --shadow-color: #444;    line-height: 1;}.product .prodbg{    width: 100%;    height: 100%;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    overflow: hidden;    transform: scale(1.2);    transition: all .7s;}.active .prodbg {    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;}.product .shadow{    background: url(../images/prodshadow.png);    width: 1200px;    background-size: 100% 100%;    background-repeat: no-repeat;    height: 57%;    position: absolute;    top: 20%;    left: calc(50% - 600px);    transition-delay: .5s;}.product .shadow .textimg{    transition-delay: .8s;}.active .product .shadow .psort {    transition-delay: 1.5s;}.product .shadow .desc{    /* width: 420px; */    margin-top: 30px;    color: #ABABAB;    line-height: 32px;    text-align: justify;}/* .active .product .p3box {    transition-delay: 1s;}.active .product .psort .line {    transition-delay: 1.6s;} */.active .product .psort .line img {    width: 100%;}/* .product .psort .item {    opacity: 0;    transform: translateX(100%);    transition: all 1s;} */.active .product .psort .item {    opacity: .5;    /* transform: translate(0px, 0%); */    transition: all 1s;}.active .product .psort .on {    opacity: 1;    /* transform: translate(0px, 0%); */    transition: all 1s;}/* .active .product .psort .item:nth-child(1) {    transition-delay: 1s;}.active .product .psort .item:nth-child(2) {    transition-delay: 1.6s;}.active .product .psort .item:nth-child(3) {    transition-delay: 2.2s;}.active .product .psort .item.on{    transition-delay: 0s;} */.active .product .pdesc{    transition-delay: 2.8s;}/* .active .product .choose {    transition-delay: 4s;} *//*product  */.liesort{    width: 100%;    top: 10%;    font-size: 32px;    color: #fff;    text-shadow: 2px 2px #333;}/* 体验 */.tiyan {    width: 100%;    height: 100%;    overflow: hidden;}.tiyan .imgbox {    width: 20%;    height: 100%;    background-size: auto 110%;    background-position: center center;    transition: all 1s;    overflow: hidden;    position: relative;}.tiyan .active {    width: 60%;    transition: all 1s;    position: relative;    z-index: 1;}.tiyan .tiyanbox {    /* width: 58vw; */    width: 100%;    height: 100%;    display: flex;    align-items: center;    opacity: 0;    transition: all .1s;    padding-left: 8%;    box-sizing: border-box;    position: relative;    z-index: 0;}.tiyan .active .tiyanbox {    opacity: 1;    transition: all .3s;}.tiyanbox .title {    font-size: 28px;    color: #fff;    letter-spacing: 5px;}.tiyanbox .bigtitle .p1 {    font-family: "bonjour", "Montage", "Arial", sans-serif;    transform: scale(1, 1.2);    color: rgba(255, 255, 255, 0.5);    letter-spacing: 25px;    line-height: 1.2;    margin-bottom: 30px;}.tiyanbox .bigtitle .p2 {    text-transform: uppercase;    font-family: "Arial", sans-serif;    letter-spacing: 2px;    font-size: 28px;    transform: scale(1, 1.4);    line-height: 1.4;    color: rgba(255, 255, 255, 0.4);}.tiyan .tiyanbg {    width: 110%;    height: 100%;    background-size: auto 110%;    background-position: center center;    transition: all 2s;}.active .tiyan .active .tiyanbg {    transform: translateX(-8%);    transition: all 2s;}.tiyanbgbox {    transition: all 2s;}.tiyan .tiyanbox .circlebox {    width: 30%;}.tiyan .tiyanbox .circlebox .p1 {    margin-bottom: 0;}.tiyanbox .bigtitle,.tiyanbox .morebtn,.tiyanbox .address {    opacity: 0;    transform: translateY(100%);    transition: all .8s;}.tiyanbox .circlebox {    opacity: 0;    transform: translateX(100%);    transition: all .8s;}.active .active .tiyanbox .bigtitle,.active .active .tiyanbox .morebtn,.active .active .tiyanbox .address,.active .active .tiyanbox .circlebox {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.active .active .tiyanbox .bigtitle {    transition-delay: .4s;}.active .active .tiyanbox .address {    transition-delay: .8s;}.active .active .tiyanbox .morebtn {    transition-delay: 1.4s;}.active .active .tiyanbox .circlebox {    transition-delay: 1.2s;}/* 品宣 */.pinxuan {    width: 100%;    height: 100%;    position: relative;    background-attachment: fixed;    overflow: hidden;}.pinxuanbg {    background-image: url(../images/pinxuanbg.png);    /* transition-delay: 0.8s; */}.pinxuan .shadowbox {    width: 100%;    height: 100%;    display: flex;    align-items: center;    /* background: rgba(0, 0, 0, .5); */    /* padding: 50px 0; */}.pinxuan img{    max-width: 60vw;}.pinxuan .imgsbox{    width: 60%;    transition-delay: .8s;}.active .pinxuan .imgsbox{    transition-delay: .8s;}#TopBtn {    margin-left: 12px;}.bottom {    color: #969696;    background-color: #1C1C1C;    letter-spacing: 2px;    font-size: 14px;}.bottombox {    width: 100%;}.bottom a {    color: #969696;}.bottom a:hover {    color: #fff;}.bottom .blogo {    width: 8%;}.bottom .nav {    width: 42%;    line-height: 18px;    font-size: 12px;}.bottom .icon a {    margin-left: .5rem;}.bottom .bicon {    width: 35%;}#open_menu {    position: absolute;    right: 0;    padding: 10px 0;    width: 100px;}#open_menu svg {    margin: 0 auto;    transition: all .3s;}#open_menu svg:hover {    filter: drop-shadow(0px 0px 6px #fff);    transition: all .3s;}#open_menu:hover {    cursor: pointer;}#close_menu {    /* display: none; */    width: 100px;    height: 80px;    text-align: center;    position: absolute;    right: 0;    top: -1rem;    line-height: 80px;}#close_menu .closeicon {    font-size: 18px;    letter-spacing: 2px;    font-weight: bold;    color: #fff;    transition: all .3s linear;}#close_menu .closeicon:hover {    letter-spacing: 8px;    transition: all .3s linear;    cursor: pointer;}#popup {    width: 100vw;    height: 100vh;    background-color: rgba(0, 0, 0, .8);    position: fixed;    top: 0;    left: 0;    z-index: 999;    /* transition: all .5s; */    /* opacity: .6; */    display: none;    /* padding-top: 100px; */}.popupbox {    width: 96%;    height: 100%;}.bg-E1E1E1 {    background-color: #e1e1e1;}.text-474747 {    color: #474747;}.text-404040 {    color: #404040;}.text-999 {    color: #999;}.text-666 {    color: #666;}.text-333 {    color: #333;}.activebtn {    display: block;    color: #fff;    border: 2px solid #fff;    text-align: center;    /* border:none; */    position: relative;    /* height:60px; */    /* font-size:1.6em; */    /* padding:0 2em; */    cursor: pointer;    transition: 800ms ease all;    outline: none;}.activebtn:hover {    background: #fff;    color: #000;    border: none;}.activebtn:before,.activebtn:after {    content: '';    position: absolute;    top: 0;    right: 0;    height: 3px;    width: 0;    background: #000;    transition: 400ms ease all;}.activebtn:after {    right: inherit;    top: inherit;    left: 0;    bottom: 0;}.activebtn:hover:before,.activebtn:hover:after {    width: 100%;    transition: 800ms ease all;}/* 按钮 start *//* Nina */.button--nina {    width: 112px;    position: relative;    background: rgba(0, 0, 0, 0);    color: #fff;    overflow: hidden;    -webkit-transition: background-color 0.3s;    transition: background-color 0.3s;}.button--nina.button--inverted {    color: #C2C2C4;    text-align: center;    border: 1px solid #C2C2C4;}.banner-text .button--nina.button--inverted {    color: #131313;}.button--nina>span {    display: inline-block;    padding: 6px 0;    opacity: 0;    color: #000;    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;    transition: transform 0.3s, opacity 0.3s;    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}.button--nina::before {    content: attr(data-text);    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    padding: 6px 0;    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;    transition: transform 0.3s, opacity 0.3s;    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}.button--nina:hover {    background-color: #fff;    border: 1px solid #fff;    cursor: pointer;}.button--nina:hover::before {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);}.button--nina:hover>span {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}.button--nina:hover>span:nth-child(1) {    -webkit-transition-delay: 0.045s;    transition-delay: 0.045s;}.button--nina:hover>span:nth-child(2) {    -webkit-transition-delay: 0.09s;    transition-delay: 0.09s;}.button--nina:hover>span:nth-child(3) {    -webkit-transition-delay: 0.135s;    transition-delay: 0.135s;}.button--nina:hover>span:nth-child(4) {    -webkit-transition-delay: 0.18s;    transition-delay: 0.18s;}.button--nina:hover>span:nth-child(5) {    -webkit-transition-delay: 0.225s;    transition-delay: 0.225s;}.button--nina:hover>span:nth-child(6) {    -webkit-transition-delay: 0.27s;    transition-delay: 0.27s;}.button--nina:hover>span:nth-child(7) {    -webkit-transition-delay: 0.315s;    transition-delay: 0.315s;}.button--nina:hover>span:nth-child(8) {    -webkit-transition-delay: 0.36s;    transition-delay: 0.36s;}.button--nina:hover>span:nth-child(9) {    -webkit-transition-delay: 0.405s;    transition-delay: 0.405s;}.button--nina:hover>span:nth-child(10) {    -webkit-transition-delay: 0.45s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(11) {    -webkit-transition-delay: 0.495s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(12) {    -webkit-transition-delay: 0.54s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(13) {    -webkit-transition-delay: 0.585s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(14) {    -webkit-transition-delay: 0.63s;    transition-delay: 0.45s;}/* 按钮 end *//** * $Bottom  **/#scrollBottom {    position: absolute;    z-index: 99;    bottom: 8%;    left: 49%;    width: 50px;    height: 50px;    overflow: hidden;    background-color: rgba(255, 255, 255, 0.1);    border-radius: 100%;    padding-top: 10px;}#scrollTop {    position: fixed;    z-index: 9999;    bottom: 2%;    right: 2%;    width: 50px;    height: 50px;    overflow: hidden;    background-color: rgba(255, 255, 255, 0.1);    border-radius: 100%;    padding-top: 10px;}.bline {    width: 30px;    height: 30px;    line-height: 30px;    text-align: center;    color: #fff;    position: relative;    margin-top: 0;    margin: 0 auto;    -webkit-animation: botline 6s linear infinite;    animation: botline 6s linear infinite;}@keyframes botline {    0% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    6% {        opacity: 1;        -webkit-transform: scale(0.9) translateY(5px);        transform: scale(0.9) translateY(5px);    }    14% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(5px);        transform: scale(0.4) translateY(5px);    }    15%,    19% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(-5px);        transform: scale(0.4) translateY(-5px);    }    28%,    29.99% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    30% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    36% {        opacity: 1;        -webkit-transform: scale(0.9) translateY(5px);        transform: scale(0.9) translateY(5px);    }    44% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(5px);        transform: scale(0.4) translateY(5px);    }    45%,    49% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(-5px);        transform: scale(0.4) translateY(-5px);    }    58%,    59.99% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    60% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    66% {        opacity: 1;        -webkit-transform: scale(0.9) translateY(5px);        transform: scale(0.9) translateY(5px);    }    74% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(5px);        transform: scale(0.4) translateY(5px);    }    75%,    79% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(-5px);        transform: scale(0.4) translateY(-5px);    }    88%,    100% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }}@-moz-keyframes botline/* Firefox */{    0% {        top: -50px;        opacity: 0;    }    100% {        top: 50px;        opacity: 1;    }}@-webkit-keyframes botline/* Safari and Chrome */{    0% {        top: -50px;        opacity: 0;    }    100% {        top: 50px;        opacity: 1;    }}@-o-keyframes botline/* Opera */{    0% {        top: -50px;        opacity: 0;    }    100% {        top: 50px;        opacity: 1;    }}#scrollUp {    position: fixed;    z-index: 9999;    bottom: 2%;    right: 2%;    height: 150px;    overflow: hidden;}#scrollUp p {    width: 20px;    margin-left: 12px;    font-size: 12px;    color: #666;}.tline {    width: 1px;    height: 90px;    background: #666;    position: relative;    margin-top: -55px;    animation: topline 2s infinite normal linear;    -moz-animation: topline 2s infinite normal linear;    /* Firefox */    -webkit-animation: topline 2s infinite normal linear;    /* Safari and Chrome */    -o-animation: topline 2s infinite normal linear;    /* Opera */}@keyframes flip {    0% {        transform: rotate(0);    }    100% {        transform: rotateY(360deg);    }}@keyframes topline {    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}@-moz-keyframes topline/* Firefox */{    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}@-webkit-keyframes topline/* Safari and Chrome */{    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}@-o-keyframes topline/* Opera */{    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}/** * $keyframes \ gelatine  **/@keyframes gelatine {    from,    to {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }    50% {        -webkit-transform: scale(0.8, 1.2);        transform: scale(0.8, 1.2);    }    100% {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }}@-webkit-keyframes gelatine {    from,    to {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }    50% {        -webkit-transform: scale(0.8, 1.2);        transform: scale(0.8, 1.2);    }    100% {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }}.circle {    position: relative;    /* margin-left: 20px; */    width: 16px;    height: 16px;}.circle span {    position: absolute;    width: 16px;    height: 16px;    left: 0;    bottom: 0;    /* background: #fff; */    border: 3px solid #fff;    border-radius: 50%;    z-index: 1;}.circle span:nth-child(2) {    animation: circle-opacity 1s linear infinite;    -webkit-animation: circle-opacity 1s linear infinite;}@keyframes circle-opacity {    from {        opacity: 1;        transform: scale(1);    }    to {        opacity: 0;        transform: scale(1.8);    }}@keyframes bgchange {    0% {        transform: scale(1);    }    50% {        transform: scale(1.2);    }    100% {        transform: scale(1);    }}.n-fulll {    width: 100%;    height: 100%;}.zhanwei {    background-color: #11184E;    height: 85px;    width: 100%;}/* 首页资讯开始 */.pc .information {    background-color: #f4f4f7;    padding: 70px 30px;    color: #17181b;}.pc .information .newsTitle {    text-align: center;    font-size: 26px;    margin-bottom: 40px;}.pc .information .newsClassification {    display: flex;    justify-content: space-evenly;}.pc .information .newsClassification .newsClassItem {    border-radius: 15px;    width: 380px;    border: 1px solid #f0f3fa;}.pc .information .newsClassification .newsClassItem .newsClassItemTop {    color: #ffffff;    padding: 45px 30px;    height: 168px;    line-height: 34px;    font-size: 26px;}.pc .information .newsClassification .newsClassItem:nth-child(1) .newsClassItemTop {    background: url('../images/shouyebg22.png') center no-repeat;    background-size:100% 100%;}.pc .information .newsClassification .newsClassItem:nth-child(2) .newsClassItemTop {    background: url('../images/everything6.jpg') center no-repeat;    background-size:100% 100%;}.pc .information .newsClassification .newsClassItem:nth-child(3) .newsClassItemTop {    background: url('../images/everything1.jpg') center no-repeat;    background-size:100% 100%;}.pc .information .newsClassification .newsClassItem .newsClassItemTop p,.pc .information .newsClassification .newsClassItem .newsClassItemTop span:last-child{    color: #d1d4da;    font-size: 14px;}.pc .information .newsClassification .newsClassItemContent {    padding: 25px;    border: 1px solid #d7d7db;}.pc .information .newsClassification .newsClassItemContent a {    display: flex;    line-height: 35px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}.pc .information .newsClassification .newsClassItemContent a span:first-child{    color: #acacad;}.pc .information .newsClassification .newsClassItemContent a span:last-child{    padding-left: 17px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}@media screen and (max-width: 600px) {    .pc .information .newsClassification {        width: 100%;        overflow: scroll;        justify-content: flex-start;    }    .pc .information .newsClassification::-webkit-scrollbar {        display: none;    }}/* 首页资讯结束 */