@charset "utf-8";
/* CSS Document */
.layout{ width: 1430px; margin-right: auto; margin-left: auto; padding:0 15px;}
.layout_top{width: 1630px; margin-right: auto; margin-left: auto; padding:0 15px;}
.layout_banner{width: 1400px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header{ background:url(style_res/head.png) top center no-repeat; height:120px; background-position:center center; background-size:cover;}
.logo{ float:left; padding-top:20px;}
.logo img{ display:block;}

.sou{ width:235px; float:right; position:relative; margin-top:14px;}
.inputBox_02{ width:188px; height:40px; float:left; background:none;  color:#000000;font-size:100%; padding-left:15px; line-height:36px;    background-color: #fff;}
.searchBox_01{ background:url(style_res/sou_03.jpg) no-repeat; width:46px; height:40px; overflow:hidden; border:none;margin:0px; cursor:pointer; }

.syxw_cen ul li:hover{
        margin-left: 1%;
        width: 98%;
        box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.3);
        height: 96px;
        padding: 10px;
        background-color: #ffffff;
        border-bottom: 0;
    }
    .tzgg_cen ul li:hover{
        background-color: #fff;
    }
    .tzgg_cen ul li:hover a, .tzgg_cen ul li:hover span{
        color: #8F0A0B;
    }

    .tycg_left a:hover .mask, .tycg_right a:hover .mask{
        padding-bottom: 30px;
    }
  
    .tycg_left a:hover img, .tycg_right a:hover img{
        transform: scale(1.1, 1.1);
    }
    .tycg_left a:hover:before, .tycg_right a:hover:before{
        background-image: linear-gradient(rgba(110,110,110,.1),rgba(0,0,0,.1))
    }
    .tycg_left a::before, .tycg_right a::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
        -moz-transition: all .7s ease;
        -webkit-transition: all .7s ease;
        transition: all .7s ease;
        -o-transition: all .7s ease;
    }
    .tycg_left .mask, .tycg_right .mask{
        
        border-bottom: 7px solid #f85d00;
        width: 90%;
        box-sizing: border-box;
        margin-left: 5%;
        margin-right: 5%;
        position: absolute;
        bottom: 0;
        z-index: 2;
        padding-bottom: 15px;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -o-transition: all .5s ease
    }
