a{
    text-decoration:none;
    color:#fff;
}
.cNav{
    background-color:#263d56;
    position:fixed;
    width:100%;
    top:0;
    z-index: 9999;
}
.cNavUl a{
    font-size: 15px;
    font-weight: bold;
    color: white;
    padding: 0 2rem;
    margin: 0 1rem;
}
.cHeader{
    background-color:#354987;
}
.tech-ul{
    list-style: none;
    margin-top:4rem;
}
.tech-ul li{
    margin:2rem 4rem;
}
.tech-ul li span{
    display: inline-block;
    text-align: center;
    width:6rem;
    margin-top:0.5rem;
    color:lightslategray;
}
.tech-item{
    width:6rem;
    height:5rem;
    background-color:#2e2e2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    color:white;
}
.tech-item img{
    width:6rem;
    height:5rem;
}
@media(min-width:992px){
    .cNavUl{
        margin-left: 5rem !important;
    }
}
@media(max-width:768px){
    .cNavUl{
        margin-left: 0 !important;
    }
    .cNavUl a{
        padding:1rem;
        margin:1rem;
    }
}
/*// flex布局*/
/*// flex-direction*/
.x {
    display: flex;
}

.y {
    display: flex;
    flex-direction: column;
}

.xr {
    display: flex;
    flex-direction: row-reverse;
}

.yr {
    display: flex;
    flex-direction: column-reverse;
}

/*// flex-wrap*/
.w {
    flex-wrap: wrap;
}

.wr {
    flex-wrap: wrap-reverse;
}

/*//flex-wrap:nowrap默认值*/
/* .nw{
	flex-wrap:nowrap;
} */

/*// justify-content*/
/*//justify-content：flex-start 默认值*/
.s {
    justify-content: flex-start;
}

.e {
    justify-content: flex-end;
}

.c {
    justify-content: center;
}

.sb {
    justify-content: space-between;
}

.a {
    justify-content: space-around;
}

.se {
    justify-content: space-evenly;
}

/*// align-items*/
.as {
    align-items: flex-start;
}

.ae {
    align-items: flex-end;
}

.ac {
    align-items: center;
}

.a-baseline {
    align-items: baseline;
}

/*//align-items:stretch 默认值*/
/* .a-stretch{
	align-items:stretch;
} */

/*// align-content*/
.acs {
    align-content: flex-start;
}

.ace {
    align-content: flex-end;
}

.acc {
    align-content: center;
}

.acb {
    align-content: space-between;
}

.aca {
    align-content: space-around;
}

/*//align-content:stretch 默认值*/
/* .ac-stretch{
	align-content:stretch;
} */


/*// font-weight*/
.bold {
    font-weight: bold;
}

/*// font-size*/
.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

/*//color*/
.c-primary {
    color: #007aff;
}

.c-success {
    color: #4cd964;
}

.c-warning {
    color: #f0ad4e;
}

.c-error {
    color: #dd524d;
}

.c-black {
    color: #000000;
}

.c-white {
    color: #ffffff;
}

.c-333 {
    color: #333333;
}

.c-999 {
    color: #999999;
}

.c-grey {
    color: #999;
}

.c-placeholder {
    color: #808080;
}

.c-disabled {
    color: #c0c0c0;
}

/*//background-color*/
.bg-transparent {
    /*// 透明色*/
    background-color: transparent;
}

.bg-black {
    background-color: #000000;
}

.bg-white {
    background-color: #ffffff;
}

.bg-grey {
    background-color: #f8f8f8;
}

.bg-hover {
    background-color: #f1f1f1;
}

.bg-mask {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-3fb {
    background-color: #fbfbfb;
}

/*// margin-auto*/
.mx-auto {
    margin: 0 auto;
}

.my-auto {
    margin: auto 0;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

/*//margin-top100 margin-bottom100*/
.mt-100 {
    margin-top: 100px;
}

.mt-100r {
    margin-top: 200rpx;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-100r {
    margin-bottom: 200rpx;
}

/*// position*/
.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

/*// 浮动*/
.float-r {
    float: right;
}

.float-l {
    float: left;
}

.float-none {
    float: none;
}

.clearfix {
    &:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}

/*// 元素类型*/
.block {
    display: block;
}

.i-block {
    display: inline-block;
}

.inline {
    display: inline;
}

/*// text拓展*/
.t-l {
    text-align: left;
}

.t-c {
    text-align: center;
}

.t-r {
    text-align: right;
}

.t-j {
    text-align: justify;
}