@charset "utf-8";

/* CSS Document */
#dialogBg11 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999
}

#dialog11 {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px
}

.claseDialogBtn11 {
    font-size: 0.26rem;
    color: #fff;
    position: absolute;
    right: -30px;
    top: -40px
}

.neBanner {
    position: relative;
    padding-top: 1.46rem;
}

.pcImg {
    display: block;
}

.mImg {
    display: none;
}

.nebannerTxt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    color: #fff;
}



.nebannerTxt h1 {
    font-size: 0.48rem;
    font-family: "SourceHanSansCN-bold";
}

.nebannerTxt p {
    font-size: 0.22rem;
    width: 55%;
}

.neMenu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.neMenu ul {
    display: flex;
    align-items: center;
}

.neMenu li a {
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.6rem;
    display: block;
    margin-right: 0.2rem;  padding: 0 0.35rem;
    position: relative; background:rgba(0,0,0,0.4); border-radius:10px 10px 0 0
}

.neMenu li a:after,
.proImg:after {
    content: '';
    width: 0%;
    height: 3px;
    background: #d72128;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    transition-duration: .5s;
}

.neMenu li a:hover:after,
.neMenu li .on:after {
    width: 100%;
}

.neBox {
    padding: 0.8rem 0;
}

.proMenu {
    display: flex;
    align-items: end;
    width: 100%;
    margin-bottom: 0.5rem;
}

.proMenu .neMenu {
    position: relative;
    width: auto;
    margin-left: 0.6rem;
}

.proMenu .neMenu li a {
    color: #333;
    height: 0.6rem; text-align:center; margin-right:0.2rem; font-size:0.2rem; border-radius:10px; background:#efefef;display: flex;justify-content: center;align-items: center; line-height:1.2
}

.proTitle p {
    font-size: 0.2rem;
    color: #666666; text-align:center; line-height:1.3; height:0.6rem
}

.proTitle h1 {
    font-size: 0.3rem;
    font-family: "SourceHanSansCN-bold";
    line-height: 0.5rem;
}

.proMenu .neMenu li .on,
.proMenu .neMenu li a:hover {
    color: #d72128;
}

.proLis li {
    float: left;
    width: 23.5%;
    margin-right: 1.5%;
   
}

.proLis li:nth-child(4n) {
    margin-right: 0;
}

.proImg {
    border: 1px solid #eaeaea;
    height: 3.8rem;
    position: relative;
    transition-duration: .5s;
}

.proLis li:hover .proImg:after {
    width: 100%;
}

.proImg img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 90%;
    max-height: 80%;
    transition-duration: .5s;
}

.proLis li:hover .proImg img {
    transform: scale(1.1);
}

.proTi {
    font-size: 0.18rem;
    line-height: 1.2; display: flex;
    justify-content: center;
    align-items: center; text-align:center; height:0.6rem
}

.page ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.2rem;
}

.page li a {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #ebecf0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    margin: 0 0.05rem;
    transition-duration: .5s;
}

.page li a:hover,
.page li .on {
    background: #d82128;
    color: #fff;
}

.page li span {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #ebecf0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    margin: 0 0.05rem;
    transition-duration: .5s;
}

.page li span:hover,
.page li .on {
    background: #d82128;
    color: #fff;
}

.proDetail {
    background: #fafafa;
    padding: 2rem 0 0.4rem 0;
}

.proDetail .wrap {
    display: flex;
}

.pc-slide {
    width: 7.22rem;
    display: flex;
}

.view {
    width: 5.69rem;
    background: #fff;
    height: 5.69rem;
    border: 1px solid #dddddd;
}

.view .swiper-container {
    width: 100%;
    height: 5.69rem;
    overflow: hidden;
}

.view .swiper-slide {
    width: 100% !important;
}

.view .swiper-slide img,
.preview .swiper-slide img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: auto;
    max-width: 80%;
    max-height: 90%;
}

.preview {
    width: 1.3rem;
    margin: 0 auto;
    position: relative;
}

.preview .swiper-container {
    width: 1.3rem;
    height: 5.69rem;
}

.preview .swiper-slide {
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
    position: relative;
    border: 1px solid #dddddd;
    background: #fff;
    margin-bottom: 0.16rem;
}

