/* Home

================================== */



.home-swiper {

    margin-bottom: 20px;

}



.home-swiper .swiper-slide a {

    display: block;

    /*height: 350px;*/

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.home-swiper .swiper-pagination .swiper-pagination-bullet {

    width: 25px;

    height: 10px;

    background-color: #fff;

    border-radius: 0;

    opacity: 1;

}



.home-swiper .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #de0029;

}



.home-swiper .swiper-button-prev {

    width: 45px;

    height: 100px;

    background: url(../images/sprite.png) no-repeat 0 0;

    cursor: pointer;

    margin-top: -50px;

    opacity: 0.2;

    left: 0;

}



.home-swiper .swiper-button-next {

    width: 45px;

    height: 100px;

    background: url(../images/sprite.png) no-repeat right 0;

    cursor: pointer;

    margin-top: -50px;

    opacity: 0.2;

    right: 0;

}



.home-content {

    overflow: auto;

}



.home-content .part {

    width: 48%;

    max-width: 525px;

    height: 180px;

    float: left;

    margin-bottom: 40px;

}



.home-content .part.part-right {

    float: right;

}

.rslides_tabs{ display:none;}

.home-content .part .part-content .content-left {

    width: 62%;

    height: 100%;

    max-width: 320px;

    float: left;

}



.home-content .part .part-content .content-left ul li a {

    display: block;

}



.home-content .part .part-content .content-right {

    float: right;

    width: 36%;

    max-width: 180px;

    height: 100%;

}



.home-content .part .part-content .content-right .text {

    font-size: 14px;

    color: #403632;

    font-weight: normal;

    overflow: hidden;

}



.home-content .part .part-content .content-right a {

    display: block;

}



.home-content .part .part-content .title {

    color: #de0027;

    font-size: 14px;

    padding-bottom: 10px;

    border-bottom: 4px solid #de0027;

    font-weight: bold;

    margin-bottom: 10px;

}



.home-content .part .part-content .title span {

    font-size:18px;

    font-weight:normal;

}



.home-content .part .part-news-title {

    height: 45px;

    border-bottom: 4px solid #de0027;

    padding-left: 60px;

    background:url(../images/news-ico.png) -1px 0 no-repeat;

    color:#de0027;

    padding-bottom:10px;

    font-size:14px;

    font-weight:bold;

    position:relative;

}



.home-content .part .part-news-title a {

    display:block;

    width:60px;

    height:30px;

    line-height: 30px;

    color:#de0027;

    font-weight:normal;

    position:absolute;

    right:0;

    top: 50%;

    margin-top: -15px;

    text-align: right;

}



.home-content .part .part-news-title span {

    font-size:18px;

    font-weight:normal;

}



.home-content .part .part-news-list {

    width: 100%;

    padding: 10px;

    box-sizing: border-box;

}



.home-content .part .part-news-list li {

    width: 100%;

    font-size: 14px;

    line-height: 25px;

    overflow: auto;

}



