/*nav logo 滚动切换*/
.logo{
    width:200px;
    height:50px;
}
.icon1{
    background:url(../images/logo3-1.svg);
}
.icon2{
    background:url(../images/logo3-2.svg);
}
.server{
    width:270px;
    height:150px;
    margin:0 auto;  
}
.motherboard{
    width:270px;
    height:150px;
    margin:0 auto;  
}
.guoqi{
    background:url(../images/guoqi.png);
    overflow: auto;
}
.s1{
    background:url(../images/s001.png);
}
.s2{
    background:url(../images/s002.png);
}
.s3{
    background:url(../images/s003.png);
}
.s4{
    background:url(../images/s004.png);
}
.s5{
    background:url(../images/s005.png);
}
.s6{
    background:url(../images/s006.png);
}
.s7{
    background:url(../images/s007.png);
}
.s8{
    background:url(../images/s008.png);
}
.s9{
    background:url(../images/s009.png);
}
.s10{
    background:url(../images/s010.png);
}
.m1{
    background:url(../images/motherboard.png);
    background-size: cover;
}
.m2{
    background:url(../images/motherboard.png);
    background-size: cover;
}
.m3{
    background:url(../images/motherboard.png);
    background-size: cover;
}
.m4{
    background:url(../images/motherboardcn.png);
    background-size: cover;
}
.m5{
    background:url(../images/motherboardcn.png);
    background-size: cover;
}
table {
    border-collapse: collapse;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.grayTable2 {
    margin-top:50px;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.grayTable2 tr td {
    vertical-align: middle;
    overflow: auto;
    padding: 10px 0 10px 20px;
}

.grayTable2 tr td, .grayTable2 tr th {
    font-size: 16px;
    border: 1px solid #ddd;
}
.inner-banner {
    background: url(../images/img08.jpeg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    z-index: 0;
}
.inner-banner1 {
    background: url(../images/img09.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    z-index: 0;
}
.inner-banner2 {
    background: url(../images/img10.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    z-index: 0;
}
.font46{
    font-size: 46px;
}
/* 语言切换 */
.language {
    display: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
}
.language.cn{
    background: url(../images/cn.jpg) no-repeat center;
    background-size: cover;
}
.language.tc{
    background: url(../images/tc.jpg) no-repeat center;
    background-size: cover;
}
.language.en{
    background: url(../images/en.jpg) no-repeat center;
    background-size: cover;
}
.language-main{
    height: 22px;
    width: 22px;
    background-color: #f7f7f9;
    color: #f52029;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1200px){
    .mx-xl-4 {
        margin-right: 1rem!important;
        margin-left:1rem!important;
    }
}
@media only screen and (max-width: 992px){
    .mobile-position {
        top: 21px;
    }
    .language-main{
        height: 32px;
        width: 32px;
    }
    .language {
        height: 32px;
        width: 32px;
    }
}
.f34{
    font-size: 24px!important;
    padding-top:2rem;
}
