﻿/*宽度大于1200px*/
@media screen and (min-width: 1350px) {
    * {
        margin: 0px;
        padding: 0px;
    }

    #ALL {
        margin: 0px auto;
        width: 100%;
        height: 100%;
    }

    #Navigation {
        margin: 0px auto;
        width: 100%;
        height: 60px;
        background-color: rgba(76,76,76,1);
        position: fixed;
        top: 0px;
        z-index: 99;
    }
    .carousel-inner .carousel-item img {
        width: 100%;
        height: 100%;
    }
    .Navigation_Title {
        margin: 3px auto 0px;
        width: 1200px;
        height: 60px;
    }
        .Navigation_Title img {
            margin-top:-25px;
        }
        .Navigation_Title span {
            font-size: 30px;
            line-height: 60px;
        }
    .navbar-brand{
        margin-left:15%;
    }
    .Daohanglans
    {
        position:absolute;
        right:12%;
    }
    .bg-dark {
        height:60px;
    }
    .navbar-dark .navbar-nav .nav-link {
        color: white;
        width: 112px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 14px;
        border-bottom: 2px solid #343A40;
        transition: all 0.3s ease 0s;
    }

        .navbar-dark .navbar-nav .nav-link:hover {
            color: #54a0ff;
            border-bottom: 2px solid #54a0ff;
        }

    #demo {
        width: 100%;
        height: 100%;
    }

    #Products {
        margin: 0px auto;
        width: 100%;
        height: 620px;
        background-color: white;
    }

    .fonsize {
        width: 450px;
        height: 100px;
        margin: 0px auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }
        .fonsize .p1s {
            font-size: 40px;
            font-weight:bolder;
            margin-bottom: 10px;
        }
        .fonsize .p2s {
            font-size: 40px;
            font-weight:lighter;
            color:#b1b1b1;
        }
        .Products_1
        {
            display:none;
        }
        .advantage_1
        {
            display:none;
        }
    .Products_S {
        width: 63%;
        margin: 0px auto;
    }

        .Products_S dl {
            margin: 0 auto;
            width: 216px;
            margin-top: 124px;
        }

            .Products_S dl dd img {
                padding-left: 32px;
            }
            .Products_S dl dt {
                font-size: 26px;
                margin-top: 30px;
            }

        #Solution {
            margin: 0px auto;
            width: 100%;
            height: 620px;
            background-color: #426fe2;
            z-index: 99;
        }
    .fonsize1{
        padding-top:50px;
    }
    .fonsize1 p {
        font-size: 40px;
    }
        .fonsize1 .font-weight-bold {
            margin-bottom: 10px;
        }
    .fonsize2 {
        width: 250px;
        height: 250px;
        margin: 30px auto 0px;
        border-radius: 250px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .fonsize2_1 {
        width: 250px;
        height: 250px;
        margin: 80px auto 0px;
        border-radius: 250px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .ziti1 {
        padding-top: 50px;
    }
    #Companyadvantage {
        width: 100%;
        height: 480px;
        background-color: white;
        margin: 0px auto;
    }

        #Companyadvantage .advantage {
            width: 1145px;
            height: 340px;
            margin: 0px auto;
            justify-content: center;
            display: flex;
        }
    .advantage {
        width: 63%;
        margin: 0px auto;
    }
        .advantage dl {
            margin: 0 auto;
            width: 216px;
            margin-top: 124px;
        }
            .advantage dl dd {
            }
                .advantage dl dd img {
                    width: 136px;
                    margin-left: 60px;
                }
            .advantage .font-weight-normal {
                font-size: 26px;
                margin-top: 30px;
            }
            .advantage .font-weight-light {
                font-size: 20px;
                margin-top: 5px;
            }

    #Related {
        margin: 0px auto;
        width: 100%;
        height: 480px;
        background-color: #426fe2;
    }

    #Footer 
    {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #F8F9FB;
    }
    #Footer_1 {
        margin: 0px auto;
        width: 100%;
        height: 235px;
        background-color: #343A40;
    }
    .tishikuang{
        width:250px;
        height:50px;
        padding-top:30px;
    }
        .tishikuang li {
            background-color: #3E4448;
            width: 50px;
            height: 50px;
            font-size: 20px;
            list-style: none;
            color: white;
            border-radius: 50px;
            line-height: 50px;
            text-align: center;
            /*cursor: pointer;*/
        }
    .Phone:hover {
        background-color: #426FE2;
        text-shadow: 2px 2px 4px #000000;
    }
    .weixin:hover {
        background-color: #1FA849;
        text-shadow: 2px 2px 4px #000000;
    }
    .ComPanyName {
        width:250px;
        text-align:center;
        color:white;
        margin: 50px auto 20px;
    }
        .ComPanyName a {
            font-size:15px;
            color: white;
        }
            .ComPanyName a:hover {
                text-decoration: none;
                color: #318AFF;
            }
        .ComPanyAddress {
            width: 800px;
            color: white;
            text-align: center;
        }
            .ComPanyAddress a {
                font-size: 13px;
                line-height: 30px;
                color: white;
            }
                .ComPanyAddress a:hover {
                    text-decoration: none;
                    color: #318AFF;
                }
    #Footer_1 hr {
        border-top: 1px solid #636e72;
    }
}
/*宽度小于1199px*/
@media screen and (max-width: 1349px) {
    * {
        margin: 0px;
        padding: 0px;
    }

    #ALL {
        margin: 0px auto;
        width: 100%;
        height: 100%;
    }

    #Navigation {
        margin: 0px auto;
        width: 100%;
        height: 60px;
        background-color: rgba(76,76,76,1);
        position: fixed;
        top: 0px;
        z-index: 99;
    }

    .carousel-inner .carousel-item img {
        width: 100%;
        height: 100%;
    }

    .Navigation_Title {
        margin: 3px auto 0px;
        width: 1200px;
        height: 60px;
    }

        .Navigation_Title img {
            margin-top: -25px;
        }

        .Navigation_Title span {
            font-size: 30px;
            line-height: 60px;
        }
        .navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0rem 1rem;
}
    .navbar-dark .navbar-nav .nav-link {
        color: white;
        width: 112px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 14px;
        border-bottom: 2px solid #343A40;
        transition: all 0.3s ease 0s;
    }

        .navbar-dark .navbar-nav .nav-link:hover {
            color: #54a0ff;
            border-bottom: 2px solid #54a0ff;
        }
    #demo {
        width: 100%;
        height: 100%;
    }

    #Products {
        margin: 0px auto;
        width: 100%;
        height: 620px;
        background-color: white;
    }

    .fonsize {
        width: 450px;
        height: 100px;
        margin: 0px auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .fonsize .p1s {
            font-size: 30px;
            font-weight: bolder;
            margin-bottom: 10px;
        }

        .fonsize .p2s {
            font-size: 30px;
            font-weight: lighter;
            color: #b1b1b1;
        }

    .Products_S {
        width: 75%;
        margin: 0px auto;
    }

        .Products_S dl {
            margin: 0 auto;
            width: 216px;
            margin-top: 124px;
        }

            .Products_S dl dd img {
                padding-left: 10%;
            }

            .Products_S dl dt {
                font-size: 22px;
                margin-top: 30px;
            }

    #Solution {
        margin: 0px auto;
        width: 100%;
        height: 620px;
        background-color: #426fe2;
        z-index: 99;
    }

    .fonsize1 {
        padding-top: 50px;
    }

        .fonsize1 p {
            font-size: 30px;
        }

        .fonsize1 .font-weight-bold {
            margin-bottom: 10px;
        }
    .fonsize2 {
        width: 200px;
        height: 200px;
        margin: 30px auto 0px;
        border-radius: 200px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .fonsize2_1 {
        width: 200px;
        height: 200px;
        margin: 80px auto 0px;
        border-radius: 200px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .ziti1 {
        padding-top: 50px;
    }
  /*  #Companyadvantage {
        width: 100%;
        height: 480px;
        background-color: white;
        margin: 0px auto;
    }

        #Companyadvantage .advantage {
            width: 1145px;
            height: 340px;
            margin: 0px auto;
        }*/

    .advantage {
        width: 75%;
        margin: 0px auto;
    }

        .advantage dl {
            margin: 50px auto;
            width: 136px;
        }

            .advantage dl dd {
            }

                .advantage dl dd img {
                    margin-left:10%;
                    width: 136px;
                }

        .advantage .font-weight-normal {
            font-size: 20px;
            margin-top: 30px;
        }

        .advantage .font-weight-light {
            font-size: 14px;
            margin-top: 5px;
        }

    #Related {
        margin: 0px auto;
        width: 100%;
        height: 480px;
        background-color: #426fe2;
    }

    #Footer 
    {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #F8F9FB;
    }
    #Footer_1 {
        margin: 0px auto;
        width: 100%;
        height: 235px;
        background-color: #343A40;
    }

    .tishikuang {
        width: 250px;
        height: 50px;
        padding-top: 30px;
    }

        .tishikuang li {
            background-color: #3E4448;
            width: 50px;
            height: 50px;
            font-size: 20px;
            list-style: none;
            color: white;
            border-radius: 50px;
            line-height: 50px;
            text-align: center;
            /*cursor: pointer;*/
        }

    .Phone:hover {
        background-color: #426FE2;
    }

    .weixin:hover {
        background-color: #1FA849;
    }

    .ComPanyName {
        width: 250px;
        text-align: center;
        color: white;
        margin: 50px auto 20px;
    }

        .ComPanyName a {
            font-size: 15px;
            color: white;
        }

            .ComPanyName a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    .ComPanyAddress {
        width: 800px;
        color: white;
        text-align: center;
    }

        .ComPanyAddress a {
            font-size: 13px;
            line-height: 30px;
            color: white;
        }

            .ComPanyAddress a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    #Footer_1 hr {
        border-top: 1px solid #636e72;
    }
}
/*宽度小于992px*/
@media screen and (max-width: 1025px) {
    * {
        margin: 0px;
        padding: 0px;
    }

    #ALL {
        margin: 0px auto;
        width: 100%;
        height: 100%;
    }

    #Navigation {
        margin: 0px auto;
        width: 100%;
        height: 60px;
        background-color: rgba(76,76,76,1);
        position: fixed;
        top: 0px;
        z-index: 99;
    }

    .carousel-inner .carousel-item img {
        width: 100%;
        height: 100%;
    }
    .navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}
