.header
{
    width: 100%;
    height: 100vh;
    position: relative;
}
.index-banner
{
    width: 100%;
    height: 100%;
}
.index-banner .myswiper1
{
    width: 100%;
    height: 100%;
}
.myswiper1 .index-banner-info
{
    position: relative;
    width: 100%;
    height: 100%;
}
.myswiper1 .swiper-slide .index-banner-info .index-banner-pic
{
    width: 100%;
    height: 100%;
}
.myswiper1 .swiper-slide .index-banner-info .index-banner-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.myswiper1 .swiper-slide.swiper-slide-active .index-banner-info .index-banner-pic img
{
    transition:6s linear;
    transform:scale(1,1);
}	
.myswiper1 .swiper-scrollbar
{
    left:var(-size-48);
    width: 20%;
    height: 1px;
    bottom: var(--size-85);
    background-color: #B60100;
}
.myswiper1 .swiper-scrollbar .swiper-scrollbar-drag
{
   background-color: #FFFFFF;
}
.myswiper1 .swiper-pagination
{
    width: auto;
    left: var(--size-30);
    bottom: var(--size-85);
    color: #FFFFFF;
    font-size:var(--size-20);
}
.myswiper1 .swiper-pagination .swiper-pagination-total
{
    top: var(--size-30);
    left: 0px;
    position: absolute;
}
.myswiper1 .myswiper1-button-next
{
    position: absolute;
    color: #FFFFFF;
    left: calc(20% + var(--size-40));
    bottom: var(--size-72);
    z-index: 1;
    font-size: var(--size-16);
}
.myswiper1 .myswiper1-button-next .myswiper1-next
{
    cursor: pointer;
    transform: rotate(90deg);
}
.myswiper1 .myswiper1-info
{
    position: absolute;
    color: #FFFFFF;
    z-index: 3;
    right: var(--size-48);
    bottom: var(--size-80);
}
.myswiper1 .myswiper1-info .myswiper1-info-henggang
{
    width: var(--size-200);
    border-top: 1px solid #FFFFFF;
    margin-right: var(--size-20);
}
.myswiper1 .index-banner-info .index-banner-miaoshu
{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
}
.myswiper1 .swiper-slide .index-banner-info .index-banner-miaoshu .banner-miaoshu-dtitle
{
    font-size: var(--size-85);
    line-height: var(--size-85);
    color: #FFFFFF;
    text-align: center;
    padding-top:10%;
}
.myswiper1 .swiper-slide.swiper-slide-active .index-banner-info .index-banner-miaoshu .banner-miaoshu-dtitle
{
    animation: slideDown 1.5s ease-in-out both;
}	
.myswiper1 .swiper-slide .index-banner-info .index-banner-miaoshu .banner-miaoshu-ztitle
{
    font-size: var(--size-72);
    line-height: var(--size-72);
    color: #FFFFFF;
    text-align: center;
    padding-top: var(--size-20);
}
.myswiper1 .swiper-slide.swiper-slide-active .index-banner-info .index-banner-miaoshu .banner-miaoshu-ztitle
{
    animation: slideDown 1.4s ease-in-out both;
}
.myswiper1 .swiper-slide .index-banner-info .index-banner-miaoshu .banner-miaoshu-xtitle
{
    font-size: var(--size-44);
    line-height: var(--size-44);
    color: #FFFFFF;
    text-align: center;
    padding-top:var(--size-85);
}
.myswiper1 .swiper-slide.swiper-slide-active .index-banner-info .index-banner-miaoshu .banner-miaoshu-xtitle
{
    animation: slideDown 1.3s ease-in-out both;
}
.header-biaoqian
{
   position: absolute;
   width: 100%;
   height: var(--size-242);
   bottom: var(--size-170);
   left:0px;
   z-index: 4;
}
.header-biaoqian .biaoqian-info
{
   width: 60%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.25);
}
.header-biaoqian .biaoqian-info .dg-biaoqian-info
{
   width: 25%;
   height: 100%;
   align-items: center;
   cursor: pointer;
}
.header-biaoqian .biaoqian-info .dg-biaoqian-info:hover
{
   background: #CA0A15;
}
.header-biaoqian .biaoqian-info .dg-biaoqian-info .dg-biaoqian-pic img
{
   width: var(--size-44);
}
.header-biaoqian .biaoqian-info .dg-biaoqian-info .dg-biaoqian-title
{
   font-size: var(--size-24);
   padding-top: var(--size-10);
   color: #FFFFFF;
}
.header-biaoqian .biaoqian-info .dg-biaoqian-info .dg-biaoqian-title a
{
   color: #FFFFFF;
}
.index-pro
{
    position: relative;
    width: 100%;
    height: var(--size-1080);
}
.index-pro .dg-pro
{
    cursor: pointer;
    position: relative;
    width: 25%;
    height: 100%;
    transition: width 0.4s linear 200ms;
}
.index-pro .dg-pro::before
{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    content: '';
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.index-pro .dg-pro:hover
{
    width: 50%;
}
.index-pro .dg-pro:hover::before
{
    background-color: rgba(0, 0, 0, 0.2);
}
.index-pro .dg-pro img
{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.index-pro .dg-pro .index-pro-info
{
    position: absolute;
    width: 100%;
    bottom:var(--size-72);
    left:0px;
    z-index: 2;
}
.index-pro-info .yuan-pro-info
{
    width: 100%;
}
.yuan-pro-info .yuan-pro-info-pic
{
    width: var(--size-112);
    height: var(--size-112);
    border-radius: 50%;
    border: 3px solid #FFFFFF;
}
.yuan-pro-info .yuan-pro-info-pic img
{
    width: var(--size-44);
    height: auto;
}
.yuan-pro-info .yuan-pro-info-title
{
    margin-top: var(--size-40);
    font-size: var(--size-22);
    color: #FFFFFF;
}
.index-pro .dg-pro:hover .yuan-pro-info
{
    display: none;
}
.index-pro-info .hover-pro-info
{
    display: none;
    width: 90%;
    margin: 0 auto;
}
.hover-pro-info .hover-pro-info-pic
{
    width: var(--size-112);
    height: var(--size-112);
    border-radius: 50%;
    background-color: #CA0A15;
}
.hover-pro-info .hover-pro-info-pic img
{
    width: var(--size-44);
    height: auto;
}
.hover-pro-info .hover-pro-info-title
{
    margin-top: var(--size-30);
    font-size: var(--size-60);
    color: #FFFFFF;
}
.hover-pro-info .hover-pro-info-ywtitle
{
    font-size: var(--size-24);
    line-height: var(--size-24);
    color: #FFFFFF;
}
.hover-pro-info .index-pro-fenlei
{
    position: relative;
    width: 100%;
    margin-top: var(--size-72);
    min-height: var(--size-242);
    background-color: rgba(202, 10, 21, 0.5);
    padding:var(--size-48);
    clip-path: polygon(
        0 0,                
        calc(100% - 60px) 0,
        100% 60px,          
        100% 100%,        
        0 100%     
    );
    flex-wrap: wrap;
}
.index-pro-fenlei .dg-pro-fenlei
{
    width: 48%;
    margin-top: var(--size-10);
}
.dg-pro-fenlei .dg-pro-fenlei-mc
{
    font-size: var(--size-22);
    color: #FFFFFF;
}
.dg-pro-fenlei .dg-pro-fenlei-mc a
{
    color: #FFFFFF;
}
.dg-pro-fenlei .dg-pro-fenlei-jiantou .iconfont
{
    font-size: var(--size-22);
    color: #FFFFFF;
}

.index-pro .dg-pro:hover .hover-pro-info
{
    display:block;
}
.index-pro .index-pro-lanmu
{
    position: absolute;
    top:var(--size-112);
    left:0px;
    width: 100%;
    z-index: 3;
}
.index-news
{
    width: 100%;
    padding:var(--size-100) 0px;
}
.index-news-leibie .index-news-leibie-mc
{
    cursor: pointer;
    font-weight: 400;
    font-size: var(--size-26);
    color: #000000;
    margin:0px var(--size-20);
}
.index-news-leibie .index-news-leibie-mc.on
{
    border:1px solid #CA0A15;
    padding:var(--size-10) var(--size-28);
    color: #CA0A15;
    border-radius: 50px;
}
.index-news .index-news-content
{
    display: none;
    width: 100%;
    margin-top:var(--size-112);
}
.index-news .index-news-content:nth-of-type(3)
{
    display: flex;
}
.index-news-content .news-content-left
{
    position: relative;
    width: 48%;
    height: var(--size-570);
}
.index-news-content .news-content-left .myswiper2
{
    width: 100%;
    height: 100%;
}
.index-news-content .news-content-left .myswiper3
{
    width: 100%;
    height: 100%;
}
.news-content-left .dg-news-pic
{
    position: relative;
    width: 100%;
    height: 100%;
}
.news-content-left .dg-news-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-content-left .dg-news-pic .news-pic-title
{
    position: absolute;
    left:var(--size-20);
    bottom:var(--size-20);
}
.news-content-left .dg-news-pic .news-pic-title a
{
    font-size: var(--size-30);
    color: #FFFFFF;
}
.index-news-content .news-content-left .news-left-icon
{
    cursor: pointer;
    position: absolute;
    bottom:var(--size-10);
    right: var(--size-10);
    width: var(--size-60);
    height: var(--size-60);
    background-color: #FFFFFF;
    z-index: 4;
}
.index-news-content .news-content-left .news-left-icon .iconfont
{
    color:rgba(0, 0, 0, 0.3);
    font-size: var(--size-36);
}
.index-news-content .news-content-left .news-left-icon:hover
{
    background: #CA0A15;
}
.index-news-content .news-content-left .news-left-icon:hover .iconfont
{
    color:#FFFFFF;
    font-size: var(--size-36);
}
.index-news-content .news-content-left .news-right-icon
{
    cursor: pointer;
    position: absolute;
    bottom:var(--size-10);
    right: var(--size-80);
    width: var(--size-60);
    height: var(--size-60);
    background-color: #FFFFFF;
    z-index: 4;
}
.index-news-content .news-content-left .news-right-icon:hover
{
    background: #CA0A15;
}
.index-news-content .news-content-left .news-right-icon:hover .iconfont
{
    color:#FFFFFF;
    font-size: var(--size-36);
}
.index-news-content .news-content-left .news-right-icon .iconfont
{
    color:rgba(0, 0, 0, 0.3);
    font-size: var(--size-36);
}
.index-news-content .news-content-right
{
    position: relative;
    width: 48%;
    height: var(--size-570);
}
.news-content-right .tuijian-news
{
    width: 100%;
    padding-bottom:var(--size-20);
    border-bottom:1px solid rgba(48, 48, 48, 0.1);
}
.tuijian-news .tuijian-news-title
{
    font-weight: 400;
    font-size: var(--size-30);
    color: #000000;
}
.tuijian-news .tuijian-news-title a
{
    color: #000000;
}
.tuijian-news .tuijian-news-miaoshu
{
    font-weight: 400;
    font-size: var(--size-20);
    color: rgba(0, 0, 0, 0.7);
    padding:var(--size-10) 0px;
}
.tuijian-news .tuijian-news-shijian
{
    font-weight: 500;
    font-size: var(--size-20);
    color: #CA0A15;
}
.index-news-footer
{
    position: absolute;
    bottom:0px;
    right:0px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    font-size: var(--size-170);
    line-height: var(--size-170);
    color: rgba(0, 0, 0, 0.1)
}
.index-about
{
    position: relative;
    width: 100%;
    height: var(--size-1080);
    background-color: rgba(239, 239, 239, 0.4);
}
.index-about .index-about-pic
{
    position: relative;
    width: 40%;
    height: 100%;
}
.index-about .index-about-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-about .index-about-pic .about-xinxi
{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    padding:var(--size-200) var(--size-112);
}
.about-xinxi .dg-about-xinxi
{
    width: 100%;
}
.about-xinxi .dg-about-xinxi .about-xinxi-nianfen
{
    font-weight: bold;
    font-size: var(--size-85);
    line-height: var(--size-85);
    color: #FFFFFF;
}
.about-xinxi .dg-about-xinxi .about-xinxi-nianfen span
{
    font-size: var(--size-24); 
    vertical-align: super;
    line-height: 0;
}
.about-xinxi .dg-about-xinxi .about-xinxi-biaoqian
{
    font-weight: 400;
    font-size: var(--size-24);
    line-height: var(--size-24);
    padding-top: var(--size-10);
    color: #FFFFFF;
}
.index-about .index-about-info
{
    width: 60%;
    height: 100%;
    padding:var(--size-60);
}
.index-about-info .about-info-title
{
    width: 100%;
}
.index-about-info .about-gongsijieshao
{
    width: 100%;
    padding:var(--size-100) var(--size-60) 0px 0px;
    font-size: var(--size-22);
    color: rgba(0, 0, 0, 0.7);
    line-height: var(--size-38);
    text-align: left;
}
.index-about-info .about-gongsijieshao p
{
    margin-top: var(--size-30);
}
.index-about .index-about-lanmu
{
    position: absolute;
    width: 60%;
    left:30%;
    bottom:var(--size-170);
    height: var(--size-170);
    background-color: #FFFFFF;
    z-index: 2;
    padding:0px var(--size-100);
}
.index-about-lanmu .dg-about-lanmu .dg-about-lanmu-pic img
{
    height: var(--size-48);
}
.index-about-lanmu .dg-about-lanmu .dg-about-lanmu-mc
{
    padding-top: var(--size-10);
    font-weight: 400;
    font-size: var(--size-22);
    color: #000000;
}
.index-about .index-about-lanmu .lanmumore
{
    position: absolute;
    right:0px;
    bottom:calc(var(--size-60) * -1);
    width: var(--size-200);
    height: var(--size-60);
    background: #CA0A15;
    font-weight: bold;
    font-size: var(--size-22);
    color: #FFFFFF;
    text-transform: uppercase;
}
.index-about .index-about-lanmu .lanmumore a
{
    color: #FFFFFF;
}
.index-about .index-about-lanmu .lanmumore .iconfont
{
    margin-left: var(--size-10);
    transform: rotate(90deg);
}
.index-case
{
    width: 100%;
    padding:var(--size-60) 0px;
}
.index-case .index-case-top
{
    width: 100%;
}
.index-case-leibie .index-case-leibie-mc
{
    cursor: pointer;
    font-weight: 400;
    font-size: var(--size-26);
    color: #000000;
    margin:0px var(--size-20);
}
.index-case-leibie .index-case-leibie-mc.on
{
    border:1px solid #CA0A15;
    padding:var(--size-10) var(--size-28);
    color: #CA0A15;
    border-radius: 50px;
}
.index-case-info
{
    width: 100%;
    padding:var(--size-30) 0px;
}
.index-case-info .index-dg-case-info
{
    display: none;
    width: 100%;
}
.index-case-info .index-dg-case-info:nth-child(1)
{
    display: block;
}
.index-dg-case-info .dg-case-info
{
   width: 100%;
   flex-wrap: wrap;
}
.index-dg-case-info .dg-case-info .case-info
{
    position: relative;
    width: 32%;
    margin-right: 2%;
    height: var(--size-350);
    margin-top: var(--size-20);
}
.index-dg-case-info .dg-case-info .case-info:nth-child(3n)
{
    margin-right:0px;
}
.index-dg-case-info .dg-case-info .case-info .case-info-pic
{
    width: 100%;
    height: 100%;
}
.index-dg-case-info .dg-case-info .case-info .case-info-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-dg-case-info .dg-case-info .case-info .case-info-mc
{
    position: absolute;
    width: 100%;
    height: var(--size-60);
    left:0px;
    bottom: 0px;
    font-weight: 400;
    font-size: var(--size-28);
    color: #FFFFFF;
    text-align: center;
}
.index-dg-case-info .dg-case-info .case-info .case-info-mc a
{
    color: #FFFFFF;
}
.index-hezuo
{
    width: 100%;
    height: auto;
    padding:var(--size-100) 0px;
    background: url('../images/index-hezuo.png') no-repeat;
}
.index-hezuo .index-hezuo-info
{
    width: 100%;
    height: 100%;
}
.index-hezuo-info .hezuo-info-top
{
    width: 100%;
}
.index-hezuo-info .hezuo-info-center
{
    width: 100%;
    flex-wrap: wrap;
    margin-top: var(--size-100);
}
 .hezuo-info-center .dg-hezuo-pic
{
    width: 20%;
    height: var(--size-200);
    background: #FFFFFF;
    border:1px solid #F6F6F6;
}
 .hezuo-info-center .dg-hezuo-pic:nth-child(2n)
{
    background: #FFFFFF;
}
 .hezuo-info-center .dg-hezuo-pic img
{
    max-width: 50%;
    max-height: 50%;
}
.index-lianxi
{
    position: relative;
    width: 100%;
    min-height: 600px;
    padding: var(--size-100) 0px;
}
.index-lianxi .index-lianxi-beijing
{
    position: absolute;
    top: 0px;
    right: 0px;
}
.index-lianxi .index-lianxi-beijing img
{
    height: 100%;
}
.index-lianxi-top
{
    width: 100%;
}
.index-lianxi-center
{
    position: relative;
    width: 100%;
    margin-top: var(--size-100);
}
.index-lianxi-center .index-lianxi-center-pic
{
    width: 60%;
    height: var(--size-546);
}
.index-lianxi-center .index-lianxi-center-pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-lianxi-center .index-lianxi-info
{
    position: absolute;
    top:var(--size-100);
    left:50%;
    width: 40%;
    height: 100%;
    background-color: #FFFFFF;
    padding: var(--size-60);
}
.index-lianxi-center .index-lianxi-info .lianximore
{
    position: absolute;
    width: var(--size-200);
    height: var(--size-60);
    background: #CA0A15;
    left:calc(var(--size-200)*-1);
    bottom:var(--size-48);
    font-size: var(--size-22);
    color: #FFFFFF;
    text-transform: uppercase;
}
.index-lianxi-center .index-lianxi-info .lianxi-info-title
{
    font-weight: 500;
    font-size: var(--size-36);
    color: #000000;
}
.index-lianxi-center .index-lianxi-info .lianxi-info-miaoshu
{
    margin-top: var(--size-36);
    font-weight: 500;
    font-size: var(--size-26);
    line-height: var(--size-26);
    color: #696969;
}
.index-lianxi-center .index-lianxi-info .lianxi-info-miaoshu .iconfont
{
    padding-right: var(--size-5);
    color: #CA0A15;
    font-size: var(--size-32);
}
.index-lianxi-center .index-lianxi-info .lianxi-info-fenxiang
{
    margin-top: var(--size-100);
}
.index-lianxi-center .index-lianxi-info .lianxi-info-fenxiang .lianxi-fenxiang-left .iconfont
{
    cursor: pointer;
    padding-right: var(--size-20);
    color: #CA0A15;
    font-size: var(--size-32);
}
.index-lianxi-center .index-lianxi-info .lianxi-info-fenxiang .lianxi-fenxiang-right
{
    cursor: pointer;
    width: var(--size-60);
    height: var(--size-60);
    background: #CA0A15;
}
.index-lianxi-center .index-lianxi-info .lianxi-info-fenxiang .lianxi-fenxiang-right .iconfont
{
    color: #FFFFFF;
    font-size: var(--size-22);
}
@media only screen and (max-width: 1920px)
{
    

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

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

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

}
@media only screen and (max-width: 960px)
{
    .header
    {
        height:50vh;
    }
    .myswiper1 .swiper-slide .index-banner-info .index-banner-miaoshu .banner-miaoshu-dtitle
    {
        padding-top:20%;
    }
    .header-biaoqian .biaoqian-info
    {
        width:90%;
    }
    .index-news .index-news-content
    {
        flex-wrap: wrap;
    }
    .index-news-content .news-content-left
    {
        width: 100%;
        height: var(--size-800);
    }
    .index-news-content .news-content-right
    {
        width: 100%;
    }
    .index-about
    {
        height: auto;
        flex-wrap: wrap
    }
    .index-about .index-about-pic {
        width: 100%;
        height: var(--size-1080);
    }
    .index-about .index-about-info {
        width: 100%;
        height: var(--size-1080);
    }
    .index-about .index-about-lanmu {
        width: 90%;
        left: 5%;
    }
    .index-lianxi
    {
        min-height:100px;
    }
    .index-lianxi .index-lianxi-beijing img {
        height: 200px;
    }


}