.env-course .t2{ background-image: url(../images/bg1.jpg);}
.env-course .t2::after, .env-course .t2::before{ background:#ff6a64;}
.menu-22 .menu-ph span{ background: #fff;}


/* .footer-1{ background-color: #FFF2F0;} */
@media  only screen and (min-width: 1150px){

    .env-header .logo .a2{ display: none;}
    .env-header .logo a{opacity: 1;}
    .env-search img.i2{ display: block;}
    .env-search img.i1{ display: none;}
    .env-header .logo{ height: 100px;}
    .env-header .env-menu-box .w{ background-image: linear-gradient(to left,#FF5C56,#FF5C56); 
        color: #fff; position: absolute; left: 0; top: calc(100vw * 0.32); width: 100%; border-radius: 0;}
    .env-header .env-menu-box .w a{ color: #fff;}
    
    .scrollbody .env-header{ background: #FF5C56;}
    .scrollbody .env-header .logo .a2{ display: none;}
    .scrollbody .env-header .logo a{opacity: 1;}
    .scrollbody .env-header .env-menu-box .w{ position: relative; top: 0;}
}
 
.env-title .f-32 { color: #333; }
.arts-title .f-32 { color: #333; }

.fashion-banner1{ position: relative;}
.fashion-banner1 img{ width: 100%; height: auto;}
.fashion-banner1 .w{ position: absolute; z-index: 3; color: #fff;  left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.fashion-banner1 .w .p2{ margin-top: 1em; width: 50%;}



.vision-abt .w{ margin-bottom: 9%; min-height: 223px; display: flex; align-items: center; justify-content: center;}
.vision-abt .w em{ font-size: 200%;}
 

.env_intor1{ padding-bottom: 5%;}
.env_intor1 .w{ display: flex; align-items: flex-end; width: 100%; margin: 0 auto;}
.env_intor1 .left{ flex: 1; margin-right: 10em;}
.env_intor1 .right { width: 40%; overflow: hidden;}
.env_intor1 .right img{ width: 48%; float: left;}
.env_intor1 .right img:first-child{ margin-right: 4%;}

.env_intor3_ul .txt dt{  padding:1.2em 0 1.2em 1.5em; color: #fff;  margin-bottom: 1em;}
.env_intor3_ul li:nth-child(2n){ background:none;}
.env_intor3_ul li:nth-child(4n-3) .txt dt{background-image: url(../images/1.jpg); background-repeat: no-repeat;background-size: auto 100%;}
.env_intor3_ul li:nth-child(4n-2) .txt dt{background-image: url(../images/2.jpg); background-repeat: no-repeat;background-size: auto 100%;}
.env_intor3_ul li:nth-child(4n-1) .txt dt{background-image: url(../images/3.jpg); background-repeat: no-repeat;background-size: auto 100%;}
.env_intor3_ul li:nth-child(4n) .txt dt{background-image: url(../images/4.jpg); background-repeat: no-repeat;background-size: auto 100%;}


.arts-bk1 .env-title{ padding: 6% 0 3%;}
.arts-bk1 .maoboli{  padding:2em ; margin-left: -15em; margin-top: 3em; position: relative; }
.arts-bk1 .env-dontai .right h2{ margin-top: 0;}
.arts-bk1 .env-dontai .right article{ height: auto;}

.arts-bk2 .arts-title { padding: 8% 0 3%;}
.arts-bk2 .box{ margin: 0 -20px;}
.arts-bk2 .box li{ float: left; width: 33.33%;}
.arts-bk2 .box li .w{margin: 0 20px; display: block; border-bottom: 6px solid #FF5C56;}
.arts-bk2 .box li .img_ratio{ padding-top: 50%;} 
.arts-bk2 .box li p{ margin: 1em; text-align: center;}

.arts-bk3  { margin-top: 5em; background: url(../images/bg.png) left center no-repeat; background-size: auto 100%;  padding-bottom: 5em;}
.arts-bk3 .arts-title { padding: 5% 0 3%; text-align: center;}
.arts-bk3 .left{  width: 58%; margin-right: 2%;}
.arts-bk3 .left article{ line-height: 1.8;}
.arts-bk3 .left .p2{ margin-top: 2em; margin-right: 0; position: relative; z-index: 10;}
.arts-bk3 .left .p2 p{ display: inline-block; margin: 0 1em 1em 0; padding: 0 20px;line-height: 1.2;  position: relative;}
.arts-bk3 .left .p2 p i{ display: inline-block; position: relative; z-index: 2;}
.arts-bk3 .left .p2 p::after{ content: ''; position: absolute; left: 10px; bottom: -0.4em; right: 10px; background: #FFE797; height: 1em;}
.arts-bk3 .right{ flex: 1;}
.arts-bk3 .right .img_ratio{ padding-top: 78.9%;} 

.arts-bk4 { background: #F5F5F5;}
.arts-bk4 .arts-title { padding: 4% 0 5%; text-align: center;}
.arts-bk4 .box{ margin: 0 -20px; padding-bottom: 5%;}
.arts-bk4 .box li{ float: left; width: 25%;}
.arts-bk4 .box li .w{margin: 0 20px; display: block; }
.arts-bk4 .box li .img_ratio{ padding-top: 50%; overflow: hidden;} 
.arts-bk4 .box li .p1{ margin-top: 1em;text-align: center;}
/*.arts-bk4 .box li .p1 span{ position: relative;  border-bottom: 1px solid #FF5F6D;}*/
.arts-bk4 .box li .p1 span{ position: relative;  }
.arts-bk4 .box li p{ margin: 1em 0; color: #999; }
body { background: #FFFDFD;}

.arts-bk5 .arts-title { padding: 5% 0 3%; text-align: center;}
.arts-bk5 ul{}
.arts-bk5 li{ float: left; width: 50%;}
.arts-bk5 .img_ratio{ padding-top: 75%; overflow: hidden;}
.arts-bk5 li .w{ display: flex; align-items: flex-end; margin-bottom: 2em; }
.arts-bk5 li .w .img{ width: 50%;}
.arts-bk5 li .w .txt{ flex: 1; margin-left: 2em;}
.arts-bk5 li:nth-child(3n-2) .w{ display: block; margin-right: 15%;}
.arts-bk5 li:nth-child(3n-2) .w .img{ width: 100%;}
.arts-bk5 li:nth-child(3n-2) .w .txt{ margin: 1em 0 0;}


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

@media only screen and (max-width: 1150px) {
    .env-header .logo{background: #FF5C56;}
   

}

@media only screen and (max-width: 750px) {
    .fashion-banner1 .w{ position: relative; top: 0; transform: none; margin-top: -5em;}
    .fashion-banner1 .w .p2{ width: auto; color: #333;}

    .env_intor1 .w{ display:block;}
    .env_intor1 .left{ margin-right: 0;}
    .env_intor1 .right{ width: auto;}
    .env_intor1 .right img{ width: 100%; height: auto; margin-top: 1em;}

    .arts-bk1 .maoboli{ margin: 0 0 1em;}
    .arts-bk2 .box li{ width: 100%; margin-bottom: 3em;}
    .arts-bk3 .left{ width: auto;}
    .arts-bk3 .left article{ text-align: justify;}
    .arts-bk3 .left .p2{ margin: 1em -1em;}
    .arts-bk3 .box{ display: block;}
    .arts-bk3 .left .p2 p{ margin: 0 0.2em 1em; padding:0 10px;}
    .arts-bk4 .box li{ width: 50%; margin-bottom: 2em;}
    .arts-bk4 .box { margin: 0 -10px;}
    .arts-bk4 .box li .w{ margin: 0 10px 0;}

    .arts-bk5 li{ width: 100%;}
    .arts-bk5 li:nth-child(3n-2) .w{display: flex; margin-right: 0;}
    .arts-bk5 li:nth-child(3n-2) .w .img{ width: 50%;}
    .arts-bk5 li:nth-child(3n-2) .w .txt{ margin: 0 0 0 2em;}
    .arts-bk5 li .w .txt p span{ display: block; }


}