.home-content .part .part-news-list li a {

    display:block;

    height:25px;

    color:#333;

    float:left;

    width: 70%;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.home-content .part .part-news-list li a:hover {

    color:#de0027;

}



.home-content .part .part-news-list li b {

    width: 30%;

    text-align: right;

    display: block;

    height: 25px;

    overflow: hidden;

    font-weight: normal;

    color: #333;

    float: left;

}





.partner {

    width: auto;

    overflow: hidden;

    padding-bottom: 60px;

}



.partner h1.title {

    width: 100%;

    height: 45px;

    display: block;

    font-weight: normal;

    font-size: 18px;

    background-color: #de0027;

    line-height: 45px;

    padding-left:30px;

    color: #fff;

    box-sizing: border-box;

}



.partner .partner-list {

    width: 100%;

    margin-top: 25px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.partner .partner-list li {

}



.partner .partner-list li a {

    display: block;

    width: 100%;

    height: 100%;

}



/* Product

================================== */



.left-part .product-list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

}



.left-part .product-list li {

    width: 100%;

    max-width: 152px;

    margin-bottom:20px;

}



.left-part .product-list li span {

    display: block;

    width: 100%;

    height: 35px;

    line-height: 35px;

    overflow: hidden;

    background: #fff;

    color: #df0128;

    text-align: center;

}



.left-part .product-list li a {

    display:block;

    overflow:hidden;

}



.left-part .product-list li a img {

    width: 100%;

    overflow:hidden;

    background:#fff;

    margin: 0;

    padding: 0;

    display:block;

}



.left-part .pro-img {

    text-align: center;

}



.left-part .text-list {

    width: 100%;

    box-sizing: border-box;

    margin: 0 0 30px;

    padding: 0 25px;

}



.left-part .text-list ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.left-part .text-list ul li {

    width: 100%;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.left-part .text-list ul li a {

    color:#fff;

    font-size:14px;

}



.left-part .text-list ul li a:hover {

    text-decoration:underline;

    color:#fff100 ;

}



.left-part .text-list .pro-tit {

    text-align: center;

    font-size: 16px;

    line-height: 30px;

}



.right-part .pro-list-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}



.right-part .pro-list-container .pro-list {

    width: 45%;

    max-width: 335px;

    margin-right: 8%;

    margin-bottom: 15px;

}



.right-part .pro-list-container .pro-list span {

    display:block;

    width: 100%;

    font-size: 14px;

    line-height: 28px;

    color: #333;

    padding-left: 20px;

    box-sizing: border-box;

    background:url(../images/active-ico.png) no-repeat;



}



.right-part .pro-list-container .pro-list:nth-child(even) {

    margin-right: 0;

}



.right-part .pro-list-container .pro-list ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.right-part .pro-list-container .pro-list ul li {

    width: 48%;

    height: 24px;

    line-height: 24px;

}



.right-part .pro-list-container .pro-list ul li a {

    color: #333;

    font-size: 14px;

    width: 100%;

    height: 24px;

    display: block;

    padding-left: 30px;

    background: url('../images/unactive-ico.png') 0 0 no-repeat;

    box-sizing: border-box;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.right-part .pro-list-container .pro-list h5 {

    font-weight: normal;

    background-color: #de0027;

    display: block;

    width: 100%;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: #fff;

    font-size: 22px;

}



.right-part .product-all {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.right-part .product-all li {

    width: 30%;

    max-width: 200px;

    margin-bottom: 20px;

    padding: 0;

    overflow: hidden;

}



.right-part .product-item-box .product-item {

    width: 50%;

    box-sizing: border-box;

    padding-right: 10px;

}



.right-part .product-item {

    text-align: center;

    max-width: 200px;

    float: left;

}



.right-part .product-item img {

    width: 100%;

    padding:0;

    margin:0;

    overflow:hidden;

}



.right-part .product-item .image-box {

    position: relative;

    line-height: 0;

}



.right-part .product-item .image-box .indoor {

    /*position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    height: 100%;*/

    display: none;

}



.right-part .product-item .button-box {

    width: 100%;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    display: flex;

}



.right-part .product-item .button-box > div.product-type a {

    color: #fff;

}



.right-part .product-item .button-box > div.product-type-btn {

    display: block;

    width: 50%;

    text-align: center;

    background-color: #efefef;

}



.right-part .product-item .button-box > div.product-type-btn.active {

    background-color: #de0027;

    color: #fff;

}



.right-part .product-item a {

    display: block;

}



.right-part .product-item a span {

    color: #de0027;

}



.right-part .product-item b {

    color:#333;

    font-weight:normal;

}



.news-list {

    width: 100%;

    border-top:1px solid #de0027;

    border-bottom:1px solid #de0027;

    padding:20px 0;

}



.news-list li {

    width: 100%;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px dotted #fff;

}



.news-list li a {

    width: 66%;

    height: 40px;

    float: left;

    display: block;

    color: #333;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



.news-list li a:hover {

    color:#de0027;

}



.news-list li b {

    width: 34%;

    height: 40px;

    font-weight: normal;

    float: right;

    text-align: right;

}



.message-table {

    font-size:14px;

}



.message-table .tr {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    margin-bottom: 20px;

    line-height: 26px;

}



.message-table .tr .td {

    width: 80%;

}



.message-table .tr .td:nth-child(1) {

    width: 94px;

}



.message-table .tr .td input {

    width: 94%;

    max-width: 200px;

    height: 26px;

    line-height: 26px;

    font-size: 14px;

    box-sizing: border-box;

    padding: 0 10px;

    border: none;

}



.message-table .tr .td textarea {

    width: 94%;

    max-width: 300px;

    height: 100px;

    border: none;

    box-sizing: border-box;

    padding: 10px;

}



.message-table .tr .td b {

    color: #de0027;

    padding-left: 5px;

}



.message-table .tr .td {

    padding: 0;

}



.message-table .button-box {

    display: flex;

    justify-content: flex-start;

}



.message-table .button-box .btn .submit,

.message-table .button-box .btn .reset {

    width:90px;

    height:30px;

    line-height: 30px;

    cursor:pointer;

    border:1px solid #a3a3a3;

    padding:0;

    font-size:14px;

    background:#fff;

}



.message-table .button-box .btn .submit:hover,

.message-table .button-box .btn .reset:hover {

    background:#de0027;

    color:#fff;

    border:1px solid #de0027;

}



.message-table .button-box .btn .reset {

    margin-left:20px;

}



@media (max-width: 1100px) {

    .home-content,

    .partner

    {

        margin: 0 10px;

    }



    .partner .partner-list {

        justify-content: center;

    }

}



@media (max-width: 980px) {



    .home-content .part {

        margin-bottom: 20px;

    }



    .home-content .part .text {

        font-size: 12px;

    }

}



@media (max-width: 768px) {



    .home-swiper .swiper-slide a {

        /*height: 146px;*/

    }



    .home-swiper .swiper-button-prev {

        -webkit-transform-origin: left center;

        -webkit-transform: scale(0.6);

    }



    .home-swiper .swiper-button-next {

        -webkit-transform-origin: right center;

        -webkit-transform: scale(0.6);

    }



    .home-swiper .swiper-pagination {

        -webkit-transform: scale(0.6);

    }



    .home-content .part {

        width: 100%;

        max-width: 100%;

        height: auto;

    }



    .home-content .part .part-content {

        width: auto;

    }



    .home-content .part .part-content .title {

        box-sizing: border-box;

        padding: 10px 0;

        margin-bottom: 0;

    }



    .home-content .part .part-content .content-left {

        width: 100%;

        min-width: 100%;

        height: auto;

        float: none;

    }



    .home-content .part.part-1 .f426x240 {

        max-width: 100%!important;

        height: auto;

        line-height: 0;

    }



    .home-content .part .part-content .content-right {

        float: none;

        width: auto;

        max-width: 100%;

        box-sizing: border-box;

    }



    .home-content .part .text {

        padding: 10px 0;

    }







    .news-list {

        font-size: 14px;

    }



    .left-part .product-list {

        display: none;

    }



    .left-part .text-list ul li {

        width: 40%;

    }



    .message-table .tr {

        justify-content: space-around;

    }



    .message-table .tr .td {

        width: 80%;

    }



    .message-table .tr .td:nth-child(1) {

        width: 20%;

        text-align: right;

    }



    .message-table .tr .td input {

        max-width: 100%

    }



    .message-table .tr .td textarea {

        max-width: 100%;

    }



    .message-table .button-box {

        width: 240px;

        margin: 0 auto;

        justify-content: space-around;

    }



    .message-table .button-box .btn .reset {

        margin-left: 0;

    }



}



@media (max-width: 480px) {



    .home-swiper .swiper-button-prev {

        -webkit-transform-origin: left center;

        -webkit-transform: scale(0.4);

    }



    .home-swiper .swiper-button-next {

        -webkit-transform-origin: right center;

        -webkit-transform: scale(0.4);

    }



    .home-swiper .swiper-pagination {

        -webkit-transform-origin: center bottom;

        -webkit-transform: scale(0.4);

    }



    .right-part .pro-list-container .pro-list {

        width: 100%;

        max-width: 100%;

        margin-right: 0;

    }



    .right-part .product-all li {

        width: 45%;

    }



    .message-table .tr {

        margin-bottom: 4px;

    }



    .message-table .tr .td {

        width: 100%;

        line-height: 30px;

    }



    .message-table .tr .td:nth-child(1) {

        width: 100%;

        text-align: left;

    }



}