/*=================导航=================*/
.nav{ width:100%; height:50px;border-bottom: 1px #3333331c solid;}
.nav_item{ float:left; width:12.5%; text-align:center; height:50px; position: relative; z-index: 9999;}
.nav_item a{ width:100%; color:#333; font-size:16px; display:block; line-height:50px;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden; width:100%;}
.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#FFB330; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #FFB330; color:#FFF; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;}
.hover .nav_item_sub a:hover{ background: #FFB330; color:#FFF; opacity:0.6;}


.banner{width: 1600px;margin: auto;position:relative;height:530px;overflow:hidden;}
.banner .slick-list{height:100%;}
.banner .slick-track{height:100%;}
.banner .slick-slide>div{height:100%;}
.banner .frame{height:100%;}
.banner .frame video{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;background-color:#72080A;}
.banner .child:before{content:"";position:absolute;left:0;bottom:0;right:0;height:80px;}
.banner .banner_nav {overflow: hidden;height: 80px;line-height: 80px;position: relative;top: -80px; text-align:right;background: #3333337d; z-index: 9999999;}
.banner .slick-prev{ background:url(style_res/left_03.png) no-repeat; width:90px; height:90px; position:absolute; top:45%; z-index:999999999; border:none; font-size:0; left:68px; outline:none;}
.banner .slick-next{ background:url(style_res/right_05.png) no-repeat; width:90px; height:90px; position:absolute; top:45%; z-index:999999999; border:none; font-size:0; right:68px; outline:none;}
.banner .banner_nav ul li {margin-left: 1%;text-align: center;width: 30px;height: 30px;line-height: 30px;background: #3336;border-radius: 50%;color: #fff;display: inline-block;}
.banner .banner_nav ul li:hover {background: #3339;}
.banner .frame span{margin-left: 2%;float: left;font-family: Microsoft YaHei;font-weight: 400;font-size: 18px;color: #FFFFFF;width: 80%;text-align: left;}
.banner .banner_nav ul{padding-top: 2%;}


.xwsd{
    width: 1400px;
    height: 200px;
    margin: auto;
    overflow: hidden;
    background: url(style_res/xwsd_328.png) no-repeat;
}
.xwsd_left{
    width: 10%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}
.xwsd_left h1{
    text-align: center;
    width: 130px;
    height: 40px;
    font-size: 18px;
    background: #3333331f;
    color: #fff;
    border-radius: 32px;
    line-height: 40px;
}
.xwsd .more{
    float: right;
    width: 8%;
    margin-top: 4%;
    margin-right: 3%;
}
.xwsd_right{
    width: 70%;
    float: left;
    margin-left: 2%;
}
.right_top a{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 90px;
    transition: all 0.5s linear;
    float: left;
    display: block;
}
.right_top a:hover{
    transform: translate(10px, 0px); 
    color:#f9ae31;
}
.right_top{
    height: 90px;
    border-bottom: 1px #ffffff63 solid;
}
.right_bottom{
    margin-top: 17px;
}
.right_bottom ul li{
    overflow: hidden;
    height: 35px;
}
.right_bottom ul li a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    transition: all 0.5s linear;
    padding-left: 20px;
    float: left;
}
.right_bottom ul li:hover a{
    transform: translate(10px, 0px); 
    color:#f9ae31;   
}
.right_bottom ul li:before{
    position: absolute;
    content: '';
    z-index: 2;
    width: 7px;
    height: 7px;
    margin-top: 11.5px;
    background-color: #fff;
    border-radius: 50%;
}


.content{background:  url(style_res/bg_329.png) no-repeat;background-position: bottom;}
.header_product{ width:100%; overflow:hidden; padding-bottom:47px;margin-top: 40px;}
.header_null{ width:100%; overflow:hidden; margin-top:70px;}
.header_blong{ width:100%; padding-top:35px; overflow:hidden;}
.header_news{ width:100%; overflow:hidden;}
.tzgg_top span{
    color: #B80E15;
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 46px;
    float: left;
    border-bottom: 3px #bf000a solid;
}
.tzgg_top{
    width: 99%;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px #dacdcd solid;
}
.tzgg_top .more{
    float: right;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 50px;
    height: 50px;
}
.xyyw{
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}
.xyyw_top{
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.xyyw_top img{
    width: 100%;
    height: 100%;
    transition: all 1s ease-out;
}
.xyyw_top img:hover{
    transform: scale(1.2);
}
.xyyw ul{
    display: flex;
    justify-content: space-between;
}
.xyyw ul li{
    width: 30%;
    overflow: hidden;
}
.xyyw .mask{
    padding: 10px 20px;
    width: 100%;
    border-right: 1px #33333324 solid;
    transition: all 1s ease-out;   
}
.xyyw .mask h5{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    color: #333333;
    height: 40px;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xyyw .mask p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 25px;
}
.xyyw .mask .time{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    width: 100%;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px #33333326 solid;
    background: url(style_res/sj_330.png) no-repeat;
    background-position: 79% 53%;
}
.xyyw .mask .more{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    padding-top: 10px;
    background: url(style_res/jt_30.png) no-repeat;
    background-position: 100% 80%;
}
.xyyw li:hover .mask{
    background-color: #B80E15;
    border-radius: 0px 0px 10px 10px;
}
.xyyw li:hover h5{
    color: #fff;
}
.xyyw li:hover p{
    color: #fff;
    opacity: 0.7;
}
.xyyw li:hover .mask .time{
    color: #fff;
    opacity: 0.7;
    border-bottom: 1px #fff solid;
    background: url(style_res/sj_3330.png) no-repeat;
    background-position: 79% 53%;
}
.xyyw li:hover .more{
    color: #fff;
    background: url(style_res/jt_330.png) no-repeat;
    background-position: 100% 80%;  
}

.xsyj{
    width: 30%;
    float: left;
    margin-left: 5%;
}
.xsyj_cen{
    m
}
.xsyj_cen ul li{
    width: 100%;
    overflow: hidden;
    padding: 17px 0;
    border-bottom: 1px #bbb2b2 dashed;
    display: inline-flex;
}
.xsyj .xsyj_cen .date{
    width: 47px;
    height: 55px;
    background:url(style_res/date_330.png) no-repeat;
    float: left;
}
.xsyj .xsyj_cen .date h3{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 20px;
    line-height: 50px;
    height: 32px;
    color: #fff;
    text-align: center;
}
.xsyj .xsyj_cen .date h4{
    line-height: 25px;
    height: 24px;
    text-align: center;
    color: #fff;
}
.xsyj .xsyj_cen a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 29px;
    transition: all 0.5s linear;
    margin-left: 20px;
    float: left;
}
.xsyj .xsyj_cen ul li:hover a{
    color: #B90A0A;
    transform: translate(10px, 0px); 
}
.xsyj .xsyj_cen ul li:hover a{
    color: #B8070A;
}
.rycg{
    width: 30%;
    float: right;
}
.rycg_cen .date{
    height: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #B38484;
    line-height: 21px;
}
.rycg_cen ul li a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    transition: all 0.5s linear;
    float: left;
}
.rycg_cen ul li:hover a{
    color: #B8070A; 
    transform: translate(10px, 0px);  
}
.rycg_cen ul li{
    width: 100%;
    overflow: hidden;
    padding: 11px 0;
    border-bottom: 1px #bbb2b2 dashed;
}


.xwdt{width:39%; float:left; overflow:hidden;    margin-left: 3%;}
.xwdt_comtent{
    margin-top: 4px;
}
.xwdt_top{
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
padding-top: 5px;
    border-bottom: 1px #3333332e solid;
}
.top_img{
    width: 44%;
    height: 125px;
    float: left;
}
.top_img img{
    width: 100%;
    height: 140px;
    transition: all 0.5s ease-out;
}
.top_img img:hover{
    transform: scale(1.2);
}
.top_right{
    float: right;
    width: 51%;
margin-top: 28px;
overflow: hidden;
}
.top_right1{
    float: right;
    width: 21%;
margin-top: 50px;
overflow: hidden;
}
.top_right a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 27px;
    transition: all 0.5s linear;    
}
.top_right a:hover{
    transform: translate(10px, 0px);
    /*color: #003F88;*/
}
.top_right h6{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    /*color: #003F88;*/
    line-height: 24px;
    margin-top: 20px;
    padding-left: 25px;
    background:url(style_res/time_0404.png) left no-repeat;
}




.mtjj{
    width: 30%;
    float: left;
    padding: 10px 25px;
    border-top: 3px #D8686B solid;
    background:url(style_res/tzzz_329.png) no-repeat;
}
.mtjj_top{
    width: 100%;
    overflow: hidden;
    height: 65px;
    border-bottom: 1px #3333332b solid;
}
.mtjj_top span{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 26px;
    color: #333333;
    line-height: 50px;
    float: left;
}
.mtjj_top .more{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 50px;
    float: right;
}
.mtjj_cen{
    padding: 15px 0;
}
.mtjj_cen .date{
    padding: 5px;
    /*width: 80px;*/
    float: left;
    margin-right: 10px;
}
.mtjj_cen ul li:hover .date{
    background: #B90A0A;
}
.mtjj_cen ul li:hover .date h3,.mtjj_cen ul li:hover .date h4{
    color: #fff;
}
.mtjj_cen ul li a:hover{
    color: #B90A0A;
    transform: translate(10px, 0px);
}
.mtjj_cen .date h3{
    height: 32px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 24px;
    color: #B80E15;
    line-height: 38px;
    text-align: center;
}
.mtjj_cen .date h4{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 14px;
    color: #B80E15;
    line-height: 25px;
    height: 25px;
    text-align: center;
}
.mtjj_cen ul li a{
    font-family: Microsoft YaHei;
    font-size: 16px;
    color: #333333;
    line-height: 33px;
    float: left;
    transition: all 0.5s linear;
}
.mtjj_cen ul li{
    padding: 5px 0;
    overflow: hidden;
    display: inline-flex;
}

.foter{
    background: #B80E15;
}

.bottom{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
    padding: 30px 0;
}


/* 文化品牌 */
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.scale { overflow: hidden;}
.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important;background-position: center center !important; }
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
a:hover .imged { transform: scale(1.1); }
h3{ font-weight:normal;}
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0; width: 0px; height: 100%; }
.flex{ display: -webkit-flex; /* Safari */display: flex; }
.flex { display: flex;flex-wrap: wrap; }
.wp{ width: 15.6rem; padding: 0; margin: 0 auto;max-width: 100%;}
.home3{padding: 0rem 0 .5rem;    margin-top: 5%;}
.home3-t ul li{width: 85px;height: 6.4rem;flex-wrap: nowrap;transition: 0.5s;cursor: pointer;height:420px;}
.home3-t ul li .h3:after{width:100%;height:100%;    background: #330033;}
.home3-t ul li:nth-child(1) .h3:after{background: #A4101C}
.home3-t ul li:nth-child(2) .h3:after{background: #DCAA5B}
.home3-t ul li:nth-child(3) .h3:after{background: #255083}
.home3-t ul li:nth-child(4) .h3:after{background: #399E8F;margin-right: 0;}

.home3-t ul li .h3{height: 100%;width: 100px;padding: .7rem 0rem 0;display: flex;flex-direction: column;align-items: center;/* justify-content: center; */position: relative;}
.home3-t ul li dl{width: calc(100% - 1.8rem);}
.home3-t ul li .h3 h3{font-size: 0.28rem;color: #fff;width: 0.4rem;text-align: center;line-height: 1.1;}
.home3-t ul li .h3::before{width: 100%;height: 52px;background: url(style_res/whpp_329.png) no-repeat;background-size: 100% 100% !important;bottom: auto;top: -0.5rem;opacity: 0;content:"";position:absolute;z-index:-1;left: 0;}
.home3-t ul li:nth-child(2) .h3::before{background: url(style_res/huang_329.png) no-repeat;}
.home3-t ul li:nth-child(3) .h3::before{background: url(style_res/lan_329.png) no-repeat;}
.home3-t ul li:nth-child(4) .h3::before{background: url(style_res/lv_329.png) no-repeat;}
.home3-t ul li:nth-child(5) .h3::before{background: url(style_res/zi.png) no-repeat;}

.home3-t ul li .h3 a{color: #fff;font-size: 0.14rem;transition: .5s;display: block;width: 0.14rem;bottom: 40px;left: 50%;transform: translateX(-50%);position: absolute;}
.home3-t ul li dl{justify-content: space-between;}
.home3-t ul li dl dt{width: 48%;}
.home3-t ul li dl dt a{display: block;transition: 0.5s;}
.home3-t ul li dl dt .con{border-bottom: 1px solid #ddd;height: 1.3rem;}
.home3-t ul li dl dt span{font-size: 0.14rem;color: #ab0509;opacity: 0;}
.home3-t ul li dl dt h3{margin-top: .15rem;color: #333;font-size: 0.18rem;line-height: 0.28rem;transition: 0.5s;}
.home3-t ul li dl dt:nth-child(3) .con,.home3-t ul li dl dt:nth-child(4) .con{border-bottom: none;}

.home3-t ul li.on{width: calc(100% - 3.6rem);}
.home3-t ul li.on dl{padding: 0.35rem;background: #fff; box-shadow: 0px 0.27rem 0.49rem 0px rgba(0, 0, 0, 0.05);}

.home3-t ul li.on dl dt a{border: 0.02rem solid rgba(0, 0, 0, 0);}
.home3-t ul li.on dl dt .con{padding: 0.2rem 0.15rem;}
.home3-t ul li.on .h3::before{opacity: 1;}
.home3-t ul li.on span{opacity:1;}




@media screen and (min-width:1200px){
  .home3-t ul li.on dl dt a:hover{border: 0.02rem solid #ae2026;}
  .home3-t ul li.on dl dt a:hover h3{color: #ae1d22;}
}
@media screen and (max-width:1024px){
  .home3{padding: 0rem 0 0rem;}
  .home3-t ul li{width: 1.3rem;height: 5.4rem;}
  .home3-t ul li .h3{width: 1.3rem;padding: .7rem 0rem 0;}
  .home3-t ul li dl{width: calc(100% - 1.3rem);}
  .home3-t ul li.on{width: calc(100% - 2.6rem);}
}

@media screen and (max-width:768px){
  .home3-t ul li{width: 100%;height: auto;margin: 0 0 0.25rem 0;flex-wrap: wrap;}
  .home3-t ul li .h3{width: 100%;height: auto;padding: .2rem .25rem;flex-direction: row;justify-content: space-between;}
  .home3-t ul li dl,.home3-t ul li.on dl{width: 100%;padding: 0.25rem .2rem .1rem;background: url(https://marx.zjtie.edu.cn/yxy-xbwz/images/h3bg.jpg) no-repeat center/cover;box-shadow: 0px 0.27rem 0.49rem 0px rgba(0, 0, 0, 0.05);}
  .home3-t ul li.on{width: 100%;}
  .home3-t ul li.on .h3 a,.home3-t ul li .h3 a{opacity: 1;margin: 0;width: auto;position: relative;left: auto;transform: translateX(0px);}
  .home3-t ul li .h3 h3{width: auto;padding: 0;font-size: .24rem;}
  .home3-t ul li .h3:before{display:none;}
  .home3-t ul li .h3 a span{display: block;}
  .home3-t ul li .h3 a img{display: none;}
  .home3-t ul li dl dt .con{padding: 0.2rem 0.15rem;}
  .home3-t ul li dl dt a{border: 0.02rem solid rgba(0, 0, 0, 0);}
  .home3-t ul li dl dt span{opacity:1;}
}

/* 跳动 */
  @keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  }
  40% {
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
  }
  60% {
  -webkit-transform: translateY(-0.05rem);
  -ms-transform: translateY(-0.05rem);
  transform: translateY(-0.05rem);
  }
  }

@media(max-width: 1200px){

}

@media screen and (min-width:2000px){
  html{font-size: 100px!important;}
  
}
@media screen and (max-width:1940px){
  html{font-size: 100px!important;}
}
@media screen and (max-width:1800px){
  html{font-size: 95px!important;}
}
@media screen and (max-width:1600px){
  html{font-size: 90px!important;}
}
@media screen and (max-width:1400px){
  html{font-size: 90px!important;}
}
@media screen and (max-width:1024px){
  html{font-size: 85px!important;}
}
@media screen and (max-width:900px){
  html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
  html{font-size: 80px!important;}
}
@media screen and (max-width:480px){
  html{font-size: 80px!important;}
}
@media screen and (max-width:375px){
  html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
  html{font-size: 70px!important;}
} 
@media screen and (max-width:350px){
  html{font-size: 65px!important;}
} 

@media(min-width: 1200px){  
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { 
  }

  @media (-webkit-min-device-pixel-ratio: 1.05) {
    @media screen and (min-width:1920px){
      html{font-size: 100px!important;}
    }
    @media screen and (max-width:1920px){
      html{font-size: 95.5px!important;}
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.1) {
    @media screen and (min-width:1920px){
      html{font-size: 100px!important;}
    }
    @media screen and (max-width:1920px){
      html{font-size: 92.5px!important;}
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.15) {
    @media screen and (min-width:1920px){
      html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
      html{font-size: 87px!important;}
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.20) {
    @media screen and (min-width:1920px){
      html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
      html{font-size: 84px!important;}
    }
  }
  /* 屏幕分辨率放大为 125 */
  @media (-webkit-min-device-pixel-ratio: 1.25) {
    @media screen and (min-width:1920px){
      html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
      html{font-size: 80px!important;}
    }
  }
  /* 屏幕分辨率放大为 150 */
  @media (-webkit-min-device-pixel-ratio: 1.5) {
    @media screen and (min-width:1920px){
      html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
      html{font-size: 70px!important;}
    }
  }
}

@media screen and (max-width: 1199px) {
  .header_box{ display: none; }
  .m_header_box {display: block !important;}
  .main-visual-slider p{font-size:.4rem;line-height:1.5;left:5%;bottom: 5%;}
  
  }