html,body{
    padding: 0;
    margin: 0;
}
body{
    font-family:Arial,Helvetica,sans-serif,'΢ÈíÑźÚ','microsoft yahei','˼ԴºÚÌå CN';
    font-size:18px;
    color:#333333;
    background: #fffefd;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th{ 
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size:100%;
}
ul,li,ol {
    /* list-style: none; */
}
em,b,i{
    font-style:normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}
p{line-height: 1.8;}
input, textarea, select, a {
    margin:0px;
    padding:0px;
    outline:0px;}
textarea {resize:none; overflow:auto;}

aside, article, footer, header, nav, section ,main{display:block;
    height: auto;
    overflow: hidden;}
:root {
    --fontAColor:#1d1d1d;

}
a{color: var(--fontAColor);text-decoration:none;}
a:hover{
    text-decoration:underline; }
.disFlex{
    display: -moz-box; /*firefox*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-box; /*Safari*/
    display: -webkit-flex; /*Chrome*/
    display: box;
    display: flexbox;
    display: flex;
    justify-content: space-between;
}
 


.container{
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.main{
    width: auto;
    max-width: 1920px;
    min-width: 1400px;
    margin: 0 auto;
}
.banner{
    position: relative;
    width: 100%;
    height: auto;
}
.banner{
    position: relative;
    width: 100%;
    height: auto;
}
.banner img{
    width: 100%;
    height: auto;
    display: block;
    position: static;
    margin: 0 auto;
}

.bannerText{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.bannerText .box{
    position: absolute;
    width:100%;
    height: auto;  
    height: 100%; 
    animation-delay: 0.5s;
}
.bannerText .box img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
}
.bannerText .box img:nth-child(1){
    width: 13.8%;
    top: 3%; 
    
}
.bannerText .box img:nth-child(2){
    width:43%;
  bottom: 0.9%; 
}
 
.bannerPhone{
    display: none;
}
.bannerPhone img{
    display: block;
    width: 100%;
}
 
.img-text-text strong{
    font-size: 24px;
    margin-bottom: 1rem;
    display: block;
    /* padding-top: 1rem; */
}
.img-text-text p {
    font-size: 20px;
    line-height: 1.5em;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.left,.right{
    /* width: 50%; */
    /* overflow: hidden; */
    /* float: left; */
}
.ul-listy li{
    /* display: block; */
}
.ul-listy li a{
    color: #000000;
    /* padding: 0.13rem; */
    font-weight: 500;
}
.ul-listy li p{
     
    color: #ffffff; 
}
.ul-listy li p a{
    color: #525252;
    line-height: 1.8;
}
.ul-listy li.curLi p{
    display: block;
}
.ul-listy li.curLi{
    background: #d0b17d;
    color: #ffffff;
}

.ul-listy li.curLi a{
    color: #ffffff;

}
.ul-listy li.curLi p a{
    color: #ffffff;
}
.small-title img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.vercTitle{
    width:67px ;
}
.small-title img.vercTitlePhone{
    display: none;
}
.zhiji ul.ul-listy{
    width: 510px;
    margin-right: 15px;
}
.BG{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.thumb{
    position: relative;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}
.thumb img{
    display: block;
    width: 100%;
    /* height: 100%; */
    /* min-height: 80px; */
}
.thumb p{
    display: block;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    /* line-height: 1.5em; */
    right: 0;
    left: 0;
} 
/*mod-01*/
.mod-01{
    background-image: url("Bg01.jpg");
    height: 1182px;    
    /* background: linear-gradient(#faf4ec,#ffffff);
     background: -webkit-linear-gradient(#faf4ec, #ffffff); !* Safari 5.1 - 6.0 *!

     background: -o-linear-gradient(#faf4ec, #ffffff); !* Opera 11.1 - 12.0 *!

     background: -moz-linear-gradient(#faf4ec, #ffffff); !* Firefox 3.6 - 15 *!

     background: linear-gradient(#faf4ec, #ffffff); !* ?????????????????????????????????? *!*/

}
/*point**/
.point{
    width: 1060px;
    height: auto;
    overflow:  hidden;
    padding: 4rem 5rem 0 0;
    padding-bottom: 2rem;
    text-align: center;
}
.point h1{
    /* font-size: 60px; */
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.5rem;
    /* color:
            var(--fontAColor); */
}
.point h1 a{
    color: #cf0b11;
}
.point p{
    /* font-size: 24px; */
    font-size: 20px;
    color: #cf0b11;
    text-align: left;
    text-indent: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.15rem 0;
    width: 98%;
    margin: 0 auto;
}

.point p a{
    /* line-height: 2em; */
    color: #bb191f;
    margin-right: 15px;
}
 
 
.point ul.ul-listy li{
    line-height: 2.2em;
    font-size: 22px;
    list-style: disc;
    margin-left: 3rem;
    text-align: left;
}
.point ul.ul-listy li a{
color: #464646;
}

.point ul.ul-listy {
    margin-top: 3rem;

}
.mod-01 .swiper{
    height: 100%;
}
.mod-01 .slideSon a p{
    font-size: 18px;
}
 
.new-hot{
    width:560px;
    /* min-height: 580px; */
    /* margin-top: 10px; */
    background-image: url('budgd.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    padding-right: 3.5rem;
}
.new-hot strong{
    font-size: 20px;
    /* line-height:56px; */
    /* padding-bottom: 0.15rem; */
}
.new-hot strong a{
    color: #000000;
    margin-right: 1em;
}
 
.new-hot ul{
    margin-bottom: 14px;
    margin-left:5rem; 
}
 
.new_box-right{
    width: 37.9%;
    float: right;
}
.new-hot ul.ul-listy li{
    /* line-height: 2; */
    font-size: 20px;
    list-style-type: disc;
    position: relative;
    padding-bottom: 1rem;
}
.mod-01 ul.ul-listy li::before{
    content: ' ';
    display: block;
    width:2.8rem;
    height: 2.7rem;
    background-image: url('dl.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -5rem;
    top: 0.5em;
}
 
.new-hot ul.ul-listy li:hover,.new-hot ul.ul-listy li a:hover{
    color: #cf0b11;
}
.title-hot{
    text-align: center;
    font-size: 50px;
    margin-top: -25px;
    color: #e5272d;
} 
/*end*/ 
.mod-01 ul.ul-listy li::marker{
    font-size: 3.2rem;
    content:  ' ';  
}
.new-hot ul.ul-listy li .img-text-text{
    padding-top: 0;
    border: none;
    padding-bottom: 0;
}
.mod-01 ul.ul-listy li:nth-child(2){
    background-image: url('line.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    padding-bottom: 3rem;
    margin-bottom: 1rem;
}

.bg-box-01{
    height: auto;
    overflow: hidden; 
}
.bg-box-01 .icon{
    width: 21rem;
    padding-left:8rem;
    padding-top: 2.5rem;
}
.bg-box-01 .icon img{
    width: auto;
    height: auto;
    max-width: 100%;
}
.swiper{
    width: 100%;
    /* var:width;
     height: calc(width * 1.777777777777778);*/
}
.swiper-slide{
    width: 100%;
    height: 100%;
}
.slideSon{
    width: 100%;
    height: 100%;
}
.slideSon a{
    display: block;
    /* width: 100%;
     height: 100%;*/
    position: relative;
}
.slideSon a p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    color:#ffffff;
    padding: 0.5em 0;
    text-align: center;
    font-size: 22px;
}
.slideSon img{
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-button-next,.swiper-button-prev{
    color: #ffffff;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-prev{
    left: 0;
}
.mod-sonBg{
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    background-color: #fdf3d8;
    padding: 10px 0;
}
.mod-sonBg .container{
    width: 1380px;
    /* min-height: 518px; */
    margin: 0 auto;
    padding-top: 4.5rem;
    background-image: url('bgsong.png');
    padding-bottom: 3rem;
}
.mod-sonBg .swiper-box{
    width: 705px;
    height: 400px;
    margin-left: 4rem;
    /* margin-top: 2rem; */
}
 
.mod-sonBg .swiper-box .swiper-button-next,.mod-sonBg .swiper-box .swiper-button-prev{
    background: rgba(0,0,0,0.5);
    padding:10px 5px;
    border-radius: 10px;
}
a.more{
    font-size: 18px; 
    float: right;
    color: #4f4f4f;
}
.mod-01 .container:nth-last-child(1){
    overflow: visible;
}
.polity{ 
    width: 1462px;
    height: 9rem;
    line-height: 6.6rem;
    clear: both;
    background-image:url('fw.png');
    margin-top: 7rem;
    justify-content: start;
   
}
 
.polity .icon{
    display: block;
    width:200px;
    float: left;
    color: #cf0b11;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-right: 20px;
}
 
.qimo8{
    width: calc(100% - 320px); overflow:hidden;   
    margin-right: 30px;}
.qimo8 .qimo { width:8000%; height:8rem;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; height:8rem; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; margin-left:  10px;margin-right: 10px;color: #cf0b11;}
.qimo8 li a{padding-right: 15px;color:#cf0b11}
.polity .icon a{
    color: #cf0b11;
}
.polity-more{
    width: 12%;
    padding-top: 1.2rem;
}
.polity-more a{
    display: block;
    line-height:2.8rem;
    text-align: center;
    font-size: 18px;
    color: #ffe375;
}
.polity-more a:nth-child(1){
    border-bottom: 1px solid;
}

.bigTitle{
    padding-bottom: 6rem;
    overflow: hidden;
}
.bigTitle img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
/*mod-02*/
.mod-02{
    background-image: url("Bg02.jpg");
    padding-top: 3rem;
} 
.modSon-01{
    width: 1260px;
    margin: 0 auto;
}
.modSon-01 ul.disFlex{
    margin-bottom: 1rem;
}
.modSon-01 ul.disFlex li{
width: calc(25% - 10px);
list-style: none;
}
.modSon-01 ul.disFlex li img{
width: 100%;
height: auto;
display: block;
}
.mmodSon-01 ul.disFlex li .img-text-text{
    height: 23rem;
    border: 0;
    position: relative;
}
.modSon-01 ul.disFlex li .img-text-text::after,.modSon-01 ul.disFlex li .img-text-text::before{
    content: ' ';
    display: block;
    width: 0;
    height: 0;
}
.modSon-01 .img-text-text strong a,.modSon-01 .img-text-text p {
    color: #ffd692;
}
.modSon-01 .img-text-text strong a{
    /* line-height: 1.8; */
    margin-bottom: 1rem;
}
.title{
    padding-bottom: 4rem;
    overflow: hidden;
}
.title img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.smallTitle{
    padding: 3rem 0;
    overflow: hidden;
}
.smallTitle img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.modSon-01 ul.disFlex li{
    display: flex;
    flex-wrap: wrap; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modSon-01 ul.disFlex li:nth-child(1){
    width: 570px;
    height:930px;
    background-image: url('vidBg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.modSon-01 ul.disFlex li:nth-child(1) img{
    width: 495px;
    height: 882px;
}
.modSon-01 ul.disFlex li:nth-child(2){
    width: 510px;
    justify-content: space-between;
    margin-right: 20px;

}


.liItem .thumb{
    width: 505px;
    height: 305px;
    background-image: url('fsfg.png');
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.modSon-01 ul.disFlex li .liItem .thumb img{
    width: 480px;
    height: 265px;
}
.modSon-02{
    height:1039px; 
    background-image: url('zhiboBg.png');
    background-size: 1920px 100%;  
    background-position: center top;   
}

/*modSon-02*/
.modSon-02 .container{
    width: 1230px;
    margin-top: 7rem;
   
}
.modSon-02 .left{
    width: 970px;
    height: 570px;
}
.modSon-02 .left .swiper{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modSon-02 .left .thumb{
    width: 100%;
    height: 100%;
} 
.modSon-02 .right{
    width: 100%;
}
.modSon-02 .swiper-box{
    /* width: 240px;
    height:570px; */
    width: 100%;

    position: relative;
}
.modSon-02 .right .thumb{
    /* width: 264px; */
    /* height: 154px; */
    position: relative;
}
.modSon-02 .right .thumb img{
    /* width: 264px; */
    /* height: 154px; */
    /* margin: 5px; */
}
.modSon-02 .right .thumb:after{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 1.4rem;
    background-image: url("boxShowd.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: 190px;
}
.modSon-02 .right .swiper {
    width: 100%;
    /* height: 450px; */
}

.modSon-02 .right  .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all 1s;
}
 
 
/* .modSon-02 .right  .swiper-button-prev,.modSon-02 .right .swiper-button-next{
    position: static;  
    width: 100%;
    height: 47px;
    border-radius: 10px 10px 0 0;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
} */
/* .modSon-02 .right  .swiper-button-prev{
background-image: url('prev.png');
margin-bottom: 1.5rem;
}
.modSon-02 .right .swiper-button-next{ 
    margin-top: 1.5rem;
    background-image: url('next.png');
    border-radius: 0 0 10px 10px ;
    margin-top: 1.5rem;
} */
/* .modSon-02 .right .swiper-button-next:after, .modSon-02 .right .swiper-button-prev:after{
    font-size: 2.8rem;
    font-weight: bolder;
    display: none;
} */
.modSon-02 .right  .swiper-button-prev:after{
    
}
.modSon-02 .right  .swiper-button-next:after{
   
   
}
 
 
.modSon-02 .right  .swiper-slide .thumb{
    margin: 0 auto;
    /* width: 96%; */
    /* height: 96%; */
}
.modSon-02 .right  .swiper-slide.swiper-slide-thumb-active  .thumb{
    width: 100%;
    height: 100%;
}
.modSon-02 .smallTitle{
    padding-bottom: 0;
}

.videoBox{
    width: 1193px;
    height: 693px;
    border: 10px solid #ffc43d;
    border-radius: 20px;    
    position: relative;
    margin: 0 auto;
}
.videoBox img{
    border-radius: 10px;
    width: 100%;
    height: 100%;
}
.videoBox::before,.videoBox::after{
    display: block;
    content: ' ';
    position: absolute; background-repeat: no-repeat;
    background-size: 100% 100%;
}
.videoBox::before{    
    width: 17.7rem;
    height: 39.5rem;
    background-image: url('icon02.png');
   
    right:-0.5rem;
    top:-0.5rem;
}
.videoBox::after{ 
    width: 46.6rem;
    height: 26.6rem;
    background-image: url('icon01.png');
    background-position: left bottom;
    left: -8rem;
    bottom: -3rem;
}
.modSon-03 .img-text-text{
    margin-top:4rem;
    background-image: url('border01.png');
    padding: 30px 120px 50px 50px; 
    margin-bottom: 4rem;
}
.modSon-03 .img-text-text strong a{
    color: #ffe380;
}
.modSon-03 .img-text-text p{
    color: #ffe380;
}

/*mod-03*/
.mod-03{
    height: 1504px;
    background-image: url('Bg03.jpg');
    background-size: auto 100%;
    background-position: center top;
}
.mod-03 .container{
    padding-bottom: 3rem;
}
.mod-03 .more{
    margin-right: 3rem;
}
.mod-03 .title{
    padding-top: 4rem;
}
.mod-03 .thumb{
    width: 644px;
    height:374px;
    
}
.mod-03 .left ,.mod-03 .right{
    width: 650px;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: space-between;  
    margin: 0 3rem; 
    
}
.mod-03 .img-text-text{
    position: relative;
    margin-top: 3rem;
    background-image: url('teBorder.png');
    padding: 2rem 2rem 2rem 24rem;
}
.mod-03 .left .img-text-text:nth-child(3){
     
}
.mod-03 .img-text-text strong a{
    font-size: 20px;
    color: #9b0500;
}
.mod-03 .img-text-text p{
    color: #9b0500;
}
.mod-03 .img-text-text a img{
    width: 22.4rem;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
}
 /*mod-04*/
 .mod-04{
    background-image: url('Bg04.jpg'); 
    height: 1248px;
    background-size: auto 100%;
    background-position: center top;
    
 }
 .mod-04 .container:nth-last-child(2){
     background-image: url('tgg.png');
     margin-bottom: 3rem;
     position: relative;
     overflow: visible;
     padding-top: 7rem;
     padding-bottom: 5rem;
 }
 
 .mod-04 .container:nth-last-child(2)::before{
    content: ' ';
    display: block;
    width: 17.2rem;
    height: 30.6rem;
    background-image: url('fsf.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -7rem;
    top: -2rem;
 }
 .mod-04 .container:nth-last-child(2)::after{
    content: ' ';
    display: block;
    width:22.5rem;
    height: 26rem;
    background-image: url('df.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -17rem;
    bottom: -5rem;
 }
 .mod-04 .more{
    margin-right: 4rem;
 }
 .mod-04 ul.disFlex{
    width: 1230px;
    margin: 0 4rem 0 11rem;
    /* margin-bottom: 1rem; */
    align-items: center;
}
.mod-04 ul.disFlex>li{width: 22.06666%;list-style: none;}
.mod-04 ul.disFlex>li img{
    width: 100%;
    height: 55.044rem;
}
.mod-04 ul.disFlex>li:nth-child(2){
    width: 33.8%;
}
.mod-04 ul.disFlex>li:nth-child(2) img{
    width: 100%;
    height: 24.148rem;
}
.mod-04 ul.disFlex>li:nth-child(4) img{
    width: 100%;
    height: 14.85rem;
}
.mod-04 ul.disFlex>li:nth-child(2) ul li:nth-child(2){
    width: 100%;
}

.mod-04 ul.disFlex>li>ul{
    /* height: 100%; */
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.mod-04 ul.disFlex>li>ul>li{
    width: 100%;
}
.mod-04 ul.disFlex li img{width: 100%;height: 48.33rem;display: block;}
.mod-04 ul.disFlex li .img-text-text{
    height: 16.6rem;
    border: 0;
    position: relative;
    padding: 1rem;
}
.mod-04 ul.disFlex li .img-text-text::after,.mod-04 ul.disFlex li .img-text-text::before{
    content: ' ';
    display: block;
    width: 0;
    height: 0;
}
.mod-04 strong{
    font-size: 20px;
}
.mod-04 .img-text-text strong a,.mod-04 .img-text-text p {
    color: #ffffff;

}
.mod-04 ul.disFlex li .img-text-text p{ 
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mod-04 ul.disFlex li:nth-child(1) .img-text-text{
     background: linear-gradient(#de9900,#c46400);
     background: -webkit-linear-gradient(#de9900,#c46400);

     background: -o-linear-gradient(#de9900,#c46400);

     background: -moz-linear-gradient(#de9900,#c46400);
     background: linear-gradient(#de9900,#c46400);
}  
  

.mod-04 ul.disFlex li:nth-child(3) .img-text-text{
     
    background: linear-gradient(#c98600,#d0a100);
    background: -webkit-linear-gradient(#c98600,#d0a100);

    background: -o-linear-gradient(#c98600,#d0a100);

    background: -moz-linear-gradient(#c98600,#d0a100);
    background: linear-gradient(#c98600,#d0a100);
}  
.mod-04 ul.disFlex>li:nth-child(2) .img-text-text:nth-last-child(2){
    width: 50%;
    background: linear-gradient(#88d557,#348e17);
    background: -webkit-linear-gradient(#88d557,#348e17);

    background: -o-linear-gradient(#88d557,#348e17);

    background: -moz-linear-gradient(#88d557,#348e17);
    background: linear-gradient(#88d557,#348e17);
}
.mod-04 ul.disFlex>li:nth-child(2) .img-text-text:nth-last-child(1){
    width: 50%;
    
    background: linear-gradient(#43a8fd,#147cc9);
    background: -webkit-linear-gradient(#43a8fd,#147cc9);

    background: -o-linear-gradient(#43a8fd,#147cc9);

    background: -moz-linear-gradient(#43a8fd,#147cc9);
    background: linear-gradient(#43a8fd,#147cc9);

}
.mod-04 ul.disFlex>li:nth-child(4) div:nth-child(1) .img-text-text{
    background: linear-gradient(#9867b6,#5f398d);
    background: -webkit-linear-gradient(#9867b6,#5f398d);

    background: -o-linear-gradient(#9867b6,#5f398d);

    background: -moz-linear-gradient(#9867b6,#5f398d);
    background: linear-gradient(#9867b6,#5f398d);
}
.mod-04 ul.disFlex>li:nth-child(4) div:nth-child(2) .img-text-text{
    background: linear-gradient(#b2473f,#d27973);
    background: -webkit-linear-gradient(#b2473f,#d27973);
    background: -o-linear-gradient(#b2473f,#d27973);
    background: -moz-linear-gradient(#b2473f,#d27973);
    background: linear-gradient(#b2473f,#d27973);
}
 
#navHid span:before{
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px #965100 solid;
    border-top: 10px solid transparent;
    border-left:  10px solid transparent;
    position: absolute;
    left: 45px;
    bottom: 4px;
}
.mod-04 ul.disFlex li:nth-child(1) .img-text-text::before{
     
    border-right: 1.4rem solid transparent;
    border-bottom: 1.4rem solid transparent; 
    border-top:   1.4rem #de9900 solid;
    border-left:   1.4rem solid transparent;
    position: absolute;
    left: 1.4rem;
    top:-2.8rem;
    transform: translateX(-50%) rotate(180deg);
}
 
.mod-04 ul.disFlex li:nth-child(2) div .img-text-text:nth-child(1):after{  
    border-right: 1.4rem solid transparent;
    border-bottom: 1.4rem solid transparent; 
    border-top:   1.4rem #89d657 solid;
    border-left:   1.4rem solid transparent;
    position: absolute;
    left: 1.4rem;
    top:-2.8rem;
    transform: translateX(-50%) rotate(180deg);
}
 
.mod-04 ul.disFlex li:nth-child(2) div .img-text-text:nth-child(2):after{   
    border-right: 1.4rem solid transparent;
    border-bottom: 1.4rem #1279c6 solid;
    border-top: 1.4rem solid transparent;
    border-left: 1.4rem solid transparent;
    position: absolute;
    right: -1.4rem;
    bottom: -2.8rem;
    transform: translateX(-50%) rotate(180deg); 
}
.mod-04 ul.disFlex li:nth-child(3) .img-text-text::after{
    border-right: 1.4rem solid transparent;
    border-bottom: 1.4rem #cca40a solid;
    border-top: 1.4rem solid transparent;
    border-left: 1.4rem solid transparent;
    position: absolute;
    left: 1.4rem;
    bottom:-2.8rem;
    transform: translateX(-50%) rotate(180deg);
}
 



 
.mod-04 ul.disFlex li:nth-child(4) div:nth-child(1) .img-text-text::after{    
    border-right: 1.4rem solid transparent;
    border-bottom: 1.4rem solid transparent; 
    border-top:   1.4rem #9968b7 solid;
    border-left:   1.4rem solid transparent;
    position: absolute;
    left: 1.4rem;
    top:-2.8rem;
    transform: translateX(-50%) rotate(180deg);
}
.mod-04 ul.disFlex li:nth-child(4) div:nth-child(2) .img-text-text::after{    
    border-right: 1.4rem solid transparent;
    border-bottom: 1.4rem solid transparent; 
    border-top:   1.4rem #b0453d solid;
    border-left:   1.4rem solid transparent;
    position: absolute;
    left: 1.4rem;
    top:-2.8rem;
    transform: translateX(-50%) rotate(180deg);
}

/*mod-05*/
.mod-05{
    height: 1712px;
    background-image: url('Bg05.jpg');
    background-size: auto 100%;
    background-position: center top;
   
}
.mod-05 .title{
    padding-top: 15.6rem;
} 
.mod-05 #swiper05{
    height: 705px;
}
.mod-05 .modSon .container{
    width: 1210px; 
}
.mod-05 .swiper-box{
    margin-top: 3rem;
}
.mod-05 .swiper-box .swiper-slide{
     width: 266px;
     height: 155px;
}

.footer{
    padding-top: 16rem;
    text-align: center;
    padding-bottom: 6rem;

}
.footer p{
    font-size: 32px;
    color: #af0505;
}