.preview .arrow-left,
.preview .arrow-right {
    position: absolute;
    left: 50%;
    top: -0.15rem;
    margin-left: -0.13rem;
    width: 0.33rem;
    height: 0.12rem;
    z-index: 10;
    display: block;
}

.preview .arrow-right {
    top: auto;
    bottom: -0.15rem;
}

.preview .arrow-left img,
.preview .arrow-right img {
    width: 100%;
    height: 100%;
    display: block;
}

.preview .active-nav {
    background: #eee;
}

.proRight {
    padding-left: 0.59rem;
    width: calc(100% - 7.22rem);
    width: -webkit-calc(100% - 7.22rem);
}

.prodeTi {
    font-size: 0.3rem;
    font-family: "SourceHanSansCN-bold";
}

.proJsd {
    font-size: 0.18rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0.21rem 0;
    margin: 0.2rem 0;
}

.proRilis {
    display: flex;
}

.proRilis li {
    width: 50%;
}

.proRilis li h1 {
    color: #d82128;
    font-size: 0.24rem;
    font-family: "SourceHanSansCN-bold";
    margin-bottom: 0.1rem;
}

.syTjlis dd {
    font-size: 0.18rem;
    display: flex;
    align-items: baseline;
    line-height: 1.6;
}

.syTjlis dd i {
    width: 0.07rem;
    height: 0.07rem;
    background: #d82128;
    margin-right: 0.1rem;
}

.pro-p {
    background: #d82128;
    padding-top: 0.2rem;
    margin-bottom: 0.3rem;
}

.pro-p ul {
    display: flex;
}

.pro-p ul li {
    cursor: pointer;
    line-height: 0.59rem;
    background: #a2272c;
    color: #fff;
    font-size: 0.2rem;
    padding: 0 0.22rem;
    margin-right: 0.1rem;
}

.pro-p ul li .on,
.pro-p ul li:hover {
    background: #ffffff;
    color: #d82128;
}

.proSj {
    padding-bottom: 0.3rem;
}

.csTi {
    font-weight: bold;
    font-size: 0.24rem;
    font-family: "SourceHanSansCN-bold";
    margin-bottom: 0.15rem;
}

.csXq {
    font-size: 0.18rem;
}

.newBox1 dl {
    background: #f5f5f5;
    padding: 0.4rem;
    transition-duration: .5s;
    margin-bottom: 0.3rem;
}

.newBox1 dl a {
    display: flex;
    justify-content: space-between;
}

.newBox1 dl dt {
    width: 3.86rem;
    height: 2.23rem;
    overflow: hidden;
}

.newBox1 dl dt img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: .5s;
}

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

.newBox1 dl dd {
    width: calc(95% - 3.86rem);
    width: -webkit-calc(95% - 3.86rem);
}

.newBox1 dl dd h1 {
    font-size: 0.22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newBox1 dl dd span {
    font-size: 0.18rem;
    display: block;
    margin: 0.1rem 0;
}

.newBox1 dl dd p {
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.newBox2 {
    margin-top: 0.3rem;
}

.newLIss dl {
    float: left;
    width: 23.8%;
    margin-right: 1.4%;
    margin-bottom: 0.4rem;
}

.newLIss dl:nth-child(4n) {
    margin-right: 0;
}

.newImg {
    position: relative;
    overflow: hidden;
    background: #000;
}

.newImg img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: .5s;
}

.newLIss dl:hover .newImg img {
    transform: scale(1.1);
}

.newImg:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    height: 0;
    width: 0;
    border: 20px solid transparent;
    border-top-color: rgba(215, 33, 40, 0.3);
    border-left-color: rgba(215, 33, 40, 0.3);
    -webkit-transition: border .35s ease-in-out;
    -moz-transition: border .35s ease-in-out;
    -o-transition: border .35s ease-in-out;
    transition: border .35s ease-in-out;
    z-index: 3;
}

.newLIss dl:hover .newImg:before {
    border-width: 320px;
}

.newTime {
    font-size: 0.18rem;
    margin: 0.15rem 0 0.05rem 0;
}

.newNr {
    width: 90%;
    font-size: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-duration: .5s;
    border-bottom: 1px solid #333;
}

.new-nr-ti {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
}

