.cybj-box{ position:relative; width:100%;background:#f1f1f1;padding:60px 0 0px 0;overflow:hidden;}
.dq-ti{display: block;width:320px;}
.dq-ti h1{ font-size:48px;margin:0;color:#000;line-height:1;background-image: linear-gradient(to right,#d79630 0,#784900 100%);
    -webkit-background-clip: text;
    color: transparent;font-weight:700;} 
.dq-ti p{ font-size:16px; padding:0px 0 43px 0;} 
.cybj-box .dq-ti{  text-align:left; }
.cybj-box .Menubox{padding-right:112px; width:50%; position:relative; z-index:4; margin-top:-100px;}
.cybj-box .Menubox ul{ display: flex;justify-content: space-between;}
.cybj-box .Menubox li{ width:212px; height:110px; cursor:pointer; padding-top:20px;}
.cybj-box .Menubox li p{ font-size:24px; text-align:center; padding-top:10px;}
.cybj-box .Menubox li h1{ width:64px; height:64px; overflow:hidden; position:relative; margin:0 auto;}
.cybj-box .Menubox li.hover{ color:#fff; background:url('/images/gs.png') no-repeat center #d79630; background-size:contain;}
.cybj-box .Menubox li h1 img:nth-child(1){ position:absolute; top:0; left:0; transition-duration:.5s;}
.cybj-box .Menubox li h1 img:nth-child(2){ position:absolute; top:100%; left:0; transition-duration:.5s;}
.cybj-box .Menubox li.hover h1 img:nth-child(1){ top:-100%;}
.cybj-box .Menubox li.hover h1 img:nth-child(2){ top:0;}
.cybj-box .CbContainer{width:100%;height:auto;overflow:hidden;}
.cybj-box .Contentbox{ position:relative; top:-30px;}
.cybj-box .dq-pcimg{ display:block; width:100%;transition: transform 0.5s ease;}
.cybj-box .dq-pcimg:hover{transform: scale(1.05);}
.cybj-box .dq-mobileimg{ display:none;}
.hz-txt{ position:absolute; width:55%; height:calc(100% - 10px); padding-left:112px; background:linear-gradient(-115deg, transparent 0%, transparent 25%, rgba(215,150,48,.9) 25%, rgba(215,150,48,.9) 100%);color:#fff; left:0; top:0px;margin-top:10px;}
.hz-txt h1{font-size:30px; font-weight:normal;margin:150px 0 20px 0;}
.hz-txt p{ font-size:16px; width:65%; text-align:justify; padding:0px;margin:20px 0; text-indent:32px;line-height:30px;}
.hz-txt a{display: block;
    margin-top: 30px;
    line-height: 44px;
    width: 200px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    border: 2px #fff solid;}
.hz-txt a:hover{
	color: #fff;
	background:#d79630;
}


  @media screen and (max-width: 1600px) {
  .zr-lc img{ width:5rem;}
  .zr-box3-ri{ padding:0 0.9rem}
  .party-history .right .swiper-button-prev,.party-history .right .swiper-button-next{ right:-0.15rem;}
 }
  @media screen and (max-width: 1440px) {
  .about-warp2, .wrap{ width:90%;}
  .qywh-box:after{ left:5%;}
  .vizs{ width:800px; height:400px; top:50%; left:50%; margin-top:-200px; margin-left:-400px;}
 }
 @media screen and (max-width: 1200px) {
  .lc-xi{ margin-right:0.9rem;}
 }
 @media screen and (max-width: 960px) {
  
 }
  @media screen and (max-width: 1200px) {
  .j-title h1, .ne-ti h1, .new-ti h1, .dq-title, .fz-box2 h1, .fz-box4 .txt h1, .ywbj-title h3, .dq-ti h1, .about-fzlc h1, .ceo-box .left h1 {
    text-align:left;
}
.dq-ti h1 {
font-size: 30px;
}
 .pc-banner,.en-hd,.contact_load,.new-an li span,.bgpic,.ceo-box .right:after,.ceo-box .right,.bg-po,.hon-li02 .w179,.poa,.zr-txt b,.jr-right-ewm,.cybj-box .dq-pcimg,.hz-txt a img,.dt-xian,.kjcx-banner .dw h1,.fz-box1 .dq-title,.zr-box6 .zr-new01,.zr-box6 .zr-new02,.kj-list01,.xs-hiden,.jg-fzlc .mySwiper3{ display:none}  
.mobile-banner,.ceo-box .left .intro .mobile-ceo-img,.cybj-box .dq-mobileimg,.mobile-hz,.ga-swiper,.kjcx-banner .dw span,.mobile-ygga{ display:block !important;}
.cybj-box{ padding:30px 0;}
.cybj-box .dq-ti{ position:relative; left:0; text-align:center; top:0; padding:0 15px;}
.cybj-box .Menubox{ padding-right:0; width:100%;margin-top:0px;}
.cybj-box .Menubox li{ width:25%;}
.cybj-box .Menubox li.hover{background-size: contain;}
.cybj-box .Menubox li p{ font-size:14px;}
.cybj-box .Contentbox {
    position: relative;
    top: -50px;
}
.hz-txt{ position:relative; width:100%; background:none; color:#333; padding:10px;}
.hz-txt p,.ceo-box .left .intro{ width:100%; font-size:14px;}
.hz-txt p{padding:0px; }
.hz-txt a{
    margin-top: 30px;
    line-height: 44px;
    width: 200px;
    padding: 0 20px;
    text-align: center;
    color: #d79630;
    border: 2px #d79630 solid;}
.hz-txt a:hover{
	color: #fff;
	background:#d79630;
}
.hz-txt h1 {
    margin: 20px 0 20px 0;
}
.dq-ti p{ font-size:14px; text-align:left;} 
 }
@media (min-width:1280px) and (max-width:1600px) {
.hz-txt {
 
    width: 60%;

    padding-left: 52px;
    background: linear-gradient(-115deg, transparent 0%, transparent 25%, rgba(215,150,48,.8) 25%, rgba(215,150,48,.8) 100%);
padding-top: 2%;
}
.hz-txt p {
    font-size: 14px;
    
    text-indent: 28px;
    line-height: 25px;
}
.cybj-box .Menubox li p {
    font-size: 18px;

}
}