@font-face {
    font-family: 'ziti1';
    src: url("../fonts/ALIBABA-PUHUITI-BOLD.TTF");
}

html {
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style: none;
    /*火狐下隐藏滚动条*/
    overflow: -moz-scrollbars-none;
}

/*Chrome下隐藏滚动条，溢出可以透明滚动*/
html::-webkit-scrollbar {
    width: 0px
}

.top {
    padding: 0 10%;
    position: fixed;
    width: 80%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(255, 255, 255, 0));
}

.top .logo {
    width: 25%;
}

.top .logo img {
    width: 100%;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    z-index: 999;
}

.nav li a {
    font-size: 18px;
    color: #fff;
    padding: 0 18px;
}

.nav_r {
    display: flex;
    align-items: center;
    justify-content: end;
}


.nav_r .ser {
    position: relative;
    cursor: pointer;
}

.nav_r .ser .iconfont {
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 99;
}

.nav_r .ser .ser_input {
    position: absolute;
    right: -60%;
    width: 150px;
    top: 0px;
    height: 26px;
    line-height: 26px;
    display: block;
    /* background: #fff; */
    border: 1px solid #D5151B;
    border-radius: 50px;
    z-index: 98;
    padding-left: 10px;
    display: none;
}

.nav_r .ser .ser_input input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 50px;
    font-size: 12px;
    padding-left: 10px;
    background: none;
}

.nav li {
    position: relative;
}

.nav li .sub_nav {
    background: rgba(255, 255, 255, 1);
    /* border-top: 3px solid #D5151B; */
    line-height: 35px;
    position: absolute;
    left: 0%;
    top: 49px;
    min-width: 90px;
    width: auto;
    display: none;
    z-index: 999;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.nav li .sub_nav a {
    font-size: 14px;
    color: #666;
    display: block;
    position: relative;
    padding: 0;
    padding-left: 18px;
    border-bottom: 1px dotted #ccc;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav li .sub_nav a::after {
    position: absolute;
    left: 7%;
    top: 45%;
    content: "";
    width: 3px;
    height: 3px;
    background: #D5151B;
}

.nav li .sub_nav a:last-child {
    border-bottom: none;
}

.nav li .sub_nav a:hover {
    color: #D5151B;
}

.top:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
}

.top:hover .nav_r .iconfont {
    color: #666;
}

.top:hover a {
    color: #333;
}

.top2 {
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.top2 .nav li a {
    color: #333;
}

.top2 .nav_r .iconfont {
    color: #666;
}

.nav li a img {
    width: 35%;
    position: absolute;
    right: -25%;
    top: 20%;
}

.nav li:nth-child(4) {
    margin-left: 3.5%;
}

.nav li.current .xs,
.nav li.j_current .xs,
.nav li .xs:hover {
    color: #D5151B;
    padding-bottom: 21px;
    border-bottom: 3px solid #D5151B;
    border-radius: 2px 2px 0 0;

}

/* .top3 {
     background: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .07);
 }

 .top3 .nav li a {
     color: #333;
 }

 .top3 .nav_r .iconfont {
     color: #D5151B;

 } */

.mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    display: none;
    height: 70px;
}

.mobile_nav {
    padding: 0px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.mobile_logo {
    width: 225px;
}

.mobile_logo img {
    width: 100%;
}

.mobile_logo a {
    line-height: 70px;
}

/**mobile-inner样式*/

.mobile-inner {
    z-index: 9999;
}

.mobile-icon {
    color: #fff;

    height: 40px;
    font-size: 25px;
    text-align: center;
    width: 40px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.mobile-icon:hover {
    cursor: pointer;
}

.mobile-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: #D5151B;
}

.mobile-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}

.mobile-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}

.mobile-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}

.mobile-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobile-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}

.mobile-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }

    100% {
        transform: translateY(-4px) rotate(0deg);
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }

    100% {
        transform: translateY(4px) rotate(0deg);
    }
}

.mobile-sub {
    position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    max-height: calc(100vh - 70px);
    overflow: hidden;
    padding-top: 10px;
}

