﻿@media only screen and (min-width: 1281px)
{
    .xx-1
    {
        display: none;
    }
    .xx-2
    {
        display: none;
    }
    .xx-3
    {
        display: none;
    }
    .xx-4
    {
        display: block;
        background: #c63;
    }
    #header .qrcode
    {
        display: block;
    }
    #bannerTAB2
    {
        border-top: 8px solid #d1160a;
    }
    #pictures2
    {
        margin: 0 auto;
        width: 100%;
        height: auto;
        text-align: center;
        background: auto;
    }
    #pictures2 img
    {
        width: 100%;
        margin: 0 auto;
    }
    #bannerTAB2
    {
        min-width: 80%;
        display: block;
    }
    #banner
    {
        clear: both;
        overflow: hidden;
        width: 100%;
        max-height: 350px;
        padding: 0;
        border-top: 8px solid #d1160a;
        background: none;
    }
    #banner img
    {
        width: 100%;
    }
    #about
    {
        height: 450px;
        background: url(../image/about-bg.jpg) no-repeat center;
    }
    #about .aboutContent
    {
        margin: 0 auto;
        max-width: 1232px;
        overflow: hidden;
        background: none;
    }
    #about .aboutContent .title
    {
        margin-left: 33px;
        margin-top: 0;
        width: auto;
        height: auto;
        font-family: "微软雅黑","黑体";
        background: none;
    }
    #about .aboutContent .title li
    {
        float: left;
        letter-spacing: .25em;
        list-style-type: none;
    }
    #about .aboutContent .title li img
    {
        width: 100%;
        float: left;
    }
    #about .aboutContent .title li.name-1
    {
        width: 100%;
        color: #d1160a;
        background: none;
    }
    #about .aboutContent .title li.name-2
    {
        margin-top: 6%;
        margin-left: 52%;
        font-size: 2.2em;
        writing-mode: tb-rl;
        background: none;
    }
    #about .aboutContent .title li.name-3
    {
        margin-top: 6%;
        color: #ff4500;
        font-size: 12pt;
        writing-mode: tb-rl;
        background: none;
    }
    #about .aboutContent .content
    {
        width: 60%;
        margin-top: 4%;
        margin-bottom: 1.5%;
        margin-left: 20px;
        padding: 20px;
        float: left;
        font-size: 1.1em;
        background: url(../image/aboutContent-H5-bg.png) repeat;
        border-radius: 20px;
    }
    #about .aboutContent .more
    {
        margin: 0 auto;
        width: 60%;
        height: auto;
        overflow: hidden;
        clear: both;
        background: none;
    }
    #about .aboutContent .more .button
    {
        width: 23%;
        height: auto;
        margin: 0 1.6% 0 0;
        padding: 2.5% 0;
        text-align: center;
        letter-spacing: 3px;
        float: left;
        border: 1px solid #ff4500;
        border-radius: 100px;
    }
    #about .aboutContent .more .button:hover
    {
        border: 1px solid #ff4500;
        color: #fff;
        background: #ff4500;
    }
    #about .aboutContent .more .button.hover
    {
        color: #fff;
    }
    #about .aboutContent .more .button.hover a
    {
        color: #fff;
    }
    #about .aboutContent .more .button.hover:hover
    {
        color: #ff4500;
        background: none;
    }
    #about .aboutContent .more .button.hover:hover a
    {
        color: #ff4500;
    }
    #about .aboutContent .more .button:hover a
    {
        color: #fff;
    }
    #about .aboutContent .more .button a
    {
        color: #ff4500;
        font-weight: bold;
    }
    #about .aboutContent .more .button a:hover
    {
        color: #fff;
    }
    section.productList .product img
    {
        height: 220px;
    }
}