.iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
/*table*/
.table-box {
   width: 100%;
   max-width: 100%;
   overflow: auto;
}
.table-box table {
   width: 100%;
   max-width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   line-height: 1.2;
}
.table-box table tr,
.table-box table td,
.table-box table th {
   width: auto !important;
   height: auto !important;
   background-color: #f2f3f4;
   color: #02152d;
}
.table-box table tr:nth-child(odd) {
   background-color: #f5f5f5;
}
.table-box table tr:nth-child(even) {
   background-color: #ffffff;
}
.table-box table td,
.table-box table th {
   vertical-align: middle;
   font-weight: normal;
   padding: 10px !important;
   border: 1px solid #EEEEEE !important;
   font-size: 15px;
}
@media (max-width: 767px) {
   .table-box table td,
   .table-box table th {
      font-size: 14px;
   }
}
.table-box table tr p,
.table-box table tr span {
   line-height: 1.2 !important;
   background: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
.table-box table th {
   text-align: center;
}
.table-box .table-nav {
   overflow: hidden;
}
.table-box .table-content {
   overflow-x: auto;
   overflow-y: auto;
   max-height: 300px;
   max-height: 42vh;
}
.banner {
   overflow: hidden;
}
.banner .slickbanner {
   position: relative;
}
.banner .slickbanner .slick-list {
   margin-bottom: -5px;
}
@-webkit-keyframes narrow {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 1;
   }
}
@keyframes narrow {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 1;
   }
}
.banner .slickbanner .slick-list .slick-current img {
   -webkit-animation: narrow 8s 0s ease both;
   animation: narrow 8s 0s ease both;
}
.banner .slickbanner .slick-list .item .img-box {
   padding-bottom: 50%;
}
.banner .slickbanner .slick-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 70px;
   height: 70px;
   border-radius: 50%;
   border: 1px solid #dbdbdb solid #fff;
   line-height: 70px;
   text-align: center;
   z-index: 10;
   background-color: transparent;
   font-size: 0;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.banner .slickbanner .slick-arrow:hover {
   background-color: #a93828;
   border-color: #a93828;
}
.banner .slickbanner .slick-arrow::before {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e9b7';
   color: #fff;
}
.banner .slickbanner .slick-prev {
   left: 4.16666667%;
}
.banner .slickbanner .slick-next {
   right: 4.16666667%;
}
.banner .slickbanner .slick-next::before {
   content: '\e610';
}
.banner .slickbanner .slick-dots {
   position: absolute;
   bottom: 4.34782609%;
   left: 50%;
   transform: translateX(-40%);
   margin: 0 -7px;
}
.banner .slickbanner .slick-dots li {
   float: left;
   padding: 0 7px;
}
.banner .slickbanner .slick-dots li button {
   font-size: 0;
   background-color: transparent;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #fff;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.banner .slickbanner .slick-dots .slick-active button {
   background-color: #a93828;
}
.index-product {
   text-align: center;
}
.index-product .container .title {
   padding-bottom: 45px;
}
.index-product .container .title b {
   display: block;
   padding: 83px 0 9px 0;
   font-size: 36px;
   color: #221714;
   font-family: "思源黑体 CN Bold";
}
.index-product .container .title form {
   overflow: hidden;
   display: inline-block;
   width: 430px;
   height: 36px;
   border-radius: 18px;
   border: 1px solid #dbdbdb;
}
.index-product .container .title form input {
   float: left;
   width: 389px;
   height: 100%;
   padding: 0 20px;
   font-size: 14px;
   color: #878584;
}
.index-product .container .title form input::-webkit-input-placeholder,
.index-product .container .title form textarea::-webkit-input-placeholder {
   color: #878584;
}
.index-product .container .title form input:-o-placeholder,
.index-product .container .title form textarea:-o-placeholder {
   color: #878584;
}
.index-product .container .title form input::-moz-placeholder,
.index-product .container .title form textarea::-moz-placeholder {
   color: #878584;
}
.index-product .container .title form input:-ms-input-placeholder,
.index-product .container .title form textarea:-ms-input-placeholder {
   color: #878584;
}
.index-product .container .title form input:focus::-webkit-input-placeholder,
.index-product .container .title form textarea:focus::-webkit-input-placeholder {
   color: #ababab;
}
.index-product .container .title form input:focus::-o-placeholder,
.index-product .container .title form textarea:focus::-o-placeholder {
   color: #ababab;
}
.index-product .container .title form input:focus::-moz-placeholder,
.index-product .container .title form textarea:focus::-moz-placeholder {
   color: #ababab;
}
.index-product .container .title form input:focus::-ms-input-placeholder,
.index-product .container .title form textarea:focus::-ms-input-placeholder {
   color: #ababab;
}
.index-product .container .title form button {
   position: relative;
   float: left;
   width: 39px;
   height: 100%;
   background-color: transparent;
}
.index-product .container .title form button::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e65e';
   color: #878584;
}
.index-product .container .content {
   padding-bottom: 52px;
   text-align: left;
}
.index-product .container .content .p-slick-box {
   position: relative;
}
.index-product .container .content .p-slick-box .index-p-slick {
   position: relative;
   padding-bottom: 53px;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list {
   margin: 0 -15px;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item {
   padding: 0 15px;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item:hover .pic img {
   transform: scale(1.05);
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item:hover .txt {
   background-color: #a93828;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item:hover .txt a:nth-child(1) {
   color: #fff;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item:hover .txt p {
   opacity: 0;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item:hover .txt a:nth-of-type(2) {
   border-color: #fff;
   background-color: #fff;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .pic {
   display: block;
   width: 370px;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .pic .img-box img {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .txt {
   position: relative;
   height: 112px;
   padding: 30px 20px 20px;
   background-color: #fafafa;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .txt a:nth-child(1) {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 20px;
   line-height: 25px;
   color: #221714;
   font-family: "思源黑体 CN Medium";
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .txt p {
   font-size: 16px;
   line-height: 25px;
   color: #878382;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .txt a:nth-of-type(2) {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   display: block;
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #bcb6b5;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-list .item .txt a:nth-of-type(2)::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #a93828;
   font-size: 12px;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-dots {
   position: absolute;
   bottom: 1px;
   left: 0;
   width: 100%;
   height: 2px;
   background-color: #e6e6e6;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-dots li {
   position: relative;
   float: left;
   width: 25%;
   height: 100%;
   background-color: #e6e6e6;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-dots li::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 0;
   height: 3px;
   background-color: #a93828;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-dots li button {
   display: none;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-dots .fullwidth li {
   width: 100%;
}
.index-product .container .content .p-slick-box .index-p-slick .slick-dots .slick-active::before {
   width: 100%;
}
.index-product .container .content .p-slick-box .p-slick-btn {
   position: absolute;
   bottom: 0;
   left: 0;
   transform: translateY(48%);
   width: 25%;
   height: 110px;
}
.index-product .container .content .p-slick-box .p-slick-btn::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   content: '';
   width: 100%;
   height: 3px;
   background-color: #a93828;
}
.index-product .container .content .p-slick-box .p-slick-btn a {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 34px;
   height: 34px;
   border-radius: 50%;
   background-color: #a93828;
}
.index-product .container .content .p-slick-box .p-slick-btn a span {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   height: 100%;
   width: 14px;
}
.index-product .container .content .p-slick-box .p-slick-btn a span::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
}
.index-product .container .content .p-slick-box .p-slick-btn a span:nth-child(1) {
   left: 2px;
}
.index-product .container .content .p-slick-box .p-slick-btn a span:nth-child(2) {
   right: 2px;
}
.index-product .container>a {
   display: inline-block;
   margin-bottom: 90px;
   width: 170px;
   height: 46px;
   line-height: 46px;
   font-size: 14px;
   color: #fff;
   background-color: #a93828;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-product .container>a:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) inset;
}
.index-product .container>a::after {
   display: inline-block;
   margin-left: 20px;
   transform: translateY(2px);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e642';
   color: #fff;
}
.index-about {
   overflow: hidden;
   margin: 0 auto;
}
.index-about .content {
   height: 600px;
}
.index-about .content .left {
   overflow: hidden;
   float: left;
   width: 50%;
   height: 100%;
}
.index-about .content .left .index-about-slick {
   position: relative;
}
.index-about .content .left .index-about-slick .slick-list {
   width: 960px;
}
.index-about .content .left .index-about-slick .slick-list .item .img-box {
   height: 600px;
   padding-bottom: 0;
}
.index-about .content .left .index-about-slick .slick-arrow {
   position: absolute;
   bottom: 30px;
   right: 30px;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   font-size: 0;
   background-color: #7f7770;
   z-index: 2;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-about .content .left .index-about-slick .slick-arrow:hover {
   background-color: #a93828;
}
.index-about .content .left .index-about-slick .slick-arrow::before {
   display: inline-block;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e8f4';
   font-size: 12px;
   color: #fff;
}
.index-about .content .left .index-about-slick .slick-prev {
   right: 77px;
}
.index-about .content .left .index-about-slick .slick-prev::before {
   transform: rotateZ(180deg);
}
.index-about .content .right {
   position: relative;
   float: right;
   width: 50%;
   height: 100%;
   background: url(../images/img/index_about_bgg.jpg) no-repeat center;
   background-size: cover;
}
.index-about .content .right .txt-box {
   width: 585px;
   padding: 105px 0 20px 60px;
}
.index-about .content .right .txt-box a:nth-child(1) {
   font-size: 36px;
   font-weight: 700;
   font-family: "思源黑体 CN Bold";
   color: #ededed;
}
.index-about .content .right .txt-box a:nth-child(3) {
   display: inline-block;
   width: 170px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   font-size: 14px;
   color: #ab3d2e;
   background-color: #fff;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-about .content .right .txt-box a:nth-child(3):hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) inset;
}
.index-about .content .right .txt-box a:nth-child(3)::after {
   display: inline-block;
   margin-left: 20px;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #ab3d2e;
   font-size: 12px;
}
.index-about .content .right .txt-box .txt {
   padding: 10px 0 65px;
}
.index-about .content .right .txt-box .txt p {
   font-size: 16px;
   line-height: 2;
   color: #ededed;
}
.index-about .content .right .right-txt {
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 100%;
}
.index-about .content .right .right-txt .str_wrap {
   background-color: transparent;
}
.index-about .content .right .right-txt .str_wrap span {
   display: inline-block;
   padding-right: 50px;
   font-size: 100px;
   line-height: 0.8;
   color: #af4d40;
   font-family: '思源黑体 CN Heavy';
}
.index-choose {
   padding-bottom: 85px;
}
.index-choose .title {
   padding: 85px 0 60px;
   text-align: center;
}
.index-choose .title b {
   font-size: 36px;
   font-family: "思源黑体 CN Bold";
   color: #221714;
}
.index-choose ul {
   margin: 0 -15px;
   text-align: center;
}
.index-choose ul li {
   float: left;
   width: 300px;
   padding: 0 15px;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-choose ul li:hover {
   transform: translateY(-20px);
}
.index-choose ul li:hover .txt-box b {
   color: #a93828;
}
.index-choose ul li .icon-num i {
   display: block;
   font-size: 36px;
   line-height: 0.8;
   color: #a93828;
   font-family: "思源黑体 CN Heavy";
   font-style: normal;
}
.index-choose ul li .icon-num::after {
   content: '';
   display: inline-block;
   margin-top: 5px;
   width: 110px;
   height: 102px;
   background: url(../images/img/index_choose_icon1.jpg) no-repeat center;
   background-size: cover;
}
.index-choose ul li .txt-box b {
   position: relative;
   display: block;
   padding-bottom: 16px;
   margin-bottom: 24px;
   margin-top: 27px;
   font-size: 18px;
   color: #221714;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-choose ul li .txt-box b::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 70px;
   height: 3px;
   background-color: #a93828;
}
.index-choose ul li .txt-box .txt p {
   font-size: 16px;
   line-height: 30px;
   color: #878382;
}
.index-choose ul li:nth-child(2) .icon-num::after {
   background: url(../images/img/index_choose_icon2.jpg) no-repeat center;
   background-size: cover;
}
.index-choose ul li:nth-child(3) .icon-num::after {
   background: url(../images/img/index_choose_icon3.jpg) no-repeat center;
   background-size: cover;
}
.index-choose ul li:nth-child(4) .icon-num::after {
   background: url(../images/img/index_choose_icon4.jpg) no-repeat center;
   background-size: cover;
}
.index-img {
   position: relative;
   overflow: hidden;
   min-height: 600px;
   background: url(../images/img/index_txt_bgg.jpg) no-repeat center;
   background-size: cover;
}
.index-img .txt-box {
   text-align: center;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 80%;
}
.index-img .txt-box p {
   font-size: 35px;
   line-height: 60px;
   font-family: "思源黑体 CN Medium";
   color: #ffffff;
}
.index-factory {
   padding-bottom: 90px;
}
.index-factory .title {
   padding: 87px 0 47px;
   text-align: center;
}
.index-factory .title b {
   display: block;
   font-size: 36px;
   line-height: 40px;
   color: #221714;
   font-family: "思源黑体 CN Bold";
}
.index-factory .content {
   text-align: center;
}
.index-factory .content ul {
   margin: 0 -15px;
   padding-bottom: 20px;
}
.index-factory .content ul li {
   float: left;
   width: 400px;
   padding: 0 15px;
   margin-bottom: 30px;
}
.index-factory .content ul li .img-box {
   padding-bottom: 62.7027027%;
}
.index-factory .content ul li .img-box:hover img {
   transform: scale(1.1);
}
.index-factory .content ul li .img-box img {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-factory .content>a {
   display: inline-block;
   width: 170px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   font-size: 14px;
   color: #fff;
   background-color: #a93828;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-factory .content>a:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) inset;
}
.index-factory .content>a::after {
   display: inline-block;
   margin-left: 20px;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #fff;
   font-size: 12px;
}
.index-case {
   min-height: 843px;
   background: url(../images/img/index_case_bgg.jpg) no-repeat center;
   background-size: cover;
}
.index-case .container {
   text-align: center;
}
.index-case .container .title {
   padding: 87px 0 47px;
}
.index-case .container .title b {
   display: block;
   font-size: 36px;
   line-height: 40px;
   color: #ffffff;
   font-family: "思源黑体 CN Bold";
}
.index-case .container .content {
   margin: 0 -15px;
   padding-bottom: 50px;
   text-align: left;
}
.index-case .container .content .left,
.index-case .container .content .right {
   float: left;
   width: 800px;
   padding: 0 15px;
}
.index-case .container .content .left .item,
.index-case .container .content .right .item {
   position: relative;
}
.index-case .container .content .left .item:hover .pic img,
.index-case .container .content .right .item:hover .pic img {
   transform: scale(1.05);
}
.index-case .container .content .left .item:hover .txt,
.index-case .container .content .right .item:hover .txt {
   background-color: rgba(169, 56, 40, 0.96);
}
.index-case .container .content .left .item:hover .txt a:nth-child(2),
.index-case .container .content .right .item:hover .txt a:nth-child(2) {
   background-color: #fff;
   border-color: #fff;
}
.index-case .container .content .left .item:hover .txt a:nth-child(2)::before,
.index-case .container .content .right .item:hover .txt a:nth-child(2)::before {
   color: #c4766b;
}
.index-case .container .content .left .item .pic,
.index-case .container .content .right .item .pic {
   display: block;
}
.index-case .container .content .left .item .pic .img-box,
.index-case .container .content .right .item .pic .img-box {
   padding-bottom: 62.72727273%;
}
.index-case .container .content .left .item .pic .img-box img,
.index-case .container .content .right .item .pic .img-box img {
   transition: all 0.65s;
   -webkit-transition: all 0.65s;
}
.index-case .container .content .left .item .txt,
.index-case .container .content .right .item .txt {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 60px;
   z-index: 1;
   background-color: rgba(0, 0, 0, 0.6);
   padding: 15px 20px;
   padding-right: 56px;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-case .container .content .left .item .txt a:nth-child(1),
.index-case .container .content .right .item .txt a:nth-child(1) {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 20px;
   color: #fff;
}
.index-case .container .content .left .item .txt a:nth-child(2),
.index-case .container .content .right .item .txt a:nth-child(2) {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   width: 36px;
   height: 36px;
   border-radius: 50%;
   line-height: 36px;
   text-align: center;
   border: 1px solid #b0b0b0;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-case .container .content .left .item .txt a:nth-child(2)::before,
.index-case .container .content .right .item .txt a:nth-child(2)::before {
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #d3d1d0;
   font-size: 12px;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-case .container .content .right {
   width: 400px;
}
.index-case .container .content .right .item .pic .img-box {
   padding-bottom: 62.7027027%;
}
.index-case .container .content .right .item:nth-child(1) {
   margin-bottom: 19px;
}
.index-case .container>a {
   display: inline-block;
   width: 170px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   font-size: 14px;
   color: #c37469;
   background-color: #fff;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-case .container>a:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) inset;
}
.index-case .container>a::after {
   display: inline-block;
   margin-left: 20px;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #c37469;
   font-size: 12px;
}
.index-new {
   background: url(../images/img/index_new_bgg.jpg) no-repeat center;
   background-size: cover;
   min-height: 855px;
}
.index-new .container {
   text-align: center;
}
.index-new .container .title {
   padding: 87px 0 47px;
   text-align: center;
}
.index-new .container .title b {
   display: block;
   font-size: 36px;
   line-height: 40px;
   color: #221714;
   font-family: "思源黑体 CN Bold";
}
.index-new .container .content {
   text-align: left;
}
.index-new .container .content ul {
   margin: 0 -15px;
}
.index-new .container .content ul li {
   float: left;
   width: 400px;
   padding: 0 15px;
   margin-bottom: 45px;
}
.index-new .container .content ul li .item {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.index-new .container .content ul li .item:hover {
   transform: translateY(-20px);
}
.index-new .container .content ul li .item .pic .img-box {
   padding-bottom: 75.13513514%;
}
.index-new .container .content ul li .item .txt-box {
   height: 220px;
}
.index-new .container .content ul li .item .txt-box .date {
   padding: 43px 0 16px;
}
.index-new .container .content ul li .item .txt-box .date b {
   font-size: 36px;
   line-height: 29px;
   font-weight: 400;
   display: block;
}
.index-new .container .content ul li .item .txt-box .date span {
   font-size: 14px;
   line-height: 20px;
   color: #221714;
}
.index-new .container .content ul li .item .txt-box a {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin-bottom: 14px;
   max-width: 100%;
   font-size: 20px;
   line-height: 25px;
   color: #000;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-new .container .content ul li .item .txt-box a:hover {
   color: #a93828;
}
.index-new .container .content ul li .item .txt-box .txt {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.index-new .container .content ul li .item .txt-box .txt p {
   font-size: 16px;
   line-height: 24px;
   color: #6e6a69;
}
.index-new .container>a {
   display: inline-block;
   margin-bottom: 90px;
   width: 170px;
   height: 46px;
   line-height: 46px;
   font-size: 14px;
   color: #fff;
   background-color: #a93828;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-new .container>a:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) inset;
}
.index-new .container>a::after {
   display: inline-block;
   margin-left: 20px;
   transform: translateY(2px);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e642';
   color: #fff;
}
.index-cooperation {
   padding: 30px 0;
   background-color: #a93828;
}
.index-cooperation .cooperation-slick {
   position: relative;
}
.index-cooperation .cooperation-slick .slick-list {
   margin: 0 -10px;
   margin-bottom: -5px;
}
.index-cooperation .cooperation-slick .slick-list .item {
   padding: 0 11px;
}
.index-cooperation .cooperation-slick .slick-list .item .img-box {
   padding-bottom: 62.5%;
}
.index-cooperation .cooperation-slick .slick-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 38.5px;
   height: 38.5px;
   border-radius: 50%;
   border: 1px solid #fff;
   font-size: 0;
   background-color: transparent;
   z-index: 2;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-cooperation .cooperation-slick .slick-arrow:hover {
   background-color: #fff;
}
.index-cooperation .cooperation-slick .slick-arrow:hover::before {
   color: #a93829;
}
.index-cooperation .cooperation-slick .slick-arrow::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e8f4';
   color: #fff;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.index-cooperation .cooperation-slick .slick-prev {
   left: -30px;
   transform: translate(-100%, -50%);
}
.index-cooperation .cooperation-slick .slick-prev::before {
   transform: translate(-50%, -50%) rotateZ(180deg);
}
.index-cooperation .cooperation-slick .slick-next {
   right: -30px;
   transform: translate(100%, -50%);
}
.p-nav .title {
   position: relative;
   width: 100%;
   height: 90px;
   padding: 0 30px;
   background-color: #a93828;
}
.p-nav .title b {
   display: block;
   font-size: 30px;
   line-height: 110px;
   color: #fff;
   font-family: "思源黑体 CN Bold";
}
.p-nav .title i {
   position: absolute;
   top: 5px;
   left: 25px;
   font-style: normal;
   font-family: "思源黑体 CN Heavy";
   font-size: 48px;
   color: #fff;
   opacity: 0.06;
   text-transform: uppercase;
}
.p-nav ul {
   padding: 10px 0;
}
.p-nav ul li {
   position: relative;
   margin-bottom: 10px;
}
.p-nav ul li:hover a {
   transform: translate(6px, 6px);
   background-color: #a93828;
}
.p-nav ul li::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #e6dedc;
   z-index: -1;
}
.p-nav ul li a {
   position: relative;
   display: block;
   width: 270px;
   height: 66px;
   padding: 0 45px 0 30px;
   line-height: 66px;
   font-size: 18px;
   color: #ffffff;
   font-weight: 700;
   font-family: "思源黑体 CN Bold";
   background-color: #598384;
   z-index: 1;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.p-nav ul li a::after {
   position: absolute;
   top: 50%;
   right: 28px;
   transform: translateY(-50%);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #fff;
   font-size: 12px;
}
.p-nav ul .active {
   margin-bottom: 17px;
}
.p-nav ul .active a {
   transform: translate(6px, 6px);
   background-color: #a93828;
}
.product {
   padding: 70px 0 58px;
}
.product .container .left {
   float: left;
   width: 270px;
}
.product .container .right {
   float: right;
   width: 870px;
}
.product .container .right .content .product-list {
   margin: 0 -15px;
   padding-bottom: 20px;
}
.product .container .right .content .product-list li {
   float: left;
   width: 300px;
   padding: 0 15px;
   margin-bottom: 30px;
}
.product .container .right .content .product-list li .item {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.product .container .right .content .product-list li .item:hover {
   transform: translateY(-15px);
}
.product .container .right .content .product-list li .item:hover .txt {
   background-color: #a93828;
}
.product .container .right .content .product-list li .item:hover .txt a:nth-child(1) {
   color: #fff;
}
.product .container .right .content .product-list li .item:hover .txt a:nth-child(2) {
   border-color: #fff;
   background-color: #fff;
}
.product .container .right .content .product-list li .item .pic .img-box img {
   transition: all 0.6s;
   -webkit-transition: all 0.6s;
}
.product .container .right .content .product-list li .item .txt {
   position: relative;
   background-color: #fafafa;
   height: 75px;
   padding: 0 54px 0 20px;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product .container .right .content .product-list li .item .txt a:nth-child(1) {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 20px;
   line-height: 75px;
   color: #221714;
   font-family: "思源黑体 CN Medium";
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product .container .right .content .product-list li .item .txt a:nth-child(2) {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   width: 34px;
   height: 34px;
   border-radius: 50%;
   border: 1px solid #bcb6b5;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product .container .right .content .product-list li .item .txt a:nth-child(2)::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e8f4';
   color: #a93828;
   font-size: 16px;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details {
   padding: 70px 0 40px;
}
.product-details .container .left {
   float: left;
   width: 270px;
}
.product-details .container .right {
   float: right;
   width: 870px;
}
.product-details .container .right .content .info .p-slick {
   float: left;
   width: 470px;
}
.product-details .container .right .content .info .p-slick .slider-for {
   position: relative;
}
.product-details .container .right .content .info .p-slick .slider-for .slick-list {
   margin-bottom: -5px;
}
.product-details .container .right .content .info .p-slick .slider-for .slick-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 36.5px;
   height: 36.5px;
   border-radius: 50%;
   background-color: rgba(0, 0, 0, 0.5);
   font-size: 0;
   z-index: 2;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details .container .right .content .info .p-slick .slider-for .slick-arrow:hover {
   background-color: #a93828;
}
.product-details .container .right .content .info .p-slick .slider-for .slick-arrow::before {
   display: inline-block;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e8f4';
   color: #fff;
   font-size: 12px;
}
.product-details .container .right .content .info .p-slick .slider-for .slick-prev {
   left: 0;
}
.product-details .container .right .content .info .p-slick .slider-for .slick-prev::before {
   transform: rotateZ(180deg);
}
.product-details .container .right .content .info .p-slick .slider-for .slick-next {
   right: 0;
}
.product-details .container .right .content .info .info-txt {
   float: right;
   width: 400px;
   padding-left: 50px;
   border-top: 5px solid #a93828;
}
.product-details .container .right .content .info .info-txt .title {
   padding-bottom: 26px;
   border-bottom: 1px solid #dbdbdb;
}
.product-details .container .right .content .info .info-txt .title b {
   display: block;
   padding: 25px 0 6px;
   font-size: 30px;
   font-family: "思源黑体 CN Bold";
   color: #221714;
}
.product-details .container .right .content .info .info-txt .title p {
   font-size: 16px;
   color: #878382;
}
.product-details .container .right .content .info .info-txt .p-parameter {
   padding: 25px 0;
   border-bottom: 1px solid #dbdbdb;
}
.product-details .container .right .content .info .info-txt .p-parameter b {
   display: block;
   padding-bottom: 8px;
   font-size: 16px;
   font-weight: 400;
   font-family: "思源黑体 CN Medium";
   color: #221714;
}
.product-details .container .right .content .info .info-txt .p-parameter .txt p {
   font-size: 14px;
   line-height: 24px;
   color: #878382;
}
.product-details .container .right .content .info .info-txt .slider-nav {
   padding: 30px 0;
}
.product-details .container .right .content .info .info-txt .slider-nav .slick-list {
   margin: 0 -5px;
   margin-bottom: -5px;
}
.product-details .container .right .content .info .info-txt .slider-nav .slick-list .item {
   padding: 0 5px;
}
.product-details .container .right .content .info .info-txt .slider-nav .slick-list .item .img-box::before {
   position: absolute;
   top: 0;
   left: 0;
   content: '';
   width: 100%;
   height: 100%;
   border: 1px solid #a93828;
   z-index: 2;
   opacity: 0;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details .container .right .content .info .info-txt .slider-nav .slick-list .slick-current .item .img-box::before {
   opacity: 1;
}
.product-details .container .right .content .info .info-txt .p-link a {
   float: left;
   display: inline-block;
   width: 170px;
   height: 46px;
   line-height: 46px;
   font-size: 14px;
   text-align: center;
   color: #fff;
   background-color: #221714;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details .container .right .content .info .info-txt .p-link a:hover {
   background-color: #a93828;
}
.product-details .container .right .content .info .info-txt .p-link a:nth-child(1)::before {
   display: inline-block;
   transform: translateY(-1px);
   margin-right: 20px;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e9b7';
   color: #fff;
   font-size: 12px;
}
.product-details .container .right .content .info .info-txt .p-link a:nth-child(2) {
   float: right;
}
.product-details .container .right .content .info .info-txt .p-link a:nth-child(2)::after {
   display: inline-block;
   transform: translateY(-1px);
   margin-left: 20px;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #fff;
   font-size: 12px;
}
.product-details .container .right .content .p-details {
   padding-top: 43px;
}
.product-details .container .right .content .p-details .title {
   position: relative;
   padding-bottom: 7px;
   margin-bottom: 30px;
}
.product-details .container .right .content .p-details .title::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 60px;
   height: 4px;
   background-color: #a93828;
}
.product-details .container .right .content .p-details .title b {
   display: block;
   font-size: 24px;
   font-weight: 400;
   font-family: "思源黑体 CN Medium";
   color: #221714;
}
.product-details .container .right .content .p-details .content {
   padding: 15px 0;
}
.product-details .container .right .content .p-details .content p {
   font-size: 16px;
   line-height: 2;
   color: #221714;
}
.product-details .container .right .content .p-details .content .table-box table tr,
.product-details .container .right .content .p-details .content .table-box table td,
.product-details .container .right .content .p-details .content .table-box table th {
   background-color: #fff;
}
.product-details .container .right .content .p-other {
   padding-top: 40px;
}
.product-details .container .right .content .p-other .title {
   position: relative;
   padding-bottom: 7px;
   margin-bottom: 30px;
}
.product-details .container .right .content .p-other .title::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 60px;
   height: 4px;
   background-color: #a93828;
}
.product-details .container .right .content .p-other .title b {
   display: block;
   font-size: 24px;
   font-weight: 400;
   font-family: "思源黑体 CN Medium";
   color: #221714;
}
.product-details .container .right .content .p-other .content ul {
   margin: 0 -15px;
}
.product-details .container .right .content .p-other .content ul li {
   float: left;
   width: 300px;
   padding: 0 15px;
   margin-bottom: 30px;
}
.product-details .container .right .content .p-other .content ul li .item {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.product-details .container .right .content .p-other .content ul li .item:hover {
   transform: translateY(-15px);
}
.product-details .container .right .content .p-other .content ul li .item:hover .txt {
   background-color: #a93828;
}
.product-details .container .right .content .p-other .content ul li .item:hover .txt a:nth-child(1) {
   color: #fff;
}
.product-details .container .right .content .p-other .content ul li .item:hover .txt a:nth-child(2) {
   border-color: #fff;
   background-color: #fff;
}
.product-details .container .right .content .p-other .content ul li .item .pic .img-box img {
   transition: all 0.6s;
   -webkit-transition: all 0.6s;
}
.product-details .container .right .content .p-other .content ul li .item .txt {
   position: relative;
   background-color: #fafafa;
   height: 75px;
   padding: 0 54px 0 20px;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details .container .right .content .p-other .content ul li .item .txt a:nth-child(1) {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 20px;
   line-height: 75px;
   color: #221714;
   font-family: "思源黑体 CN Medium";
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details .container .right .content .p-other .content ul li .item .txt a:nth-child(2) {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   width: 34px;
   height: 34px;
   border-radius: 50%;
   border: 1px solid #bcb6b5;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.product-details .container .right .content .p-other .content ul li .item .txt a:nth-child(2)::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e8f4';
   color: #a93828;
   font-size: 16px;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.about-bar {
   background-color: #f7f7f7;
}
.about-bar ul li {
   float: left;
}
.about-bar ul li a {
   position: relative;
   display: block;
   width: 300px;
   height: 62px;
   line-height: 62px;
   font-size: 16px;
   font-family: "思源黑体 CN Medium";
   color: #878382;
   text-align: center;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.about-bar ul li a:hover {
   background-color: #a93828;
   color: #fff;
}
.about-bar ul li a:hover::before {
   display: none;
}
.about-bar ul li a::before {
   content: '';
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   width: 1px;
   height: 24px;
   background-color: #dbdbdb;
}
.about-bar ul li:last-child a::before {
   display: none;
}
.about-bar ul .active a {
   background-color: #a93828;
   color: #fff;
}
.about-bar ul .active a::before {
   display: none;
}
.about .info .container {
   overflow: hidden;
}
.about .info .container .title {
   position: relative;
   margin: 64px 0 43px;
}
.about .info .container .title b {
   position: relative;
   display: block;
   font-size: 36px;
   font-family: "思源黑体 CN Bold";
   color: #221714;
   z-index: 2;
}
.about .info .container .title .public-scroll {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 1170px;
   background-color: transparent;
   z-index: 1;
}
.about .info .container .title .public-scroll i {
   display: inline-block;
   margin-right: 300px;
   font-size: 72px;
   line-height: 0.8;
   color: #f7f7f7;
   font-style: normal;
   font-family: "思源黑体 CN Heavy";
}
.about .info .container .content {
   padding-bottom: 40px;
}
.about .info .container .content>p {
   font-size: 16px;
   line-height: 2;
   color: #878382;
}
.about .info .container .content .main-content {
   overflow: hidden;
   background-color: #a93829;
}
.about .info .container .content .main-content .left,
.about .info .container .content .main-content .right {
   float: left;
   width: 50%;
}
.about .info .container .content .main-content .left .img-box {
   padding-bottom: 62.56410256%;
}
.about .info .container .content .main-content .right {
   padding: 43px 40px 10px 30px;
}
.about .info .container .content .main-content .right .item {
   padding-bottom: 40px;
}
.about .info .container .content .main-content .right .item b {
   display: block;
   padding-bottom: 5px;
   font-size: 20px;
   font-weight: 400;
   line-height: 32px;
   font-family: "思源黑体 CN Medium";
   color: #ffffff;
}
.about .info .container .content .main-content .right .item p {
   font-size: 16px;
   line-height: 2;
   color: #ffffff;
}
.about .about-imgs {
   padding: 50px 0 20px;
   background-color: #f7f7f7;
}
.about .about-imgs ul {
   margin: 0 -15px;
}
.about .about-imgs ul li {
   float: left;
   width: 400px;
   padding: 0 15px;
   margin-bottom: 30px;
}
.about .about-imgs ul li .item {
   display: block;
}
.about .about-imgs ul li .item .img-box {
   padding-bottom: 62.7027027%;
}
.public-page-title .container {
   overflow: hidden;
}
.public-page-title .title {
   position: relative;
   margin: 64px 0 43px;
}
.public-page-title .title b {
   position: relative;
   display: block;
   font-size: 36px;
   font-family: "思源黑体 CN Bold";
   color: #221714;
   z-index: 2;
}
.public-page-title .title .public-scroll {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 1170px;
   background-color: transparent;
   z-index: 1;
   overflow: visible;
}
.public-page-title .title .public-scroll i {
   display: inline-block;
   margin-right: 300px;
   font-size: 72px;
   line-height: 0.8;
   color: #f7f7f7;
   font-style: normal;
   font-family: "思源黑体 CN Heavy";
}
.public-page-title .public-page-scroll {
   padding: 27.5px 0;
   background-color: #a93828;
}
.public-page-title .public-page-scroll .scroll-bar {
   height: 45px;
   background-color: transparent;
}
.public-page-title .public-page-scroll .scroll-bar span {
   display: block;
   font-size: 30px;
   line-height: 45px;
   font-family: "思源黑体 CN Medium";
   color: #fcfcfc;
}
.about-factory .content {
   padding-bottom: 58px;
}
.about-factory .content .new-list {
   margin: 0 -15px;
   padding: 50px 0 20px;
}
.about-factory .content .new-list li {
   float: left;
   width: 400px;
   padding: 0 15px;
   margin-bottom: 30px;
}
.about-factory .content .new-list li .item {
   display: block;
}
.about-factory .content .new-list li .item .img-box {
   padding-bottom: 62.7027027%;
}
.about-cooperation .content {
   padding-bottom: 70px;
}
.about-cooperation .content .cooperation-list {
   margin: 0 -10px;
   padding: 50px 0 20px;
}
.about-cooperation .content .cooperation-list li {
   float: left;
   width: 238px;
   padding: 0 10px;
   margin-bottom: 30px;
}
.about-cooperation .content .cooperation-list li .item {
   display: block;
   border: 1px solid #dbdbdb;
}
.about-cooperation .content .cooperation-list li .item .img-box {
   padding-bottom: 62.5%;
}
.about-cooperation .content .ajax-more {
   text-align: center;
}
.about-cooperation .content .ajax-more a {
   display: inline-block;
   font-size: 16px;
   height: 36px;
   line-height: 36px;
   color: #bab4b3;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.about-cooperation .content .ajax-more a:hover {
   color: #a93828;
   text-decoration: underline;
}
.about-cooperation .content .ajax-more a:hover::after {
   border-color: #a93828;
   background-color: #a93828;
   color: #fff;
}
.about-cooperation .content .ajax-more a::after {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   display: inline-block;
   margin-left: 10px;
   width: 36px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   transform: rotateZ(90deg);
   border-radius: 50%;
   font-size: 12px;
   color: #a93828;
   border: 1px solid #e7e7e7;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.about-cooperation .content .ajax-more .disabled::after {
   display: none !important;
}
.about-cooperation .content .page {
   display: none;
}
.case .content {
   padding-bottom: 58px;
}
.case .content .case-lsit {
   margin: 0 -15px;
   padding: 50px 0 20px;
}
.case .content .case-lsit li {
   float: left;
   width: 600px;
   padding: 0 15px 0;
   margin-bottom: 30px;
}
.case .content .case-lsit li .item {
   position: relative;
}
.case .content .case-lsit li .item:hover .pic img {
   transform: scale(1.05);
}
.case .content .case-lsit li .item:hover .txt {
   background-color: rgba(169, 56, 40, 0.96);
}
.case .content .case-lsit li .item:hover .txt a:nth-child(2) {
   background-color: #fff;
   border-color: #fff;
}
.case .content .case-lsit li .item:hover .txt a:nth-child(2)::before {
   color: #c4766b;
}
.case .content .case-lsit li .item .pic {
   display: block;
}
.case .content .case-lsit li .item .pic .img-box {
   padding-bottom: 62.80701754%;
}
.case .content .case-lsit li .item .pic .img-box img {
   transition: all 0.6s;
   -webkit-transition: all 0.6s;
}
.case .content .case-lsit li .item .txt {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 60px;
   z-index: 1;
   background-color: rgba(0, 0, 0, 0.6);
   padding: 15px 20px;
   padding-right: 55px;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.case .content .case-lsit li .item .txt a:nth-child(1) {
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 20px;
   color: #fff;
}
.case .content .case-lsit li .item .txt a:nth-child(2) {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   width: 36px;
   height: 36px;
   border-radius: 50%;
   line-height: 36px;
   text-align: center;
   border: 1px solid #b0b0b0;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.case .content .case-lsit li .item .txt a:nth-child(2)::before {
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #d3d1d0;
   font-size: 12px;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.case-details .title,
.new-details .title {
   position: relative;
}
.case-details .title b,
.new-details .title b {
   position: relative;
   z-index: 2;
   display: block;
   padding: 60px 0 05px;
   font-size: 36px;
   line-height: 1.5;
   font-family: "思源黑体 CN Bold";
   color: #221714;
}
.case-details .title b::before,
.new-details .title b::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 60px;
   height: 4px;
   background-color: #a93828;
}
.case-details .title span,
.new-details .title span {
   position: absolute;
   bottom: 13px;
   left: 0;
   z-index: 1;
   font-size: 72px;
   line-height: 0.8;
   font-family: "思源黑体 CN Heavy";
   color: #f7f7f7;
}
.case-details .page-details-link,
.new-details .page-details-link {
   position: relative;
   padding: 26px 0;
   background-color: #a93828;
}
.case-details .page-details-link::before,
.new-details .page-details-link::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   height: 35px;
   width: 1px;
   background-color: #e6e6e6;
}
.case-details .page-details-link a,
.new-details .page-details-link a {
   position: relative;
   float: left;
   display: inline-block;
   max-width: 49%;
   font-size: 16px;
   line-height: 24px;
   font-family: "思源黑体 CN Medium";
   font-weight: 400 !important;
   color: #ffffff;
}
.case-details .page-details-link a:hover::before,
.new-details .page-details-link a:hover::before {
   background-color: #fff;
   border-color: #fff;
   color: #a93829;
}
.case-details .page-details-link a:hover span,
.new-details .page-details-link a:hover span {
   text-decoration: underline;
}
.case-details .page-details-link a::before,
.new-details .page-details-link a::before {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #fdfafa;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e9b7';
   font-size: 12px;
   color: #fdfafa;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.case-details .page-details-link a b,
.new-details .page-details-link a b {
   display: block;
}
.case-details .page-details-link a span,
.new-details .page-details-link a span {
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.case-details .page-details-link a:nth-child(1),
.new-details .page-details-link a:nth-child(1) {
   padding-left: 54px;
}
.case-details .page-details-link a:nth-child(1)::before,
.new-details .page-details-link a:nth-child(1)::before {
   left: 0;
}
.case-details .page-details-link a:nth-child(2),
.new-details .page-details-link a:nth-child(2) {
   float: right;
   padding-right: 54px;
}
.case-details .page-details-link a:nth-child(2)::before,
.new-details .page-details-link a:nth-child(2)::before {
   right: 0;
   content: '\e610';
}
.case-details .content {
   padding: 50px 0 70px;
}
.case-details .content p {
   font-size: 16px;
   line-height: 32px;
   color: #878382;
}
.new .content {
   padding-bottom: 58px;
}
.new .content .news-list {
   margin: 0 -15px;
   padding-bottom: 10px;
}
.new .content .news-list li {
   float: left;
   width: 400px;
   padding: 0 15px;
   margin-bottom: 35px;
}
.new .content .news-list li .item {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.new .content .news-list li .item:hover {
   transform: translateY(-20px);
}
.new .content .news-list li .item .pic .img-box {
   padding-bottom: 75.13513514%;
}
.new .content .news-list li .item .txt-box {
   height: 220px;
}
.new .content .news-list li .item .txt-box .date {
   padding: 43px 0 16px;
}
.new .content .news-list li .item .txt-box .date b {
   font-size: 36px;
   line-height: 29px;
   font-weight: 400;
   display: block;
}
.new .content .news-list li .item .txt-box .date span {
   font-size: 14px;
   line-height: 20px;
   color: #221714;
}
.new .content .news-list li .item .txt-box a {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin-bottom: 14px;
   max-width: 100%;
   font-size: 20px;
   line-height: 25px;
   color: #000;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.new .content .news-list li .item .txt-box a:hover {
   color: #a93828;
}
.new .content .news-list li .item .txt-box .txt {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.new .content .news-list li .item .txt-box .txt p {
   font-size: 16px;
   line-height: 24px;
   color: #6e6a69;
}
.new-details .content {
   padding-bottom: 70px;
}
.new-details .content .date {
   padding: 32px 0 40px;
}
.new-details .content .date p {
   font-size: 24px;
   line-height: 30px;
   font-family: "思源黑体 CN Medium";
   color: #a93828;
}
.new-details .content>p {
   font-size: 16px;
   line-height: 2;
   color: #878382;
}
.contact .content {
   padding-bottom: 70px;
}
.contact .content .info {
   padding: 50px 0 67px;
}
.contact .content .info ul {
   margin: 0 -15px;
}
.contact .content .info ul li {
   float: left;
   width: 400px;
   padding: 0 15px;
}
.contact .content .info ul li .item {
   position: relative;
   min-height: 334px;
   padding: 50px 20px 20px;
   text-align: center;
   background-color: #f7f7f7;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.contact .content .info ul li .item:hover {
   transform: translateY(-20px);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.contact .content .info ul li .item:hover::before {
   -webkit-animation: iconMove 1s 0s ease both;
   animation: iconMove 1s 0s ease both;
}
@-webkit-keyframes iconMove {
   0% {
      transform: rotateZ(0);
   }
   25% {
      transform: rotateZ(20deg);
   }
   50% {
      transform: rotateZ(0);
   }
   75% {
      transform: rotateZ(20deg);
   }
   100% {
      transform: rotateZ(0);
   }
}
@keyframes iconMove {
   0% {
      transform: rotateZ(0);
   }
   25% {
      transform: rotateZ(20deg);
   }
   50% {
      transform: rotateZ(0);
   }
   75% {
      transform: rotateZ(20deg);
   }
   100% {
      transform: rotateZ(0);
   }
}
.contact .content .info ul li .item::before {
   display: inline-block;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   text-align: center;
   line-height: 80px;
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e633';
   color: #fff;
   font-size: 34px;
   background-color: #a93828;
}
.contact .content .info ul li .item .icon-title {
   padding-top: 18px;
}
.contact .content .info ul li .item .icon-title span {
   font-size: 16px;
   line-height: 36px;
   font-family: "思源黑体 CN Medium";
   color: #878382;
}
.contact .content .info ul li .item .txt p {
   font-size: 20px;
   line-height: 36px;
   font-weight: 700;
   color: #221714;
   font-weight: "思源黑体 CN Bold";
}
.contact .content .info ul li .item .txt p a {
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.contact .content .info ul li .item .txt p a:hover {
   color: #a93828;
   text-decoration: underline;
}
.contact .content .info ul li:nth-child(2) .item::before {
   content: '\e62f';
}
.contact .content .info ul li:nth-child(3) .item::before {
   content: '\e62a';
   font-size: 37px;
}
.contact .content .c-form .title b {
   position: relative;
   display: block;
   padding-bottom: 10px;
   font-size: 24px;
   line-height: 30px;
   color: #221714;
   font-weight: 400;
   font-family: "思源黑体 CN Medium";
}
.contact .content .c-form .title b::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 60px;
   height: 4px;
   background-color: #a93828;
}
.contact .content .c-form .title p {
   padding: 20px 0;
   font-size: 16px;
   line-height: 27px;
   color: #878382;
}
.contact .content .c-form form input,
.contact .content .c-form form textarea {
   display: block;
   margin-bottom: 20px;
   padding: 20px;
   width: 100%;
   height: 60px;
   font-size: 14px;
   color: #878382;
   background-color: #f7f7f7;
}
.contact .content .c-form form input::-webkit-input-placeholder,
.contact .content .c-form form textarea::-webkit-input-placeholder {
   color: #878382;
}
.contact .content .c-form form input:-o-placeholder,
.contact .content .c-form form textarea:-o-placeholder {
   color: #878382;
}
.contact .content .c-form form input::-moz-placeholder,
.contact .content .c-form form textarea::-moz-placeholder {
   color: #878382;
}
.contact .content .c-form form input:-ms-input-placeholder,
.contact .content .c-form form textarea:-ms-input-placeholder {
   color: #878382;
}
.contact .content .c-form form input:focus::-webkit-input-placeholder,
.contact .content .c-form form textarea:focus::-webkit-input-placeholder {
   color: #ababab;
}
.contact .content .c-form form input:focus::-o-placeholder,
.contact .content .c-form form textarea:focus::-o-placeholder {
   color: #ababab;
}
.contact .content .c-form form input:focus::-moz-placeholder,
.contact .content .c-form form textarea:focus::-moz-placeholder {
   color: #ababab;
}
.contact .content .c-form form input:focus::-ms-input-placeholder,
.contact .content .c-form form textarea:focus::-ms-input-placeholder {
   color: #ababab;
}
.contact .content .c-form form input {
   width: 375px;
   float: left;
   margin-right: 22.5px;
}
.contact .content .c-form form input:nth-child(3) {
   margin-right: 0;
}
.contact .content .c-form form input:nth-child(4) {
   float: none;
   width: 100%;
}
.contact .content .c-form form textarea {
   height: 249px;
   margin-bottom: 50px;
}
.contact .content .c-form form button {
   width: 170px;
   height: 46px;
   background-color: #a93828;
   font-size: 14px;
   color: #fff;
   transition: all 0.4s;
   -webkit-transition: all 0.4s;
}
.contact .content .c-form form button:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.45) inset;
}
.contact .content .c-form form button::after {
   display: inline-block;
   margin-left: 20px;
   transform: translateY(-1px);
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e610';
   color: #fff;
   font-size: 12px;
}

.index-choose ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}