/*dingbu*/
/*index begin*/
.banner-swiper{
    display: block;
    width: 100%;
    /*height: calc(100% - 130px);*/
}

.swiper-banner{
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-banner .swiper-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 42.29%;
}
.swiper-banner .swiper-button-prev,
.swiper-banner .swiper-button-next{
    background-image: none;
    width: 30px;
    height: auto;
    margin-top: 0;
    transform: translateY(-50%);
}
.swiper-banner .swiper-button-prev{
    left: 200px;
    right: auto;
}
.swiper-banner .swiper-button-next{
    right: 200px;
    left: auto;
}
.swiper-banner .swiper-button-prev>img,
.swiper-banner .swiper-button-next>img{
    max-width: 100%;
}
.p2-jj{
    display: block;
    background: url("../image/p2-back.jpg") no-repeat center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 100px;
}
.p-h{
    display: block;
    text-align: center;
}
.p2-shows{
    display: block;
    margin-top: 60px;
}
.p2-left{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 56%;
    background: url("../image/p2-left-back.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 22px 30px;
}
.p2-left video{
    max-width: 100%;
    max-height: 100%;
}
.p2-right{
    display: inline-block;
    vertical-align: top;
    width: 44%;
    box-sizing: border-box;
    padding-left: 6%;
}
.p2-text{
    display: block;
}
.p2-text p{
    font-size: 20px;
    color: #333;
    line-height: 160%;
}
.p-more{
    display: inline-block;
    background: url("../image/more-back.png")no-repeat;
    background-size: 100% 100%;
    width: 228px;
    line-height: 64px;
    font-size: 20px;
    color: #674000;
    text-align: center;
}
.p2-more{
    display: block;
    text-align: center;
    margin-top: 24px;
}
.p3-cp{
    display: block;
    background: url("../image/p3-back.jpg") no-repeat center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 60px;
}

.p3-shows{
    display: block;
    height: 600px;
    margin-top: 60px;
}
.p3-left{
    display: inline-block;
    vertical-align: top;
    width: 44.6%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 30px 30px 0;
    background-color: #7A372F;
}
.p3-left:hover .p3-l-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.p3-l-icon{
    position: absolute;
    top: 30px;
    right: 30px;
}
.p3-lH{
    display: block;
    font-size: 28px;
    color: #fff;
    line-height: 100%;
}
.p3-xian{
    display: block;
    margin-top: 20px;
    width: 40px;
    height: 1px;
    background-color: #fff;
}
.p3-l-line{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 20px;
}
.p3-l-text{
    display: inline-block;
    vertical-align: bottom;
    font-size: 20px;
    color: #fff;
    line-height: 125%;
    width: 67%;
}
.p3-l-more{
    display: inline-block;
    vertical-align: bottom;
    width: 130px;
    line-height: 40px;
    background-color: #5D0F06;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.p3-l-img{
    display: block;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
}
.p3-l-img>img{max-width: 100%;transition-duration: .6s}

.p3-right{
    display: inline-block;
    vertical-align: top;
    width: 55.4%;
    box-sizing: border-box;
}
.p3-r-div{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    padding-left: 10px;
}
.p3-r-div:nth-of-type(-n+2){
    margin-bottom: 10px;
}
.p3-r-sec{
    display: block;
    width: 100%;
    height: 295px;
    position: relative;
    box-sizing: border-box;
    padding: 20px 20px 0;
    background-color: #324352;
}
.p3-r-sec:hover .p3-r-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.p3-r-icon{
    position: absolute;
    top: 20px;
    right: 20px;
}
.p3-rH{
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 100%;
}
.p3-xian.-right{margin-top: 10px}
.p3-r-text{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 125%;
}
.p3-r-line{
    position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.p3-r-more{
    display: inline-block;
    vertical-align: bottom;
    width: 100px;
    line-height: 36px;
    background-color: #0D1D2C;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.p3-r-img{
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 120px);
    text-align: right;
    overflow: hidden;
}

.p3-r-img>img{
    max-width: 100%;
    transition-duration: .6s;
    max-height: 150px;
}
.p3-more{
   display: block;
    margin-top: 40px;
}

.p4-cy{
    display: block;
    background: url("../image/p4-back.jpg") no-repeat center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 100px;
}
.p4-sec{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-bottom: 50.7%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.p4-sec:hover .p4-sec-marks{
     opacity: 0;
}
.p4-sec:hover .p4-sec-showH{
    opacity: 0;
}
.p4-sec:hover .p4-sec-box{
    opacity: 1;
}
.p4-sec-marks{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    transition-duration: .6s;
}
.p4-sec-showH{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 256px;
    line-height: 70px;
    font-size: 28px;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 1;
    transition-duration: .6s;
}
.p4-sec-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    max-width: 570px;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    box-sizing: border-box;
    padding: 40px 60px;
   transition-duration: .6s;
   
   z-index: 2;
}
.p4-sec-h{
    display: block;
    font-size: 28px;
    color: #fff;
    line-height: 100%;
    text-align: center;
}
.p4-sec-text{
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 160%;
    margin-top: 12px;
}
.p4-sec-more{
    display: block;
    width: 180px;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    margin: 40px auto 0;
}

.p5-xw{
    display: block;
    background: url("../image/p5-back.jpg") no-repeat center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 100px;
}

.p5-ul{
    display: block;
}
.p5-li-add{margin: 0 -20px}
.p5-li-div{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 20px;
}
.p5-li-sec{
    width: 100%;
    line-height: 78px;
    box-sizing: border-box;
    border: 2px solid #BE9B6B;
    font-size: 20px;
    font-weight: bold;
    color: #BE9B6B;
    text-align: center;
    background-image: none;
}
.p5-li-sec.active{
    background: url("../image/p5-li-back.png")no-repeat center;
    background-size: cover;
    color: #fff;
}
.p5-li-sec>a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.p5-line{
    display: none;
    height: 520px;
    margin-top: 40px;
}
.p5-line:first-child{
    display: block;
}
.p5-left{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 100%;
    background-color: #fff;
}
.p5-left:hover .p5-l-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.p5-l-img{
    display: block;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
}
.p5-l-img>img{
    max-width: 100%;
    transition-duration: .6s;
}
.p5-l-content{
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
}
.p5-l-time{
    display: block;
    margin-top: 20px;
}
.p5-l-time>span{
    font-size: 28px;
    font-weight: bold;
    color: #333;
}
.p5-l-time>span:last-of-type{
    font-size: 16px;
    color: #999;
    margin-left: 10px;
}
.p5-l-h{
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 20px;
}
.p5-l-p{
    width: 100%;
    font-size: 16px;
    color: #999;
    margin-top: 20px;
}
.p5-right{
    display: inline-block;
    vertical-align: top;
    width: 60%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 40px;
}
.p5-right-box{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 40px 40px;
    background-color: #fff;
}
.p5-r-sec{
    display: block;
    margin-top: 30px;
}
.p5-r-sec:first-of-type{
    margin-top: 0;
}
.p5-r-sec:first-of-type .p5-r-p{
    display: -webkit-box;
}
.p5-r-sec:hover .p5-r-h{
    color: #AA2618;
}
.p5-r-time{
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    box-sizing: border-box;
    border-right: 1px solid #999;
}
.p5-r-date{
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
}
.p5-r-year{
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 100%;
    margin-top: 12px;
}
.p5-r-content{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 110px);
    box-sizing: border-box;
    padding-left: 30px;
}
.p5-r-h{
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
}
.p5-r-p{
    display: none;
    width: 100%;
    font-size: 16px;
    color: #999;
    line-height: 160%;
    margin-top: 10px;
}
/*index end*/
/*about begin*/
.banner{
    display: block;
    width: 100%;
    position: relative;
}