.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 0rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
}
    .Navigation_Title {
        margin: 3px auto 0px;
        width: 1200px;
        height: 60px;
    }

        .Navigation_Title img {
            margin-top: -25px;
        }

        .Navigation_Title span {
            font-size: 30px;
            line-height: 60px;
        }

    #demo {
        width: 100%;
        height: 100%;
    }

    #Products {
        margin: 0px auto;
        width: 100%;
        height: 620px;
        background-color: white;
    }

    .fonsize {
        width: 450px;
        height: 100px;
        margin: 0px auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .fonsize .p1s {
            font-size: 25px;
            font-weight: bolder;
            margin-bottom: 10px;
        }

        .fonsize .p2s {
            font-size: 25px;
            font-weight: lighter;
            color: #b1b1b1;
        }

    .Products_S {
        width: 85%;
        margin: 0px auto;
    }

        .Products_S dl {
            margin: 0 auto;
            width: 216px;
            margin-top: 124px;
        }

            .Products_S dl dd img {
                padding-left: 10%;
            }

            .Products_S dl dt {
                font-size: 20px;
                margin-top: 30px;
            }

    #Solution {
        margin: 0px auto;
        width: 100%;
        height: 420px;
        background-color: #426fe2;
        z-index: 99;
    }

    .fonsize1 {
        padding-top: 50px;
    }

        .fonsize1 p {
            font-size: 25px;
        }

        .fonsize1 .font-weight-bold {
            margin-bottom: 10px;
        }
    .fonsize2 {
        width: 200px;
        height: 200px;
        margin: 30px auto 0px;
        border-radius: 200px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .fonsize2_1 {
        width: 200px;
        height: 200px;
        margin: 30px auto 0px;
        border-radius: 200px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .ziti1 {
        padding-top: 50px;
    }
    /*#Companyadvantage {
        width: 100%;
        height: 480px;
        background-color: white;
        margin: 0px auto;
    }

        #Companyadvantage .advantage {
            width: 1145px;
            height: 340px;
            margin: 0px auto;
            justify-content: center;
            display: flex;
        }*/

    .advantage {
        width: 75%;
        margin: 0px auto;
    }

        .advantage dl {
            margin: 50px auto;
            width: 216px;
        }

            .advantage dl dd {
            }

                .advantage dl dd img {
                    padding-left:15%;
                    width:80%;
                }

        .advantage .font-weight-normal {
            font-size: 16px;
            margin-top: 30px;
        }

        .advantage .font-weight-light {
            font-size: 12px;
            margin-top: 5px;
        }

    #Related {
        margin: 0px auto;
        width: 100%;
        height: 400px;
        background-color: #426fe2;
    }

    #Footer {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #F8F9FB;
    }
    #Footer_1 {
        margin: 0px auto;
        width: 100%;
        height: 235px;
        background-color: #343A40;
    }

    .tishikuang {
        width: 250px;
        height: 50px;
        padding-top: 30px;
    }

        .tishikuang li {
            background-color: #3E4448;
            width: 50px;
            height: 50px;
            font-size: 20px;
            list-style: none;
            color: white;
            border-radius: 50px;
            line-height: 50px;
            text-align: center;
            /*cursor: pointer;*/
        }

    .Phone:hover {
        background-color: #426FE2;
    }

    .weixin:hover {
        background-color: #1FA849;
    }

    .ComPanyName {
        width: 250px;
        text-align: center;
        color: white;
        margin: 50px auto 20px;
    }

        .ComPanyName a {
            font-size: 15px;
            color: white;
        }

            .ComPanyName a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    .ComPanyAddress {
        width: 800px;
        color: white;
        text-align: center;
    }

        .ComPanyAddress a {
            font-size: 13px;
            line-height: 30px;
            color: white;
        }

            .ComPanyAddress a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    #Footer_1 hr {
        border-top: 1px solid #636e72;
    }
}
/*宽度小于768px*/
@media screen and (max-width: 768px) {
    * {
        margin: 0px;
        padding: 0px;
    }

    #ALL {
        margin: 0px auto;
        width: 100%;
        height: 100%;
    }
