@media screen and (max-width:450px) {
    .container {
        height: 60px;
    }

    nav {
        height: 60px;
        z-index:1000;
        background: #ffffff;
        border-radius: unset;
        display: block;
    }

    h2 {
        font-size: 22px !important;
    }

    .top>.banner>.banner_1>h2 {
        margin-top: 30px;
    }
    .top>.banner>.banner_1>p{
        display: none;
    }
    .top_7>.center>.center_lf>ul>li>b {
        display: none;
    }

    nav>img {
        margin: 3% 0;
        width: 34%;
        height: auto;
    }

    nav>a{
        display: none;
    }

    .top>.banner>div:nth-child(2)>.mid>h3 {
        font-size: 1rem;
        width: 100%;
        line-height: 8vw;
    }

    .top>.banner>div:nth-child(2)>.mid>b>p {
        font-size: 0.85rem;
    }

    .top>.banner>div:nth-child(2)>.mid>b {
        font-size: 0.85rem;
    }

    .top>.banner>div:nth-child(2)>.mid>span {
        width: 70%;
        height: 40%;
        font-size: 0.8rem;
        bottom: 20%;
        line-height: 5vw;
        left: 30%;
    }

    .top>.banner>div:nth-child(2)>.mid>span>p {
        font-size: 0.7rem;
    }

    .top>.banner>div:nth-child(3)>h3 {
        font-size: 1rem;
        line-height: 6vw;
        margin-top: 40px;
    }

    .top>.banner>div:nth-child(3)>p {
        width: 100%;
        text-align: center;
        bottom: 0%;
    }

    .top>.banner>.fonts>p {
        font-size: 0.8rem;
    }

    .top>.banner>.fonts>p>b {
        font-size: 0.8rem;
    }

    .more_app>.left>span>p {
        font-size: 0.6rem;
    }

    .top_9>.center {
        background: url(../img/end.png) no-repeat center;
        background-size: cover;
    }

    nav>ul,
    .famous>.fa_banners>.fa_banner>ul:first-child,
    .famous>.fa_banners>.fa_banner>ul>li:first-child,
    .famous>.fa_banners>.fa_banner>ul:last-child,
    .famous>.fa_banners>.fa_banner>ul>li:last-child {
        display: none;
    }

    .top>.banner>.banner_1>b {
        margin-top: 15%;
    }

    .top {
        height: 300px;
    }
    .top>.banner>div:nth-child(3)>h3 {
        margin-top: 50px !important;
    }
    .top>.banner>.banner_1 {
        padding-top: 20px;
    }

    .top>.banner>.fonts {
        top: 70%;
    }

    .top>.banner>span:nth-child(5) {
        left: 27%;
        background-position: 60% 50%;
    }

    #nav>.nav_two_rt_mob {
        display: block;
        padding-top: 5%;
        height: 95%;
    }

    .top>.banner>span {
        width: 40px;
        height: 40px;
        top: 42%;
        background-position: 55% 45%;
        /* transition: 0.5s; */
    }

    #nav>.nav_two_rt_mob>span {
        display: block;
        height: 100%;
        background-image: url(../img/mian.png);
        background-size: 90%;
        background-repeat: no-repeat;
        width: 85%;
    }

    .container .nav_two_right {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 99;
        width: 100%;
        height: 100%;
        transition: 0.5s;
        font-size: 0.18rem;
    }

    .container .nav_two_right>ul>li:hover {
        background-color: silver;
    }

    .container .nav_two_right>div {
        width: 65%;
        height: 100%;
        float: left;
        background-color: transparent;
    }

    .container .nav_two_right>ul {
        width: 35%;
        height: 100%;
        float: left;
        padding: 30px 0 0 10px;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .container .nav_two_right>ul>li {
        color: #fff;
        padding: 10px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid;
    }

    .container .nav_two_right>ul>li>a {
        color: #fff;
        font-size: 16px;
    }

    .container .nav_two_right>ul>button {
        width: 90%;
        outline: none;
        border: none;
        padding: 10px;
        margin: 0 auto;
        display: none;
        background-color: floralwhite;
        border-radius: 20px;
    }

    .container .nav_two_right>ul>li>div {
        display: none;
    }

    .hot_products>.left>ul>li>div>p {
        font-size: 0.6rem;
    }

    .container .nav_two_right>ul>li>div>ul {
        width: 70%;
        height: 100%;
        margin: 0 auto;
    }

    .container .nav_two_right>ul>li>div>ul>li {
        padding: 10px 0;
        font-size: 12px;
    }

    .nav>.nav_two_rt_mob {
        display: block;
    }

    .more_app>.circel>span {
        background-size: cover;
    }

    .container .nav_two_right>ul>li>div>ul>li>a {
        color: #fff;

    }

    .nav>.nav_two_rt_mob>span {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../img/面包屑.png);
        background-size: 90%;
        background-repeat: no-repeat;
    }

    /*****************************************************/
    .hot_products>.left {
        width: 43%;
    }

    .hot_products>.middle {
        display: none;
    }

    .hot_products>.left>ul {
        margin-top: 15%;
    }

    .hot_products>.left>ul>li>span {
        width: 40%;
    }

    .hot_products>.left>ul>li>div {
        line-height: 2vw;
    }

    .hot_products>.left>ul>span,
    .hot_products>.right>.active {
        border: none;
    }

    .hot_products>.right>div>ul>li {
        display: none;
    }

    .hot_products>.left>ul>li>div>b {
        font-size: 0.7rem;
        line-height:1rem;
    }

    .hot_products>.right>div>ul {
        /* width: 85%;
        height: 30%;
        display: flex;
        justify-content: space-between;
        margin: 10% 0;
        background-size: 80%; */
        display: none;
    }

    .hot_products>.right>div>h1 {
        font-size: 0.8rem;
        margin: 0 0 2% 0;
        line-height: 5.5vh;
    }

    .more_app>.left>span {
        width: 55%;
    }

    .hot_products>.right>div>img {
        display: block;
        width: 50%;
        margin: 0 auto;
    }

    .hot_products>.right>div>p {
        margin: 0% 0 10% 0;
        font-size: 0.6rem;
        line-height: 5.5vw;
    }

    .hot_products>.right>div>button {
        width: 70%;
        height: 8%;
    }

    /**********************************************************/
    .more_app {
        flex-direction: column;
        justify-content: start;
        background-color: #F0F3F5;
        height: 90%;
    }

    .more_app>.left {
        width: 100%;
        height: 35%;
        position: relative;
    }

    .more_app>.right {
        display: none;
    }

    .more_app>.circel {
        position: relative;
        height: 60%;
        left: 0;
        top: -1%;
        width: 90%;
        margin: 0 auto;
    }

    .more_app>.circel>span {
        width: 30%;
        height: 30%;
        top: 35%;
        left: 35%;
    }

    .more_app>.circel>.line_circel {
        width: 50%;
        height: 50%;
        top: 25%;
        left: 25%;
    }

    .more_app>.circel>.divs {
        width: 100%;
        height: 95%;
    }

    .more_app>.left>div {
        width: 37%;
        display: flex;
        margin-top: 8%;
        margin: 4% 15px 0 auto;
        justify-content: space-between;
        position: absolute;
        top: 20%;
        right: -5%;
        height: 30%;

    }

    .more_app>.left>div>button {
        width: 35px;
        height: 35px;
    }

    .more_app>.left>p {
        margin-bottom: 2%;
    }

    .more_app>.circel>.divs>div {
        width: 16%;
        height: 16%;
    }

    .more_app>.circel>.divs>div>div>p {
        top: 133%;
        color: #333;
        position: absolute;
        left: -20%;
        width: 140%;
        font-size: 0.6rem;
    }

    .more_app>.circel>.divs>.active>div>p {
        color: #F06E1B;
    }

    /*************************************************************/
    .win {
        height: 500px;
    }

    .win>div>.win_img>img {
        width: 100%;
        margin: 100% 0;
        height: auto;
    }

    .win>div {
        height: 100%;
        margin-top: 3%;
    }

    .win>div>.win_mid>div>h3 {
        margin: 5% 0 5% 0;
        font-size: 0.8rem;
    }

    .win>div>.win_mid {
        height: 80%;
        margin-top: 3%;
        flex-direction: column;
    }

    .win>div>.win_mid>div {
        width: 100%;
        text-align: center;
        line-height: 3.5vw;
        padding-right: 0;
        border-right: none;
        height: 28.3%;
    }

    /*************************************************************/
    .famous {
        height: 70%;
    }

    .famous>.fa_banners>.fa_banner>ul {
        width: 100%;
        display: block;
        height: 25%;
    }

    .famous>.fa_banners>.fa_banner>ul>li {
        width: 50%;
        height: 100%;
        float: left;
    }

    .famous>.fa_banners>span {
        width: 40px;
        height: 40px;
        top: 45%;
    }

    .famous>.fa_banners>.fa_banner>ul>li>img {
        height: auto;
        margin: 4% 0;
    }

    .famous>.fa_banners>.fa_lf {
        left: 5%;
    }

    .famous>.fa_banners>.fa_rt {
        right: 5%;
    }

    /*******************************************************/
    .news {
        height: 65%;
        position: relative;
        border-top-right-radius: 40% 40%;
        padding-top: 10%;
    }

    .news>.lr {
        width: 35%;
        height: 7%;
        margin: 0 3% 2% 0;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 75%;
        right: 27%;
    }

    .news>.lr_rt {
        width: 100%;
        height: 60%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .news>.lr_rt>.lr_lf {
        width: 100%;
        height: 27%;
        padding: 6% 0 0% 7%;
    }

    .news>.lr_rt>.lr_lf>span,
    .news>.lr_rt>.lr_lf>i {
        font-size: 0.8rem;
    }

    .news>.lr_rt>.lr_lf>button {
        height: 80%;
        width: 25%;
        font-size: 0.6rem;
        margin: 0 0 0% 12%;
        transform: translateY(-6px);
    }

    .win>div>.win_mid>div>p {
        font-size: 0.6rem;
        line-height: 5vw;
    }

    .news>.lr_rt>.news_banner {
        width: 100%;
        padding-top: 5%;
    }

    #lk_scrollInner #lk_content>ul>li {
        line-height: 5.5vw;
        font-size: 0.6rem;
    }

    /***********************************************************/
    .world {
        border-bottom-left-radius: 50% 25%;
        height: 85%;
        width: 100%;
    }

    .world>div {
        flex-direction: column;
    }

    .world>div>.wd_left {
        width: 100%;
        height: 55%;
        transition: 2.5s;
    }

    .world>div>.wd_mid>span {
        display: none;
    }

    .world>div>.wd_left>ul {
        width: 100%;
        height: auto;
        font-size: 0.6rem;
        line-height: 5.5vw;
    }

    .world>div>.wd_left>div {
        width: 70%;
        ;
        height: 50%;
        display: flex;
        justify-content: start;
        margin-top: 7%;
    }

    .world>div>.wd_mid>img {
        width: 80%;
    }

    .world>div>.wd_mid {
        transform: translateY(10%);
        height: 100%;
        width: 100%;
        margin-top: 5%;
        background-size: contain;
    }

    .world>div>.wd_left>div>ul>li>b,
    .world>div>.wd_right>ul>li,
    .world>div>.wd_left>div>ul>li {
        font-size: 0.8rem;
    }

    .world>div>.wd_right {
        width: 50%;
        top: -50%;
        height: auto;
        display: flex;
        justify-content: space-between;
        transition: 2.5s;
        position: relative;
        top: -79%;
        right: -60%;
    }

    .world>div>.wd_right {
        padding: 0;
    }

    .world>div>.wd_left>ul>li {
        font-size: 0.6rem;
    }

    .world>div>.wd_right>span {
        width: 64px;
        height: 64px;
        background: url(../img/world.png) no-repeat center #fff;
        background-size: cover;
        margin: 0;
        border-radius: 50%;
        border: 1px dashed;
    }

    .world>div>.wd_left>div>span {
        width: 64px;
        height: 64px;
        margin-right: 5%;
    }

    .world>div>.wd_right>ul {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 0;
    }

    .news>.lr_rt>.lr_lf>button>b {
        font-size: 0.9rem;
    }

    .top_9>.center>div>p>b {
        font-size: 14px;
    }

    /* *************************************************** */
    .footer>.main {
        flex-direction: column;
        padding: 6% 0.5rem 0 0.5rem;
        font-size: 0.6rem;
        margin-left: 0rem;
    }

    .footer>.main>.ft_left {
        width: 100%;
        height: 10%;
        justify-content: space-around;
    }

    .footer>.foot_end {
        height: auto;
        font-size: 12px;
        bottom: 0%;
        color: #bbbbbb;
    }

    .yqlj {
        height: 100px;
        bottom: 10%;
    }

    .yqlj>ul {
        width: 90%;
        flex-wrap: wrap;
    }

    .yqlj>ul>li {
        height: 10%;
        line-height: 50px;
        text-align: center;
    }

    .footer>.main>.ft_right>div>ul {
        line-height: 4vw;
        padding-right: 10%;
    }

    .footer>.main>.ft_right {
        width: 100%;
        height: 30%;
        top: 6rem !important;
    }

    .footer>.main>.ft_right>div:last-child img {
        width: 98%;
    }

    .news>.lr>span:hover,
    .famous>.fa_banners>span:hover {
        background-color: #2B2E3D;
    }

    .footer>.main>.ft_right>.ft_rt_one {
        width: 33%;
        margin-left: 17%;
    }
    .footer>.main>.ft_left>.ft_rt_three {
        width: 17%;
    }
    .footer>.main>.ft_right>div:nth-child(2) {
        padding-left: 2%;
    }

    .footer>.main>.ft_right>.ft_rt_one>span {
        width: 100%;
        height: 56%;
    }

    .footer>.main>.ft_left>.ft_rt_two {
        width: 38%;
    }

    .footer>.main>.ft_left>.ft_rt_two>ul:nth-child(2) {
        width: 25%;
        line-height: 5.5vw;
    }

    .footer>.main>.ft_left>.ft_rt_two>ul:nth-child(3) {
        width: 70%;
        line-height: 5.5vw;
    }

    .footer>.main>.ft_left>.ft_rt_two>ul {
        line-height: 5.5vw;
    }

    .footer>.main>.ft_left>.ft_rt_three {
        width: 16%;
        width: 21%;
        margin-left: 31%;
    }

    .footer>.main>.ft_left>.ft_rt_three>p {
        padding-bottom: 20%;
        font-size: 12px;
    }

    .footer>.main>.ft_left>.ft_rt_three>span {
        line-height: 5vw;
        margin-bottom: 10%;
        padding-top: 8%;
    }

    .footer>.main>.ft_right>div>h5,
    .footer>.main>.ft_right>div>ul>li,
    .footer>.main>.ft_left>.ft_rt_two>ul>li,
    .footer>.main>.ft_left>div>p,
    .footer>.main>.ft_left>.ft_rt_three>span {
        font-size: 14px;
    }

    .footer>.main>.ft_right>div>ul>li,
    .footer>.main>.ft_right>div>h5 {
        font-size: 14px;
        margin: 0;
    }

    .footer>.main>.ft_right>div>ul>li {
        padding-left: 25px;
        line-height: 4.5vw;
    }

    .footer>.main>.ft_left>.ft_rt_three>p:first-child {
        font-size: 12px;
    }

    .footer>.main>.ft_right>div>h2 {
        font-size: 16px !important;
    }

    .hot_products>.left>p,
    .more_app>.left>p,
    .win>p,
    .famous>p,
    .news>p,
    .world>p {
        display: none;
    }

    .footer {
        height: 700px;
    }

    .more_app>.left>div>.ico_rt,
    .more_app>.left>div>.ico_lf {
        background-size: 30%;
        width: 40px;
        height: 40px;
    }

    .footer>.main>.ft_right>ul {
        height: 60%;
        line-height: 2.5vw;
        width: 40px;
        height: 180px;
    }

    .news>.lr>span {
        background-size: 30%;
        width: 40px;
        height: 40px;
    }

    .footer>.main>.ft_right>.ft_rt_one>p,
    .footer>.main>.ft_left>.ft_rt_two>p {
        font-size: 12px;
    }
    .footer>.main>.ft_left>.ft_rt_two>ul li{
    	width:6.6rem;
    }

    /* ******************************关于我们************** */
    .center_1>div {
        top: 40%;
        line-height: 5.5vw;
    }

    .center_1>div>h3 {
        font-size: 0.45rem;
    }

    .center_2>.center_2_lf>ul>li {
        font-size: 0.18rem;
        line-height: 4vw !important;
    }

    .center_2>.center_2_lf {
        width: 80%;
        height: auto;
        position: absolute;
        top: 10%;
        left: 8%;
    }

    .center_2>.center_2_rt {
        width: 75%;
    position: absolute;
    height: auto;
    top: 60%;
    right: 15%;
    }

    .center_2>.center_2_rt>video {
        top: 48.5%;
    }

    .center_2>.center_2_rt>span {
        top: 61%;
    }

    .center_2>.center_2_rt>img:nth-child(2) {
        top: 63%;
    }

    .center_2>.center_2_lf>h2 {
        font-size: 0.4rem !important;
        margin-bottom: 10%;
    }

    .center_2>.center_2_lf>p,
    .center_3>p {
        display: none;
    }

    .center_2>.center_2_lf>ul>li {
        font-size: 14px !important;
    }

    .center_3>h2 {
        font-size: 0.4rem !important;
    }

    .center_3>div>ul>li>h3 {
        font-size: 16px;
    }

    .center_3>div>ul>li>p {
        font-size: 14px;
    }

    .center_3>div>ul:nth-child(2) {
        width: 80%;
    }

    .center_3>div>ul>li {
        line-height: 4vw;
    }

    .center_3>div>ul:last-child {
        width: 100%;
    }

    .center_3>div>span {
        width: 90px !important;
        height: 100% !important;
        top: 40%;
        left: 40% !important;
    }

    .center_4>div {
        height: 66%;
    }

    .center_4>div>ul>li.active>.big_ld>span {
        height: 20px;
        bottom: -40%;
    }

    .center_4>div>ul>li>ul>li {
        font-size: 14px !important;
        line-height: 5.2vw;
    }

    .center_4>span {
        width: 30px;
        height: 30px;
    }

    .center_4>span.lf {
        left: 3%;
    }

    .center_4>div>ul {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
    }

    .center_4>div>ul>li {
        opacity: 0;
        width: 16%;
    }

    .center_4>div>ul>li.active {
        opacity: 1;
    }

    .center_4>div>ul>li.active>p {
        text-align: center;
    }

    .center_4>div>ul>li>.big_ld {
        margin: 1% auto;
    }

    .center_4>div>ul>li.active>ul {
        margin-top: 10%;
    }

    .center_4>div>ul>li>ul {
        line-height: 5.5vw;
    }

    .center_4>div>ul {
        width: 550%;
    }

    .center_5>ul>li {
        width: 49.3%;
        height: 33%;
    }

    .center_5>ul>li>p {
        font-size: 0.12rem;
        bottom: 0%;
    }

    .center_5>ul>li>b {
        display: none;
    }

    .center_5>ul>li>h4 {
        top: 10%;
    }

    .center_5>ul>li>span {
        width: 25px;
        height: 25px;
        top: 33%;
    }
    .center_5>ul>li>span>img {
        display: block;
    }

    .center_7>div>ul>li>div {
        width: 92%;
    }

    .center_5>ul>li>p {
        bottom: 10%;
        width: 80%;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .center_6>div {
        width: 352px;;
    }

    .center_6>div>ul {
        width: 172%;
        height: 73%;
        padding-top: 0%;
        position: relative;
        left: -20%;
        top: 10%;
        transform: translateX(-43%);
        -webkit-transform: translateX(-43%);
        -moz-transform: translateX(-43%);
        -ms-transform: translateX(-43%);
        -o-transform: translateX(-43%);
    }
    .prev {
        left: 0%;
    }
    .next{
        right: 5%;
    }

    .center_6>div>span {
        top: 57%;
        z-index: 20;
    }

    .center_6>div>span {
        width: 35px;
        height: 35px;
    }

    .center_7>div>ul {
        width: 80%;
    }

    .center_7>div>ul>li {
        padding: 2% 0%;
    }

    .center_7>div>div {
        width: 90%;
    }

    .center_7>div {
        flex-direction: column;
    }

    .center_7>div>ul>li {
        height: 30%;
    }

    .center_3>div>ul:last-child>li:first-child,
    .center_3>div>ul:last-child>li:last-child {
        padding: 5% 5% 0 5%;
    }
    .top_7>.center>.center_lf>div>ul>li>p {
        bottom: 20%;
        font-size: 14px;
    }
    .top_7>.center>.center_lf>div>ul>li>b{
        display: none;
    }
}