.banner>img{
    width: 100%;
}
.banner_marks{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.banner-tip{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.banner-tip>img{
    max-width: 100%;
}
.banner-tip-mobile{
    display: none;
    font-size: 24px;
    color: #FFE89F;
}
.jj-p2{
    display: block;
    padding: 80px 0 60px;
}
.jj-p2-left{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.jj-p2-left video{
    max-width: 90%;
}
.jj-p2-right{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.jj-p2-rT{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 160%;
}
.jj-p2-r-nums{
    display: block;
    margin-top: 10px;
}
.jj-p2-numSec{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
}
.jj-p2-numSec-h{
    display: block;
    background: url("../image/yuan-back.png") no-repeat center;
    padding: 30px 0;

}

.jj-p2-numSec-h span:first-of-type{
    display: inline-block;
    vertical-align: bottom;
    color: #333;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
}
.jj-p2-numSec-h span:last-of-type{
    display: inline-block;
    vertical-align: bottom;
    color: #333;
    font-size: 20px;
    line-height: 40px;
}
.jj-p2-numSec-p{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 100%;
}
.jj-p3{
    display: block;
    padding: 60px 0;
    background: url("../image/jj-p3-back.png")no-repeat center;
    background-size: cover;
}
.jj-p3-text{
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 160%;
    text-indent: 2em;
}

.jj-p4{
    display: block;
    padding: 80px 0 120px;
    background-color: #FEFAF6;
}
.jj-p4-sec1{
    display: block;
}
.jj-sec1-l{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.jj-sec1-l.-left{
    padding-left: 40px;
}
.jj-sec1-l.-right{
    padding-right: 40px;
}
.jj-sec1-l.-right .jj-sec1-num{
    text-align: right;
}
.jj-sec1-num{
    display: block;
}
.jj-sec1-num>img{
    max-width: 100%;
}
.jj-sec1-text{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 200%;
    position: relative;
    z-index: 2;
    text-indent: 2em;
}
.jj-sec1-img{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    padding: 0 40px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.jj-sec1-img>img{
    max-width: 100%;
}

.jj-p4-sec2{
    display: block;
    padding: 60px 0;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}
.jj-sec2-marks{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 60%;
    height: 100%;
}

.wh-p2{
    display: block;
    margin-top: 40px;
    margin-bottom: 80px;
}
.wh-sec-add{
    margin: 0 -20px;
}
.wh-sec-div{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 40px;
}
.wh-sec{
    width: 100%;
    height: 220px;
    box-shadow: 0 3px 20px rgba(0,0,0,.04);
    box-sizing: border-box;
    padding: 30px 50px 0;
    overflow-y: auto;
    position: relative;
    background-image: url("../image/wh-sec-back.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #333;
    transition-duration: .6s;
}
.wh-sec:hover{
    background-image: url("../image/wh-sec-back-ac.png");
    color: #fff;
}
.wh-sec-num{
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 16px;
    
    display: none;
}
.wh-sec-h{
    display: block;
    font-size: 22px;
    line-height: 100%;
}
.wh-sec-p{
    display: block;
    font-size: 18px;
    line-height: 144%;
    margin-top: 10px;
}

.wh-p3{
    display: block;
    background-color: #FEFAF6;
    padding: 60px 0 40px;
}
.wh-p3-h{
    display: block;
}
.wh-p3-h>img{max-width: 100%;}
.wh-p3-h p{
    display: none;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
}
.wh-p3-show{
    display: block;
    margin-top: 40px;
}
.wh-p3-img{
    display: inline-block;
    vertical-align: top;
    width: calc(35% - 20px);
    box-sizing: border-box;
    border: 1px solid #AA2618;
    margin-left: 20px;
}

.wh-p3-img>img{
    max-width: 100%;
    transform: translate(-20px,-20px);
}
.wh-p3-p{
    display: inline-block;
    vertical-align: top;
    width: 65%;
    box-sizing: border-box;
    padding-left: 9%;
 
}
.wh-p3-p.-left{
    padding-left: 0;
    padding-right: 9%;
}
.wh-p3-p p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
      text-indent: 2em;
}

.wh-p4{
    display: block;
    background: url("../image/wh-p4-back.png")no-repeat center;
    background-size: cover;
    padding: 40px 0;
}
.wh-p4-text p{
    font-size: 20px;
    color: #fff;
    line-height: 200%;
    text-indent: 2em;
}

.wh-ry{
    display: block;
    padding-top: 60px;
    padding-bottom: 120px;
}
.wh-ry-h{
    display: block;
    text-align: center;
}
.wh-ry-h>img{max-width: 100%;}
.wh-ry-shows{
    display: block;
    margin-top: 40px;
}
.wh-ry-left{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.wh-ry-left.-tx{
    width: 60%;
}
.wh-ry-secShow{
    display: block;
    max-height: 440px;
    overflow-y: auto;
}
.wh-ry ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.wh-ry ::-webkit-scrollbar-thumb {

    border-radius: 2px;
    background: #EFEFEF;
}
.wh-ry-secBox{
    display: block;
    box-sizing: border-box;
    padding-left: 10%;
    margin-top: 20px;
    transition-duration: .6s;
}
.wh-ry-secBox:first-of-type{
    margin-top: 0;
}
.wh-ry-sec{
    display: inline-block;
    width: 100%;
}
.wh-ry-secBox.active{
    padding-left: 5%;
}
.wh-ry-secBox.active .wh-ry-xian{
    width: 60px;
}
.wh-ry-secBox.active .wh-ry-secH{
    font-weight: bold;
    color: #AA2618;
}
.wh-ry-secNum{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #C7C7C7;
    line-height: 100%;
    /*margin-right: 30px;*/
    width: 50px;
}
.wh-ry-xian{
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 2px;
    background-color: #C7C7C7;
    margin-right: 30px;
    transition-duration: .6s;
}
.wh-ry-secH{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 150px);
    font-size: 20px;
    color: #333;
    line-height: 100%;
}
.wh-ry-right{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.wh-ry-right.-tx{
    width: 40%;
}
.swiper-ry{
    width: 100%;
}

.ry-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ry-img>img{
    max-width: 100%;
}
.ry-p{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 100%;
    text-align: center;
    margin-top: 20px;
}


.lc-shows{
    display: block;
    padding-top: 80px;
    padding-bottom: 400px;
    background: url("../image/lc-swiper-back.png")no-repeat center;
}
.lc-swiper-box{
    display: block;
    margin-top: 160px;
}
.lc-swiper{
    position: relative;
}
.swiper-lc{
    width: 100%;
    position: relative;
}
.lc-swiper .swiper-button-prev,
.lc-swiper .swiper-button-next{
    background-image: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #D0D0D0;
    border-radius: 50%;
    outline: none;
    margin-top: 0;
    transition-duration: .6s;

    top: auto;
    bottom: 0;
}
.lc-swiper .swiper-button-prev:hover,
.lc-swiper .swiper-button-next:hover{
    background-color: #AA2618;
}
.lc-swiper .swiper-button-prev{
    left: auto;
    right: 170px;
}
.lc-swiper .swiper-button-next{
    right: 70px;
}
.lc-swiper .swiper-button-prev>img,
.lc-swiper .swiper-button-next>img{
    max-width: 38%;
}
.swiper-lc .swiper-slide{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    text-align: center;
    position: relative;
}
.swiper-lc .swiper-slide-active .lc-year{
    color: #AA2618;
}
.swiper-lc .swiper-slide-active .lc-circle-big{
    width: 20px;
    height: 20px;
    background-color: #AA2618;
}
.swiper-lc .swiper-slide-active .lc-circle-small{
    width: 8px;
    height: 8px;
}
.swiper-lc .swiper-slide-active .lc-xian-ac{
    opacity: 1;
}
.lc-year{
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #AFAFAF;
    line-height: 100%;
}
.lc-xian{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #C7C7C7;
    margin-top: 22px;
    margin-bottom: 20px;
}
.lc-xian-ac{
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,rgba(170,38,24,0),rgba(170,38,24,1),rgba(170,38,24,0));
    background-image: -webkit-linear-gradient(to right,rgba(170,38,24,0),rgba(170,38,24,1),rgba(170,38,24,0));
    background-image: -moz-linear-gradient(to right,rgba(170,38,24,0),rgba(170,38,24,1),rgba(170,38,24,0));
    opacity: 0;
}
.lc-circle-big{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%,50%);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #C7C7C7;
}
.lc-circle-small{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%,50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
}
.lc-textShowList{
    display: block;
    margin-top: 40px;
}
.lc-textShow{
    display: none;
    text-align: center;
}
.lc-textShow.show{
    display: block;
}
.lc-text-l{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: bold;
    color: #AA2618;
    line-height: 200%;
}
.lc-text-l:after{
    content: '/';
    margin: 0 30px;
    display: inline-block;
    vertical-align: top;
}
.lc-text-r{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    color: #999;
    line-height: 200%;
    max-width: 430px;
    text-align: left;
}

.pp-shows{
    display: block;
}
.pp-sec1{
    display: block;
    padding: 80px 0 40px;
}
.pp-sec2{
    display: block;
    padding: 40px 0;
}
.pp-sec2-box{
    box-sizing: border-box;
    padding: 0 40px;
}
.pp-sec-p{
    display: block;
}
.pp-sec-p p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}
.back-yellow{background-color: #FEFAF6}
.back-white{background-color: #fff}
.pp-sec-left{
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    box-sizing: border-box;
    padding: 0 40px;
}
.pp-sec-img{
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    text-align: center;
}
.pp-sec-img>img{
    max-width: 100%;
}

.pp-sec3-num{
    display: inline-block;
    vertical-align: top;
    width: 180px;
    text-align: right;
}
.pp-sec3-num>img{
    max-width: 100%;
}
.pp-sec3-num.-left{
    text-align: right;
}
.pp-sec3-t{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 180px);
    box-sizing: border-box;
    padding: 0 40px;
}
.pp-sec3-t p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}
/*about end*/
/*product begin*/
.cp-shows{
    display: block;
    background-color: #FEFAF6;
}
.cp-line{
    display: block;
    border-bottom: 2px solid #E2E2E2;
}
.cp-line-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 108px;
}
.cp-ul{
    display: inline-block;
    vertical-align: middle;
}
.cp-ul li{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #333;
    line-height: 24px;
    position: relative;
}
.cp-ul li.active{
    color: #AA2618;
}
.cp-ul li.active:after{
    content: '';
    position: absolute;
    top: 54px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #AA2618;
    
    display: none;
}

.cp-ul li+li:before{
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: 0 60px;
}
.crumb{
    display: inline-block;
    vertical-align: middle;
}
.crumb li{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #333;
    line-height: 24px;
}
.crumb li+li:before{
    content: '/';
    display: inline-block;
    margin: 0 5px;
}
.cp-secShow{
    display: block;
    margin-top: 40px;
    padding-bottom: 120px;
}
.cp-sec-add{
    margin: 0 -20px;
}
.cp-sec-div{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 40px;
}
.cp-sec{
    display: block;
    width: 100%;
}
.cp-sec:hover .cp-sec-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.cp-sec-img{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fff;
}
.cp-sec-img>img{
    max-width: 100%;
    transition-duration: .6s;
}
.cp-sec-content{
    display: flex;
    align-items: start;
    justify-content: space-between;
    background-color: #AA2618;
    border-radius: 0 0 30px 0;
    box-sizing: border-box;
    padding: 30px 30px;
}
.cp-sec-p{
    display: inline-block;
    vertical-align: top;
    height: 80px;
}
.cp-sec-p p{
    font-size: 21px;
    color: #fff;
    line-height: 100%;
}
.cp-sec-p p:nth-of-type(2){
    font-size: 18px;
    color: #fff;
    line-height: 130%;
    margin-top: 10px;
}
.cp-sec-more{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    color: #fff;
}
.cp-sec-more>img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}


.cp-xq{
    display: block;
    background-color: #FEFAF6;
    padding-bottom: 240px;
}
.xq-crumb{
    display: inline-block;
    vertical-align: middle;
}
.xq-crumb li{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #333;
    line-height: 24px;
}
.xq-crumb li+li:before{
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.xq-crumb li:last-of-type{
    color: #999;
}
.cp-xq-shows{
    display: block;
    margin-top: 80px;
}
.cp-xq-shows p{
    font-size: 22px;
    color: #333;
    line-height: 200%;
}
.cp-xq-shows p img{max-width: 100%;}

.xw-shows{
    display: block;
    background-color: #FEFAF6;
    padding: 80px 0 120px;
}

.xw-card{
    display: block;
    box-sizing: border-box;
    padding: 40px 50px;
    border: 1px solid #BE9B6B;
    margin-top: 40px;
}
.xw-card:hover .xw-card-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.xw-card-img{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    overflow: hidden;
}
.xw-card-img>img{
    max-width: 100%;
    transition-duration: .6s;
}
.xw-card-content{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    padding-left: 40px;
}
.xw-card-date{
    display: block;
    font-size: 40px;
    color: #BE9B6B;
    line-height: 100%;
}
.xw-card-year{
    display: block;
    font-size: 20px;
    color: #999;
    line-height: 100%;
    margin-top: 5px;
}
.xw-card-h{
    display: block;
    width: 100%;
    font-size: 30px;
    color: #333;
    line-height: 100%;
    margin-top: 24px;
}
.xw-card-p{
    width: 100%;
    -webkit-line-clamp: 3;
    font-size: 18px;
    color: #999;
    line-height: 155%;
    margin-top: 20px;
}
.xw-more{
    display: inline-block;
    font-size: 18px;
    color: #BE9B6B;
    line-height: 100%;
    margin-top: 40px;
}

.xw-secShow{
    display: block;
}
.xw-sec-add{
    margin: 0 -20px;
}
.xw-sec-div{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 40px;
}
.xw-sec{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 40px;
    border: 1px solid #BE9B6B;
    transition-duration: .6s;
    position: relative;
}
.xw-sec:hover{
    background-color: #fff;
}
.xw-sec:hover .xw-sec-xian{
    width: 100%;
}
.xw-sec:hover .xw-sec-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.xw-sec-xian{
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #AA2618;
    transition-duration: .6s;
}
.xw-sec-h{
    display: block;
    font-size: 22px;
    color: #333;
    line-height: 100%;
}
.xw-sec-time{
    display: block;
    font-size: 18px;
    color: #999;
    line-height: 100%;
    margin-top: 15px;
}
.xw-sec-line{
    display: block;
    margin-top: 16px;
}
.xw-sec-img{
    display: inline-block;
    vertical-align: top;
    width: 43.6%;
    overflow: hidden;
}
.xw-sec-img>img{
    max-width: 100%;
    transition-duration: .6s;
}
.xw-sec-content{
    display: inline-block;
    vertical-align: middle;
    width: 56.4%;
    box-sizing: border-box;
    padding-left: 20px;
}
.xw-sec-p{
    width: 100%;
    -webkit-line-clamp: 3;
    font-size: 18px;
    color: #999;
    line-height: 155%;
}

.yema-xw{
    margin-top: 60px;
}
.yema{
    display: block;
    text-align: center;
}
.yema-box{
    display: inline-block;
}
.yema-box li{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border: 1px solid #E3E3E3;
    font-size: 18px;
    color: #333;
    margin-right: 10px;
    margin-top: 20px;
   transition-duration: .6s;
}
.yema-box li:last-of-type{
    margin-right: 0;
}
.yema-box li:hover{
    color: #fff;
    background-color: #BE9B6B;
    border-color: transparent;
}
.yema-box li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.yema-box li.active{
    color: #fff;
    background-color: #BE9B6B;
    border-color: transparent;
}


.xw-xq{
    display: block;
    background-color: #FEFAF6;
    padding: 80px 0;
}

.xw-xq-card{
    display: block;
    background-color: #fff;
    box-sizing: border-box;
    padding: 60px 20px 120px;
}
.xw-xq-h{
    display: block;
    font-size: 32px;
    color: #333;
    line-height: 100%;
    text-align: center;
}
.xw-xq-line{
    display: block;
     margin-top: 30px;
    text-align: center;
}
.xw-xq-lineSec{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #999;
    line-height: 150%;
    margin-right: 40px;
}
.xw-xq-lineSec:last-of-type{
    margin-right: 0;
}
.xw-xq-showBox{
    display: block;
    border-top: 1px solid #E3E3E3;
    margin-top: 60px;
    padding-top: 60px;
}
.xw-xq-show{
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.xw-xq-show p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
}
.xw-xq-show  img{
   max-width: 100%;
}
.xw-xq-back{
    display: block;
    margin-top: 60px;
    font-size: 22px;
    color: #666;
    text-align: center;
}

.dj-js{
    display: block;
    padding: 60px 0;
}
.dj-h{
    display: block;
    box-sizing: border-box;
    text-align: center;
}
.dj-h>img{
    max-width: 100%;
}
.dj-h p{
    display: none;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 100%;
}
.dj-js-line{
    display: block;
    margin-top: 60px;
}
.dj-js-img{
    display: inline-block;
    vertical-align: top;
    width: calc(48% - 60px);
    box-sizing: border-box;
    margin-left: 20px;
    margin-right: 40px;
    border: 1px solid #AA2618;
    position: relative;
}
.dj-js-img.-right{
    margin-left: 40px;
    margin-right: 20px;
}
.dj-js-img.-right>img{
    transform: translate(20px,-20px);
}
.dj-js-img.-right .dj-js-lH{
    left: 80px;
}
.dj-js-img.-right .dj-js-more{
    left: 80px;
}
.dj-js-img>img{
    max-width: 100%;
    transform: translate(-20px,-20px);
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
}
.dj-js-lH{
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 100%;

    max-width: calc(100% - 80px);
}
.dj-js-more{
    position: absolute;
    bottom: 50px;
    left: 40px;
    display: inline-block;
    font-size: 18px;
    color: #BE9B6B;
    line-height: 100%;
}

.dj-js-text{
    display: inline-block;
    vertical-align: top;
    width: 52%;
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}

.dj-bd-more{
    display: block;
    text-align: right;
    font-size: 18px;
    color: #BE9B6B;
    line-height: 100%;
}
.dj-bd-swiper{
    display: block;
    margin-top: 40px;
}
.swiper-dj{
    width: 100%;
    padding-bottom: 70px;
}
.swiper-dj .swiper-pagination-bullet{
    vertical-align: middle;
}
.swiper-dj .swiper-pagination-bullet-active{
    background-color: #AA2618;
    width: 14px;
    height: 14px;
}
.swiper-bd .swiper-slide:hover .bd-sec-img>img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.bd-sec-img{
    display: block;
    text-align: center;
    overflow: hidden;
}
.bd-sec-img>img{
    max-width: 100%;
    border-radius: 10px;
    transition-duration: .6s;
}
.bd-sec-h{
    display: block;
    width: 100%;
    font-size: 22px;
    color: #333;
    line-height: 100%;
    margin-top: 20px;
}
.bd-sec-time{
    display: block;
    font-size: 18px;
    color: #999;
    line-height: 100%;
    margin-top: 15px;
}
.bd-sec-p{
    font-size: 18px;
    color: #999;
    line-height: 155%;
    margin-top: 15px;
}
.bd-sec-more{
    display: inline-block;
    font-size: 18px;
    color: #BE9B6B;
    margin-top: 15px;
}

.dj-hd{
    display: block;
    padding: 60px 0;
    background: url("../image/dj-hd-back.png") no-repeat;
    background-size: cover;
    color: #333;
}
.dj-hd.hd_gz{
    background-image: url("../image/dj-hd_gz-back.png");
    color: #fff;
}
.dj-hd-text{
    display: block;
    font-size: 20px;
    /*color: #333;*/
    line-height: 200%;
    margin-top: 40px;
    text-indent: 2em;
}
.dj-hd-more{
    display: block;
    text-align: right;
    font-size: 18px;
    /*color: #333;*/
}

.dj-sp{padding-bottom: 120px}

.swiper-sp{
    width: 100%;
}
.sp-sec-video{
    display: block;
    text-align: center;
}
.sp-sec-video video{
    max-width: 100%;
    border-radius: 10px;
}
.sp-sec-p{
    display: block;
    font-size: 22px;
    color: #333;
    line-height: 100%;
    text-align: center;
    margin-top: 20px;
}
.pp-p2-text{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 200%;
    margin-top: 20px;
}

.dj-pp-h{
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 150%;
}
.dj-pp-secShow{
   display: block;
    margin-top: 40px;
}
.dj-pp-add{
    margin: 0 -20px;
}
.dj-pp-div{
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 40px;
    text-align: initial;
}
.dj-pp-sec{
    display: block;
    width: 100%;
    /*min-height: 390px;*/
    min-height: 490px;
    box-sizing: border-box;
    padding: 20px 20px 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgba(0,0,0,.04);
    position: relative;
}
.dj-pp-secNum{
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    font-size: 60px;
    font-weight: bold;
    color: rgba(170,38,24,.1);
}
.dj-pp-secH{
    display: block;
    font-size: 22px;
    color: #333;
    line-height: 100%;
    margin-top: 40px;
}
.dj-pp-secXian{
    display: block;
    width: 40px;
    height: 4px;
    background-color: #AA2618;
    margin-top: 10px;
}
.dj-pp-secP{
    display: block;
    font-size: 18px;
    color: #999;
    line-height: 155%;
    margin-top: 20px;
}

.dj-pp-fShow{
    display: block;
    margin-top: 36px;
}
.dj-pp-fAdd{margin: 0 -20px}


.dj-pp-fSec{
    display: block;
    margin-top: 40px;
}
.dj-js.back-yellow  .dj-pp-fSec{
    margin-top: 80px;
}
.dj-pp-fText{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
    overflow: hidden;
}
.dj-pp-fText p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}
.dj-pp-fText img{
    max-width: 100%;
}
.dj-pp-fImg{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 20px;
    position: relative;
}
.js-ye-marks{
    position: absolute;
    top: -40px;
    left: auto;
    right: 0;
    width: 100%;
    max-width: 560px;
    height: 100%;
    max-height: 270px;
    background-color: #fff;
}
.dj-pp-fImg.-left{
    padding-left: 20px;
    padding-right: 60px;
    text-align: right
}
.dj-pp-fImg.-left .js-ye-marks{
    right: auto;
    left: 0;
}

.dj-pp-fImg>img{
    max-width: 100%;
    position: relative;
    z-index: 2;
}
.dj-pp-fEnd{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 200%;
    margin-top: 20px;
    text-indent: 2em;
}

.dj-js-divLine{
    display: block;
    text-align: center;
}

.dj-js-h2{
    display: block;
    font-size: 20px;
    color: #999;
    line-height: 150%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 60px;
}
.rc-zy-h2{font-weight: bold}

.dj-hd-720{
    position: fixed;
    bottom: calc(20% + 80px);
    right: 0;
    border-bottom: 1px solid #FBD095;
    z-index: 9;
}

.dj-sp-add{margin: 0 -20px}

.dj-sp-div{
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 40px;
}

.dj-gh-div{width: 50%}
.dj-gh-sec.active{
    background: url(../image/dj-gh-sec-back.png)no-repeat center;
}

.yf-tx-cg{
    display: block;
    background: url("../image/yf-tx-cg-back.png")no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.yf-tx-cg.yf-wj{
    background-image: url("../image/yf-zl-wj-back.png");
}
.yf-tx-cg-left{
    display: inline-block;
    vertical-align: top;
    width: 60%;
    max-width: 750px;
}
.yf-tx-cg-left p{
    font-size: 20px;
    color: #fff;
    line-height: 200%;
    text-indent: 2em;
}
.yf-tx-cg-h{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: right;
}
.yf-tx-cg-h>img{
    max-width: 100%;
}
.yf-tx-cg-h p{
    display: none;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 100%;
}
.yf-zl-kz{
    display: inline-block;
    vertical-align: top;
    width: 34%;
}
.yf-zl-kz .wh-p3-img{
    width: calc(100% - 20px);
    margin-top: 37px;
}

.yf-zl-ry{
    display: block;
    background: url("../image/yf-zl-ry-back.png")no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.yf-zl-ryH{
    display: block;
    text-align: center;
}
.yf-zl-ryH>img{
    max-width: 100%;
}
.yf-zl-ry-ulAdd{margin: 40px -5px 0}
.yf-zl-ry-div{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    box-sizing: border-box;
    padding: 0 5px;
}
.yf-zl-ry-li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    background-color: #fff;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.yf-zl-ry-li a{
    max-width: 200px;
    text-align: center;
}
.yf-zl-ry-li.active{
    background-color: #AA2618;
    color: #fff;
}
.yf-zl-ry-textShow{
    display: none;
    width: 100%;
    height: 470px;
    box-sizing: border-box;
    padding: 40px 40px;
    background-color: #fff;
    margin-top: 40px;
}
.yf-zl-ry-textShow:first-child{
    display: block;
}
.yf-zl-ry-text{
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.yf-zl-ry-text p{
    font-size: 18px;
    color: #333;
    line-height: 220%;
    text-indent: 2em;
}
.zz-ry-sec{
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px 20px;
    position: relative;
}
.zz-ry-sec:hover .dj-pp-secH{
    color: #AA2618;
}
.zz-ry-secP{
    display: -webkit-box;
    -webkit-line-clamp:3;
    height: 86px;
}
.zz-ry-secBottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.zz-ry-secTime{margin-top: 0}
.zz-ry-secAdd{margin: 0 -20px;}
.zz-ry-div{
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 40px;
}

.zz-rh-shows{
    display: block;
}
.zz-rh-left{
    display: inline-block;
    vertical-align: top;
    width: 52.3%;
}
.zz-rh-left .dj-js-img{
    width: calc(92% - 60px);
}
.zz-rh-p{
     display: block;
    margin-top: 40px;
}
.zz-rh-p p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}
.zz-rh-right{
    display: inline-block;
    vertical-align: top;
    width: 47.7%;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
}
.zz-rh-right>img{
    max-width: 100%;
}
.zz-rh-right p{
    font-size: 20px;
    color: #333;
    line-height: 150%;
    margin-top: 60px;
}

.rc-rc-shows{
    display: block;
    margin-top: 40px;
}
.rc-rc-text{
    display: inline-block;
    vertical-align: top;
    width: 66%;
    box-sizing: border-box;
    padding-right: 40px;
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}
.rc-rc-img{
    display: inline-block;
    vertical-align: top;
    width: 34%;
    text-align: right;
}
.rc-rc-img>img{
    max-width: 100%;
}

.rc-zy-secShow{
    display: block;
    box-sizing: border-box;
    padding: 0 40px;
    margin-top: 60px;
}
.rc-zy-sec{
    display: block;
    margin-top: 40px;
}
.rc-zy-text{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    overflow-y: hidden;
}
.rc-zy-text p{
    font-size: 20px;
    color: #333;
    line-height: 200%;
    text-indent: 2em;
}
.rc-zy-img{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: right;
}
.rc-zy-img.-left{
    text-align: left;
}
.rc-zy-img>img{
    max-width: 100%;
}

.rc-fl-secAdd{
    margin-top: -40px;
    text-align: center;
}
.rc-fl-sec{
    display: block;
    width: 100%;
    min-height: 230px;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 40px 40px;
    position: relative;
}
.rc-fl-sec-yinhao{
    position: absolute;
    top: 40px;
    left: 30px;
}
.rc-fl-secH{
    display: block;
    font-size: 22px;
    color: #333;
    line-height: 127%;
    text-align: center;
}
.rc-fl-secP{
    display: block;
    margin-top: 26px;
}
.rc-fl-secP p{
    font-size: 18px;
    color: #333;
    line-height: 177%;
}

.zz-zp-tableShow{
    display: block;
    overflow-x: auto;
}
.zz-zp-table{
    display: block;
    width: 100%;
    min-width: 900px;
}
.zz-zp-sec{
    display: block;
}
.zz-zp-sec:first-of-type .zz-zp-sec-line{
    border-bottom: none;
    background-color: #AA2618;
    padding: 15px 7%;
    color: #fff;
}
.zz-zp-sec:first-of-type .zp-td{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.zz-zp-sec:last-of-type .zz-zp-sec-line{
    border-bottom: none;
}
.zz-zp-sec-line{
    display: block;
    box-sizing: border-box;
    padding: 30px 7%;
    background-color: #fff;
    border-bottom: 1px solid #E8E8E8;
}
.zp-td{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #333;
    line-height: 40px;
}
.td1{
   width: 35%;
}
.td2{
    width: 25%;
}
.td3{
    width: 25%;
}
.td4{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 15%;
    color: #AA2618;
}
.td4.show>img{
    display: none;
}
.td4.show>img.show{
    display: inline-block;
}
.td4>img.show{
    display: none;
}
.zz-zp-secHover{
    display: none;
    background-color: #FCF5ED;
    box-sizing: border-box;
    padding: 40px 7%;
}
.zz-zp-secHover.show{
    display: block;
}

.zz-zp-secText{
    display: block;
}
.zz-zp-secText p{
    font-size: 18px;
    color: #333;
    line-height: 166%;
}
.zz-zp-secBtn{
    display: block;
    width: 120px;
    line-height: 40px;
    background-color: #AA2618;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 40px;
}

.tanchuang-marks{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 13;
    display: none;
}
.tanchuang-zp{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 1200px;
    z-index: 15;
    display: none;
}
.tc-zp-box{
    display: block;
    width: 100%;
    max-height: 90vh;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    border-radius: 20px 20px 0 0;
    overflow-y: auto;
    position: relative;
}
.tc-zp-cha{
    position: absolute;
    top: 32px;
    right: 50px;
    cursor: pointer;
}
.tc-zp-h{
    display: block;
    border-radius: 20px 20px 0 0;
    background-color: #FEFAF6;
    font-size: 22px;
    color: #333;
    line-height: 80px;
    text-align: center;
}
.tc-zp-secShow{
    display: block;
    box-sizing: border-box;
    padding: 0 8% 40px;
}
.tc-zp-sec{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 20px);
    margin-top: 30px;
}
.tc-zp-sec:nth-of-type(odd){
    margin-right: 20px;
}
.tc-zp-sec:nth-of-type(evrn){
    margin-left: 20px;
}
.tc-zp-t1{
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    font-size: 20px;
    color: #333;
    line-height: 44px;
}
.tc-zp-input{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
}
.tc-zp-input input,
.tc-zp-input select{
    width: 100%;
    line-height: 42px;
    height: 42px;
    font-size: 20px;
    color: #333;
    box-sizing: border-box;
     padding-left: 20px;
    outline: none;
    border: none;
    background-color: #FEFAF6;
}
.tc-zp-input input::placeholder{color: #C7C7C7}
.tc-zp-btn{
    display: block;
    width: 240px;
    line-height: 50px;
    background-color: #AA2618;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 40px auto 0;
}

.tc-zp-fj{
    display: inline-block;
    font-size: 20px;
    color: #AA2618;
    position: relative;
}
.tc-zp-fj>img{
    vertical-align: middle;
    margin-left: 10px;
}
.tc-zp-fj input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.lx-kh-ul{
    display: block;
}
.lx-kh-ul li{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 20px);
    line-height: 78px;
    box-sizing: border-box;
    border: 1px solid #AA2618;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.lx-kh-ul li.active{
    background-color: #AA2618;
    color: #fff;
    border-color: transparent;
}
.lx-kh-ul li:nth-of-type(odd){
    margin-right: 20px;
}
.lx-kh-ul li:nth-of-type(even){
    margin-left: 20px;
}
.lx-kh-ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.lx-kh-shows{
    display: block;
    height: 696px;
    margin-top: 40px;
    margin-bottom: 60px;
}
.lx-kh-left{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 65%;
    height: 100%;
    background-color: #fff;
}
.lx-kh-right{
    display: inline-block;
    vertical-align: top;
    width: 35%;
    height: 100%;
}
.lx-kh-map{
    display: inline-block;
    max-width: 100%;
    position: relative;
}
.lx-kh-map>img{
    max-width: 100%;
}
.lx-kh-dot{
    position: absolute;
}
.dot1{
    top:59%;
    left: 54%;
}
.dot2{
    top: 35%;
    left: 75%;
}
.dot3{
    top: 41%;
    left: 66%;
}
.dot4{
    top: 44%;
    left: 71%;
}
.dot5{
    top: 49%;
    left: 62%;
}
.dot6{
    top: 52%;
    left: 75%;
}.dot7{
     top: 58%;
     left: 68%;
 }
.dot8{
      top: 60%;
      left: 80%;
  }
.dot9{
    top: 68%;
    left: 81%;
}
.dot10{
     top: 70%;
     left: 71%;
 }
.dot11{
    top: 78%;
    left: 80%;
}
.dot12{
    top: 74%;
    left: 65%;
}
.dot13{
    top: 81%;
    left: 72%;
}
.dot14{
    top: 66%;
    left: 65%;
}
.dot15{
    top: 84%;
    left: 64%;
}
.lx-dot-box{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #AA2618;
    position: relative;
}
.lx-dot-box:before,
.lx-dot-box:after{
    content: '';
    border-radius: 50%;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 14px;
    height: 14px;
    border: 2px solid #AA2618;
    -webkit-animation: fangda 2.5s linear infinite;
    animation: fangda 2.5s linear infinite;
    opacity: 0;
}
.lx-dot-box:after{
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
   -moz-animation-delay: 1s;
}
@keyframes fangda {
    0%{
        width: 14px;
        height: 14px;
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        width: 78px;
        height:78px;
        opacity: 0;
        visibility: hidden;
    }
}
@-webkit-keyframes fangda {
    0%{
        width: 14px;
        height: 14px;
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        width: 78px;
        height:78px;
        opacity: 0;
        visibility: hidden;
    }
}
@-moz-keyframes fangda {
    0%{
        width: 14px;
        height: 14px;
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        width: 78px;
        height:78px;
        opacity: 0;
        visibility: hidden;
    }
}

.lx-kh-right{
    position: relative;
    background-color: #AA2618;
    box-sizing: border-box;
    padding: 60px 40px;
}
.lx-kh-rH{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #FBD095;
    line-height: 100%;
}
.lx-kh-rP{
    display: block;
    box-sizing: border-box;
    padding-right: 40px;
    margin-top: 20px;
    max-height: 520px;
    overflow-y: auto;
}

.lx-kh-rP::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.lx-kh-rP::-webkit-scrollbar-thumb{
      border-radius: 2px;
    background-color: #FBD095;
}

.lx-kh-rP p{
    font-size: 20px;
    color: #FBD095;
    line-height: 160%;
}
.lx-kh-icon1{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.lx-kh-icon2{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.lx-lx-shows{
    display: block;
    height: 696px;
    margin-bottom: 60px;
}
.lx-lx-left{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 100%;
}
.swiper-lx{width: 100%;height: 100%}
.swiper-lx .swiper-pagination{
    display: inline-block;
    width: auto;
    left: 40px;
    bottom: 30px;
}
.swiper-lx .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: rgba(255,255,255,.4);
}
.swiper-lx .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
    background-color: #fff;
}
.lx-lx-secShow{
    display: block;
    height: 100%;
    overflow-y: auto;
    background: url("../image/lx-lx-swiper-back.png")no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding: 40px 40px;
}
.lx-lx-sec{
    display: block;
    margin-top: 34px;
}
.lx-lx-sec:first-of-type{
    margin-top: 0;
}
.lx-lx-secH{
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 100%;
}
.lx-lx-secH>img{
    vertical-align: middle;
    margin-right: 10px;
}
.lx-lx-secP{
    display: block;
    margin-top: 4px;
}
.lx-lx-secP p{
    font-size: 18px;
    color: #E2E2E2;
    line-height: 166%;
}
.lx-lx-right{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 60%;
    height: 100%;
    background-color: #fff;
}
.lx-lx-ly{
    display: block;
    box-sizing: border-box;
    padding: 0 60px;
}
.lx-ly-h{
    display: block;
    font-size: 20px;
    color: #AFAFAF;
    line-height: 100%;
}
.lx-ly-form{
    display: block;
    margin-top: 40px;
}
.lx-ly-line{
    display: block;
    margin-top: 20px;
}
.lx-ly-line input,
.lx-ly-line textarea{
    width: 100%;
    background-color: #F0F0F0;
    font-size: 20px;
    color: #333;
    border: none;
    outline: none;
    box-sizing: border-box;
}
.lx-ly-line input{
    line-height: 48px;
    border-radius: 32px;
    padding: 0 20px;
}
.lx-ly-line textarea{
    height: 220px;
    border-radius: 10px;
    padding: 20px 20px;
}
.lx-ly-line input::placeholder,
.lx-ly-line textarea::placeholder{
    color: #D0D0D0;
}

.lx-ly-sec{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 20px);
}
.lx-ly-sec:nth-of-type(odd){
    margin-right: 20px;
}
.lx-ly-sec:nth-of-type(even){
    margin-left: 20px;
}
.lx-ly-secT{
    display: block;
    font-size: 18px;
    color: #AFAFAF;
    line-height: 100%;
    margin-bottom: 10px;
}
.lx-ly-btn{
    display: block;
    width: 200px;
    line-height: 48px;
    border-radius: 32px;
    background-color: #AA2618;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 40px auto 0;
}

.lx-dt-add{margin: 0 -5px}
.lx-dt-div{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    box-sizing: border-box;
    padding: 0 5px;
}
.lx-dt-sec{
    display: block;
    box-sizing: border-box;
    line-height: 78px;
    border: 1px solid #AA2618;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.lx-dt-sec.active{
    background-color: #AA2618;
    color: #fff;
    border-color: transparent;
}
.lx-dt-map{
    display: block;
    height: 520px;
    margin-top: 40px;
    margin-bottom: 60px;
}
#dituContent{
    width: 100%;
    height: 100%;
}

.bbd-line{
    display: block;
    margin-top: 60px;
}
.bbd-line.-left .bbd-content{
    padding-left: 310px;
    padding-right: 60px;
    transform: translate(0,-40px);
}
.bbd-line.-left .bbd-img{
    margin-left: -60px;
}
.bbd-line.-right .bbd-content{
    padding-left: 60px;
    padding-right: 310px;
    transform: translate(0,40px);
}
.bbd-line.-right .bbd-img{
    margin-right: -60px;
}
.bbd-content{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    padding: 50px 0;
    background-color: #BE9B6B;
    position: relative;
    z-index: 2;
}
.bbd-content p{
    font-size: 20px;
    color: #fff;
    line-height: 200%;
    text-indent: 2em;
}
.bbd-img{
    display: inline-block;
    vertical-align: top;
    width: calc(50% + 60px);
}
.swiper_bbd{
    width: 100%;
}
.swiper_bbd  .swiper-pagination-bullet{
    background: #fff;
    opacity: .5;
}
.swiper_bbd .swiper-pagination .swiper-pagination-bullet-active{
    background:#fff;
    opacity: 1;
}

.swiper_bbd img{
    width: 100%;
}
.bdd-p1{margin-top: 20px}
.bdd-p4{margin-top: 80px;margin-bottom: 60px}


.sousuo-input{
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 0;
}
.sousuo-input input{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 190px);
    line-height: 80px;
    box-sizing: border-box;
    padding: 0 40px;
    background-color: #F5F0EC;
    outline: none;
    border: none;
    border-radius: 40px 0 0 40px;
    font-size: 20px;
    color: #333;
}
.sousuo-input input::placeholder{
    color: #AFAFAF;
}
.suosuo-text{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    line-height: 80px;
    background-color: #AA2618;
    border-radius: 0 40px 40px 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.suosuo-text img{
    vertical-align: middle;
    margin-right: 14px;
}
.sousuo-line{
    display: block;
    margin-top: 60px;
    border-bottom: 1px solid #D0D0D0;
}
.sousuo-ul{
    display: block;
}
.sousuo-ul li{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    line-height: 60px;
    font-size: 24px;
    color: #666;
    text-align: center;
    position: relative;
}
.sousuo-ul li.active{
    color: #AA2618;
 }
.sousuo-ul li.active:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #AA2618;
}
.ss-secShow{
    display: block;
    margin-top: 20px;
    margin-bottom: 60px;
}
.ss-sec-add{margin: 0 -10px}
.ss-sec-div{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 20px;
}
.ss-sec{
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    box-sizing: border-box;
    padding: 20px 20px;
}
.ss-sec-h{
    display: block;
    width: 100%;
    font-size: 22px;
    color: #333;
    line-height: 100%;
}
.ss-sec-p{
    font-size: 18px;
    color: #999;
    line-height: 155%;
    height: 58px;
    margin-top: 10px;
}
.ss-li-show{display: none}
.ss-li-show:first-of-type{display: block}
.noData{
    display: block;
    margin-top: 80px;
    text-align: center;
}
.noData>img{
    max-width: 100%;
}
/*product end*/
/*dibu*/