.mobile-sub ul li {
    line-height: 55px;
    text-decoration: none;
    width: 90%;
    margin: 0 5%;
    text-indent: 5px;
    font-size: 18px;
    border-bottom: solid 1px #eee;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mobile-sub ul li .sub_bt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-sub ul li .iconfont {
    display: inline-block;
    color: #999;
    font-size: 16px;
    transition: all 0.5s;
}

.mobile-sub ul li.active .iconfont {
    transform: rotate(180deg);
}

.mobile-sub ul li img {
    width: 30px;
}

.mobile-sub a:hover {
    color: #D5151B;
}

.mobile-sub .sub_nav2 {
    display: none;
}

.mobile-sub li .hide {
    display: none;
}

.mobile-sub li .show {
    display: block;
}

.mobile-sub .yy {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    color: #999;
    font-size: 14px;
}

.mobile-sub .yy a {
    display: inline-block;
    border-radius: 50px;
    width: 20px;
    background: #fafafa;
    padding: 5px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-left: 5px;
}

.sub_nav2 {
    background: #fafafa;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0;
    text-indent: 0;
}

.sub_nav2 a {
    width: 32%;
    display: inline-block;
    text-align: center;
    position: relative;
}

.sub_nav2 a::after {
    position: absolute;
    left: 17%;
    top: 45%;
    content: "";
    width: 3px;
    height: 3px;
    background: #D5151B;
}

.banner {
    --swiper-navigation-color: rgba(255, 255, 255, 1);
    /* 设置左右箭头颜色 */
    --swiper-navigation-size: 40px;
    /* 设置左右箭头大小 */
    --swiper-theme-color: #fff;

}

.banner .swiper-pagination {
    bottom: 30px;
}

.banner img {
    display: block;
    width: 100%;
}

.banner .mob_img {
    display: none;
}

.title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
    /* color: #D5151B; */
}

.title p {
    font-size: 15px;
    color: #999;
    font-weight: normal;
    margin-top: 5px;
}

.pro {
    margin: 3% 10%;
}

.pro ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro ul li {
    padding: 10px;
    background: #f5f5f5;
    border-radius: 5px;
    margin: 0 5px;
    transition: all .5s;
}

.pro ul li .pro_img {
    overflow: hidden;
}

.pro ul li img {
    width: 100%;
    display: block;
    transition: all .5s;
}

.pro ul li p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    transition: all .5s;
    color: #D5151B;
}

.pro ul li:hover {
    background: #D5151B;
    cursor: pointer;
}

.pro ul li:hover p {
    color: #fff;
}

.pro ul li:hover img {
    transform: scale(1.2);
}

.hot_pro {
    padding: 3% 10%;
    background: url(../images/pro_bg.jpeg) no-repeat center fixed;
    background-size: cover;
}

.hot_pro ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.hot_pro ul li {

    background: #fff;
    transition: all .5s;
    width: 21%;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    cursor: pointer;

}

.hot_pro ul li .hot_pro_img {
    overflow: hidden;
    background: #fff;
    padding: 20px 60px;
}

.hot_pro ul li img {
    width: 100%;
    display: block;
    transition: all .5s;
}

