/*container*/
@media (min-width: 1600px){
    .container {  max-width: 1520px;    }}


/*font-size*/
@media (min-width:1601px) {
    html {        font-size: 16px;    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {        font-size: 14px;    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {        font-size: 13px;    }
}

@media (min-width:481px) and (max-width:639px) {
    html {        font-size: 13px;    }
}

@media (min-width:329px) and (max-width:480px) {
    html {        font-size: 13px;    }
}


/*display*/
@media (min-width: 769px){
    .d-wap{display: none!important;}
    .d-pc{display: flex!important;}
    .d-pc-block{display: block!important;}
}
  
body {overflow-y: scroll!important;}
*.modal-open {    overflow-y: scroll;    padding-right: 0 !important;}

/*public*/
*{
    transition: 0.2s all;
}
a{
    text-decoration: none;
}
.btn-red {
    background-color: rgba(216, 53, 0,0.8);
    color: #fff;
}

.btn-red:hover {
    background-color: rgba(216, 53, 0,1);
    color: #fff;
}
.bg-red {
    background-color: #d83500;
}



/*main*/
.title333{color: #333;}
.titlered{color:rgb(216, 53, 0); }
.title006{ color: rgba(0, 0, 0, 0.6);}
.titleff6{ color: rgba(255, 255, 255, 0.8);}

.titlefff{color: #fff;}
.titlebig1{   font-size: 2.5rem;    line-height: 1.5em;    font-weight: bold;    font-family: HelveticaInserat-Roman-SemiB;
    position: relative;  }
.titlebig1 span{  margin-right:1rem;margin-left: 1rem; }
.titlebig2{ font-size: 1.25rem;    line-height: 2.5em;    width: 100%;    text-align: center;}
.titlebigbg {z-index: 1000;    content: '';    position: absolute;   border-radius: 50%;    width: 4.5rem;    height: 4.5rem;    top: 50%;    left:0;    transform: translate(0, -50%);    left: -1.25rem;    z-index: 1;
}
.titlebigbg1{background: rgba(225, 36, 45, .1);}
.titlebigbg2{background: rgba(255, 255, 255, .3);}

.top{padding-top:10px;background: #fff;}
.top .left{padding-bottom: 10px;}
.top .left img{height: 80px;border-radius: 1rem 0;}

.top .menu .item{padding:0 1rem;background-image: url(../images//menu-bg.png); background-position: center right;background-repeat: no-repeat;}
.top .menu .item:last-child{background-image: none;}
.top .menu .item a{font-size:1.2rem;font-weight: 400;color: #333;padding-bottom: 1rem;position: relative; font-family: PingFang SC,"苹方", "微软雅黑", arial;}
.top .menu .item a.active{color: #E6021D; }

.top .menu .item a:hover{color: #E6021D;}
.top .menu .item a::before {    content: "";    position: absolute;    width: 100%;
    height: 2px;    background: #E6021D;    bottom: 0;left: 0;    transition: 0.3s ease-in-out; transform: scaleX(0); transform-origin: center;  }
.top .menu .item a:hover::before {    content: "";    position: absolute;    background: #E6021D;    bottom: 0;left: 0;    transform: scaleX(1);  }
.top .menu .item a.active::before{    transform: scaleX(1);}

.top .hotline-box{border-radius: 100px;line-height: 1.8em;padding:0.5rem 0.75rem;font-size: 1.1rem;color: #E6021D;}
.top .hotline-box a{color:#d83500;font-weight: 600;}
.top .hotline-box a i{font-size: 1rem}
.top .hotline-box:hover{background-color: #E6021D;}
.top .hotline-box:hover a{color:#fff}


.banner{ background-size: cover;background-image: url(../images/banner-bg.jpg);height: 800px;}
.banner .main{    display: flex;    justify-content: space-between;    gap: 6.25rem;    align-items: flex-end;}


.index1{padding-top: 3em;background-image: url(../images/index1-bg.jpg);background-position: center; background-size: cover;background-repeat: no-repeat;padding-bottom: 4rem;z-index: -9999;}
.index1 .main{padding-top: 2.5rem;}
.index1 .main p{margin-bottom: 0;color: #666;line-height: 1.8em;font-size: 1.2rem;}
.index1 .mainimg{padding-top: 2.5rem;}


.index2{padding-top: 4em;background-image: url(../images/bg3.jpg);background-position: center; background-size: cover;background-repeat: no-repeat;padding-bottom: 4rem;}
.index2-main{padding-top: 2rem;}
.index2-item {       margin-bottom: 50px;}
.index2-item .box {    background-color: rgba(255, 255, 255, 1);      text-align: center;    padding: 20px; padding-top: 36px;    border-radius: 10px;    position: relative;}
.index2-item .pic img {    border-radius: 20%;}
.index2-item .title {    font-size: 28px;    line-height: 2em;    color: #d83500;    font-weight: 600;    display: inline-block;
    border-bottom: 1px dashed #7c2590;    margin-bottom: 10px;}
.index2-item .info {    font-size: 18px;    color: #444;    margin-bottom: 20px;}
.index2-item .box .buttonlink {    position: absolute;    width: 100%;    margin-left: -20px;}

.index3{text-align: center;padding-bottom: 4rem;padding-top: 4rem;}
.index3 .main:nth-child(1){padding-top: 3rem;border-bottom: 1px solid #eee;}
.index3 .item-info{line-height: 1.6em;width: 100%;color: #666;padding-top: 1rem;height: 6rem;}
.index3 .main:nth-child(1) .item-info{border-right: 1px solid #eee;width: 100%;}
.index3 .item:hover{background-color: #f1f5f9}
.index3 .main .item-img{padding-top: 2rem;height: 5.5rem;}
.index3 .main:nth-child(2) .item-img{border-right: 1px solid #eee;width: 100%;padding-top: 2rem;}
.index3 .item-title{font-size: 1.75rem;font-weight: bold;padding-top: 1rem;color: #444;}
.index3 .main .item:nth-child(5) .item-info{border-right-color: rgba(0, 0, 0, 0);}



.index4 {    background: #f2f4f6;    padding-top: 50px;    padding-bottom: 50px;}
.index4-main {    padding-top: 40px;    padding-bottom: 30px;}
.index4-main .index3-item {    padding: 18px;}
.index4-main .item {    position: relative;    padding: 0.5rem;    width: 100%;    height: auto;    padding: 0;}
.index4-main .item .img {    overflow: hidden;    width: 100%;    height: auto;    box-shadow: 0 0 5px 0px #999;    border-radius: 10px;}
.index4-main .item img {    width: 100%;    height: auto;}
.index4-main .item .mask {    display: flex;    position: absolute;    top: 0rem;    left: 0rem;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.6);    align-items: center !important;
    justify-content: center !important;    opacity: 0;}
.index4-main .item .mask a {    display: inline-block;    line-height: 2.4em;    padding: 0 1.5rem;    background-color: #c1021b;    border: 1px solid #fff;
    color: #fff;    border-radius: 100px;    font-size: 16px;}

.index4-main .item:hover .mask {    opacity: 1;}
.index4-main .item:hover img {    transform: scale(1.1);}




.index5 {    padding-top: 50px;    padding-bottom: 50px;}

.index5-main {    padding-top: 50px;}

.index5-main .left {    width: 40%;    padding-top: 1rem;}
.index5-main .left .box .img{    overflow: hidden;    padding-right: 10px;}
.index5-main .left .box img {    width: 100%;
    box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);    margin-bottom: 10px;}
.index5-main .left .box img:hover {    transform: scale(1.1);}


.index5-main .left .box {    padding-right: 80px;
}

.index5-main .left .title {
    font-size: 24px;
    line-height: 2em;
    font-style: italic;
    text-align: center;
}

.index5-main .left .title a {
    color: #666;
    line-height: 2.4em;
}
.index5-main .left .title a:hover {
    color: #c1021b;
}

.index5-main .left .info {
    background-image: linear-gradient(to right, #eee, #eee);
    border: 1px solid #f1f1f1;
    margin-right: -10px;
    line-height: 1.8em;
    padding-right: 10px;
    color: #999;
}

.index5 .right-item {
    background-image: url(../images/icon-index5.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.index5 .right-item .title a {
    font-size: 20px;
    line-height: 2em;
    color: #666;
}
.index5 .right-item .title a:hover {
    color: #c1021b;
}


.index5 .right-item .smalltext {
    color: #999;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.index5 .right-item .info {
    color: rgba(153, 153, 153, 0.6);
    font-size: 14px;
    padding-top: 0.25rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dashed #7c2590;

}

.index5 .right-button-more a {
    padding-left: 3rem;
    padding-right: 3rem;
}

.index-plus1 {    padding-top: 50px;    padding-bottom: 50px;}
.index-plus1 .main{padding-top: 1.5rem;}
.index-plus1 .item .box{border: 1px dashed #c1021b; margin: 1rem;line-height: 3rem;
    text-align: center;background-color: rgba(193, 2, 27,0.1);font-size: 1.2rem;border-radius: 0.5rem;}
.index-plus1 .item .box:hover{background-color: rgb(193, 2, 27);color: #fff;}

.index-plus2 .item .box{padding:1.5rem;padding-bottom: 4rem;}
.index-plus2 .item-title{background-color: #eb0016;color:#fff;border-radius: 0.5rem 0.5rem 0  0;line-height: 3rem;font-size: 1.25rem;font-weight: bold;}
.index-plus2 .item-main{border-radius: 0 0  0.5rem 0.5rem; border: 1px dashed #c1021b;font-size: 1.15rem;line-height: 1.8em;padding: 1.5rem;
background: url(/images/logo-back.png) no-repeat center;background-size: 70%;background-color: rgba(193, 2, 27,0.02);}

.index-plus3{background-color: #f1f5f9;padding-top: 4rem;padding-bottom: 5rem;}
.index-plus3 .main{padding-top: 3rem;}
.index-plus3 .box{border: 1px solid #ccc;padding-bottom: 1.5rem;border-radius: 0.5rem ;overflow: hidden;background-color: #fff;margin:1.5rem}
.index-plus3 .main .title{text-align: center;color: #eb0016;font-weight: bold;line-height: 3em;font-size: 1.25rem;}
.index-plus3 .main .info{text-align: center;color: #666;font-weight: 0.95rem;}

.foot-yuyue{background: url(../images/footyuyue-bg.jpg) no-repeat center;padding-top: 3rem;}
.foot-yuyue .main{padding:1rem 10rem;}
.foot-yuyue .title1{font-size: 54px;color: #fff;line-height: 2em;font-weight: bold;}
.foot-yuyue .title2{font-size: 27px;color: #fff;opacity: 0.8;}
.foot-yuyue .title-line1{height: 3px;width: 100px;margin:2rem auto 0 auto;background-color: #ff4000;}
.foot-yuyue .title-line2{width: 100%;height: 1px;background-color: #fff;opacity: 0.15;}

.foot-yuyue .yuyue-box{padding-top: 6.5rem;padding-bottom: 5rem;}
.foot-yuyue .left-line{height: 3px;width: 30px;background-color: rgb(255, 64, 0);}
.foot-yuyue .left-title{font-size: 1.8rem;line-height: 2.5em;color: #fff;font-weight: bold;}
.foot-yuyue .left-info{font-size: 1.25rem;color: #999;}


.dan-yuyue{background: url(../images/index1-bg.jpg) no-repeat center;padding-top: 3rem;}
.dan-yuyue .main{padding:1rem 20rem;}
.dan-yuyue .title1{font-size: 54px;color: #444;line-height: 2em;font-weight: bold;}
.dan-yuyue .title2{font-size: 30px;color: #444;opacity: 0.8;}
.dan-yuyue .title-line1{height: 3px;width: 100px;margin:2rem auto 0 auto;background-color: #ff4000;}
.dan-yuyue .title-line2{width: 100%;height: 1px;background-color: #E6011A;opacity: 0.15;}

.dan-yuyue .yuyue-box{padding-top: 5rem;padding-bottom: 5rem;}
.dan-yuyue .left{padding-top: 1.5rem;}
.dan-yuyue .left-line{height: 3px;width: 30px;background-color: rgb(255, 64, 0);}
.dan-yuyue .left-title{font-size: 1.8rem;line-height: 2.5em;color: #E6011A;font-weight: bold;}
.dan-yuyue .left-info{font-size: 1.25rem;color: #999;}




.foot{background-color: #111;border-top: 3px solid rgba(255, 255, 2550,1);padding: 100px 50px;}
.foot .container{border-bottom: 1px solid #777;padding-bottom: 3.5rem;}
.foot .fl-up .item{margin-right: 2rem;}
.foot .fl-up a{font-size: 1.1rem; color: #fff;}
.foot .fl-up a:hover{ color: #f0c634;}
.foot .fl-down .item{margin-right: 2rem;padding-top: 3.5rem;}
.foot .fl-down .item .item2{color: #999;padding:0 1.35rem;}
.foot .fl-down .item .item3{color: #fff;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 1.75rem;border-left: 1px solid #999;padding-left: 1.35rem;}
.foot .fl-down .item .item4{color: #fff;font-size: 1.15rem;border-left: 1px solid #999;padding-left: 1.35rem;}

.foot .fr-left {color: #999;padding-top: 1rem;}
.foot .fr-right .erweima1{padding:0 1.5rem;}
.foot .fr-right p{color:#fff;text-align: center;line-height: 2em;}

.foot .copyright{text-align: center;line-height: 4em;font-size: 1.15rem;color: #999;}
.foot .copyright a{color: #999;}
.foot .copyright a:hover{color: #fff;}


.offcanvas{background-color: #f9f9f9;}
.offcanvas-title{color: #333;font-weight: bold;}
.offcanvas-body{padding:1rem 2rem}
.offcanvas-body .item{border-bottom: 1px dashed #ccc;}
.offcanvas-body .item a{line-height: 3.5em;color: #d83500;padding-left: 1rem;font-size: medium;}


.tong-banner{ height: 30rem; width: 100%; overflow: hidden;}
.tong-banner .main{ display: flex; height: 100%; align-items: center; justify-content: center; text-align: center; padding-top: 1.5rem; }
.tong-banner h3{color: #fff; font-size: 3.75rem; font-weight: bold; margin-bottom: .875rem;text-shadow:#000 3px 4px 5px}
.tong-banner p{ font-size: 1.5rem; color: rgba(255, 255, 255, .9); text-transform: uppercase; line-height: 1.5; font-family: DISNEYENGLISH-BOLD; text-shadow:#000 3px 4px 5px}

.content-title{font-size: 2.2rem;font-weight: bold;color: #444;padding-top: 2rem;}
.content-title-info{color: #999;line-height: 3em;}
.content-body{padding-bottom: 2rem;font-size: medium;}
.back-lanmu{padding-bottom: 2rem;}

.lanmu-title{background: #fff; padding-top: 4rem;padding-bottom: 2rem;}
.lanmu-box{background: #fff;}
.lanmu-box .item{padding:2rem;background-color: #fff;padding-top: 0;}
.lanmu-box .item .box{ display: flex; align-items: center; background: #f5f5f5; border-radius: 6px; padding: 1.25rem; transition: .5s;}
.lanmu-box .item .img{ flex-shrink: 0; width: 22.5rem; max-width: 100%; border-radius: 6px; margin-right: 1rem;}
.lanmu-box .item .img  img{width: 100%;}
.lanmu-box .item .img:after{ padding-top: 56.18%;}
.lanmu-box .item .txt{ flex-grow: 1; padding:1.5rem;}
.lanmu-box .item .txt h5{ font-size: 1.5rem; color: #242424; font-weight: bold; margin-bottom: 1.25rem; transition: .5s;}
.lanmu-box .item .txt p{ font-size: .9375rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: rgba(36, 36, 36, 0.7);}
.lanmu-box .item .txt .bot{ display: flex; justify-content: space-between; margin-top: .875rem; align-items: center;}
.lanmu-box .item .txt .time{ font-size: 1rem; color: #bbbbbb; font-family: FRADMCN; transition: .5s; }
.lanmu-box .item .txt .time span{ font-size: 1.5rem; color: #E6011A; display: inline-block; margin-right: 7px;}
.lanmu-box .item .txt .more{ font-size: .875rem; color: #605e5b; text-transform: uppercase; position: relative; padding-bottom: 2px;}
.lanmu-box .item:hover{ position: relative; z-index: 1;}
.lanmu-box .item:hover .box{  box-shadow: 15px 15px 30px 10px rgba(177, 177, 182, 0.5);}
.lanmu-box .item:hover h5{ color: #E6011A;}
.lanmu-box .item:hover .time{ color: #E6011A;}

.xuezi-box{padding-top: 4rem;padding-bottom: 3rem;}
.xuezi-box .main{padding-top: 3rem;padding-bottom: 2rem;}
.xuezi-box  .box{box-shadow: 6px 11px 21px 0px rgba(108, 108, 108, 0.17);padding-top: 2.5rem;margin-bottom: 2.5rem;}
.xuezi-box  .box .img{text-align: center;}
.xuezi-box  .box .img img{border-radius: 100px;}
.xuezi-box  .box h5{font-size: 1.125rem;    margin: 0 auto;    margin-top: 1.75rem;    position: relative;    z-index: 1;
    margin-bottom: .875rem;    font-weight: bold;    width: 8.75rem;    height: 2.8125rem;    line-height: 2.8125rem;
    border-radius: 1.5rem;    background: #d83500;    color: #fff;    text-align: center;}
.xuezi-box  .box h6{    text-align: center;    line-height: 1.5;    font-size: 1.125rem;    color: #e47d08;
    font-weight: bold;   }
.xuezi-box  .box p{font-size: .9375rem;    line-height: 1.625rem;     overflow: auto;    color: #808387;
  }
.xuezi-box  .box .main{padding: 0.5rem 2rem 1.5rem;}

.xuezi-box .img-box{padding-bottom: 1.5rem;}
.rightslide{position: fixed; right: 0px; top: 185px; height: 542px; width: 142px; display: block;}