.new-nr-ti h1 {
    font-size: 0.2rem;
    padding-bottom: 0.15rem;
}

.new-nr-ti p {
    font-size: 0.19rem;
}

.new-nr-zi {
    font-size: 0.16rem;
    line-height: 1.8;
}


.neBanner .Menubox {
    width: 100%;
    position: absolute;
    top: 48%;
    left: 0;
}

.neBanner .Menubox ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 66%;
    margin: 0 auto;
}



.neBanner .Menubox ul li {
    text-align: center;
    transition-duration: .5s;
    cursor: pointer;
}

.neBanner .Menubox ul li p {
    font-size: 0.22rem;
    padding-top: 0.1rem;
    font-weight: bold;
    font-family: "SourceHanSansCN-bold";
    color: #fff;
}

.neBanner .Menubox ul li h1 {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #e8e8e8;
    font-weight: normal;
    transition-duration: .5s;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.neBanner .Menubox ul li h1:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    background: #d72128;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .5s;
    border-radius: 50%;
    z-index: 1;
}

.neBanner .Menubox ul li:hover h1:after,
.neBanner .Menubox ul li.hover h1:after {
    width: 100%;
    height: 100%;
}

.neBanner .Menubox ul li h1 i {
    font-size: 0.62rem;
    color: #333333;
    transition-duration: .5s;
    position: relative;
    z-index: 2;
}

.neBanner .Menubox ul li:hover h1 i,
.neBanner .Menubox ul li.hover h1 i {
    color: #fff;
    animation: icon-bounce 0.5s alternate;
}

.yyLis dl {
    background: #f2f2f2;
    margin-bottom: 0.73rem;
}

.yyLis dl a:after {
    content: '';
    clear: both;
    display: block;
}

.yyLis dl dt {
    width: 50%;
    float: left;
    height: 5.92rem;
    overflow: hidden;
}

.yyLis dl dt img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: .5s;
}

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

.yyLis dl dd {
    width: 50%;
    display: flex;
    height: 5.92rem;
    justify-content: center;
    align-items: center;
    padding: 0.4rem 0.7rem;
}

.yyLis dl dd h1 {
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.5;
}

.yyLis dl dd span {
    font-size: 0.18rem;
    margin: 0.12rem 0;
    display: block;
}

.yyLis dl dd p {
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.yyLis dl:nth-child(2n) dt {
    float: right;
}

.yyLis dl:nth-child(2n) dd {
    float: left;
}

.abJs {
    position: relative;
    padding: 0.7rem 0 0.3rem 0;
}

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

.shai {
    width: 7.1rem;
    position: absolute;
    bottom: 1.15rem;
    left: 0;
}

.abJs .wrap .proTitle {
    width: 20%;
}

.abZi {
    width: 78%;
    z-index: 1;
}

.abZi h1 {
    font-weight: normal;
    font-size: 0.2rem;
}

.abZi p {
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
}

.shuLis {
    background: #d72128;
}

.shuLis div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.42rem;
}

.shuLis li {
    width: 25%;
    text-align: center;
    color: #fff;
    font-size: 0.18rem;
    position: relative;
}

.shuLis li h1 {
    font-size: 0.36rem;
    font-family: "SourceHanSansCN-bold";
    line-height: 1;
}
.shuLis li p{ padding:0 0.08rem; line-height:1.2; height:0.4rem}
.shuLis li:after {
    content: '';
    width: 1px;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 50%;
    background: rgba(255, 255, 255, 0.3);
    margin-top: -0.3rem;
}

.shuLis li:last-child::after {
    display: none;
}

.abBox2 {
    background: url(../images/bg.jpg) no-repeat center;

    padding: 1rem 0;
}

.whLis {
    display: flex;
    margin-top: 0.9rem;
}

.whLis dl {
    width: 33.33%;
}

.whLis dl dt {
    font-size: 0.36rem;
    border-left: 1px solid #d72128;
    line-height: 1.2;
    padding-left: 0.3rem;
    color: #666;
}

.whLis dl dt p {
    font-size: 0.6rem;
}

.whLis dl dd {
    font-size: 0.2rem;
    padding-left: 0.3rem;
    line-height: 1.4;
    width: 90%;
    margin-top: 0.3rem;
}