.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}
    #Navigation {
        margin: 0px auto;
        width: 100%;
        height: 60px;
        background-color: rgba(76,76,76,1);
        position: fixed;
        top: 0px;
        z-index: 99;
    }

    .carousel-inner .carousel-item img {
        width: 100%;
        height: auto;
    }

    .Navigation_Title {
        width: 1200px;
        height: 60px;
    }

        .Navigation_Title img {
            width: 30px;
            height: 30px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .Navigation_Title span {
            display: none;
        }


    #demo {
        width: 100%;
        height: 100%;
    }
    #FNScience a{
        margin-top:15%;
    }

    #Products {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        margin-bottom: 10%;
    }

    .fonsize {
        width: 100%;
        height: 100px;
        margin: 0px auto;
        padding-top: 50px;
        padding-bottom: 100px;
    }

        .fonsize .p1s {
            font-size: 20px;
            font-weight: bolder;
            margin-bottom: 10px;
        }

        .fonsize .p2s {
            font-size: 20px;
            font-weight: lighter;
            color: #b1b1b1;
        }

    .Products_S {
        width: 100%;
        margin-left: 0px;
    }

        .Products_S dl {
            width: 15%;
            margin-top: 20px;
        }

            .Products_S dl dd {
            }

                .Products_S dl dd img {
                    margin: 0px auto;
                    width: 100%;
                }

            .Products_S dl dt {
                font-size: 17px;
                margin-top: 10px;
            }

    #Solution {
        margin: 0px auto;
        width: 100%;
        height: 300px;
        background-color: #426fe2;
        z-index: 99;
    }

    .fonsize1 {
        padding-top: 30px;
    }
    .fonsize1 p{
        font-size:20px;
    }

        .fonsize1 .font-weight-bold {
            margin-bottom: 10px;
        }

    #Companyadvantage {
        width: 100%;
        height: 100%;
        background-color: white;
        margin: 0px auto;
        margin-bottom: 10%;
    }
    .fonsize2 {
        width: 150px;
        height: 150px;
        margin: 30px auto 0px;
        border-radius: 150px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .fonsize2_1 {
        width: 150px;
        height: 150px;
        margin: 20px auto 0px;
        border-radius: 150px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .ziti1 {
        padding-top: 40px;
    }
    /* #Companyadvantage .advantage {
            width: 1145px;
            height: 340px;
            margin: 0px auto;
        }*/
    .advantage {
        width: 100%;
        margin: 50px auto;
    }

        .advantage dl {
            width: 50%;
        }

            .advantage dl dd {
            }

                .advantage dl dd img {
                    padding-left: 15%;
                    width: 80%;
                }

            .advantage dl dt {
                font-size: 13px;
                margin-top: 10px;
            }

    #Related {
        margin: 0px auto;
        width: 100%;
        height: 320px;
        background-color: #426fe2;
    }

    #Footer {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #F8F9FB;
    }
    #Footer_1 {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #343A40;
        padding-bottom: 20px;
    }

    .tishikuang {
        width: 250px;
        height: 50px;
        padding-top: 30px;
    }

        .tishikuang li {
            background-color: #3E4448;
            width: 50px;
            height: 50px;
            font-size: 20px;
            list-style: none;
            color: white;
            border-radius: 50px;
            line-height: 50px;
            text-align: center;
            /*cursor: pointer;*/
        }

    .Phone:hover {
        background-color: #426FE2;
    }

    .weixin:hover {
        background-color: #1FA849;
    }

    .ComPanyName {
        width: 250px;
        text-align: center;
        color: white;
        margin: 50px auto 20px;
    }

        .ComPanyName a {
            font-size: 15px;
            color: white;
        }

            .ComPanyName a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    .ComPanyAddress {
        width: 700px;
        color: white;
        text-align: center;
    }

        .ComPanyAddress a {
            font-size: 13px;
            line-height: 30px;
            color: white;
        }

            .ComPanyAddress a:hover {
                text-decoration: none;
                color: #318AFF;
            }
    .EmailS {
        display: flex;
        margin:0px auto;
        width:200px;
    }

    #Footer_1 hr {
        border-top: 1px solid #636e72;
    }
}
/*宽度小于576px*/
@media screen and (max-width: 576px) {
    * {
        margin: 0px;
        padding: 0px;
    }

    #ALL {
        margin: 0px auto;
        width: 100%;
        height: 100%;
    }