.hot_pro ul li p {
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    transition: all .5s;    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.hot_pro ul li:hover {
    box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.hot_pro ul li:hover img {
    transform: scale(1.1);
}

.more {
    border: 1px solid #D5151B;
    text-align: center;
    width: 400px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 15px;
    transition: all .5s;
    cursor: pointer;
    margin-top: 30px;

}

.more a {
    color: #D5151B;display: block;
}

.more:hover {
    background: #D5151B;
}

.more:hover a {
    color: #fff;
}

.hang {
    margin: 3% 10%;
}

.hang dl {
    padding: 10px;
    padding-bottom: 0;
    background: #f5f5f5;
}

.hang dl dt {
    overflow: hidden;

}

.hang dl dt img {
    width: 100%;
    transition: all .5s;
}

.hang dl dt:hover img {
    transform: scale(1.1);
}

.hang dl dd {
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}

.hang .banner4 {
    --swiper-navigation-color: #D5151B;
    /* 设置左右箭头颜色 */
    --swiper-navigation-size: 40px;
}

.ad {
    height: 280px;
    background: url(../images/ad1.jpg) no-repeat center fixed;
    padding: 0 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.ad .ad_l {
    color: #fff;
    width: 45%;
}

.ad .ad_l dt {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
}

.ad .ad_l dt p {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 5px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
}

.ad .ad_l dd {
    font-size: 18px;
    font-family: "ziti1";
}

.ad .ad_l dd .iconfont {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;

}

.ad .ad_l dd span {
    font-size: 30px;
    font-family: "ziti1";
    margin-left: 5px;
}

.ad .ad_r {
    color: #fff;
    flex: 1;
    display: flex;
    align-self: center;
    justify-content: space-between;
}

.ad .ad_r li {
    width: 23%;
    padding: 20px 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 5px;
    font-size: 18px;
    transition: all .5s;
}

.ad .ad_r .iconfont {
    font-size: 42px;
    display: block;
    margin-bottom: 5px;
    transition: all .5s;
}

.ad .ad_r li:hover .iconfont {
    transform: rotateY(-180deg);
    cursor: pointer;
}

.xuan {
    margin: 3% 10%;
}

.xuan ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.xuan ul li {
    width: 46.5%;
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 1.5%;
    border-radius: 10px;
    position: relative;

}


.xuan ul li em {
    position: absolute;
    left: 10px;
    top: 0;
    background: #D5151B;
    color: #fff;
    font-family: "ziti1";
    font-style: italic;
    font-size: 22px;
    border-radius: 0 0 50px 50px;
    padding: 10px;
}

.xuan ul li:nth-child(2n) em {
    right: 10px;
    left: auto;
}

.xuan ul li .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xuan ul li .txt {
    padding-right: 40px;
    padding-left: 20px;
    flex: 1;
    font-size: 20px;
}

.xuan ul li:nth-child(2n) .txt {
    padding-right: 20px;
    padding-left: 40px;
}

.xuan ul li .txt h1 {
    font-size: 20px;
    margin-bottom: 10px;
}

.xuan ul li .txt p {

    font-size: 15px;
    line-height: 30px;
    color: #666;

}

.xuan ul li .img {
    width: 40%;
    overflow: hidden;
}

.xuan ul li .img img {
    width: 100%;
    border-radius: 0 10px 10px 0;
    transition: all .5s;
}

.xuan ul li:nth-child(2n) .img img {
    border-radius: 10px 0 0 10px;
}

.xuan ul li:hover .img img {
    transform: scale(1.1);
    cursor: pointer;
}

.about {
    padding: 3% 10%;
    background: url(../images/pro_bg2.jpg) no-repeat center fixed;
    background-size: cover;
}

.about dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about dl dt {
    width: 49%;
    margin-left: 3%;
}

.about dl dt h1 {
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.about dl dt h1 span {
    background: #D5151B;
    font-size: 18px;
    padding: 0 35px;
    height: 45px;
    color: #fff;
    line-height: 45px;
    margin-right: 15px;
    display: inline-block;
    transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    /* IE 9 */
    -moz-transform: skewX(-10deg);
    /* Firefox */
    -webkit-transform: skewX(-10deg);
    /* Safari 和 Chrome */
    -o-transform: skewX(-10deg);
    /* Opera */
}

.about dl dt h2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
}

.about dl dt h2 p {
    margin-bottom: 10px;
    text-indent: 2em;
    color: #666;
}

.about dl dd {
    flex: 1;
}

.about dl dd img {
    width: 100%;
}

.ad2 {
    /* background: #383438; */
    background: url(../images/ad2.jpg) no-repeat center;
    height: 200px;
    padding: 0 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ad2 dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ad2 dl dt {
    width: 26%;
}

.ad2 dl dt img {
    width: 100%;
    opacity: .5;
}

.ad2 dd {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    line-height: 40px;
}

.ad2 dd span {
    display: block;
}

.ad2 dd span .iconfont {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
}

.ad2 dd span em {
    font-size: 18px;
    font-family: "ziti1";
    font-weight: normal;
    color: #fff;
}

.footer {
    background: #f5f5f5;
    padding: 2% 10% 1% 10%;
    text-align: center;
}

.footer h1 {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 16px;
}

.footer h1 span {
    margin: 0 20px;
    font-size: 12px;
    color: #ccc;
    padding: 0 20px;
}

.footer p {
    color: #999;
    line-height: 25px;
}

/* 产品中心 */
.s_banner {
    position: relative;
    overflow: hidden;
}

.s_banner .s_banner_img {
    left: 0;
    top: 0;
    position: relative;
}

.s_banner .s_banner_img img {
    display: block;
    width: 100%;
    animation: zoom 2.5s ease-in-out 1 alternate;
}

.s_banner .s_banner_img .mob_img {
    display: none;

}

@keyframes zoom {
    from {
        transform: scale(1.18);
        opacity: 0.4;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.s_banner .s_txt {
    font-size: 46px;
    color: #fff;
    letter-spacing: 2.5px;
    z-index: 999;
    position: absolute;
    left: 10%;
    top: 40%;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .25);
}

.dz {
    font-size: 14px;
    color: #fff;
    display: flex;
    position: absolute;
    left: 10%;
    bottom: 3%;
    align-items: center;
    width: 100%;
}

.dz a {
    color: #fff;

}

.dz em {
    margin-left: 10px;
}

.dz .icon-home {
    font-size: 18px;
    color: #fff;
}

.dz .icon-jt {
    font-size: 12px;
    color: #fff;
    margin: 0 5px;
}

.pro2 ul {
    flex-wrap: wrap;
}

.pro2 ul li {
    width: 31%;
    margin: 0;
    margin-bottom: 20px;
}

.pro2 ul li p {
    line-height: 40px;
}

.pro_list {
    margin: 3% 10%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pro_l {
    width: 21%;
    background: #f5f5f5 url(../images/dq.png) no-repeat left center;
    background-size: contain;
    margin-right: 2%;
}

.pro_l h1 {
    height: 80px;
    background: url(../images/bt.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
}

.pro_l ul {

    padding: 20px 30px 40px 30px;
}

.pro_l ul li {
    border-bottom: 1px solid #eee;
    line-height: 60px;
    font-size: 18px;
    position: relative;
    padding-left: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro_l ul li::before {
    position: absolute;
    left: 10px;
    top: 30px;
    width: 5px;
    height: 5px;
    background: #D5151B;
    content: "";
}

.pro_l ul li .icon-jt {
    color: #999;
    font-size: 14px;
}

.pro_l ul li:hover .icon-jt {
    color: #D5151B;
}

.pro_r {
    flex: 1;
}

.pro_r .pro_r_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pro_r .pro_r_list li {
    background: #f5f5f5;
    transition: all .5s;
    width: 20%;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.pro_r .pro_r_list li .hot_pro_img {
    overflow: hidden;
    background: #fff;
    padding: 20px 60px;
}

.pro_r .pro_r_list li img {
    width: 100%;
    display: block;
    transition: all .5s;
}

.pro_r .pro_r_list li p {
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    transition: all .5s;    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}


.pro_r .pro_r_list li:hover {
    box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.pro_r .pro_r_list li:hover img {
    transform: scale(1.1);
}

.pro_r .pro_r_list:after {
    display: block;
    content: "";
    width: 20%;
    padding: 20px;
    height: 0px;
}

.page {
    margin: 50px 0;
}

.page ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page ul li a {
    font-size: 14px;
    margin: 0 5px;
    border: 1px solid #eee;
    padding: 5px 15px;
    line-height: 28px;
    display: block;
    border-radius: 50px;
    text-align: center;
    color: #666;
}

.page ul li.current a,
.page ul li a:hover {
    background: #D5151B;
    color: #fff;
}

/* 关于我们 */
.about2 {
    margin: 3% 10%;
}

.about2 dl dt img {
  width: 80%;
    border-radius: 20px;
    margin: 0 auto;
    display: block;
}

.about2 dl dd p {
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 20px;
    text-indent: 2em;
}

.about2 dl dd p span {
    color: #D5151B;
    font-size: 22px;
}

/* 联系我们 */
.contact_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3% 10%;
}

.map {
    width: 55%;
    height: 450px;
    overflow: hidden;
    border-radius: 5px;
}

.map img {
    width: 100%;
    border-radius: 5px;
}

.contact_list_r {
    width: 40%;

}

.contact_list_r h1 {
    font-size: 32px;
    color: #D5151B;
    margin-bottom: 30px;
    font-weight: 400;
}

.contact_list_r ul {
    line-height: 45px;
    font-size: 16px;

}


.contact_list_r ul li .iconfont {
    color: #D5151B;
    font-size: 18px;
    margin-right: 10px;
}

.message {
    background: url(../images/bg14.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 10%;
}

.message .li1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.message .li1 input {

    border-radius: 5px;
    background: rgba(255, 255, 255, .58);
    width: 32%;
    margin: 0;
    padding: 0;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    outline: none;
    border: 1px solid rgba(255, 255, 255, .58);
    transition: all 0.5s;
}

.message .li2 textarea {
    background: rgba(255, 255, 255, .58);
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 5px;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    line-height: 30px;
    text-indent: 20px;
    resize: none;
    margin-bottom: 20px;
    transition: all 0.5s;
    outline: none;
}

.message .li3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
}

.message .li3 input {

    width: 18px;
    height: 18px;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    outline: none;
    margin-right: 10px;
}

.message .li3 a {
    color: #D5151B;
}


.message .li4 input[type=submit] {

    width: 200px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    color: #fff;
    background: #D5151B;

}

.message li input[type=text]:hover,
.message li textarea:hover {
    border: 1px solid #D5151B;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);

}

/* 行业应用 */
.hang2 {
    margin: 3% 10%;
}

.hang2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



.hang2 ul li {
    flex: 0 0 24%;
    margin-bottom: 20px;
}

.hang2 ul li dl {
    padding: 10px;
    padding-bottom: 0;
    background: #f5f5f5;
}

.hang2 ul li dl dt {
    overflow: hidden;

}

.hang2 ul li dl dt img {
    width: 100%;
    transition: all .5s;
}

.hang2 ul li dl dt:hover img {
    transform: scale(1.1);
}

.hang2 ul li dl dd {
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}

.hang2 ul:after {
    display: block;
    content: "";
    width: 24%;
    height: 0px;
}

/* 新闻资讯 */

.news_list {
    margin: 3% 10%;
}

.news_list dl {
    padding: 20px;
    border: 20px solid #f5f5f5;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    /* box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.05); */
}

.news_list dl dt {
    width: 25%;
    margin-right: 3%;
    border-radius: 5px;
    overflow: hidden;
}

.news_list dl dt img {
    width: 100%;
    border-radius: 5px;
    transition: all 0.5s;
}

.news_list dl:hover dt img {
    transform: scale(1.1);
}

.news_list dl dd {
    flex: 1;
}

.news_list dl dd h1 {

    font-size: 20px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;

}

.news_list dl dd h2 {

    font-size: 15px;
    font-weight: normal;

    line-height: 30px;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 20px 0;
}

.news_list dl dd h2 a {
    color: #666;
}

.news_list dl dd h2 a:hover {
    color: #D5151B;
}

.news_list dl dd h3 {

    font-size: 14px;
    font-weight: normal;
    color: #999;

}

.news_list dl dd h3 .iconfont {
    margin-right: 5px;
}

/* 产品详情 */
.pro_detail {
    margin: 3% 10%;
}

.pro_detail .bt {
    font-size: 32px;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px dashed #eee;
}

.pro_detail .bt p {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.pro_detail .bt p span {
    margin: 0 20px;
}

.pro_detail .content {
    line-height: 30px;
    font-size: 16px;
}