﻿.hfu { width: 100%; height: 76px; background: white; border-bottom: 1px solid #dddddd; }

.hfu #cpo { width: 66.66%; margin: 0 auto; overflow: hidden; }

.hfu #cpo li { float: left; width: 88px; font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 76px; margin-right: 37px; text-align: center; cursor: pointer; }

.hfu #cpo .redxian, .hfu #cpo li:hover { color: rgba(229, 0, 18, 1); border-bottom: 2px solid red; }

.footerDiv .wal { padding: 39px 119px 70px; margin: 0 auto; }

.pc-hide .wal { padding: 0 0.3rem; }

.kadsfn { width: 100%; height: 649px; overflow: hidden; }

.kadsfn .fni { padding-top: 64px; padding-bottom: 69px; width: 66.66%; margin: 0 auto; overflow: hidden; }


.kadsfn .fni .nlft { float: left; width: 52.1%; margin-right: 5%; }
.kadsfn .fni .nlft .swiper-slide a { display: block; position: relative; }
.kadsfn .fni .nlft .swiper-slide .info { background: rgba(229,0,0,.7); color: #fff; font-size: 16px; width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 10px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.kadsfn .fni .nrigh { float: left; overflow: hidden; width: 42%; }

.kadsfn .fni .nrigh li:last-child { border-bottom: none; }

.kadsfn .fni .nrigh li:nth-child(2),
.kadsfn .fni .nrigh li:nth-child(3) { margin-top: 33px; }

.kadsfn .fni .nrigh li { border-bottom: 1px solid #dddddd; width: 100%; }

.kadsfn .fni .nrigh li h2 { font-size: 18px; font-family: MicrosoftYaHei-Bold; font-weight: bold; color: rgba(51, 51, 51, 1); line-height: 18px; }
.kadsfn .fni .nrigh li h2 a:hover { color: #e50012; }
.kadsfn .fni .nrigh li b { display: block; margin-top: 22px; margin-bottom: 20px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(162, 162, 162, 1); line-height: 11px; }

.kadsfn .fni .nrigh li p { margin-bottom: 38px; display: block; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 26px; }

/* 轮播 */

.slider { width: 100%; height: 516px; margin: 0 auto 0; overflow: hidden; position: relative }

.pointer { display: none; position: absolute; bottom: 10px; width: 100%; z-index: 4; text-align: center }

.pointer > li { display: none; display: inline-block; width: 10px; height: 10px; cursor: pointer; border-radius: 50%; background-color: #fff }

.pointer > li:not(:last-child) { display: none; margin-right: 10px }

.pointer > li.current { display: none; background-color: #007aff }

.sliderUl { width: 100%; height: 100%; white-space: nowrap; font-size: 0; -webkit-transform: translateX(0); transform: translateX(0); position: absolute; bottom: 0 }

.sliderLi { width: 100%; height: 100%; display: inline-block; font-size: 0 }

.slider img { width: 100%; height: 100%; display: block }

.nextBtn,
.preBtn { cursor: pointer; width: 50px; height: 73px; background: rgba(0, 0, 0, 0.5); /* opacity: 0.5; */ border: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%); line-height: 40px; font-size: 18px; text-align: center; z-index: 10; color: #fff; }

.nextBtn { right: 0; left: auto }


.erc { width: 100%; overflow: hidden; background: rgba(245, 245, 245, 1); padding-bottom: 105px; }

.erc #vna { margin: 0 auto 84px; width: 66.7%; overflow: hidden; }

.within_Nav { margin-bottom: 0 !important; }

.erc #vna li { margin-top: 30px; width: 100%; /* height: 244px; */ background: #fff; transition: all .3s ease; }
.erc #vna li:hover { transform: translateY(-5px); box-shadow: 0 2px 5px rgba(0,0,0,.1); }
.erc #vna li .osvdn { padding: 2.9% 2.3% 2.6% 2.3%; overflow: hidden; }

.erc #vna li .osvdn .lone { width: 27.109%; margin-right: 38px; float: left; overflow: hidden; }

.erc #vna li .osvdn .lone img { width: 100%; display: block; }

.erc #vna li .osvdn .centwo { width: 53.5%; float: left; overflow: hidden; }

.erc #vna li .osvdn .rthree { width: 7%; margin-top: 3%; float: right; }

.erc #vna li .osvdn .rthree h3 { font-size: 60px; font-family: ArialMT; font-weight: 400; text-align: center; color: rgba(85, 86, 90, 1); line-height: 42px; padding-bottom: 19px; display: block; border-bottom: 1px solid rgba(85, 86, 90, 1); }

.erc #vna li .osvdn .rthree p { font-size: 20px; font-family: ArialMT; font-weight: 400; color: rgba(85, 86, 90, 1); line-height: 26px; text-align: center; padding-top: 17px; display: block; }

.erc #vna li .osvdn .centwo h2 a { font-size: 18px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 19px; margin-top: 8px; display: block }
.erc #vna li .osvdn .centwo h2 a:hover { color: #e50012; }
.erc #vna li .osvdn .centwo p { font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 26px; margin-top: 30px; display: block }

.erc #vna li .osvdn .centwo .detail { font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(153, 153, 153, 1); line-height: 34px; margin-top: 28px; text-align: center; display: block; width: 109px; height: 34px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(221, 221, 221, 1); }

.cdnv .nvcan img{  max-width: 100%;}


/* 分页 */

#page { height: 50px; display: table; margin: 84px auto 105px auto; }

.page { text-align: center }

.fl { float: left }

.fr { float: right }

.pagingUl { float: right; padding: 0; margin: 0; list-style: none; height: 30px }

.pagingUl li { float: left; width: 52px; height: 52px; background: #fff; text-align: center; margin-right: 12px; border-radius: 3px; }

.pagingUl li a { display: inline-block; width: 52px; height: 52px; background: rgba(255, 255, 255, 1); border-radius: 3px; text-align: center; font-size: 18px; font-family: ArialMT; font-weight: 400; color: rgba(136, 136, 136, 1); line-height: 52px; }

.prv,
.next { font-size: 20px; width: 52px; height: 52px; border-radius: 3px; text-align: center; line-height: 52px; cursor: pointer; padding: 0 5px; }

.prv { margin-right: 10px; background: url('/vancheerfile/Images/images/icon-angle-left.png') no-repeat center center; }
.next { background: url('/vancheerfile/Images/images/icon-angle-right.png') no-repeat center center; }

.first,
.last { width: 30px; height: 30px; font-size: 12px; text-align: center; line-height: 30px; cursor: pointer; background: #fff; padding: 0 5px; border-radius: 5px; margin-right: 10px }

.prv:hover,
.next:hover,
.first:hover,
.last:hover,
.pagingUl li a:hover,
.activP { background: rgba(229, 0, 18, 1) !important; color: #fff !important }

/* 手机轮播 */

.layout { width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; position: relative; }

.banner { width: 100%; overflow: hidden; position: relative; }

.banner ul:first-child { width: 1000%; -webkit-transform: translateX(-10%); transform: translateX(-10%); }

.banner ul:first-child li { width: 10%; float: left; }

.banner ul:first-child li a { display: block; width: 100%; }

.banner ul:first-child li a img { width: 100%; display: block; }

.banner ul:last-child { position: absolute; bottom: -2px; width: 100%; text-align: center; }

.banner ul:last-child li { width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin-left: 10px; }

.banner ul:last-child li:first-child { margin-left: 0; }

.banner ul:last-child li.now { background: #fff; }



/* pc轮播 */
.swiper-button-next.swiper-button-white { width: 50px !important; height: 73px !important; background-size: 50px 73px; background-image: url(/vancheerfile/Images/images/84.jpg) !important; }

.swiper-button-prev.swiper-button-white { width: 50px !important; height: 73px !important; background-size: 50px 73px; background-image: url(/vancheerfile/Images/images/83.jpg) !important; }

.swiper-button-prev.swiper-button-disabled { background-size: 50px 73px; width: 50px !important; height: 73px !important; background-image: url(/vancheerfile/Images/images/83.jpg) !important; }

.swiper-button-next { opacity: 0.5; right: 0px !important; }

.swiper-button-prev { opacity: 0.5; left: 0px !important; }

.cdnv { overflow: hidden; width: 100%; height: auto; background: #f7f7f7; }

.cdnv .nvcan { overflow: hidden; width: 66.7%; margin: 64px auto 103px auto; height: auto; }

.cdnv .nvcan .cdlef { overflow: hidden; width: 75%; float: left; background: white; }

.cdnv .nvcan .cdlef .nvnfn { overflow: hidden; padding: 59px 60px 63px 60px; }

.cdnv .nvcan .cdlef .nvnfn h2 { margin-bottom: 25px; display: block; font-size: 24px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(229, 0, 18, 1); line-height: 25px; }

.cdnv .nvcan .cdlef .nvnfn .head { overflow: hidden; border-bottom: 1px solid #dddddd; }

/* .cdnv .nvcan .cdlef .nvnfn span { overflow: hidden; display: block; float: left; width: 83%; margin-bottom: 25px; display: block; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(136, 136, 136, 1); line-height: 15px; } */

.cdnv .nvcan .cdlef .nvnfn ul { overflow: hidden; float: right; width: 17%; overflow: hidden; }

.cdnv .nvcan .cdlef .nvnfn ul li { float: left; width: 24px; height: 22px; margin-left: 20px; }

.cdnv .nvcan .cdlef .nvnfn ul li img { display: block; width: 100%; height: 22px; object-fit: contain; }

.cdnv .nvcan .cdlef .nvnfn p { margin-top: 30px; display: block; margin-bottom: 30px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 30px; }

.cdnv .nvcan .cdlef .jfoi { width: 100%; margin: 90px auto 60px auto; height: 65px; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }

.cdnv .nvcan .cdlef .jfoi p { margin-top: 0; width: 50%; display: block; float: left; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 65px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.cdnv .nvcan .cdlef .jfoi p a:hover { color: #e50012; }
.cdnv .nvcan .cdlef .jfoi p:nth-child(2) { text-align: right; }


.cdnv .nvcan .ndaright { float: left; width: 23%; margin-left: 2%; }

.cdnv .nvcan .ndaright .h2 { width: 100%; font-size: 18px; font-family: MicrosoftYaHei-Bold; font-weight: bold; color: rgba(255, 255, 255, 1); line-height: 50px; height: 50px; padding-left: 17px; background: rgba(229, 0, 18, 1); }


.cdnv .nvcan .ndaright ul { width: 100%; overflow: hidden; }

.cdnv .nvcan .ndaright ul li { float: left; height: 88px; width: 100%; border-bottom: 1px solid #E1E1E1; }

.cdnv .nvcan .ndaright ul li p { padding: 10px 0 0 10px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 13px; display: block; margin-top: 26px; margin-bottom: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.cdnv .nvcan .ndaright ul li b { padding: 10px 0 0 10px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(136, 136, 136, 1); line-height: 11px; }