.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}
    #Navigation {
        margin: 0px auto;
        width: 100%;
        height: 60px;
        background-color: rgba(76,76,76,1);
        position: fixed;
        top: 0px;
        z-index: 99;
    }
    .carousel-inner .carousel-item img {
        width: 100%;
        height: auto;
    }
    .Navigation_Title {
        width: 1200px;
        height: 60px;
    }
        .Navigation_Title img {
            width: 30px;
            height: 30px;
            margin-top:15px;
            margin-left:15px;
        }
        .Navigation_Title span {
            display:none;
        }

    #demo {
        width: 100%;
        height: 100%;
    }

    #Products {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        margin-bottom:10%;
    }

    .fonsize {
        width: 100%;
        height: 100px;
        margin: 0px auto;
        padding-top: 50px;
        padding-bottom: 100px;
    }
        .fonsize .p1s {
            font-size: 20px;
            font-weight: bolder;
            margin-bottom: 10px;
        }

        .fonsize .p2s {
            font-size: 20px;
            font-weight: lighter;
            color: #b1b1b1;
        }
    .Products_S {
        width: 100%;
        margin-left: 0px;
    }
        .Products_S dl {
            width: 40%;
            margin-top: 20px;
            margin-left: 5%;
            margin-right: 5%;
        }
            .Products_S dl dd {
            }
                .Products_S dl dd img {
                    margin: 0px auto;
                    width: 100%;
                }
            .Products_S dl dt {
                font-size: 13px;
                margin-top: 10px;
            }

    #Solution {
        margin: 0px auto;
        width: 100%;
        height: 340px;
        background-color: #426fe2;
        z-index: 99;
    }
    .fonsize1 {
        padding-top: 50px;
    }

        .fonsize1 .font-weight-bold {
            margin-bottom: 10px;
        }

    #Companyadvantage {
        width: 100%;
        height: 100%;
        background-color: white;
        margin: 0px auto;
        margin-bottom:10%;
    }
    .fonsize2 {
        width: 150px;
        height: 150px;
        margin: 30px auto 0px;
        border-radius: 150px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .fonsize2_1 {
        width: 150px;
        height: 150px;
        margin: 30px auto 0px;
        border-radius: 150px;
        background-color: #426fe2;
        box-shadow: 0px 0px 25px #2b4996;
    }
    .ziti1 {
        padding-top: 40px;
    }
       /* #Companyadvantage .advantage {
            width: 1145px;
            height: 340px;
            margin: 0px auto;
        }*/
    .advantage {
        width: 100%;
        margin: 5% auto;
    }
        .advantage dl {
            margin-top: 20px;
            width: 50%;

        }
            .advantage dl dd {
                padding-left:10%;
            }
                .advantage dl dd img {
                    margin: 0px auto;
                    width: 85%;
                }
            .advantage dl dt {
                font-size: 13px;
                margin-top: 10px;
            }

                #Related {
                    margin: 0px auto;
                    width: 100%;
                    height: 340px;
                    background-color: #426fe2;
                }

    #Footer {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #F8F9FB;
    }
    #Footer_1 {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        background-color: #343A40;
    }

    .tishikuang {
        width: 250px;
        height: 50px;
        padding-top: 30px;
    }

        .tishikuang li {
            background-color: #3E4448;
            width: 50px;
            height: 50px;
            font-size: 20px;
            list-style: none;
            color: white;
            border-radius: 50px;
            line-height: 50px;
            text-align: center;
            /*cursor: pointer;*/
        }

    .Phone:hover {
        background-color: #426FE2;
    }

    .weixin:hover {
        background-color: #1FA849;
    }

    .ComPanyName {
        width: 250px;
        text-align: center;
        color: white;
        margin: 50px auto 20px;
    }

        .ComPanyName a {
            font-size: 15px;
            color: white;
        }

            .ComPanyName a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    .ComPanyAddress {
        width: 100%;
        color: white;
        text-align: center;
    }

        .ComPanyAddress a {
            font-size: 13px;
            line-height: 30px;
            color: white;
        }

            .ComPanyAddress a:hover {
                text-decoration: none;
                color: #318AFF;
            }

    #Footer_1 hr {
        border-top: 1px solid #636e72;
    }
}


/*配置动画*/
.style3 {
    --animate-duration: 0.4s;
    --animate-delay: 0.6s;
}
.style2 {
    --animate-duration: 0.8s;
    --animate-delay: 0.9s;
}
.style1 {
    --animate-duration: 1.2s;
    --animate-delay: 1.3s;
}
.style0 {
    --animate-duration: 1.6s;
    --animate-delay: 2s;
}