@charset "utf-8";

/* CSS Document */
body {
    FONT-SIZE: 14px;
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑";
    color: #666666;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    overflow-x: hidden;
    box-sizing: border-box;

}

* {
    font-family: "微软雅黑";
}

a {
    text-decoration: none;
}

li {
    list-style: none
}

ul {
    padding-left: 0;
    margin: 0 0
}

a {
    color: #666
}

.center {
    width: 1200px;
    margin: 0 auto
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0 0;
    padding: 0 0;
    font-weight: 500
}

.ctrl span {
    float: left;
    cursor: pointer;
}

input,
textarea,
select {
    outline: none;
    font-family: "微软雅黑";
}

img {
    border: none;
    display: block;
}

.cursor_pointer {
    cursor: pointer;
}

button {
    cursor: pointer;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.clear {
    clear: both
}

.sr-bdimgshare .bdimgshare-content {
    display: none;
}

.sr-bdimgshare-black .bdimgshare-bg {
    display: none;
}

select::-ms-expand {
    display: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input::-webkit-input-placeholder {
    color: #cccccc;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #cccccc;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cccccc;
}

textarea::-webkit-input-placeholder {
    color: #cccccc;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #cccccc;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cccccc;
}



/* 顶部 */
.header_top {
    width: 100%;
    height: 48px;
    background: #242424;
}

.header_top .p {
    font-size: 14px;
    color: #cccccc;
    line-height: 48px;
    margin-left: 14px;
}

.header_top .float_r p {
    border-left: solid 1px #474747;
    border-right: solid 1px #000000;
    line-height: 48px;
    padding: 0 28px;
    font-size: 14px;
    color: #cccccc;
}

.header_top .float_r p:hover {
    color: #ffffff;
}

.header_top .float_r a:nth-child(1) p {
    border-left: none;
}

.header_top .float_r a:nth-child(3) p {
    border-right: none;
}

/* 搜索 */
.logo {
    height: 100px;
    background: #fff;
}

.logo .search {
    margin-top: 27px;
    margin-left: 70px;
}

.logo .search input {
    width: 358px;
    height: 44px;
    border: solid 1px #cccccc;
    font-size: 13px;
    color: #8c8c8c;
    line-height: 44px;
    text-indent: 14px;
    padding: 0;
    border-right: none;
}

.logo .search a {
    display: block;
    background: url("../img/search.png") top center no-repeat;
    width: 80px;
    height: 46px;
}

.nav {
    height: 70px;
    background: #cc0e17;
}

.nav ul li {
    width: 120px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 24px;
    background: url("../img/nav_background.jpg") top -70px center no-repeat;
    transition: all 0.32s ease-in-out;
}

.nav ul a:nth-child(1) li {
    margin-left: 0;
}

.nav ul li:hover {
    background: url("../img/nav_background.jpg") top 0px center no-repeat;
}

.nav ul .xuanzhong {
    background: url("../img/nav_background.jpg") top 0px center no-repeat;
}


.sort_index {
    display: flex;
    flex-wrap: wrap;
}


/* 轮播图 */
.banner .banner_img {
    width: 100%;
    height: 700px;
}

.banner .swiper-button-prev-b,
.banner .swiper-container-rtl .swiper-button-next-b {
    background: url("../img/left.png") top center no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 100px;
    margin-top: -30px;
}

.banner .swiper-button-next-b,
.banner .swiper-container-rtl .swiper-button-prev-b {
    background: url("../img/right.png") top center no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    right: 100px;
    margin-top: -30px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 40px;
}

.banner .swiper-pagination {
    height: 16px;
}

.banner .swiper-pagination-bullet {
    background: url("../img/dian1.png") top center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 7px !important;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background: url("../img/dian2.png") top center no-repeat;
}

.foot {
    background: #070203;
    height: 411px;
}

.foot .nav ul li {
    background: none;
    font-size: 16px;
    color: #ffcbce;
    transition: all 0.3s ease-in-out;
}

.foot .nav ul li:hover {
    color: #fff;
}

.foot .nav ul .xuanzhong {
    color: #fff;
}

.foot .border_bottom {
    height: 59px;
    border-bottom: solid 1px #5c5c5c;
}

.foot .border_bottom .center {
    position: relative;
}

.foot .border_bottom img {
    position: absolute;
    top: 50px;
    left: 0;
    background: #242424;
}

.foot .lianjie {
    width: 1200px;
    margin: auto;
    padding-left: 19px;
    margin-top: 28px;
}

.foot .lianjie a {
    display: block;
    padding: 0 20px;
    border-left: solid 1px #cccccc;
    height: 12px;
    color: #909090;
    line-height: 12px;
    transition: all ease-in-out .3s;
}

.foot .lianjie a:hover {
    color: #fff;
}

.foot .lianjie a:nth-child(1) {
    border-left: none;
    ;
}

.foot .foot_bottom {
    margin-top: 40px;
}

.foot .foot_bottom .foot_logo {
    height: 140px;
    border-right: solid 1px #5c5c5c;
}

.foot .foot_bottom .qr_code {
    width: 120px;
    margin-right: 56px;
}

.foot .foot_bottom .qr_code img {
    width: 100%;
}

.foot .foot_bottom .qr_code p {
    font-size: 14px;
    color: #b2b2b2;
    text-align: center;
    line-height: 44px;
}

.foot .foot_bottom .p {
    margin-left: 76px;
    padding-top: 26px;
}

.foot .foot_bottom .p p {
    font-size: 14px;
    color: #909090;
    line-height: 28px;
}

#fanhui {
    position: fixed;
    right: 50px;
    bottom: 200px;
    z-index: 100;
    cursor: pointer;
}

.index_html {}

.index_html .index_product {
    margin-bottom: 50px;
    background: #fff;
}

.index_html .title {
    margin-top: 60px;
}

.index_html .title h6 {
    font-size: 28px;
    color: #323232;
    font-weight: 500;
    margin-top: 0;
    margin: 0;
    line-height: 28px;
    margin-bottom: 8px;
}

.index_html .title p {
    font-size: 16px;
    line-height: 16px;
    color: #909090;
    text-transform: uppercase;
}

.index_html .title a {
    display: block;
    width: 160px;
    height: 40px;
    border: solid 1px #ebebeb;
    border-radius: 3px;
    margin-left: 4px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #909090;
    transition: all 0.3s ease-in-out;
    margin: 2px;
}

.index_html .title a:hover {
    background: #cc0e17;
    color: #fff;
}

.index_html .title .xuanzhong {
    background: #cc0e17;
    color: #fff;
}

.index_html .product {
    margin-top: 49px;
    position: relative;
}

.index_html .product .chanpin {
    width: 398px;
    /*   height: 378px; */
}

.index_html .product .chanpin:nth-child(2) {
    margin: 0 3px;
}

.index_html .product .chanpin .img {
    width: 398px;
    height: 298px;
    position: relative;
    border: 1px solid lightgray;


}

.index_html .product .chanpin .img .product_img {
    width: 398px;
    height: 298px;
}

.index_html .product .chanpin .img .beijing {
    width: 398px;
    height: 298px;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.index_html .product .chanpin:hover .img .beijing {
    background: rgba(0, 0, 0, 0.5);
}

.index_html .product .chanpin .img .beijing img {
    margin: auto;
    margin-top: -60px;
    transition: all 0.3s ease-in-out;
}

.index_html .product .chanpin:hover .img .beijing img {
    margin-top: 122px;
}

.index_html .product .chanpin .p {
    width: 400px;
    height: 80px;
    transition: all 0.3s ease-in-out;
}

.index_html .product .chanpin:hover .p {
    background: #cc0e17;
}

.index_html .product .chanpin .p .float_l {
    margin-left: 20px;
}

.index_html .product .chanpin .p .mingzi {
    font-size: 16px;
    color: #555555;
    width: 290px;
    transition: all 0.3s ease-in-out;
    margin-top: 17px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.index_html .product .chanpin:hover .p .mingzi {
    color: #fff;
}

.index_html .product .chanpin .p .zhonglei {
    font-size: 14px;
    color: #909090;
    width: 290px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.index_html .product .chanpin:hover .p .zhonglei {
    color: #fff;
}

.index_html .product .chanpin .p .float_r {
    width: 25px;
    height: 20px;
    background: url("../img/jiantou1_1.png") no-repeat;
    margin-right: 20px;
    margin-top: 30px;
}

.index_html .product .chanpin:hover .p .float_r {
    background: url("../img/jiantou1_2.png") no-repeat;
}

.index_html .product .product_more {
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    margin-top: 70px;
    transition: all 0.3s ease-in-out;
}

.index_html .product .product_more:hover {
    border: solid 1px #cc0e17;
    background: #cc0e17;
    color: #fff;
}

.index_html .product .product_more p {
    width: 138px;
    height: 42px;
    background: url("../img/more_1.png") top 16px right 32px no-repeat;
    transition: all 0.3s ease-in-out;
}

.index_html .product .product_more:hover p {
    width: 138px;
    height: 42px;
    background: url("../img/more_1.png") top 16px right 24px no-repeat;
    text-indent: -12px;
}

.index_html .product .swiper-pagination-p {
    width: 100%;
    margin-top: 25px;
}

.index_html .product .swiper-pagination-p span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #e1e1e1;
    opacity: 1;
}

.index_html .product .swiper-pagination-bullet-active {
    background: #cc0e17 !important;
}

.index_html .product .swiper-button-prev,
.index_html .product .swiper-container-rtl .swiper-button-next {
    background: url("../img/product_left1.png") no-repeat;
    width: 32px;
    height: 70px;
    top: 35%;
    left: -32px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.index_html .product:hover .swiper-button-prev,
.index_html .product:hover .swiper-container-rtl .swiper-button-next {
    left: 0px;
    background: url("../img/product_left2.png") no-repeat;
    opacity: 1;
}

.index_html .product .swiper-button-next,
.index_html .product .swiper-container-rtl .swiper-button-prev {
    background: url("../img/product_right1.png") no-repeat;
    width: 32px;
    height: 70px;
    top: 35%;
    right: -32px;
    transition: all 0.3s ease-in-out;
    opacity: 0;

}

.index_html .product:hover .swiper-button-next,
.index_html .product:hover .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    background: url("../img/product_right2.png") no-repeat;
    opacity: 1;
}

.index_html .index_about {
    height: auto;
    height: 580px;
    background: #cc0e17;
}

.index_html .index_about .bounceInLeft {
    width: 50%;
    background: url("../img/index_about_img.png") top center no-repeat;
    /* display: table-cell; */
    /* vertical-align: middle; */
    height: 580px;
    position: relative;
}

.index_html .index_about .bounceInLeft .beijing {
    height: 160px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
}

.index_html .index_about .bounceInLeft .beijing .each_piece {
    width: 33.33%;
    text-align: center;
    height: 80px;
    margin-top: 40px;
}

.index_html .index_about .bounceInLeft .beijing .each_piece div {
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    background: url("../img/cooperation2.png") top 24px right no-repeat;
    display: unset;
    padding-right: 16px;
}

.index_html .index_about .bounceInLeft .beijing .each_piece p {
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
    color: #fff;
}

.index_html .index_about .bounceInLeft .beijing .each_piece:nth-child(2) {
    border-left: solid 1px #373737;
    border-right: solid 1px #373737;
}

.index_html .index_about .bounceInLeft img {
    width: 100%;
}

.index_html .index_about .bounceInRight {
    width: 50%;
    /* margin: 0 0 20px 0; */
}

.index_html .index_about .bounceInRight .title {
    width: 80%;
    margin: auto;
    margin-top: 64px;
    margin-bottom: 40px;
}

.index_html .index_about .bounceInRight .title h6 {
    font-size: 28px;
    color: #fff;
    line-height: 28px;
    margin: 0;
    margin-bottom: 10px;
}

.index_html .index_about .bounceInRight .title p {
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin: 0;
}

.index_html .index_about .bounceInRight .text {
    width: 80%;
    margin: auto;
    font-size: 14px;
    color: #ffffff;
    text-align: justify;
    line-height: 40px;
}

.index_html .index_about .bounceInRight .text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.index_html .index_about .product_more {
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    margin-top: 70px;
    transition: all 0.3s ease-in-out;
    background: #cc0e17;
    position: relative;
}

.index_html .index_about .product_more:hover {
    color: #fff;
    border: solid 1px #9e0008;
    background: #9e0008;
    text-indent: -12px;
}

.index_html .index_about .product_more p {
    width: 138px;
    height: 42px;
    background: url("../img/more_1.png") top 16px right 32px no-repeat;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.index_html .index_about .product_more:hover p {
    width: 138px;
    height: 42px;
    opacity: 1;
    background: url("../img/more_1.png") top 16px right 24px no-repeat;
}

.index_html .index_about .product_more {
    margin-top: 46px;
    margin-left: 10%;
}

.index_html .index_case .product_more {
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    /* margin-top: 70px; */
    transition: all 0.3s ease-in-out;
}

.index_html .index_case .product_more:hover {
    border: solid 1px #cc0e17;
    background: #cc0e17;
    color: #fff;
}

.index_html .index_case .product_more p {
    width: 138px;
    height: 42px;
    line-height: 42px;
    background: url("../img/more_1.png") top 16px right 32px no-repeat;
    transition: all 0.3s ease-in-out;
}

.index_html .index_case .product_more:hover p {
    width: 138px;
    height: 42px;
    background: url("../img/more_1.png") top 16px right 24px no-repeat;
    text-indent: -12px;
    color: #fff;
}

.index_case .anli {
    width: 390px;
    margin-left: 15px;
}

.index_case .anli .img {
    width: 390px;
    height: 293px;
    overflow: hidden;
    border: 1px solid lightgray;
}

.index_case .anli .img img {
    width: 390px;
    height: 293px;
    transform: scale(1);
    transition: all ease-in-out 0.3s;
}

.index_case .anli:hover .img img {
    transform: scale(1.2);
}

.index_case .anli .p {
    height: 100px;
}

.index_case .anli .p .mingzi {
    font-size: 16px;
    color: #555555;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-left: 20px;
    margin-top: 18px;
    margin-bottom: 6px;
    transition: all 0.3s ease-in-out;
}

.index_case .anli:hover .p .mingzi {
    color: #cc0e17;
}

.index_case .anli .p .xiangqing {
    font-size: 14px;
    color: #909090;
    background: url("../img/more.png") top 4px right no-repeat;
    width: 76px;
    margin-left: 20px;
}

.index_case .case {
    width: 1215px;
    margin-left: -15px;
    margin-top: 50px;
}

.index_case .anli .p .float_r {
    width: 47px;
    border-left: solid 1px #e0e0e0;
    height: 20px;
    margin-top: 30px;
    background: url("../img/jiantou1.png")left 9px top 3px no-repeat;
    transition: all 0.3s ease-in-out;
}

.index_case .anli:hover .p .float_r {
    background: url("../img/jiantou2.png")left 19px top 3px no-repeat;
}

.index_case {
    padding-bottom: 47px;
}

.index_html .index_news .product_more {
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    /* margin-top: 70px; */
    transition: all 0.3s ease-in-out;
}

.index_html .index_news .product_more:hover {
    border: solid 1px #cc0e17;
    background: #cc0e17;
    color: #fff;
}

.index_html .index_news .product_more p {
    width: 138px;
    height: 42px;
    line-height: 42px;
    background: url("../img/more_1.png") top 16px right 32px no-repeat;
    transition: all 0.3s ease-in-out;
}

.index_html .index_news .product_more:hover p {
    width: 138px;
    height: 42px;
    background: url("../img/more_1.png") top 16px right 24px no-repeat;
    text-indent: -12px;
    color: #fff;
}

.index_html .index_news .chanpin {
    width: 390px;
    /* height: 358px; */
    border-bottom: solid 1px #ececec;
}

.index_html .index_news .chanpin:nth-child(2) {
    margin-left: 15px;
    margin-right: 15px;
}

.index_html .index_news .chanpin .img {
    width: 390px !important;
    /*  height: 240px !important; */
}

.index_html .index_news .chanpin .img img {
    width: 390px !important;
    /* height: 240px !important; */
}

.index_html .index_news .chanpin .text {
    height: 118px;
    position: relative;
}

.index_html .index_news .chanpin .text .clear {
    position: absolute;
    height: 1px;
    width: 50px;
    background: #555555;
    bottom: 0;
    left: 0;
    transition: all 0.6s ease-in-out;
}

.index_html .index_news .chanpin:hover .text .clear {
    width: 100%;
}

.index_html .index_news .chanpin .text .float_l {
    width: 67px;
    height: 75px;
    border-right: solid 1px #ececec;
    margin-top: 22px;
}

.index_html .index_news .chanpin .text .float_l p:nth-child(1) {
    font-size: 20px;
    color: #555555;
}

.index_html .index_news .chanpin .text .float_l p:nth-child(2) {
    font-size: 16px;
    color: #909090;
}

.index_html .index_news .chanpin .text .float_r {
    width: 304px;
    margin-right: 8px;
    margin-top: 20px;
}

.index_html .index_news .chanpin .text .float_r p:nth-child(1) {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    color: #333333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all 0.3s ease-in-out;
}

.index_html .index_news .chanpin .text .float_r p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #909090;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_html .index_news .chanpin:hover .text .float_r p:nth-child(1) {
    color: #cc0e17;
}

.index_html .index_news {
    height: 618px;
    padding-top: 1px;
}

.index_html .index_news .swiper-pagination-n {
    width: 100%;
    margin-top: 25px;
}

.index_html .index_news .swiper-pagination-n span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #e1e1e1;
    opacity: 1;
}

.index_html .index_news .swiper-pagination-bullet-active {
    background: #cc0e17 !important;
}

.message {
    height: 763px;
    background: url("../img/guanggao.png") top center no-repeat;
    padding-top: 1px;
}

.message .background {
    background: #fff;
    width: 1200px;
    height: 503px;
    margin-top: 190px;
}

.message .liuyan {
    width: 565px;
    margin-top: 50px;
    margin-left: 93px;
}

.message h6 {
    font-size: 24px;
    color: #323232;
    margin: 0;
    font-weight: 500;

}

.message .liuyan p {
    font-size: 14px;
    color: #909090;
    line-height: 32px;
    padding-top: 18px;
}

.message .liuyan input {
    width: 483px;
    height: 42px;
    border: solid 1px #e2e2e2;
    padding: 0 10px;
    font-size: 15px;
    color: #909090;
}

.message .liuyan textarea {
    width: 483px;
    height: 90px;
    border: solid 1px #e2e2e2;
    padding: 10px 10px;
    font-size: 15px;
    color: #909090;
}

.message .liuyan .chongzhi {
    display: block;
    width: 90px;
    height: 46px;
    background: #1f1f1f;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fffefe;
    margin-top: 22px;
}

.message .liuyan .tijiao {
    display: block;
    width: 90px;
    height: 46px;
    background: #cc0e17;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fffefe;
    margin-left: 4px;
    margin-top: 22px;
}

.message .linaxi {
    width: 450px;
    margin-top: 50px;
}

.message .linaxi .p {
    font-size: 18px;
    color: #323232;
    margin-top: 22px;
    margin-bottom: 16px;

}

.message .linaxi .text {
    font-size: 14px;
    color: #646464;
    line-height: 25px;
}

.message .linaxi .icon {
    height: 62px;
    margin-top: 38px;
}

.message .linaxi .icon .float_l p:nth-child(1) {
    font-size: 18px;
    color: #323232;
    padding: 2px 0 10px 0;
}

.message .linaxi .icon .float_l p:nth-child(2) {
    font-size: 14px;
    color: #646464;
}

.inside_pages_banner {
    background: url("../img/inside_pages_banner.png") top center no-repeat;
    height: 450px;
}

.position {
    height: 90px;
    background: #f5f5f5;
}

.position .float_l {
    font-size: 28px;
    color: #323232;
    line-height: 90px;
}

.position .float_r p {
    font-size: 16px;
    color: #646464;
}

.position .float_r p a {
    font-size: 16px;
    color: #646464;
}

.position .float_r img {
    margin-right: 10px;
    margin-top: 33px;
}

.contact_html {
    background: #fff;
    padding: 60px 0 80px 0;
}

.contact_html .gongsiming {
    font-size: 18px;
    color: #323232;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact_html .text {
    margin-bottom: 24px;
}

.contact_html .text p {
    font-size: 16px;
    color: #646464;
    line-height: 40px;
}

.message_html {
    padding: 80px 0 60px 0;
    background: #ffffff;
    display: block
}

.message_html .input {
    margin-bottom: 14px;
}

.message_html .input p {
    width: 112px;
    line-height: 46px;
    margin-left: 194px;
    font-size: 18px;
    color: #444444;
}

.message_html .input input {
    width: 608px;
    height: 46px;
    border: solid 1px #ababab;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 18px;
    color: #444444;
}

.message_html .input span {
    font-size: 16px;
    color: #ff0101;
    margin-left: 10px;
}

.message_html .input textarea {
    width: 608px;
    height: 160px;
    border: solid 1px #ababab;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
    color: #444444;
}

.message_html .tijiao {
    display: block;
    font-size: 18px;
    color: #ffffff;
    width: 157px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background: #1f1f1f;
    margin-left: 612px;
    margin-right: 10px;
    margin-top: 16px;
}

.message_html .chongzhi {
    display: block;
    font-size: 18px;
    color: #ffffff;
    width: 157px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background: #cc0e17;
    margin-top: 16px;
}

.feedback {
    width: calc(100% - 28px);
    padding-left: 28px;
    height: 60px;
    background: #cc0e17;
    margin-top: 60px;
    font-size: 16px;
    color: #fff;
    line-height: 56px;
    margin-bottom: 50px;
}

.message_feedback {
    /* height: 190px; */
    width: calc(100% - 60px);
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 0 30px;
}

.foot_connect {
    background: #fff;
    padding-top: 1px;
}

.message_character {
    width: 58px;
}

.message_feedback_p {
    width: 800px;
    margin-right: 20px;
    padding-top: 18px;
}

.message_feedback_p p {
    font-size: 16px;
    color: #323232;
    margin-top: 10px;
}

.message_feedback_p p span {
    font-size: 14px;
    color: #646464;
}

.message_feedback_tiem p {
    font-size: 16px;
    color: #323232;
    margin-top: 26px;
}

.message_feedback_tiem p span {
    font-size: 14px;
    color: #646464;
}

.border_b {
    border-bottom: solid 1px #cccccc;
    /* padding-bottom: 20px;
    margin-bottom: 20px; */
}

.feedback_content {
    padding-bottom: 40px;
}

/* 关于我们页面 */
.single_html {
    padding-top: 54px;
    padding-bottom: 64px;
}

.single_html p {
    font-size: 16px;
    color: #646464;
    line-height: 40px;
    text-align: justify;
    text-indent: 2rem;
    margin-bottom: 10px;
}

/* 菜品展示页面 */
.show_html {
    padding-top: 56px;
    padding-bottom: 78px;
}

.show_html .h3 {
    font-size: 24px;
    color: #323232;
    text-align: center;
    margin-bottom: 12px;
}

.show_html .h6 {
    font-size: 16px;
    color: #909090;
    text-align: center;
}

.show_html .h6 span {
    margin: 0 14px;
}

.show_html .img .left {
    display: block;
    width: 35px;
    height: 90px;
    background: url("../img/show_left1.png") no-repeat;
    transition: all 0.3s ease-in-out;
    margin-top: 180px;
    margin-left: 205px;
    margin-right: 60px;
}

.show_html .img .left:hover {
    background: url("../img/show_left2.png") no-repeat;
}

.show_html .img .right {
    display: block;
    width: 35px;
    height: 90px;
    background: url("../img/show_right1.png") no-repeat;
    transition: all 0.3s ease-in-out;
    margin-top: 180px;
    margin-left: 60px;
}

.show_html .img .right:hover {
    background: url("../img/show_right2.png") no-repeat;
}

.show_html .img {
    margin-top: 50px;
}

.show_html .img img {
    width: 600px;
    height: 450px;
}

.show_html .xianqing .title {
    height: 70px;
    background: #cc0e17;
    font-size: 16px;
    color: #fff;
    line-height: 70px;
    text-indent: 30px;
    margin-top: 78px;
}
.xianqing img{
    width: auto;
    display: block;
    margin: 0 auto;
}
.show_html .text p {
    font-size: 16px;
    color: #646464;
    line-height: 40px;

    margin-top: 28px;
}

.show_html .text p img {
    max-width: 100%;
    margin: 0 auto;
}

.switch_each_item {
    height: 80px;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    position: relative;
    margin-top: 46px;
}

.switch_each_item .fanhui_lb {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url("../img/show_icon2_1.png") no-repeat;
    left: 50%;
    top: 24px;
    margin-left: -17px;
    transition: all 0.3s ease-in-out;
    margin-right: 28px;
}

.switch_each_item .fanhui_lb:hover {
    background: url("../img/show_icon2_2.png") no-repeat;
}

.switch_each_item .xiehuan {
    display: block;
    background: url("../img/show_icon1_1.png") top 32px left 30px no-repeat;
    transition: all 0.3s ease-in-out;
    max-width: 340px;
    line-height: 80px;
    padding-left: 55px;
    font-size: 16px;
    color: #323232;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.switch_each_item .xiehuan span {
    font-size: 15px;
    color: #646464;
    margin-left: 6px;
}

.switch_each_item .xiehuan:hover {
    background: url("../img/show_icon1_2.png") top 32px left 30px no-repeat;
}

.switch_each_item .xiehuan:hover span {
    color: #cc0e17;
}

/* 列表详情页面 */
.list_show_html {}

.list_show_html .h6 {
    border-bottom: dashed 1px #909090;
    padding-bottom: 20px;
}

/* 新闻列表页面 */
.list_html .index_news {
    height: auto !important;
}

.list_html .index_news .chanpin:nth-child(2) {
    margin-right: 0;
}

.list_html .index_news .chanpin {
    margin-left: 15px;
    margin-bottom: 40px;
}

.index_html .product {
    width: 1215px;
    margin-left: -15px;
}

.fanye {
    padding-bottom: 80px;
}

.fanye ul {
    padding: 15px 24px;
    background: #f5f5f5;
    border-radius: 50px;
    display: flex;
}

.fanye ul li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 6px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #646464;
    transition: all 0.3s ease-in-out;
}

.fanye ul li:hover {
    color: #fff;
    background: #cc0e17;
}

.fanye ul .xuanzhong {
    color: #fff;
    background: #cc0e17;
}

.fanye .zuo {
    display: block;
    width: 60px;
    height: 60px;
    background: url("../img/list1_1.png") no-repeat;
    transition: all 0.3s ease-in-out;
}

.fanye .zuo:hover {
    background: url("../img/list1_2.png") no-repeat;
}

.fanye .you {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    background: url("../img/list2_1.png") no-repeat;
    transition: all 0.3s ease-in-out;
}

.fanye .you:hover {
    background: url("../img/list2_2.png") no-repeat;
}

.gallery_html {}

.gallery_html .product .chanpin:nth-child(2) {
    margin: 0 3px;
    margin-right: 0
}

.gallery_html .product .chanpin {
    margin-left: 3px;
    margin-bottom: 3px;
}

.gallery_html .product {
    margin-left: 0px;
}

.gallery_html .fanye {
    margin-top: 40px;
}

.gallery_html .index_product {
    height: auto;
}

.gallery_html .index_product ul {
    display: flex;
    margin-top: 60px;
    flex-wrap: wrap;
}

.gallery_html .index_product a {
    width: 24%;
}

.gallery_html .index_product ul li {
    width: 100%;
    height: 40px;
    border: solid 1px #ebebeb;
    font-size: 15px;
    color: #909090;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    margin-right: 4px;
}

.gallery_html .index_product ul li:hover {
    color: #fff;
    background: #cc0e17;
    border: solid 1px #cc0e17;
}

.gallery_html .index_product ul .xuanzhong {
    color: #fff;
    background: #cc0e17;
    border: solid 1px #cc0e17;
}

.index_html .index_cooperation {
    background: #f5f5f5;
}

.index_html .index_cooperation .left {
    padding: 40px 0;
}

.index_html .index_cooperation .float_l {
    width: 50%;
}

.index_html .index_cooperation .bounceInRight {
    background: url("../img/guanggao2.png") top center no-repeat;
    height: 680px;
}

.index_html .index_cooperation .block {
    height: 200px;
    transition: all 0.3s ease-in-out;
}

.index_html .index_cooperation .block:hover {
    background: #FFF;
}

.index_html .index_cooperation .block .width {
    width: 650px;
    margin: auto;
}

.index_html .index_cooperation .block img {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    margin-top: 30px;
}

.index_html .index_cooperation .block h6 {
    font-size: 20px;
    margin: 0;
    color: #212121;
    font-weight: 500;
    margin-left: 50px;
    margin-top: 55px;
    transition: all 0.3s ease-in-out;
}

.index_html .index_cooperation .block:hover h6 {
    color: #cc0e17;
}

.index_html .index_cooperation .block p {
    font-size: 14px;
    margin: 0;
    color: #5f5f5f;
    font-weight: 500;
    margin-left: 50px;
    margin-top: 8px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_html .index_cooperation .block .p {
    width: 430px;
}

.index_html .index_cooperation .block .img {
    width: 29px;
    height: 20px;
    background: url("../img/cooperation.png") top left -29px no-repeat;
    overflow: hidden;
    margin-top: 84px;
    margin-left: 50px;
    transition: all 0.3s ease-in-out;
}

.index_html .index_cooperation .block:hover .img {
    background: url("../img/cooperation.png") top left 0px no-repeat;
}

.phone_state {
    display: none;
}

.index_html .index_news .chanpin .text .float_r p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.single_html img {
    width: 100%;
}