.abBox6 {
    padding: 0.7rem 0 1rem 0;
}

.lxBox {
    display: flex;
    margin-top: 0.5rem;
}

#map,
.lxTxt {
    width: 50%;
    height: 5.21rem;
}

.lxTxt {
    background: #d72128;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 1.2rem;
}

.lxTxt img {
    width: 4.23rem;
    margin-bottom: 0.2rem;
}

.lxTxt ul li {
    display: flex;
    font-size: 0.2rem;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 0.05rem;
}

.lxTxt ul li i {
    font-size: 0.29rem;
    margin-right: 0.15rem;
}

.lxTxt ul li:nth-child(1) i {
    font-size: 0.24rem;
}

.lxTxt ul li b {
    font-size: 0.24rem;
}

.rcIclis {
    display: flex;
    justify-content: space-between;
    margin-top: 0.53rem;
    margin-bottom: 0.6rem;
}

.rcIclis dl {
    width: 25%;
    text-align: center;
}

.rcIclis dl dd {
    font-size: 0.24rem;
    margin-top: 0.15rem;
}

.rcIclis dl dt {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #d72128;
    padding-top: 0.07rem;
    position: relative;
    transition-duration: .5s;
}

.rcIclis dl dt p {
    width: 1.07rem;
    height: 1.07rem;
    background: #d72128;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: relative;
}

.rcIclis dl dt:after {
    content: '';
    width: 1.11rem;
    height: 1.11rem;
    border-radius: 50%;
    border: 1px solid #d72128;
    position: absolute;
    left: 0;
    top: 0.03rem;
    transition-duration: .5s;
    z-index: 1;
}

.rcIclis dl dt p i {
    color: #fff;
    font-size: 0.4rem;
    transition-duration: .5s;
}

.rcIclis dl:hover dt p i {
    animation: icon-bounce 0.5s alternate;
}

.rcIclis dl:hover dt {
    background: #c31e24;
}

.rcIclis dl:hover dt:after {
    background: #ab171d;
}


.subNavBox {
    width: 100%;
}

.subNav {
    display: block;
    width: 100%;
    height: 0.6rem;
    background: #f3f3f3;
    padding: 0 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.22rem;
    margin-top: 0.1rem;
    cursor: pointer;
}

