﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
   * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: "微软雅黑";
        }
        .clearf::before,
        .clearf::after {
            content: "";
            clear: both;
        }
        .clearf::after {
            display: table;
        }
        .clearf {
            zoom: 1;
        }
        ul {
            list-style: none;
        }
        a {
            color: inherit;
            text-decoration: none;
        }
        img {
            max-width: 100%;
        }
        button,
        input {
            outline: none;
        }
        .in-container {
            max-width: 1280px;
            margin: 0 auto;
            position: relative;
        }
        .in-main {
            min-height: 100vh;
        }
        .in-main .in-container {
            padding: 80px 0px;
        }
        .in-main .in-products .in-container {
            display: flex;
            justify-content: space-between;
        }
        .in-main .in-products .in-container .pro-items {
            width: 24%;
            height: 100%;
            min-height: 20px;
            padding-bottom: 86px;
            position: relative;
        }
        .in-main .in-products .in-container .pro-items:hover img {
            transform: scale(1.1);
        }
        .in-main .in-products .in-container .pro-items .items-boxtop {
            width: 100%;
            overflow: hidden;
        }
        .in-main .in-products .in-container .pro-items .items-boxtop img {
            width: 100%;
            transition: 0.3s;
        }
        .in-main .in-products .in-container .pro-items .items-boxbtm {
            width:100%;
            color: #fff;
            padding: 25px;
            background-color:#940000;
 
        }
        .in-main .in-products .in-container .pro-items .items-boxbtm p.titles {
            background-image: url(//filecdn.ify.cn/skin/dcdyzymb10000/aaa/img/eays.png);
            background-position: right center;
            background-repeat: no-repeat;
        }

     
        .in-main .in-about {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        .in-main .in-about .about-l {
            float: left;
            width: 50%;
            min-height: 20px;
            color: #fff;
        }
        .in-main .in-about .about-l .about-title {
            color: #c21b2f;;
            font-size: 28px;
        }
        .in-main .in-about .about-l .about-ntitle {
            font-size: 20px;
        }
        .in-main .in-about .about-l .about-msgs {
            padding-top: 30px;
        }
        .in-main .in-about .about-l .about-msgs p {
            line-height: 22px;
            padding-top: 10px;
        }
        .in-main .in-about .about-r {
            float: right;
            width: 40%;
            min-height: 20px;
            color: #fff;
            display: flex;
            flex-wrap: wrap;
        }
        .in-main .in-about .about-r .aboutr-item {
            width: 50%;
            padding-top: 20px;
        }
        .in-main .in-about .about-r .aboutr-item .item-info {
            padding: 15px;
            padding-left: 30px;
            position: relative;
        }
        .in-main .in-about .about-r .aboutr-item .item-info::after {
            position: absolute;
            width: 2px;
            height: 80%;
            content: "";
            background-color: #fff;
            left: 0;
            top: 10%;
        }
        .in-main .in-about .about-r .aboutr-item .item-info h1 span[class^='info-'] {
            font-size: 50px;
        }
        .in-main .in-about .about-r .aboutr-item .item-info h1 span[class='company'] {
            font-size: 12px;
            font-weight: normal;
            position: relative;
        }
        .in-main .in-about .about-r .aboutr-item .item-info h1 span[class='company']::after {
            position: absolute;
            content: "+";
            top: -200%;
            left: 0;
        }
        .in-main .in-about .about-r .aboutr-item .item-info p {
            font-size: 12px;
            padding-top: 5px;
        }
        .in-main .in-titles .in-title {
            color: #c21b2f;;
            font-size: 28px;
        }
        .in-main .in-titles .in-ntitle {
            color: #4d4d4d;
            font-size: 20px;
        }
        .in-main .in-service .service-infos {
            display: flex;
            justify-content: space-between;
            padding-top: 40px;
            position: relative;
        }
        .in-main .in-service .service-infos img {
            display: block;
            width: 100%;
            height: 100%;
        }
        .in-main .in-service .service-infos .service-msg {
            position: absolute;
            padding-top: 40px;
            padding-left: 30px;
            color: #fff;
            z-index: 10;
        }
        .in-main .in-service .service-infos .service-msg p {
            font-size: 20px;
        }
        .in-main .in-service .service-infos .service-msg .mores {
            display: inline-block;
            font-size: 12px;
            padding: 8px 25px;
            margin-top: 20px;
            border: 1px solid #fff;
            transition: 0.1s;
        }
        .in-main .in-service .service-infos .service-msg .mores:hover {
            color: #aaa;
            background-color: #fff;
        }
        .in-main .in-service .service-l {
            width: 46%;
            min-height: 20px;
        }
        .in-main .in-service .service-r {
            width: 54.2%;
            min-height: 20px;
            padding-left: 0.8%;
            display: flex;
            justify-content: space-between;
            align-content: space-between;
            flex-wrap: wrap;
        }
        .in-main .in-service .service-r .servicer-items {
            width: 49.2%;
            height: 49%;
            overflow: hidden;
        }
        .in-main .in-service .service-r .servicer-items > img {
            transition: 0.3s;
        }
        .in-main .in-service .service-r .servicer-items:hover > img {
            transform: scale(1.1);
        }
        .in-main .in-news {
            background-color: #f2f2f2;
        }
        .in-main .in-news .in-container .news-infos {
            display: flex;
            justify-content: space-between;
            padding-top: 40px;
        }
        .in-main .in-news .in-container .news-l {
            width: 50%;
            min-height: 20px;
            position: relative;
        }
        .in-main .in-news .in-container .news-l:hover .news-text {
            color: #c21b2f;;
        }
        .in-main .in-news .in-container .news-l .news-text {
            position: absolute;
            width: 100%;
            height: 60px;
            line-height: 60px;
            bottom: 0;
            left: 0;
            color: #fff;
            padding-left: 40px;
            background-color: rgba(0, 0, 0, 0.5);
        }
        .in-main .in-news .in-container .news-r {
            width: 50%;
            min-height: 20px;
            padding-left: 30px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-content: space-between;
        }
        .in-main .in-news .in-container .news-r .newsr-items {
            width: 100%;
        }
        .in-main .in-news .in-container .news-r .newsr-items:hover .img-bg {
            transform: scale(1.1);
        }
        .in-main .in-news .in-container .news-r .newsr-items:hover .items-info {
            transform: translateX(-10px);
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-img {
            float: left;
            width: 30%;
            overflow: hidden;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-img .img-bg {
            width: 100%;
            padding-bottom: 62%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            transition: 0.3s;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info {
            float: left;
            width: 70%;
            padding-top: 16px;
            padding-left: 15px;
            transition: 0.3s;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time {
            float: left;
            width: 20%;
            padding-top: 14px;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time h1 {
            color: #333;
            font-size: 24px;
            text-align: right;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time p {
            color: #666;
            font-size: 16px;
            text-align: right;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-lines {
            float: left;
            width: 1px;
            height: 80px;
            background-color: #aaa;
            margin: 0px 15px;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg {
            float: left;
            width: 70%;
            padding-top: 8px;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg h1 {
            color: #4d4d4d;
            font-size: 16px;
        }
        .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg p {
            color: #919191;
            font-size: 14px;
            padding-top: 10px;
            line-height: 20px;
        }
        .nehs-container {
            padding: 50px 20px;
            margin: 50px auto;
            background-color: #fff;
        }
        .nehs-container .nehs-l {
            float: left;
            width: 25%;
            padding-right: 50px;
        }
        .nehs-container .nehs-l .nehs-tnavs .tnavs-link {
            display: block;
            color: #c21b2f;;
            text-align: center;
            font-size: 18px;
            letter-spacing: 1px;
            padding: 20px 0px;
            border: 1px solid #c21b2f;;
            margin-top: -1px;
            transition: 0.3s;
        }
        .nehs-container .nehs-l .nehs-tnavs .tnavs-link:hover,
        .nehs-container .nehs-l .nehs-tnavs .tnavs-link.active {
            color: #fff;
            text-align: center;
            padding: 20px 0px;
            background-color: #c21b2f;;
        }
        .nehs-container .nehs-l .nehs-bmsgs {
            margin-top: 20px;
            padding: 20px;
            background-color: #f8f8f8;
        }
        .nehs-container .nehs-l .nehs-bmsgs p {
            padding: 5px 0px;
        }
        .nehs-container .nehs-l .nehs-bmsgs .nehs-titles {
            color: #000;
            font-size: 18px;
        }
        .nehs-container .nehs-l .nehs-bmsgs .nehs-names {
            color: #c21b2f;;
            font-size: 16px;
        }
        .nehs-container .nehs-r {
            float: right;
            width: 75%;
        }
        .nehs-container .nehs-r > div {
            margin-top: -1px;
        }
        .nehs-container .nehs-r.nehs-r1 {
            display: none;
        }
        .nehs-container .nehs-r.nehs-r1.active {
            display: block;
        }
        .nehs-container .nehs-r.nehs-r2 {
            display: none;
        }
        .nehs-container .nehs-r.nehs-r2.active {
            display: block;
        }
        .nehs-container .nehs-r .nehsr-title {
            color: #c21b2f;;
            font-size: 18px;
            padding: 20px;
            border: 1px solid #aaa;
        }
        .nehs-container .nehs-r .nehsr-advs {
            color: #333;
            font-size: 18px;
            padding: 20px;
            border: 1px solid #aaa;
        }
        .nehs-container .nehs-r .nehsr-names {
            color: #333;
            font-size: 18px;
            text-align: center;
            padding: 20px;
            border: 1px solid #aaa;
        }
        .nehs-container .nehs-r .nehsr-msg {
            font-size: 14px;
            padding: 30px 20px;
            border: 1px solid #aaa;
        }
        .nehs-container .nehs-r .nehsr-msg .msg-info {
            float: left;
            width: 60%;
        }
        .nehs-container .nehs-r .nehsr-msg .msg-pic {
            float: right;
            width: 40%;
        }
        .nehs-container .nehs-r .nehsr-msg .msg-pic img {
            width: 100%;
        }
        .nehs-container .nehs-r .nehsr-msg .nehsr-policy,
        .nehs-container .nehs-r .nehsr-msg .nehsr-promise {
            padding-top: 10px;
        }
        .nehs-container .nehs-r .nehsr-msg .nehsr-policy .titles,
        .nehs-container .nehs-r .nehsr-msg .nehsr-promise .titles {
            font-weight: 600;
        }
        .nehs-container .nehs-r .nehsr-msg .nehsr-policy p,
        .nehs-container .nehs-r .nehsr-msg .nehsr-promise p {
            line-height: 22px;
        }
        .nehs-container .nehs-r .nehsr-items {
            padding: 30px 20px;
            border: 1px solid #aaa;
            display: flex;
            flex-wrap: wrap;
        }
        .nehs-container .nehs-r .nehsr-items .ne-items {
            width: 33%;
            padding: 20px;
            margin-bottom: 10px;
            border-left: 1px solid #eee;
        }
        .nehs-container .nehs-r .nehsr-items .ne-items .items-title {
            font-size: 16px;
            color: #333;
        }
        .nehs-container .nehs-r .nehsr-items .ne-items .items-title:hover {
            color: #c21b2f;;
        }
        .nehs-container .nehs-r .nehsr-items .ne-items .items-time {
            font-size: 12px;
            color: #666;
            padding: 10px 0px;
        }
        .nehs-container .nehs-r .nehsr-items .ne-items .links {
            display: inline-block;
            font-size: 16px;
            padding-top: 20px;
        }
        .nehs-container .nehs-r .nehsr-items .ne-items .links:hover {
            color: #c21b2f;;
        }
        @media screen and (min-width: 768px) {
            .in-container {
                width: 750px;
            }
            .in-main .in-about .about-l .about-msgs {
                padding-top: 10px;
            }
            .in-main .in-about .about-l .about-msgs p {
                padding-top: 5px;
            }
            .in-main .in-service .service-infos .service-msg {
                padding-top: 20px;
                padding-left: 15px;
            }
            .in-main .in-service .service-infos .service-msg p {
                font-size: 16px;
            }
        }
        @media screen and (min-width: 1200px) {
            .in-container {
                width: 1280px;
            }
        }
        @media screen and (min-width: 991px) and (max-width: 1280px) {
            .in-container {
                width: 970px;
            }
            .in-main .in-about .about-l .about-msgs {
                padding-top: 20px;
            }
            .in-main .in-service .service-infos .service-msg {
                padding-top: 20px;
                padding-left: 15px;
            }
            .in-main .in-service .service-infos .service-msg p {
                font-size: 16px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info {
                padding-top: 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time {
                padding-top: 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-lines {
                height: 64px;
                margin: 0 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg h1 {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg p {
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        @media screen and (max-width: 1000px) {
            .nehs-container .nehs-l {
                padding-right: 5px;
            }
            .in-main .in-products .in-container {
                flex-wrap: wrap;
            }
            .in-main .in-products .in-container .pro-items {
                width: 49%;
                margin-bottom: 30px;
            }
            .in-main .in-products .in-container .pro-items .items-boxtop img {
                width: 100%;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time {
                padding-top: 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time h1 {
                font-size: 18px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time p {
                font-size: 12px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-lines {
                height: 50px;
                margin: 0px 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg h1 {
                font-size: 14px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg p {
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        @media screen and (max-width: 768px) {
            .nehs-container .nehs-l,
            .nehs-container .nehs-r {
                float: none;
                width: 100%;
            }
            .nehs-container .nehs-r .nehsr-msg .msg-info {
                width: 100%;
            }
            .nehs-container .nehs-r .nehsr-items .ne-items {
                width: 50%;
            }
            .nehs-container .nehs-r {
                padding-right: 5px;
            }
            .in-container {
                width: 95%;
            }
            .header .left {
                width: 50%;
            }
            .header .left .img1 {
                width: 100%;
            }
            .in-main .in-products .in-container {
                flex-wrap: wrap;
            }
            .in-main .in-products .in-container .pro-items {
                width: 100%;
                margin: 0 auto;
                margin-bottom: 30px;
            }
            .in-main .in-about .about-l,
            .in-main .in-about .about-r {
                float: none;
                width: 100%;
            }
            .in-main .in-service .service-infos {
                flex-wrap: wrap;
            }
            .in-main .in-service .service-l,
            .in-main .in-service .service-r {
                width: 100%;
            }
            .in-main .in-service .service-r {
                padding-top: 30px;
            }
            .in-main .in-service .service-l,
            .in-main .in-service .service-r .servicer-items {
                position: relative;
            }
            .in-main .in-service .service-infos .service-msg {
                position: absolute;
                width: 80%;
                padding: 0;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            .in-main .in-service .service-infos .service-msg p {
                font-size: 14px;
            }
            .in-main .in-service .service-infos .service-msg .mores {
                padding: 5px 14px;
            }
            .in-main .in-news .in-container .news-infos {
                flex-wrap: wrap;
            }
            .in-main .in-news .in-container .news-l,
            .in-main .in-news .in-container .news-r {
                width: 100%;
            }
            .in-main .in-news .in-container .news-l img {
                width: 100%;
            }
            .in-main .in-news .in-container .news-r {
                padding-left: 0;
                padding-top: 30px;
            }
            .in-main .in-news .in-container .news-r .newsr-items {
                padding-bottom: 10px;
            }
        }
        @media screen and (max-width: 520px) {
            .in-main .in-news .in-container .news-r .newsr-items .items-info {
                padding-top: 8px;
                padding-bottom: 3px;
                padding-left: 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time {
                padding-top: 10px;
                width: 30%;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg {
                width: 60%;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-lines {
                height: 60px;
                margin: 0px 10px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-time h1 {
                font-size: 20px;
            }
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg h1,
            .in-main .in-news .in-container .news-r .newsr-items .items-info .items-msg p {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        @media screen and (max-width: 500px) {
            .in-main .in-container {
                padding: 60px 0px;
            }
            .in-main .in-service .service-infos .service-msg {
                width: 90%;
            }
            .in-main .in-service .service-infos .service-msg p {
                font-size: 12px;
            }
        }
