@font-face {    font-family:'ziti';    src: url('../images/Courier-Prime-Bold-2.ttf')    /* src:url('../images/segoeuib.ttf') */}body {    /*  background-image: url("../images/bg.png");*/    background-color: #111;    background-size: cover;    margin: 0px;    padding: 0px;    font-family:'ziti';    /* font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace; */}ul li {    list-style: none;    margin: 0px;    padding: 0px;}ul {    margin: 0px;    padding: 0px;}a {    text-decoration: none;}.contents, .mt {    margin: 0 auto;    margin-top: 10px;}.mt {    width: 645px;}.logo {    text-align: center;    font-size: 32px;    font-family: Source Han Sans CN, Source Han Sans CN;    font-weight: bold;    color: #ffa666;    line-height: 38px;    -webkit-background-clip: text;    height: 38px;    margin-bottom: 20px;}.dis, .dis1, .dis2 {    color: white;    line-height: 36px;    font-size: 20px;    display: flex;    /* justify-content: space-between; */    flex-wrap: wrap;    flex-direction: row;    width: 100%;    max-width: 648px;    display: flex;    color: white;    height: 24px !important;    line-height: 24px;}.dis1, .dis2 {    height: 20px;}.dis div, .dis1 div, .dis2 div {    width: 20px;    height: 20px;    text-align: center;    cursor: pointer;}.dis1 span {    width: 24px;    height: 24px;    text-align: center;    cursor: pointer;    font-size: 20px;    font-weight: 700;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;}@media screen and (max-width: 768px) {    .dis1 span {        width: 14px;        height: 24px;        text-align: center;        cursor: pointer;        font-size: 20px;        font-weight: 700;        font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    }}.nav {    width: 100%;    margin-top: 70px;    height: 30px;}.nav .swcss {    display: inline-block;    float: right;    margin-right: 15px;    height: 44px;}.nav .swcss img:first-child {    margin-left: 0px;}.nav .swcss img:last-child {    margin-left: 6px;    margin-top: 10px;}.nav .lang {    float: right;    margin-right: 15px;    margin-top: 10px;    width: 24px;    height: 24px;}.curent_menu {    display: inline-block;    height: 28px;    line-height: 28px;    background: #1F1F1F;    border-radius: 4px 4px 4px 4px;}.curent_menu span {    font-size: 16px;    color: #FFA666;    float: left;    margin-left: 12px;    margin-top: 2px;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;}.curent_menu img {    float: right;    width: 16px;    margin-top: 6px;    margin-right: 12px;    margin-left: 6px;}.menu {    margin-top: 12px;    height: 194px;}.switch_css {    cursor: pointer;}.menu-list {    width: 204px;    height: 194px;    float: left;    background-image: url("../images/menu_bg.png");    background-size: cover;}.menu-list ul li {    height: 40px;    line-height: 40px;    text-align: left;}.menu-list ul li:first-child {    margin-top: 22px;}.menu-list ul .act {    background: rgba(255, 166, 102, 0.1);}.menu-list ul li a {    color: #CCCCCC;    margin-left: 12px;    font-weight: normal;    font-size: 16px;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;}.footer {    margin-top: 40px;}.link-item {    text-align: center;    height: 36px;    line-height: 36px;}.link-item a {    color: white;    font-size: 14px;    font-weight: normal;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;}.link-item span {    color: white;}.cop {    height: 36px;    line-height: 36px;    color: white;    text-align: center;    font-weight: 400;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;}.team {    margin-top: 60px;    margin-bottom: 0px;}.titles {    font-size: 16px;    color: white;    margin-top: 20px;}.dis p {    font-weight: normal;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    font-size: 14px;    line-height: 30px;    margin-bottom: 10px;}.intro p {    font-weight: normal;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    font-size: 14px;    line-height: 20px;    margin-bottom: 10px;    color: white;}.t-list {    width: 100%;}.ti-item {    height: 220px;    background: #1F1F1F;    border-radius: 8px 8px 8px 8px;    overflow: hidden;    margin-top: 20px;    float: left;    margin-right: 15px;    width: 23%;}.ti-item .logo {    width: 100%;    height: 146px;    border-radius: 8px 8px 0px 0px;    margin: 0px;    background: #262626;    cursor: pointer;}.ti-item:nth-child(4n) {    margin-right: 0;}.ti-item img {    width: 80px;    height: 80px;    margin-top: 33px;}.tii-info {    height: 74px;}.tii-info h2 {    color: white;    font-size: 16px;    font-weight: bold;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    padding-left: 8px;    margin-top: 12px;    margin-bottom: 0px;}.tii-info p {    font-size: 12px;    color: #999999;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    margin-top: 8px;    padding-left: 8px;}.project-typ {    margin-top: 20px;}.project-typ .py-item {    float: left;    margin-right: 20px;    margin-top: 20px;}.project-typ .py-item a {    font-size: 14px;    color: #FFFFFF;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    font-weight: 400;}.project-typ .py-item a em {    font-style: normal;    color: #999999;    font-size: 14px;}.project-typ .act a, .project-typ .act a em {    color: #FFA666;}.project-con {    margin-top: 10px;}.pc-item {    display: flex;    margin-top: 30px;    width: 100%;}.pc-item .lt {    color: white;    font-size: 16px;    width: 30%;    float: left;    display: flex;}.pc-item .lt em {    margin-right: 4px;}.pc-item .lt div a {    color: white;}.pc-item .rc {    float: left;    width: 65%;    margin-left: 15px;}.pc-item .rc .rc-dis {    color: #CCCCCC;    font-size: 14px;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;}.rc-label {    float: left;    width: 100%;}.rc-label label {    border: 1px solid rgba(255, 166, 102, 0.5);    color: #FFA666;    font-weight: 400;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    padding: 4px 10px;    margin-right: 6px;    float: left;    height: 20px;    margin-top: 12px;}.rc-label label:first-child {    margin-left: 0px;}.contact-title {    font-weight: 400;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    color: #FFFFFF;    font-size: 16px;    text-align: left;    margin-top: 18px;}.contact-dis {    font-weight: 400;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    color: #CCCCCC;    font-size: 14px;    margin-top: 20px;}.fc-item .fc-title {    font-size: 16px;    color: white;    font-family: SF Mono, Segoe UI Mono, Roboto Mono, Menlo, Courier, monospace;    margin-bottom: 16px;}.fc-item {    height: 76px;    margin-top: 40px;}.fc-item .fc-input input {    width: 100%;    height: 36px;    background: #1F1F1F;    border-radius: 8px 8px 8px 8px;    border: none;    outline: none;    color: white;    padding-left: 10px;}.textar {    width: 100%;    height: 120px;    background: #1F1F1F;    border-radius: 8px 8px 8px 8px;    border: none;    outline: none;    color: white;    padding-left: 10px;    padding-top: 10px;}.btn {    height: 48px;    width: 100%;    margin-top: 40px;}.btn button {    width: 160px;    height: 48px;    background: #FFA666;    border-radius: 8px 8px 8px 8px;    font-size: 24px;    color: #111111;    cursor: pointer;    border: none;    outline: none;}.lang {    width: 1160px;    margin: 0 auto;    text-align: right;    margin-top: 20px;    height: 20px;}.lang .swcss {    display: inline-block;    margin-right: 15px;    height: 44px;}.lang .swcss img:first-child {    margin-left: 0px;}.lang .swcss img:last-child {    display: none;}.lang a {    float: right;}.lang img {    width: 24px;    height: 24px;    display: block;}.lang a:last-child {    margin-top: 28px;    margin-right: -24px;    display: none;}.win {    position: fixed;    top: 20%;    width: 100%;    display: none;}.tem-win {    width: 400px;    margin: 0 auto;    background: #333333;    border-radius: 8px 8px 8px 8px;    padding: 12px;    max-height: 500px;    overflow: auto;}.tem-win .tw-t {    height: 50px;    width: 100%;    text-align: center;}.tem-win .tw-t img {    float: right;    width: 16px;    height: 16px;    cursor: pointer;}.tem-win .tw-t span {    font-size: 16px;    top: 20px;    color: #FFA666;    position: relative;}.tem-win .tw-con {    font-size: 14px;    font-weight: 400;    color: #FFFFFF;    line-height: 30px;}.bg {    display: none;    position: fixed;    width: 100%;    height: 100%;    background: rgba(17, 17, 17, 0.5);    top: 0px;}::-webkit-scrollbar {    position: absolute;    width: 4px;    height: 10px;}::-webkit-scrollbar-thumb {    position: absolute;    background: #FFA666;}