@media screen and  (max-width:769px){
    body{
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
    }
}

@media screen and  (max-width:1520px){
    .banner-tip>img{max-width: 75%;}

    .bbd-content{
        display: block;
        width: 100%;
        padding: 40px 20px!important;
        transform: none!important;
    }
    .bbd-img{
        display: block;
        width: 100%;
        margin: 0 0!important;
    }
    .bbd-img>img{max-width: 100%;}
}
@media screen and  (max-width:1340px){
    .swiper-banner .swiper-button-prev{
        left: 40px;
    }
    .swiper-banner .swiper-button-next{
        right: 40px;
    }
    .p2-left{
        display: block;
        width: 100%;
        background-image: none;
        padding: 0 0;
    }
    .p2-right{
        display: block;
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
    .p2-more{text-align: initial}

    .p3-shows{
        height: auto;
    }
    .p3-left{
        display: block;
        width: 100%;
    }
    .p3-right{
        display: block;
        width: 100%;
    }
    .p3-r-div{
        padding-left: 0;
        margin-top: 20px;
    }
    .p3-r-div:nth-of-type(-n+2){margin-bottom: 0}
    .p3-r-div:nth-of-type(odd){
        padding-right: 10px;
    }
    .p3-r-div:nth-of-type(even){
        padding-left: 10px;
    }

    .p4-sec{
        width: 100%;
        padding-bottom: 0;
        margin-top: 20px;
    }
    .p4-sec-box{
        position: initial;
        width: 100%;
        max-width: initial;
        transform: none;
    }

    .jj-p2-left{
        display: block;
        width: 100%;
    }
    .jj-p2-left video {
        max-width: 100%;
    }
    .jj-p2-right{
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .wh-sec-div{width: 50%}

    .wh-p3-img{
        display: block;
        width: 100%;
        border: none;
        margin-left: 0;
        margin-top: 20px;
    }
    .wh-p3-img>img{transform: none}
    .yf-zl-kz{
        display: block;
        width: 100%;
    }
    .yf-zl-kz .wh-p3-img{
        width: 100%;
        margin-top: 20px;
    }
    .wh-p3-p{
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .wh-ry-left{
        display: block;
        width: 100%;
    }
    .wh-ry-right{
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    .wh-ry-secBox{padding-left: 0;
    }

    .dj-js-img{
        display: block;
        width: 100%;
        margin: 0 0;
        border: none;
    }
    .dj-js-img>img{transform: none}
    .dj-js-text{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .dj-js-text{
        display: block;
        width: 100%;
    }
    .dj-js-img.-right{margin: 20px 0 0;}
    .dj-js-img.-right>img{transform: none}

    .dj-pp-fAdd{margin: 0 0}
    .dj-pp-fText{
        display: block;
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
    }
    .dj-pp-fImg{
        display: block;
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
    }
    .dj-pp-fImg.-left{padding: 0 0;text-align: initial}

    .js-ye-marks{display: none}
    .dj-js.back-yellow .dj-pp-fSec{margin-top: 40px}

    .dj-hd-720{zoom: .6}

    .yf-tx-cg{padding: 40px 0}
    .yf-tx-cg-left{
        display: block;
        width: 100%;
        max-width: initial;
    }
    .yf-tx-cg-h{
        display: block;
        width: 100%;
        text-align: initial;
        margin-top: 20px;
    }

    .wh-ry-right.-tx{
        display: block;
        width: 100%;
    }
    .wh-ry-left.-tx{
        display: block;
        width: 100%;
        margin-top: 30px;
    }
}
/*1340end*/
@media screen and  (max-width:1200px){
    .p5-line{height: auto}
    .p5-left{
        display: block;
        width: 100%;
    }
    .p5-right{
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .p5-l-content{padding-bottom: 20px}

    .jj-sec1-l{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .jj-sec1-l.-left{padding-left: 0;}
    .jj-sec1-img{
        display: block;
        width: 100%;
        text-align: initial;
        padding: 0 0;
        margin-top: 20px;
    }
    .jj-sec2-marks{display: none}
    .jj-sec1-l.-right .jj-sec1-num{text-align: initial}
    .jj-sec3-line{padding-left: 0}

    .swiper-lc .swiper-slide{width: 50%}
    .lc-swiper{
        padding-bottom: 60px;
    }

    .cp-sec-div{width: 50%}
    .cp-ul li+li:before{margin: 0 30px}

    .dj-sp-div{width: 50%;margin-top: 20px}

    .yf-zl-ry-div{width: 50%;margin-top: 10px}
    .yf-zl-ry-textShow{
        height: auto;
        margin-top: 30px;
        padding: 30px 20px;
    }

    .zz-ry-div{width: 50%}

    .zz-rh-left{
        display: block;
         width: 100%;
    }
    .zz-rh-left .dj-js-img{width: 100%}
    .zz-rh-right{
        display: block;
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
    }

    .rc-rc-text{
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .rc-rc-img{
        display: block;
        width: 100%;
        text-align: initial;
        margin-top: 20px;
    }

    .rc-zy-secShow{padding: 0 0}
    .rc-zy-text{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .rc-zy-img{
        display: block;
        width: 100%;
        text-align: initial;
        margin-top: 20px;
    }
    .rc-zy-text p{text-align: initial !important}

    .lx-kh-shows{height: auto}
    .lx-kh-left{
        display: block;
        width: 100%;
        height: auto;
    }
    .lx-kh-right{
        display: block;
        width: 100%;
        height: auto;
    }
    .lx-kh-rP{padding-right: 0;max-height: initial}

    .lx-lx-shows{height: auto}
    .lx-lx-left{
        display: block;
        width: 100%;
    }
    .lx-lx-right{
        display: block;
        width: 100%;
        height: auto;
        background-color: transparent;
    }
    .lx-lx-ly{padding: 20px 0}
    .swiper-lx .swiper-pagination{bottom: 15px}
}
/*1200end*/
@media screen and  (max-width:1000px){
    .banner-tip>img{display: none}
    .banner-tip-mobile{display: block}

    .pp-sec-left{
        display: block;
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
    }
    .pp-sec-img{
        display: block;
        width: 100%;
        text-align: initial;
        margin-top: 20px;
    }
    .pp-sec3-num{
        display: block;
        width: 100%;
    }
    .pp-sec3-num.-left{text-align: initial}
    .pp-sec3-t{
        display: block;
        width: 100%;
        padding: 0 0;
    }

    .xw-card{padding: 40px 20px}
    .xw-card-img{
        display: block;
        width: 100%;
    }
    .xw-card-content{
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .xw-sec{padding: 30px 20px}
    .xw-sec-img{
        display: block;
        width: 100%;
    }
    .xw-sec-content{
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .dj-pp-div{width: 50%;margin-top: 20px}

    .tc-zp-h{
        line-height: 60px;
        font-size: 20px;
    }
    .tc-zp-cha{top: 22px;right: 30px}
    .tc-zp-secShow{
        padding: 0 20px 40px;
    }
    .tc-zp-sec{
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .tc-zp-t1{
        width: 100px;
        font-size: 16px;
        line-height: 36px;
    }
    .tc-zp-input{width: calc(100% - 100px)}
    .tc-zp-input input, .tc-zp-input select{
        font-size: 16px;
        line-height: 36px;
        height: 36px;
    }
    .tc-zp-fj{font-size: 16px}
    .tc-zp-btn{
        width: 200px;
        font-size: 16px;
        line-height: 42px;
        margin: 20px auto 0;
    }

    .lx-dt-div{width: 50%;margin-top: 10px}

    .sousuo-ul li{
        font-size: 20px;
    }
    .sousuo-ul li.active:after{width: 60px}
    .ss-sec-div{width: 50%}
}
/*1000end*/
@media screen and  (max-width:769px){
    .p2-jj{
        padding: 40px 0;
    }
    .p-h>img{width: 180px}
    .p2-shows{margin-top: 30px}
    .p2-text p{font-size: 18px}
    .p-more{
        width: 180px;
        line-height: 46px;
        font-size: 16px;
    }
    .p3-cp{
        padding: 40px 0;
    }
    .p3-shows{
        margin-top: 30px;
    }

    .p3-l-line{
        display: block;
    }
    .p3-l-text{display: block;width: 100%}
    .p3-l-more{margin-top: 20px}
    .p3-r-div{width: 100%;padding: 0 0!important;}
    .p3-lH{font-size: 24px}
    .p3-l-text{font-size: 17px}

    .p4-cy{padding: 40px 0}
     .p4-cy .p-h>img{width: 280px}
    .p4-sec-box{padding: 30px 20px}
    .p4-sec-h{font-size: 24px}
    .p4-sec-text {font-size: 17px}
    .p4-sec-more{
        width: 160px;
        line-height: 42px;
        font-size: 16px;
        margin-top: 20px;
    }
    .p5-xw{padding: 40px 0}
    .p5-li-add{margin: 0 0}
    .p5-li-div{
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
    }
    .p5-li-sec{
        line-height: 56px;
        font-size: 16px;
    }
    .p5-r-sec{margin-top: 20px}
    .p5-r-time{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-right:none;
    }
    .p5-r-content{
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .p5-l-time>span{font-size: 24px}
    .p5-l-h{font-size: 16px;margin-top: 10px}
    .p5-l-p{font-size: 14px;margin-top: 10px}
    .p5-right-box{
        padding: 30px 20px;
    }
    .p5-r-h{font-size: 16px}
    .p5-r-p{font-size: 14px}
    .p4-sec-showH{font-size: 24px;width: 60%;
        line-height: 58px;}

    .jj-p2{padding: 40px 0}
    .jj-p2-rT{font-size: 16px}
    .jj-p2-numSec-h span:first-of-type{
        font-size: 28px;
        line-height: 28px;
    }
    .jj-p2-numSec-h span:last-of-type{
        font-size: 17px;
        line-height: 28px;
    }
    .jj-p2-numSec-p{
        font-size: 17px;
        margin-top: 10px;
    }

    .jj-p3{padding: 40px 0}
    .jj-p3-text{font-size: 16px}

    .jj-p4{padding: 40px 0}
    .jj-p4-sec2{
        padding: 30px 0;
        margin: 0 0;
    }
    .jj-sec1-text{font-size: 16px}
    .jj-sec3-text{
        display: block;
        width: 100%;
        font-size: 16px;
    }
    .jj-sec3-num{display: block;width: 100%}

    .wh-sec-div{width: 100%;margin-top: 20px}
    .wh-sec{
        height: auto;
        padding: 30px 20px;
    }
    .wh-sec-h{font-size: 20px}
    .wh-sec-p{font-size: 16px}
    .wh-p2{margin-bottom: 40px}
    .wh-p3-p p{font-size: 16px}
    .wh-p3{padding: 40px 0}
    .wh-p4-text p{font-size: 16px;}
    .wh-ry{padding: 40px 0}

    .swiper-lc .swiper-slide{width: 100%}
    .lc-shows{padding: 40px 0 80px}
    .lc-swiper-box{margin-top: 60px}
    .lc-year{font-size: 28px}
    .lc-text-l{
        display: block;
        font-size: 18px;
    }
    .lc-text-l:after{display: none}
    .lc-text-r{
        display: block;
        max-width: initial;
        font-size: 18px;
    }
    .lc-textShowList{margin-top: 30px}
    .lc-swiper .swiper-button-prev,
    .lc-swiper .swiper-button-next{
        width: 40px;
        height: 40px;
    }

    .pp-sec1{padding: 40px 0}
    .pp-sec2-box{padding: 0 0}
    .pp-sec-p p{font-size: 16px}
    .pp-sec3-t p{font-size: 16px}

    .cp-line-box{display: block;height: auto}
    .cp-ul{display: block;padding: 20px 0}
    .cp-ul li{font-size: 18px}
    .cp-ul li.active:after{top: 36px}
    .crumb{display: block;padding: 20px 0}
    .crumb li{font-size: 16px}

    .cp-sec-div{width: 100%;margin-top: 20px;}
    .cp-sec-p{height: auto;}
    .cp-sec-p p{font-size: 18px}
    .cp-sec-p p:nth-of-type(2){font-size: 16px}
    .cp-sec-more{font-size: 16px}

    .xq-crumb{display: block;padding: 20px 0}
    .xq-crumb li{font-size: 16px;
        line-height: 120%;}

    .cp-xq-shows p{font-size: 16px}
    .cp-xq-shows{margin-top: 40px}
    .cp-xq{padding-bottom: 40px}

    .xw-shows{padding: 40px 0}

    .xw-card-date{font-size: 32px}
    .xw-card-h{font-size: 20px;margin-top: 16px}
    .xw-card-p{font-size: 16px;margin-top: 10px}
    .xw-more{
        font-size: 16px;
        margin-top: 20px;
    }
    .xw-sec-div{
        width: 100%;
        margin-top: 20px;
    }
    .xw-sec-h{font-size: 20px}
    .xw-sec-p{font-size: 16px}
    .yema-xw{margin-top: 30px}
    .yema-box li{width:30px;height: 30px; font-size: 14px}

    .xw-xq{padding: 40px 0}
    .xw-xq-card{padding: 40px 20px}
    .xw-xq-showBox{
        margin-top: 30px;
        padding-top: 30px;
    }
    .xw-xq-h{font-size: 22px}
    .xw-xq-lineSec{font-size: 16px;margin-right: 20px}
    .xw-xq-show p{font-size: 16px}
    .xw-xq-back{
        margin-top: 30px;font-size: 20px;
    }

    .dj-js-line{margin-top: 40px}
    .dj-js-lH{top:20px;left:20px;font-size: 22px}
    .dj-js-more{bottom: 20px;left:20px;font-size: 16px}
    .dj-js-text{font-size: 16px}
    .dj-js{padding: 40px 0}
    .dj-js-img.-right .dj-js-lH{left: 20px}
    .dj-js-img.-right .dj-js-more{left: 20px}
    .dj-bd-more{
        margin-top: 20px;
        font-size: 16px;
        text-align: initial;
    }
    .bd-sec-h{font-size: 20px}
    .bd-sec-p{font-size: 16px}
    .bd-sec-more{font-size: 16px}
    .dj-hd{padding: 40px 0}
    .dj-hd-text{margin-top: 30px;font-size: 16px}
    .dj-hd-more{margin-top: 20px;text-align: initial}

    .wh-p3-h>img{display: none}
    .wh-p3-h p{display: block}

    .dj-h>img{display: none}
    .dj-h p{display: block}

    .yf-tx-cg-h>img{display: none}
    .yf-tx-cg-h p{display: block}

    .dj-hd .dj-h p{color: #fff}
    .sp-sec-p{font-size: 18px}

    .wh-p3-show{margin-top: 20px;}
    .pp-p2-text{font-size: 16px}

    .dj-pp-div{width: 100%}
    .dj-pp-sec{height: auto;min-height: initial;padding: 20px 20px}
    .dj-pp-h{font-size: 20px}
    .dj-pp-secShow{margin-top: 20px}
    .dj-pp-secH{font-size: 20px}
    .dj-pp-secP{font-size: 16px}
    .dj-pp-fText p{font-size: 16px}
    .dj-pp-fEnd{font-size: 16px}

    .dj-js-h2{font-size: 18px}

    .dj-sp-div{width: 100%}
    .sp-sec-p{font-size: 16px}

    .yf-tx-cg-left p{font-size: 16px}
    .wh-ry-xian{display: none}
    .wh-ry-secH{font-size: 18px;
        width: calc(100% - 60px);
    }

    .yf-zl-ry-li{font-size: 14px}
    .yf-zl-ry-text p{font-size: 16px}
    .yf-zl-ry{padding: 40px 0}

    .zz-ry-div{width: 100%;margin-top: 20px}

    .zz-rh-p{margin-top: 30px}
    .zz-rh-p p{font-size: 16px}
    .zz-rh-right p{
        font-size: 16px;
        margin-top: 20px;
    }

    .rc-rc-shows{margin-top: 30px}
    .rc-rc-text{
        font-size: 16px;
    }
    .rc-zy-text p{font-size: 16px}
    .rc-zy-secShow{margin-top: 30px}
    .dj-js-h2{margin-bottom: 30px}
    .rc-fl-secAdd{margin-top: 0}
    .rc-fl-sec{min-height: initial;padding: 30px 20px}
    .rc-fl-secH{font-size: 20px}
    .rc-fl-secP{margin-top: 20px}
    .rc-fl-secP p{font-size: 16px}
    .rc-fl-sec-yinhao>img{max-width: 70%;}

    .lx-kh-ul li{
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 54px;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 20px;
    }
    .lx-kh-rH{font-size: 20px}
    .lx-kh-rP p{font-size: 16px}
    .lx-kh-shows{margin-bottom: 0}

    .lx-lx-secH{font-size: 18px}
    .lx-lx-secP p{font-size: 16px}
    .lx-lx-sec{margin-top: 20px}
    .lx-lx-secShow{padding: 30px 20px}
    .lx-ly-h{font-size: 18px}
    .lx-ly-form{margin-top: 30px}

    .lx-ly-line input{font-size: 16px;
        line-height: 42px;}
    .lx-ly-line textarea{font-size: 16px}
    .lx-ly-btn{
        font-size: 18px;
        line-height: 42px;
        width: 160px;
        margin-top: 30px;
    }
    .lx-ly-secT{font-size: 16px}
    .lx-lx-shows{margin-bottom: 0}

    .bbd-line{margin-top: 20px}
    .bdd-p4{margin-top: 40px;margin-bottom: 40px}
    .bbd-content p{font-size: 16px}

    .ss-sec-h{font-size: 18px}
    .ss-sec-p{font-size: 16px;height: 50px}
    .ss-secShow{margin-bottom: 20px}

    .sousuo-input{margin-top: 0}
    .sousuo-input input{
        width: calc(100% - 130px);
        line-height: 60px;
        padding: 0 30px;
        font-size: 16px;
    }
    .suosuo-text{
        width: 130px;
        line-height: 60px;
        font-size: 16px;
    }
    .suosuo-text img{width: 20px;margin-right: 4px}
    .sousuo-line{margin-top: 30px}
    
 .p4-sec-marks{
     opacity: 0;
     display: none;
}
.p4-sec-showH{
    opacity: 0;
}
 .p4-sec-box{
    opacity: 1;
}
}
/*769end*/
@media screen and  (max-width:500px){
    .sousuo-ul li{width: 33.333%;font-size: 18px}
    .ss-sec-div{
        width: 100%;
    }
    .ss-sec-p{height: auto}
}
@media screen and  (max-width:450px){
    .swiper-banner .swiper-button-prev,
    .swiper-banner .swiper-button-next{
        width: 20px;
    }

    .swiper-banner .swiper-slide{
        padding-bottom: 33.333vh;
    }


    .jj-p2-numSec{width: 50%;margin-top: 10px}
    .wh-ry-xian{display: none}
    .wh-ry-secH{font-size: 18px}
    .ry-p{font-size: 18px}

    .lx-ly-sec{
        display: block;
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 10px;
    }

    .lx-dt-div{width: 100%}
    .lx-dt-sec{font-size: 16px;
        line-height: 56px;}
    .lx-dt-map{height: 450px;margin-bottom: 40px}
    
    
    .wh-sec{
          background-image: url("../image/wh-sec-back2.png");
    }
    .wh-sec:hover{
    background-image: url("../image/wh-sec-back2-ac.png");
    }
}
/*450end*/
/*响应dibu*/