@media screen and (max-width:450px) {
    .center_7>div>ul>li>div>p:nth-child(1) {
        font-size: 16px;
    }

    .center_7>div>ul>li>div>p {
        font-size: 14px;
    }

    .top_1_rt {
        width: 100%;
        top: 45%;
        right: 21%;
    }

    .top_1_rt .navDiv {
        width: 130%;
    }

    .top_1_rt .navDiv button:last-child {
        right: 0%;
    }

    .top_1_rt>p {
        text-align: right;
        bottom: 0%;
        font-size: 0.8rem;
        width: 95%;
    }

    .top_9>.center>div>.anniu>button {
        font-size: 0.7rem;
    }

    .top_1_rt>img {
        width: 55%;
        display: block;
        margin: 10% auto 0 auto;
        position: absolute;
        bottom: 0;
        left: 42%;
    }

    .top_1_rt>div>img {
        width: 150%;
    }

    .top_6>.center>.center_rt>p {
        line-height: 6.5vw;
    }

    .top_6>.center {
        border-bottom-left-radius: 40% 30%;
    }

    .top_6>.center>.center_lf {
        width: 90%;
        top: 29%;
        left: 7%;
    }

    .top_6>.center>.center_rt {
        width: 80%;
        top: 0%;
        right: 5%;
    }

    .top_6>.center>.center_rt>b,
    .top_7>.center>.center_lf>ul>li>p,
    .top_8>p {
        display: none;
    }

    .top_6>.center>.center_rt>p {
        font-size: 0.7rem;
    }

    .top_6>.center>.center_lf>ul>li>p>b {
        font-size: 0.2rem;
        display: none;
    }

    .top_6>.center>.center_rt>h2 {
        margin-top: 25%;
    }

    .top_6>.center>.center_lf>ul>li>p {
        font-size: 0.7rem;
    }

    .top_6>.center>.center_span {
        bottom: 15%;
        right: 30%;
    }

    .top_7>.center {
        border-bottom-right-radius: 40% 30%;
    }

    .top_7>.center>.center_lf>ul>li>div>p {
        bottom: 20%;
        font-size: 14px;
        left: 5%;
        width: 90%;
    }

    .top_7>.center>.center_lf {
        width: 90%;
        top: 25%;
        left: 7%;
        height: 40%;
    }

    .center_7>h2,
    .center_4>h2,
    .center_5>h2,
    .center_6>h2 {
        font-size: 0.4rem !important;
    }

    .center_7>p,
    .center_4>p,
    .center_5>p,
    .center_6>p {
        display: none;
    }

    .center_4 {
        padding-top: 20%;
    }

    .top_7>.center>.center_lf>ul {
        width: 100%;
        height: 100%;
    }

    .top_7>.center>.center_rt {
        width: 90%;
        height: 8%;
        top: 10%;
        right: 5%;
    }

    .top_7>.center>.center_rt>ul {
        height: 100%;
        width: 260%;
    }

    .top_7>.center>.center_rt>ul>li {
        font-size: 0.7rem;
        float: left;
        width: 9%;
        height: 80%;
        margin-bottom: 0%;
        margin-right: 3%;
        line-height: 10vw;
    }

    .top_7>.center>.center_span {
        bottom: 16%;
        right: 35%;
    }

    .top_7>.center>.center_rt::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px;
    }

    .top_7>.center>.center_rt::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
        background: rgba(0, 0, 0, 0.2);
    }

    .top_7>.center>.center_rt::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .top_7>.center>.center_lf>ul>li>h3 {
        font-size: 1rem;
    }

    .top_8>ul {
        bottom: 10%;
        left: 35%;
    }

    .top_8>span {
        top: 57%;
        left: 40%;
    }

    .active>h2 {
        margin-top: 15%;
    }

    .top_8>div {
        margin-top: 4%;
        width: 100%;
        height: 80%;
        top: 13%;
        left: 0%;
    }

    .top_8>div>.shipin {
        width: 85%;
        height: 35%;
        top: 40%;
        left: 7%;
    }

    .top_8>div>.top_8_rt {
        width: 80%;
        left: 7%;
        padding-top: 7%;
        position: absolute;
    }

    .top_8>div>.top_8_rt>h3 {
        font-size: 0.8rem;
        margin-bottom: 3%;
    }

    .top_8>div>.top_8_rt>p {
        font-size: 0.7rem;
        line-height: 6.5vw;
    }

    .top_9 {
        background: none;
    }

    .top_9>.center>div>p {
        font-size: 0.6rem;
    }

    .top_9>.center>div {
        top: 15%;
        height: 70%;
        width: 90%;
    }

    .top_9>.center>div>ul {
        height: 20%;
        margin-bottom: 2%;
        display: block;
    }

    .top_9>.center>div>ul>li {
        width: 100%;
        height: 40%;
        line-height: 2.5vw;
    }

    .top_9>.center>div>ul>li>p {
        font-size: 13px;
        color: #333;
        line-height: 11vw;
    }

    .top_9>.center>div>ul>li>input {
        width: 70%;
        font-size: 0.35rem;
    }

    .top_9>.center>div>.liuyan {
        width: 100%;
    }

    .top_9>.center>div>.liuyan>p {
        font-size: 13px;
    }

    .top_9>.center>div>.liuyan>input {
        width: 70%;
        font-size: 0.35rem;
        padding-left: 4%;
    }

    .top_9>.center>div>.anniu>button {
        height: 30px;
    }

    .top_9>.center>div>.anniu {
        width: 70%;
        margin-top: 15%;
    }

    .footer>.main>.ft_left>div>h2 {
        font-size: 0.36rem !important;
    }

    .footer>.main>.ft_left>div>h5,
    .footer>.main>.ft_left>div>ul>li>a,
    .footer>.main>.ft_left>.ft_rt_two>ul>li>a,
    .footer>.main>.ft_left>div>p,
    .footer>.main>.ft_left>.ft_rt_three>span {
        font-size: 14px !important;
    }

    .footer>.main>.ft_right>ul {
        height: 135px;
    }

    .footer>.main>.ft_right>.ft_rt_one>p,
    .footer>.main>.ft_left>.ft_rt_two>p,
    .footer>.main>.ft_left>.ft_rt_three>p,
    .footer>.main>.ft_left>.ft_rt_three>p:first-child {
        font-size: 14px !important;
    }
    .fptitle{font-size: 13px !important;width: 6.3rem !important;}

    .nav_two {
        display: none;
    }
    .big {
        font-weight: 800;
        font-size: 16px !important;
        }
}
@media screen and (max-width:450px) and (max-height:815px) {
    .footer {
        height: 700px;
    }
    /* .yqlj {
        bottom: 17%;
    } */
    .top_7>.center>.center_lf>div>ul>li>p {
        bottom: 30%;
    }
}
@media screen and (max-width:450px) and (max-height:670px){
    .top_7>.center>.center_lf>div>ul>li>p {
        bottom: 20%;
    }
}
@media screen and (max-width:540px){
    .top_1>.top_1_lf>ul {
        width: 75%;
    }
    .top_1>.top_1_lf>ul>li>img {
        margin-top: 5px;
    }
    .top_2>.lankuang>img {
        height: 100% !important;
    }
    .top_7>.center>.center_rt>ul>li {
        width: 8% !important;
    }
    .top_7>.center>.center_lf>div>ul>li>p {
        bottom: 14%;
        line-height: 20px;
    }
    .top_7>.center>.center_span {
        bottom: 5% !important;
    }
    .top_7>.center>.center_lf {
        width: 95% !important;
        height: 60% !important;
    }
    .top_7>.center>.center_lf>div>ul>li {
        width: 48% !important;
        height: 30% !important;
    }
    .top_7>.center>.center_lf>div>ul>li>p {
        bottom: 0% !important;
        line-height: 20px !important;
    }
    .top_9>.center>div>.liuyan>textarea {
        width: 90% !important;
    }
    .top_9>.center>div>.liuyan>p {
        width: 25%;
    }
    .top_1>.lf>h3, .top_1>.lf>b {
        text-align: left !important;
    }
    .top_2>.top2_rt {
        height: 44% !important;
    }
    .w_1_1 {
        width: 5.4rem !important;
    }
    .top_1>img:nth-child(4) {
        top: 50% !important;
    }
}