* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: '';
    }
    
    ul li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        vertical-align: top;
        outline-width: 0ch;
    }
    /* 电脑 */
    
    @media only screen and (min-width: 996px) {
        .toplogo {
            width: 100%;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #e6e7e8;
        }
        .toplogo a img {
            /* width: 180px;*/
        }
        .pcheader {
            width: 100%;
            height: 70px;
        }
        .pchead {
            max-width: 1140px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 auto;
            position: relative;
            z-index: 10;
        }
        .pcheadleft {
            width: 15%;
        }
        .pcheadright {
            width: 15%;
        }
        .pcheadcenter {
            width: 76%
        }
        .drop0>ul>li>a {
            display: block;
            height: 50px;
            line-height: 50px;
            padding-left: 15px;
        }
        .pcnav>ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .pcnav>ul>li {
            position: relative;
        }
        .pcnav>ul>li>a {
            display: block;
            font-size: 16px;
            color: #5f6062;
            height: 50px;
            line-height: 50px;
            text-transform: uppercase;
        }
        .drop0out {
            position: absolute;
            width: 291px;
            background-color: #fff;
            top: 100%;
            left: 0;
            display: none;
        }
        .line_gray {
            width: 40%;
            height: 2px;
            background-color: #5f6062;
        }
        .drop0 ul li {
            transition: all ease 0.4s;
            position: relative;
            border-bottom: 1px solid #e6e7e8;
        }
        .drop0 {
            background-color: #fff;
        }
        .drop0>ul>li>a {
            word-wrap: break-word;
            font-size: 16px;
            color: #5f6062;
        }
        .drop0>ul>li:hover .drop1 {
            opacity: 1 !important;
            visibility: visible !important;
        }
        .drop0 ul li:hover {
            padding-left: 25px;
        }
        .drop1 {
            position: absolute;
            width: 100%;
            left: 100%;
            top: 0;
            background-color: #fff;
            box-shadow: 0 0 25px #00000026;
            -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
            opacity: 0;
            visibility: hidden;
            transition: all ease 0.3s;
        }
        .drop1 a {
            color: #393a3b !important;
            font-weight: bold !important;
            padding: 15px !important;
            display: block;
            border-bottom: 1px solid #e6e7e8;
            position: relative;
        }
        .drop1::after {
            position: absolute;
            display: block;
            border-color: transparent;
            border-style: solid;
            border-width: 10px;
            content: "";
            top: 12%;
            transform: translateY(-50%);
            left: -10px;
            border-right-color: #fff;
            border-left-width: 0;
        }
        .pcnav>ul>li:hover .drop0out {
            display: block;
        }
        .pcheadright ul {
            display: flex;
        }
        .pcheadright ul li {
            padding: 0 10px;
        }
        .pcheadright ul li i {
            font-size: 18px !important;
            color: #5f6062;
            display: block;
            margin: 0 auto;
            text-align: center;
            float: left;
    display: contents;
        }
        .pcheadright ul li p {
            color: #999;
            font-size: 14px;
        }
        .pcsearch {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            height: 160px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 99;
        }
        .pcsearchcon {
            width: 800px;
            display: flex;
            align-items: center;
        }
        .inputcon {
            border: 1px solid #cccccc;
            width: 750px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .Sadiv {
            width: 50px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .Sadiv i {
            color: #5f6062;
        }
        .inputcon input {
            border: none;
            padding-left: 20px;
            outline: none;
            height: 43px;
            display: block;
            width: 700px;
        }
        .search_close {
            width: 50px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .search_close {
            cursor: pointer;
        }
        .mbhead {
            display: none;
        }
        .mblogo {
            display: none;
        }
        .mbcover {
            display: none;
        }
        .mbnav {
            display: none;
        }
        .mbsearchcon {
            display: none;
        }
        .banner {
            width: 100%;
        }
        .banner img {
            width: 100%;
        }
        .bannerbtn {
            width: 48px !important;
            height: 48px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: rgba(255, 255, 255, .5);
            background-image: none !important;
        }
        .bannerbtn i {
            font-size: 20px !important;
            color: #000 !important;
            font-weight: bold;
        }
        .con1 {
            margin: 10px auto;
            display: flex;
            max-width: 1140px;
            align-items: center;
            justify-content: space-between;
        }
        .con1item {
            width: 49.5%;
            height: 270px;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }
        .con1pos {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            padding: 65px 55px;
        }
        .con1pos h1 {
            color: white;
            font-size: 50px;
            margin-bottom: 20px;
            text-align: center;
            background: rgba(0, 0, 0, .2);
        }
        .con1pos a {
            display: inline-block;
            background-color: #fff;
            color: black;
            font-size: 18px;
            padding: 4px 16px;
            transition: all ease 0.4s;
            position: absolute;
            bottom: 21px;
        }
        .con1pos a:hover {
            background: rgba(255, 255, 255, .6);
        }
        .con2tab {
            padding: 25px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .con2tab span {
            font-size: 27px;
            display: block;
            margin-right: 20px;
            color: #999;
            cursor: pointer;
        }
        .sel {
            color: #333232 !important;
            border-bottom: 2px solid #333232;
        }
        .con2fy {
            max-width: 1140px;
            margin: 0 auto;
            display: none;
        }
        .con2fy ul {
            display: flex;
            flex-wrap: wrap;
        }
        .con2fy ul li {
            width: 23%;
            margin-right: 2%;
            position: relative;
            padding: 20px;
            background-color: #fff;
            transition: all ease 0.4s;
            margin-bottom: 25px;
        }
        .himig {
            transition: all ease 0.4s;
        }
        .con2fy ul li:hover {
            box-shadow: 0 0 25px #00000026;
        }
        .imga {
            display: block;
            overflow: hidden;
        }
        .con2fy ul li:hover .himig {
            transform: scale(1.1);
        }
        .con2fy ul li img {
            width: 100%;
                height: 289px;
    object-fit: contain;
        }
        .fdiv {
            padding-top: 20px;
        }
        .fdiv p {
            font-size: 15px;
            color: #393a3b;
        }
        .fdiv span {
            font-weight: bold;
            font-size: 15px;
            color: #333232;
        }
        .quick {
            position: absolute;
            bottom: 100px;
            left: 20px;
            z-index: 9;
            width: 40px !important;
            display: none;
            cursor: pointer;
        }
        .con2fy ul li:hover .quick {
            display: block;
        }
        .con3 {
            max-width: 1140px;
            margin: 60px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con3item {
            position: relative;
            width: 31%;
        }
        .con3item img {
            width: 100%;
        }
        .con3pos {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .con3pos span {
            display: inline-block;
            padding: 4px 15px;
            background-color: #fff;
            font-size: 25px;
            color: #000;
        }
        .con3pos a {
            color: white;
            display: inline-block;
            padding: 10px 0;
            border-bottom: 1px solid #fff;
            font-size: 15px;
            font-weight: bold;
        }
        .con4 {
            max-width: 1140px;
            margin: 50px auto;
        }
        .con4 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .swiperin img {
            width: 100%;
        }
        .swiperin .swiper-slide:hover .quick {
            display: block;
        }
        .slideitem {
            transition: all ease 0.4s;
            padding: 15px;
        }
        .swiperin .swiper-slide:hover {
            box-shadow: 0 0 25px #00000026;
        }
        .swiperin .bannerbtn {
            background-color: #ededed;
        }
        .con5 {
            max-width: 1140px;
            margin: 50px auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #e7ecf7;
            padding: 5px 20px;
        }
        .con5 ul {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        .con5 ul li {
            display: flex;
            padding: 0 20px;
        }
        .con5 ul li span {
            display: block;
            margin-left: 10px;
        }
        .con6 {
            max-width: 1140px;
            margin: 50px auto;
        }
        .con6 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con6 ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .con6 ul li {
            padding: 10px;
        }
        .con6 ul li img {
            width: 100%;
        }
        .con7 {
            max-width: 1140px;
            margin: 50px auto;
        }
        .con7 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con7 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con7 ul li {
            width: 31%;
        }
        .con7 ul li img {
            display: block;
            margin: 0 auto;
            margin-bottom: 15px;
        }
        .con7 ul li p {
            font-size: 17px;
            color: #000;
        }
        .con7 ul li span {
            display: block;
            text-align: center;
            font-size: 15px;
            color: #808080;
            padding: 10px 0;
        }
        .con8 {
            max-width: 1140px;
            margin: 50px auto;
        }
        .con8 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con8 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con8 ul li {
            width: 32%;
        }
        .con8 ul li img {
            width: 100%;
        }
        .in {
            color: #000;
            font-size: 17px;
            display: block;
            padding: 5px 0;
        }
        .con8 ul li p {
            font-size: 13px;
            color: #000;
        }
        .con8 ul li span {
            color: #808080;
            font-size: 13px;
        }
        .con9 {
            max-width: 1140px;
            margin: 0px auto;
            margin-top: 50px;
        }
        .con9 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con9 ul {
            display: flex;
            justify-content: space-between;
        }
        .con9 ul li img {
            width: 190px;
            height: 190px;
            object-fit: cover;
        }
        .totop a {
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            font-weight: bold;
            font-size: 25px;
            transition: all ease 0.4s;
            background-color: #d9121f;
        }
        .totop a:hover {
            background-color: #606060 !important;
        }
        .totop {
            position: fixed;
            bottom: 200px;
            right: 0px;
            z-index: 999;
        }
        .foot {
            padding-top: 96px;
            padding-bottom: 45px;
            background-color: #1a1a1a;
            width: 100%;
        }
        .footer {
            max-width: 1140px;
            margin: 0 auto;
        }
        .footer1 {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 85px;
        }
        .footer1 strong {
            color: white;
            font-size: 26px;
            margin-right: 15px;
        }
        .footer1 input {
            outline: none;
            padding-left: 15px;
            background-color: #333333;
            height: 35px;
            border: none;
        }
        .footer1 a {
            width: 105px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            color: white;
            background-color: #000000;
            display: block;
            margin-left: 15px;
        }
        .footer2 {
            margin-bottom: 50px;
        }
        .footer2 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .footer2 ul li {
            width: 13%
        }
        .footer2 ul li strong {
            display: block;
            margin-bottom: 10px;
            color: white;
            font-size: 12px;
        }
        .footer2 ul li a {
            display: block;
            font-size: 13px;
            color: #999;
            margin-bottom: 5px;
        }
        .footer3 p {
            margin-bottom: 40px;
            font-size: 16px;
            color: #999999;
            text-align: center;
        }
        .index_pic_tc {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            display: none;
        }
        .index_pic_tccon {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .index_pic_tccon_box {
            width: 900px;
            display: flex;
            justify-content: space-between;
            padding: 20px;
            background-color: #fff;
        }
        .index_pic_tccon_box_left {
            width: 55%;
        }
        .index_pic_tccon_box_left img {
            width: 100%;
        }
        .index_pic_tccon_box_right {
            width: 43%;
        }
        .index_pic_tccon_box_right h1 {
            color: #333232;
            font-size: 30px;
            margin-bottom: 25px;
        }
        .index_pic_tccon_box_right p {
            font-size: 13px;
            color: #b2b2b2;
            margin-bottom: 50px;
        }
        .index_pic_tccon_box_right p span {
            font-size: 13px;
            color: #333232;
        }
        .price {
            color: #ff0000;
            font-size: 14px;
            font-weight: bold;
        }
        .picclose {
            color: white;
            font-size: 30px !important;
            position: absolute;
            right: 30px;
            top: 30px;
            cursor: pointer;
        }
        .crumbcon {
            max-width: 1140px;
            margin: 0 auto;
        }
        .crumb {
            width: 100%;
            background-color: #f2f2f2;
            padding: 15px;
        }
        .crumbcon a {
            color: #9e9e9e;
            font-size: 16px;
        }
        .crumbcon span {
            color: #9e9e9e;
            font-size: 16px;
        }
        .listkind {
            margin-right: 20px;
        }
        .list-style {
            padding: 25px 0;
            max-width: 1140px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: right;
        }
        .listkind {
            display: flex;
            align-items: center;
        }
        .listkind i {
            display: block;
            margin-right: 15px;
            font-size: 20px !important;
            color: #cccccc;
            cursor: pointer;
        }
        .sort select {
            outline: none;
            border: 0;
            width: 135px;
        }
        .cho {
            color: #000 !important;
        }
        #conpro ul li {
            width: 33%;
            margin-right: 0;
        }
        .flex {
            display: flex !important;
            justify-content: space-between;
        }
        .flex .fdiv {
            margin-left: 30px;
        }
        .fdiv span {
            display: block;
            margin-bottom: 20px;
        }
        .fdiv strong {
            font-weight: normal;
            color: #333232;
            font-size: 15px;
            display: none;
        }
        .prodetail {
            max-width: 1140px;
            margin: 50px auto;
            display: flex;
            justify-content: space-between;
        }
        .prodetailleft {
            width: 48%;
        }
        .prodetailright {
            width: 48%;
        }
        .mbpic {
            display: none;
        }
        .prodetailright strong {
            display: block;
            font-size: 30px;
            color: #333232;
        }
        /* inside */
        .inside {
            max-width: 1140px;
            margin: 50px auto;
        }
        .new {
            max-width: 1140px;
            margin: 50px auto;
            display: flex;
            justify-content: space-between;
        }
        .newleft {
            width: 70%;
        }
        .newright {
            width: 27%;
        }
        .topnew img {
            width: 100%;
        }
        .topnew {
            position: relative;
        }
        .newpos {
            background-color: #fff;
            position: absolute;
            left: 30px;
            bottom: 30px;
            padding: 17px;
        }
        .newpos a {
            color: #393a3b;
            font-size: 20px;
            display: block;
            margin-bottom: 18px;
        }
        .newpos p {
            font-size: 12px;
            color: #333232;
            margin-bottom: 15px;
        }
        .newpos span {
            color: #999;
            font-size: 12px;
        }
        #commonnew ul li {
            width: 48%;
            margin-bottom: 30px;
        }
        .newright strong {
            display: block;
            font-size: 18px;
            color: #333232;
            font-weight: normal;
            margin-bottom: 20px;
        }
        .tags {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }
        .tags li a {
            display: inline-block;
            padding: 5px;
            background-color: #000;
            color: #fff;
            font-size: 13px;
            margin-bottom: 10px;
        }
        .newnewn li {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 25px;
        }
        .newnewn .lileft {
            width: 35%;
        }
        .lileft img {
            width: 100%;
        }
        .liright {
            width: 60%;
        }
        .liright a {
            display: block;
            color: #393a3b;
            font-size: 15px;
        }
        .liright p {
            color: #808080;
            font-size: 12px;
        }
    }
    /* 手机 */
    
    @media only screen and (max-width: 996px) {
        .newright strong {
            display: block;
            font-size: 18px;
            color: #333232;
            font-weight: normal;
            margin-bottom: 20px;
        }
        .tags {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }
        .tags li a {
            display: inline-block;
            padding: 5px;
            background-color: #000;
            color: #fff;
            font-size: 13px;
            margin-bottom: 10px;
        }
        .newnewn li {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 25px;
        }
        .newnewn .lileft {
            width: 35%;
        }
        .lileft img {
            width: 100%;
        }
        .liright {
            width: 60%;
        }
        .liright a {
            display: block;
            color: #393a3b;
            font-size: 15px;
        }
        .liright p {
            color: #808080;
            font-size: 12px;
        }
        .new {
            width: 100%;
            padding: 15px;
            margin: 20px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .newleft {
            width: 100%;
            margin-bottom: 30px;
        }
        .newright {
            width: 100%;
        }
        .topnew img {
            width: 100%;
        }
        .topnew {
            position: relative;
        }
        .newpos {
            background-color: #fff;
            padding: 17px;
        }
        .newpos a {
            color: #393a3b;
            font-size: 20px;
            display: block;
            margin-bottom: 18px;
        }
        .newpos p {
            font-size: 12px;
            color: #333232;
            margin-bottom: 15px;
        }
        .newpos span {
            color: #999;
            font-size: 12px;
        }
        #commonnew ul li {
            width: 48%;
            margin-bottom: 30px;
        }
        .inside {
            padding: 15px;
            margin: 30px auto;
        }
        .prodetail {
            width: 100%;
            padding: 15px;
            margin: 30px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .prodetailleft {
            width: 100%;
        }
        .magnifier {
            display: none;
        }
        .fdiv strong {
            font-weight: normal;
            color: #333232;
            font-size: 15px;
            display: none;
        }
        .sort {
            padding: 15px;
        }
        .sort select {
            outline: none;
            border: 0;
            width: 135px;
        }
        .crumbcon {
            max-width: 1140px;
            margin: 0 auto;
        }
        .crumb {
            width: 100%;
            background-color: #f2f2f2;
            padding: 15px;
        }
        .crumbcon a {
            color: #9e9e9e;
            font-size: 16px;
        }
        .crumbcon span {
            color: #9e9e9e;
            font-size: 16px;
        }
        .listkind {
            display: none;
        }
        .index_pic_tc {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            display: none;
        }
        .index_pic_tccon {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .index_pic_tccon_box {
            width: 95%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 15px;
            background-color: #fff;
        }
        .index_pic_tccon_box_left {
            width: 100%;
            margin-bottom: 25px;
        }
        .index_pic_tccon_box_left img {
            width: 100%;
        }
        .index_pic_tccon_box_right {
            width: 100%;
        }
        .index_pic_tccon_box_right h1 {
            color: #333232;
            font-size: 30px;
            margin-bottom: 25px;
        }
        .index_pic_tccon_box_right p {
            font-size: 13px;
            color: #b2b2b2;
            margin-bottom: 10px;
        }
        .index_pic_tccon_box_right p span {
            font-size: 13px;
            color: #333232;
        }
        .price {
            color: #ff0000;
            font-size: 14px;
            font-weight: bold;
        }
        .picclose {
            color: white;
            font-size: 30px !important;
            position: absolute;
            right: 20px;
            top: 10px;
            cursor: pointer;
        }
        .foot {
            padding: 20px;
            background-color: #1a1a1a;
            width: 100%;
        }
        .footer {
            width: 100%;
            margin: 0 auto;
        }
        .footer1 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
        }
        .footer1 strong {
            color: white;
            font-size: 20px;
            display: block;
            text-align: center;
            margin-bottom: 10px;
            width: 100%;
        }
        .footer1 input {
            outline: none;
            padding-left: 15px;
            background-color: #333333;
            height: 35px;
            border: none;
        }
        .footer1 a {
            width: 105px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            color: white;
            background-color: #000000;
            display: block;
            margin-left: 15px;
        }
        .footer2 {
            margin-bottom: 20px;
        }
        .footer2 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .footer2 ul li {
            width: 48%;
            margin-bottom: 20px;
        }
        .footer2 ul li strong {
            display: block;
            margin-bottom: 10px;
            color: white;
            font-size: 12px;
        }
        .footer2 ul li a {
            display: block;
            font-size: 13px;
            color: #999;
            margin-bottom: 5px;
        }
        .footer3 p {
            margin-bottom: 20px;
            font-size: 16px;
            color: #999999;
            text-align: center;
        }
        .totop a {
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            font-weight: bold;
            font-size: 25px;
            transition: all ease 0.4s;
            background-color: #d9121f;
        }
        .totop a:hover {
            background-color: #606060 !important;
        }
        .totop {
            position: fixed;
            bottom: 200px;
            right: 0px;
            z-index: 999;
        }
        .con9 {
            width: 100%;
            padding: 15px;
            margin: 30px auto;
        }
        .con9 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con9 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con9 ul li {
            width: 48%;
            margin-bottom: 20px;
        }
        .con9 ul li img {
            width: 100%;
            object-fit: cover;
        }
        .con8 {
            width: 100%;
            margin: 30px auto;
            padding: 15px;
        }
        .con8 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con8 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con8 ul li {
            width: 100%;
            margin-bottom: 25px;
        }
        .con8 ul li img {
            width: 100%;
        }
        .in {
            color: #000;
            font-size: 17px;
            display: block;
            padding: 5px 0;
        }
        .con8 ul li p {
            font-size: 13px;
            color: #000;
        }
        .con8 ul li span {
            color: #808080;
            font-size: 13px;
        }
        .con7 {
            width: 100%;
            padding: 15px;
            margin: 30px auto;
        }
        .con7 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con7 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con7 ul li {
            width: 100%;
            padding: 15px;
            margin-bottom: 25px;
        }
        .con7 ul li img {
            display: block;
            margin: 0 auto;
            margin-bottom: 15px;
        }
        .con7 ul li p {
            font-size: 17px;
            color: #000;
        }
        .con7 ul li span {
            display: block;
            text-align: center;
            font-size: 15px;
            color: #808080;
            padding: 10px 0;
        }
        .con6 {
            width: 100%;
            margin: 30px auto;
            padding: 15px;
        }
        .con6 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .con6 ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }
        .con6 ul li {
            width: 48%;
            margin-bottom: 25px;
        }
        .con6 ul li img {
            width: 100%;
        }
        .con5 {
            width: 100%;
            padding: 15px;
            margin: 30px auto;
            background-color: #e7ecf7;
            padding: 5px 20px;
        }
        .con5 ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        .con5 ul li {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            padding: 10px 20px;
        }
        .con5 ul li img {
            display: block;
            margin: 0 auto;
        }
        .con5 ul li span {
            display: block;
            margin-left: 10px;
            width: 100%;
            text-align: center;
        }
        .con4 {
            width: 100%;
            padding: 15px;
            margin: 30px auto;
        }
        .con4 strong {
            width: 100%;
            display: block;
            text-align: center;
            color: #000;
            font-size: 25px;
            margin-bottom: 25px;
        }
        .swiperin img {
            width: 100%;
        }
        .swiperin .swiper-slide:hover .quick {
            display: block;
        }
        .slideitem {
            transition: all ease 0.4s;
            padding: 15px;
        }
        .swiperin .swiper-slide:hover {
            box-shadow: 0 0 25px #00000026;
        }
        .swiperin .bannerbtn {
            background-color: #ededed;
        }
        .con3 {
            width: 100%;
            margin: 30px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 15px;
        }
        .con3item {
            position: relative;
            width: 100%;
            margin-bottom: 25px;
        }
        .con3item img {
            width: 100%;
        }
        .con3pos {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .con3pos span {
            display: inline-block;
            padding: 4px 15px;
            background-color: #fff;
            font-size: 25px;
            color: #000;
        }
        .con3pos a {
            color: white;
            display: inline-block;
            padding: 10px 0;
            border-bottom: 1px solid #fff;
            font-size: 15px;
            font-weight: bold;
        }
        .con2tab {
            padding: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .con2tab span {
            font-size: 27px;
            display: block;
            margin-right: 20px;
            color: #999;
            cursor: pointer;
        }
        .sel {
            color: #333232 !important;
            border-bottom: 2px solid #333232;
        }
        .con2fy {
            width: 100%;
            margin: 0 auto;
            display: none;
            padding: 15px;
        }
        .con2fy ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con2fy ul li {
            width: 48%;
            position: relative;
            padding: 15px;
            background-color: #fff;
            transition: all ease 0.4s;
            margin-bottom: 25px;
        }
        .himig {
            transition: all ease 0.4s;
        }
        .con2fy ul li:hover {
            box-shadow: 0 0 25px #00000026;
        }
        .imga {
            display: block;
            overflow: hidden;
        }
        .con2fy ul li:hover .himig {
            transform: scale(1.1);
        }
        .con2fy ul li img {
            width: 100%;
        }
        .fdiv {
            padding-top: 20px;
        }
        .fdiv p {
            font-size: 15px;
            color: #393a3b;
        }
        .fdiv span {
            font-weight: bold;
            font-size: 15px;
            color: #333232;
        }
        .quick {
            position: absolute;
            bottom: 100px;
            left: 20px;
            z-index: 9;
            width: 40px !important;
            cursor: pointer;
        }
        .con1 {
            margin: 10px auto;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            align-items: center;
            justify-content: space-between;
        }
        .con1item {
            width: 100%;
            margin-bottom: 15px;
            height: 270px;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }
        .con1pos {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            padding: 65px 55px;
        }
        .con1pos h1 {
            color: white;
            font-size: 50px;
            margin-bottom: 20px;
        }
        .con1pos a {
            display: inline-block;
            background-color: #fff;
            color: black;
            font-size: 18px;
            padding: 4px 16px;
            transition: all ease 0.4s;
        }
        .con1pos a:hover {
            background: rgba(255, 255, 255, .6);
        }
        .bannerbtn {
            width: 48px !important;
            height: 48px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: rgba(255, 255, 255, .5);
            background-image: none !important;
        }
        .bannerbtn i {
            font-size: 20px !important;
            color: #000 !important;
            font-weight: bold;
        }
        .banner {
            width: 100%;
        }
        .banner img {
            width: 100%;
        }
        .mbsearchcontent {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 50px;
            padding: 0 20px;
        }
        .mbsearchcontent_input a i {
            color: #000;
        }
        .mbsearchcontent_input {
            height: 40px;
            width: 90%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 1px solid #cccccc;
            padding-right: 20px;
        }
        .mbsearchcontent_input input {
            width: 80%;
            border: 0;
            padding-left: 15px;
        }
        .mbsearchcon {
            width: 100%;
            height: 50px;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            background-color: #fff;
            display: none;
        }
        .change {
            left: 0 !important;
        }
        .ro {
            transform: rotate(180deg);
        }
        .thr_drop a {
            display: block;
            padding-left: 35px;
            height: 57px;
            line-height: 57px;
            color: #000;
            font-size: 16px;
            border-bottom: 1px solid #e6e7e8;
        }
        .f_drop {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .down1 {
            font-weight: bold;
            font-size: 20px !important;
            transition: all ease 0.4s;
        }
        .down2 {
            font-weight: bold;
            font-size: 20px !important;
            transition: all ease 0.4s;
        }
        .s_drop_li {
            width: 100%;
            height: 57px;
            border-bottom: 1px solid #e6e7e8;
            padding-right: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .s_drop_li a {
            display: block;
            height: 57px;
            line-height: 57px;
            color: #000;
            font-size: 16px;
            padding-left: 20px;
        }
        .f_drop {
            width: 100%;
            height: 57px;
            border-bottom: 1px solid #e6e7e8;
            padding-right: 20px;
        }
        .s_drop {
            display: none;
        }
        .thr_drop {
            display: none;
        }
        .f_drop a {
            display: block;
            height: 57px;
            line-height: 57px;
            color: #000;
            font-size: 16px;
            font-weight: bold;
        }
        .close_btn {
            width: 100%;
            height: 43px;
            border-bottom: 1px solid #e7e7e7;
            display: flex;
            align-items: center;
        }
        .mbnav {
            width: 80%;
            height: 100%;
            background-color: #fff;
            position: fixed;
            top: 0;
            left: -80%;
            transition: all ease 0.4s;
            z-index: 101;
            padding: 0 10px;
            overflow: scroll;
        }
        .mbcover {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5);
            z-index: 100;
            display: none;
        }
        .toplogo {
            display: none;
        }
        .pcheader {
            display: none;
        }
        .pcsearch {
            display: none;
        }
        .mbhead {
            width: 100%;
            height: 50px;
            display: flex;
            align-items: center;
            padding: 0 20px;
            background-color: #fff;
            justify-content: space-between;
            z-index: 99;
            border-bottom: 1px solid #e7e7e7;
            position: sticky;
            top: 0px;
            left: 0;
        }
        .mblogo {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px 0;
          /*  margin-top: 50px;*/
        }
        .mblogo a img {
            width: 180px;
        }
    }