.subNav span {
    display: block;
    width: 0.33rem;
    height: 0.33rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subNav span i {
    font-size: 0.26rem;
    transform: rotate(-90deg);
}

.currentDt {
    background: #d72128;
    color: #fff;
}

.currentDt span i {
    transform: rotate(90deg);
    color: #333;
}


.navContent {
    display: none;
    padding: 0.4rem;
    border: 1px solid #d6d6d6;
    font-size: 0.18rem;
}

.abBox3 {
    background: url(../images/jb.jpg) no-repeat bottom right;
    margin-top: 0.8rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.abBox3 .proMenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.9rem;
}

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

.zzZs li {
    text-align: center;
    margin-left: 0.4rem;
    font-size: 0.2rem;
}

.zzZs li h1 {
    color: #d72128;
    font-size: 0.6rem;
    line-height: 1.2;
}

.zzZs li h1 b {
    font-size: 0.4rem;
}

.tabs {
    position: absolute;
    top: 0.35rem;
    left: 5.5rem;
    display: flex;
    align-items: center;
    width: 50%;
    z-index: 9;
}

.tabs li {
    cursor: pointer;
    font-size: 0.24rem;
    margin-right: 0.4rem;
}

.tabs li.hover {
    color: #d82128;
    border-bottom: 2px solid #d82128;
}

.zsImg {
    height: 3.68rem;
    position: relative;
    padding: 0.16rem;
}

.zsImg img {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    display: block;
    max-height: 100%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
}



.abBox3 .swiper-slide p {
    font-size: 0.18rem;
    opacity: 0;
    margin-top: 0.15rem;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0.3rem;
}



.abBox3 .swiper-scrollbar {
    height: 8px;
    background: #f1f1f1;
    width: 92%;
    left: 4%;
    bottom: 0.1rem;
}

.abBox3 .swiper-button-next,
.abBox3 .swiper-button-prev {
    background: none;
    bottom: 0.3rem;
    top: auto;
    margin-top: 0;
    height: 0.3rem;
}

.abBox3 .swiper-scrollbar-drag {
    background: #d82128;
}

.abBox3 .swiper-button-prev {
    left: 0;
}

.abBox3 .swiper-button-next i,
.abBox3 .swiper-button-prev i {
    font-size: 0.5rem;
    color: #999999;
}

.abBox3 .swiper-button-next {
    right: 0;
}

.abBox3 .swiper-button-next i {
    transform: rotate(180deg);
    display: block;
}

.abBox4 {
    padding-bottom: 0.7rem;
}

.kfZi {
    font-size: 0.18rem;
    margin: 0.15rem 0 0.25rem 0;
}

.kfMenubox ul {
    width: 75%;
    display: flex;
    justify-content: space-between;
}

.kfMenubox ul li {
    width: 24%;
    height: 1.25rem;
    cursor: pointer;
    background: #333333;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    padding-top: 0.15rem;
    border-radius: 10px;
}

.kfMenubox ul li i {
    font-size: 0.5rem;
    height: 0.2rem;
}

.kfMenubox ul li p {
    font-size: 0.24rem;
}

.kfMenubox ul li.hover {
    background: #d72128;
}

.kfContentbox {
    background: #f3f3f3;
    padding: 0.4rem 0.3rem;
}

.kZi {
    font-size: 0.18rem;
    margin-bottom: 0.3rem;
}

.lxForm li {
    width: 25%;
    float: left;
    font-size: 0.18rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

.lxForm li b {
    color: #d72128;
    font-weight: normal;
}

.lxForm li p {
    margin-right: 0.1rem;
}

.lxForm li input,
.lxForm textarea,
.lxForm li a,.lxForm li select {
    width: 2.83rem;
    border: 1px solid #d5d5d5;
    height: 0.35rem;
}
.lxForm li:nth-child(3){ width:1.6rem}
.lxForm .w100 {
    width: 100%;
    float: none;
}

.lxForm .w100 p {
    width: 1.3rem;
}

.lxForm textarea {
    height: 1.08rem;
    width: 90%;
}

.lxForm li a {
    width: 0.95rem;
    background: #fff;
    display: block;
    margin-left: 0.15rem;
}

.lxForm li a img {
    width: 100%;
    height: 100%;
}

.lxForm li .btn {
    display: block;
    background: #d72128;
    width: 1.06rem;
    text-align: center;
    line-height: 0.35rem;
    font-size: 0.16rem;
    color: #fff;
  
    outline: none;
    border: none;
}
.dxkk{ clear:both; width:100%; font-size:0.18rem}
.dxkk input{ margin-right:0.1rem}
.lxForm .w100 dl {
    display: flex;
}

.lxForm .w100 dl dd {
    width: 1.06rem;
    text-align: center;
    line-height: 0.35rem;
    font-size: 0.16rem;
    margin-right: 0.1rem;
    background: #fff;
    cursor: pointer;
}

.lxForm .w100 dl dd.hover {
    color: #fff;
    background: #d72128;
}

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

.yxLis li {
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 0.15rem;
}

.yxLis li h1 {
    font-size: 0.22rem;
    font-family: "SourceHanSansCN-bold";
}

.yxLis li p {
    font-size: 0.17rem;
}

.xzLis dl {
    width: 48%;
    float: left;
    background: #fff;
    margin-bottom: 0.45rem;
}

.xzLis dl a {
    width: 100%;
    height: 1.48rem;
    display: flex;
    align-items: center;
    padding: 0.2rem 0.2rem 0.2rem 0.5rem;
}

.xzLis dl:nth-child(2n) {
    float: right;
}

.xzLis dl dt {
    width: 1rem;
    margin-right: 0.2rem;
}

.xzLis dl dd {
    width: calc(90% - 1rem);
    width: -webkit-calc(90% - 1rem);
}

.xzLis dl dd p {
    font-size: 0.24rem;
    line-height: 1.3;
}

.xzLis dl dd span {
    font-size: 0.18rem;
}

.yyBox .proMenu {
    display: block;
    text-align: center;
}

.yyBox .yyLis dl dt,
.yyBox .yyLis dl dd {
    height: 5.2rem;
}

.yyBox .yyLis dl dd h1 {
    font-size: 0.3rem;
    font-weight: bold;
    font-family: "SourceHanSansCN-bold";
    margin-bottom: 0.2rem;
}

.yyBox .yyLis dl dd h2 {
    font-weight: normal;
    line-height: 1.5;
}

.yyBox .yyLis dl dd h2 i {
    color: #d72128;
    font-size: 0.66rem;
}

.yyBox .proLis li {
    width: 30%;
    margin-right: 5%;
}

.yyBox .proLis li:nth-child(3n) {
    margin-right: 0;
}

.yyBox .proImg {
    height: 4.4rem;
}

.yyBox .proImg img {
    max-width: 70%;
}

.yyBox .yyTi {
    text-align: center;
    font-size: 0.26rem;
    margin: 0.1rem 0;
}

.yyBox .proTi {
    font-size: 0.18rem;
    text-align: center; height:auto
}

.yyCase {
    background: url(../images/xt.png) no-repeat center #f6f6f6;
    padding: 0.8rem 0;
    margin-top: 0.6rem;
}

.yyCase .newImg {
    height: 3.54rem;
}

.yyCase .newTime {
    font-size: 0.22rem;
}

.yyCase .newNr {
    border-bottom: 2px solid #d72128;
    white-space: normal;
    padding-bottom: 0.15rem;
}

.yyJszc {
    padding-top: 0.6rem;
}

.zcLis li {
    float: left;
    width: 23%;
    background: #d72128;
    height: 2.85rem;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 0.2rem 0.2rem;
    margin-right: 2.5%;
}

.zcLis li:last-child {
    margin-right: 0;
}

.zcLis li i {
    font-size: 0.4rem;
}

.zcLis li h1 {
    font-size: 0.24rem;
    margin-bottom: 0.1rem; line-height:1.3
}

.zcLis li p {
    font-size: 0.2rem;
    line-height: 1.3;
}



@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1280px) {}





@media only screen and (max-width: 960px) {

    .pcImg,
    .rcIclis dl dt:after {
        display: none;
    }

    .mImg,
    .proDetail .wrap,
    .proRilis {
        display: block;
    }



    .wrap {
        margin: 0 9px;
    }

    .nebannerTxt p {
        width: 100%;
        font-size: 14px;
    }

    .nebannerTxt h1,
    .proTitle h1,
    .prodeTi,
    .csTi,
    .whLis dl dt p {
        font-size: 18px;
    }

    .zzZs li h1 {
        font-size: 22px;
    }

    .neMenu li a {
        font-size: 14px;
        margin-right: 10px;
    }

    .neBox {
        padding: 30px 0;
    }

    .proMenu,
    .abJs .wrap,
    .whLis {
        display: block;
    }

    .proRilis li h1,
    .newBox1 dl dd h1,
    .new-nr-ti h1,
    .yyLis dl dd h1,
    .abZi h1,
    .yxLis li h1,
    .zcLis li h1,
    .yyCase .newTime {
        font-size: 16px;
    }

    .zcLis li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 20px;
        height: auto;
    }

    .yyBox .proLis li {
        margin-right: 1%;
        width: 31.5%;
    }

    .yyBox .proImg {
        height: 100px;
    }

    .yyBox .yyLis dl dt,
    .yyBox .yyLis dl dd {
        height: auto;
    }

    .proRilis li {
        width: 100%;
        margin-bottom: 20px;
    }

    .yyCase .newImg {
        height: 117px;
    }

    .proTitle p,
    .proTi,
    .proJsd,
    .syTjlis dd,
    .pro-p ul li,
    .csXq,
    .newBox1 dl dd p,
    .newNr,
    .new-nr-ti p,
    .new-nr-zi,
    .yyLis dl dd p,
    .abZi p,
    .shuLis li,
    .whLis dl dd,
    .zzZs li,
    .tabs li,
    .kfZi,
    .kfMenubox ul li p,
    .kZi,
    .lxForm li,
    .yxLis li p,
    .xzLis dl dd p,
    .zcLis li p {
        font-size: 14px;
    }

    .xzLis dl dd span {
        font-size: 12px;
    }

    .pc-slide,
    .newNr {
        width: 100%;
    }

    .view {
        width: 5.2rem;
    }

    .proMenu .neMenu {
        margin-left: 0;
        padding-top: 20px;
    }

    .pro-p ul li {
        padding: 0;
    }

    .proLis li,
    .proLis li:nth-child(4n),
    .newLIss dl,
    .newLIss dl:nth-child(4n) {
        width: 48%;
        margin: 0 1% 20px;
    }

    .newBox1 dl dd span,
    .newTime,
    .neBanner .Menubox ul li p,
    .yyLis dl dd span {
        font-size: 12px;
        margin: 0;
    }

    .proImg {
        height: 160px;
    }

    .page li a {
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .proRight {
        padding-left: 0;
        width: 100%;
        margin-top: 0.2rem;
    }

    .newBox1 dl {
        padding: 10px;
    }

    .newBox1 dl dd {
        width: 55%;
    }

    .newBox1 dl dt {
        width: 40%;
        height: 80px;
    }

    .newBox1 dl dd p {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        line-height: 1.2
    }

    .neBanner .Menubox ul {
        width: 90%;
    }

    .neBanner .Menubox ul li h1 {
        width: 40px;
        height: 40px;
    }

    .neBanner .Menubox ul li h1 i {
        font-size: 20px;
    }

    .yyLis dl dt,
    .yyLis dl dd,
    .abJs .wrap .proTitle {
        width: 100%;
        float: none;
        height: auto;
    }

    .yyLis dl dd {
        padding: 15px;
    }

    .abMenu li a {
        margin-right: 3px;
    }

    .abZi {
        margin-top: 15px;
        width: 100%;
    }

    .shai {
        width: 100%;
        bottom: 0;
    }

    .shuLis div {
        height: auto;
        display: block;
        padding: 20px 0;
    }

    .shuLis li {
        width: 33.333%;
        float: left;
    }

    .shuLis li h1 {
        font-size: 18px;
    }

    .shuLis div:after {
        content: '';
        clear: both;
        display: block;
    }

    .shuLis li:after {
        display: none;
    }

    .shuLis li p {
        height: 50px;
    }

    .abBox2 {
        height: auto;
        background-size: cover;
        padding: 30px 0;
    }

    .whLis dl,
    .whLis dl dd {
        width: 100%;
    }

    .whLis dl dd {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .whLis {
        margin-top: 30px;
    }

    .abBox3 {
        background-size: 40%;
    }

    .tabs {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        justify-content: center;
    }

    .abBox3 .proMenu {
        display: block;
    }

    .abBox3 .proMenu {
        margin-bottom: 20px;
    }

    .zsImg {
        height: 200px;
    }

    .abBox3 .swiper-scrollbar {
        height: 4px;
    }

    .kfMenubox ul,
    .lxForm li,
    .yxLis li {
        width: 100%;
    }

    .lxForm li p,
    .lxForm .w100 p {
        width: 65px;
    }

    .lxForm li input,
    .lxForm textarea,
    .lxForm li a {
        width: 75%;
        height: 30px;
    }

    .lxForm textarea {
        height: 60px;
    }

    .lxForm .w100 dl dd,
    .btn {
        width: 100px;
        line-height: 30px;
        font-size: 14px;
    }

    .lxForm li a {
        width: 50px;
    }

    .xzLis dl {
        width: 100%;
    }

    .xzLis dl a {
        padding: 10px;
    }

    .xzLis dl dt {
        width: 30px;
    }

    .xzLis dl dd {
        width: calc(90% - 30px);
        width: -webkit-calc(90% - 30px);
    }

    .rcIclis dl dt {
        border: none;
        padding: 0;
    }

    .rcIclis dl dd {
        font-size: 12px;
        padding: 0 4px;
    }

    .subNav {
        font-size: 16px;
        height: 30px;
    }

    .navContent {
        padding: 15px;
        font-size: 14px;
    }

    .lxBox {
        display: block;
    }

    #map,
    .lxTxt {
        width: 100%;
        height: 200px;
    }

    .lxTxt {
        height: auto;
        padding: 20px;
    }

    .lxTxt img {
        width: 160px;
    }

    .lxTxt ul li {
        font-size: 14px;
    }

    .lxTxt ul li i {
        font-size: 0.36rem;
    }

    .lxTxt ul li b {
        font-size: 17px;
    }
}