/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
body{font-size:13px;color:#333;background:#fff; font-family:"微软雅黑";}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;max-width: 100%;}
input{vertical-align:middle;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a{text-decoration:none;}
video { max-width: 100%; height: auto; }

.fl{float:left;}
.fr{float:right;}

/* clear float */
.clear, .clearfix:after {clear: both;}
.clear, .clearfix:before, .clearfix:after {display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;}
.clearfix:before, .clearfix:after {content: '';}
.clearfix {*zoom: 1;}

/* css3  */
.border{position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior: url(PIE.htc);}
.shadow{position:relative;-moz-box-shadow:2px 2px 10px #06C;-webkit-box-shadow:2px 2px 10px #06C;box-shadow:2px 2px 10px #06C;behavior: url(PIE.htc);}

.transition{transition:all .3s ease 0s;}


@media (min-width: 1200px) {
/*
头尾
*/
.w1200{width:1200px;margin:0 auto;position: relative;}

.header{padding-top:40px;}

.logo{width:280px;height:90px;line-height: 90px;}
.logo img{width:100%;}

.menu{padding-right:120px;}
.menu li{float:left;font-size:14px;line-height: 90px;}
.menu li a{display: block;line-height: 90px;color:#000;padding:0 20px;border-bottom:2px solid #fff;}
.menu li.language {display:none;}
.menu li a:hover,.menu li.hover a{color: #de2867;border-bottom:2px solid #000;}

.ico_m{display: none;}

.head_ico{position: absolute;right:0;top:36px;height:90px;line-height: 90px;}
.head_ico a{display: block;float:left;margin-left:5px;}
.head_ico img{width:40px;}

.footer{padding:20px;text-align: center;background: #000;font-size: 14px;line-height: 20px;color: #e71a2b;}
.footer a {color: #e71a2b;}


/*
首页
*/
.banner{width:100%;height:800px; background:url(../img/banner.jpg) repeat-x center top;background-size: contain;position: relative;text-align: center;}
/*.banner i::after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(98,254,253,0.7); z-index: 1;}*/

.banner img{width:410px;border-radius: 10px; overflow: hidden; display:none;}
.banner strong{display: block;font-size:60px;color:#fff;font-weight: bold;line-height: 80px;}
.banner p{color:#fff;font-size:18px;font-weight: bold;line-height:40px;padding-top:30px;letter-spacing:6px;}
.banner div{position: relative; z-index: 9;padding-top:40px;}
.banner a.bannerurl {display:block;width:100%; height:800px;}

.art{text-align: center;padding-top:20px;}
.art2{text-align: center;padding:40px 0 0px 0;}
.art strong{display: block;width:400px;margin:60px auto 0;}
.art p{font-size:18px;line-height: 28px;width:710px;margin:0 auto;}
.art span{display: block;padding-bottom:30px;font-size:18px;line-height: 30px;}

.art_list{padding:20px 2%;}
.art_list li{float:left;width:25%;text-align: center;padding:15px 0;}
.art_list li em{display: block;width:60px;height:60px;margin:0 auto;}
.art_list li p{font-size:12px;color:#333;line-height: 30px;}

.space{text-align: center; background: #000;padding:60px 0 40px;}
.space em{display: block;width:640px;margin:0 auto;}
.space strong{display: block;font-weight: bold;color:#e71a2b;font-size:16px;line-height: 30px;padding-top:20px;}
.space p{font-size:11px;color:#ccc;line-height: 30px;}

.gallery{font-size:16px;line-height: 24px;text-align: center;width:700px;margin:0 auto;padding:60px 0;position: relative;}
.gallery::after{content: '';position: absolute;left:50%;bottom:0;width:110px;height:10px;background:#e71a2b;margin-left:-55px;}

.gallery_list{padding-top:20px; padding-bottom:20px;}
.gallery_list li{float:left;width:25%;box-sizing: border-box;padding:10px 5px;}
ul.gallery_list li a h4 {font-size:15px; color:#666666; line-height:35px; text-align:center; font-weight:700;}
ul.gallery_list li a:hover {color:#de2867}
ul.gallery_list li a p {font-size:14px; color:#666666; line-height:24px; padding:0 10px;}
ul.gallery_list li a p:hover {color:#de2867}

.contact{height:710px;text-align: center;color:#fff;background: url(../img/bg_1.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}


.contact i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;/*background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;*/
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact div{position: relative; z-index: 9;}
.contact h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}



.footbg{height:710px;text-align: center;color:#fff;background: url(../img/bg_1n.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}

.space_video video{
	border:none;

}




/*
about
*/
.bg0{background: #000;}
.see_menu{width: 900px;display: flex;align-items: center;justify-content: space-between;margin:0 auto;padding:80px 0 100px;}
.miami_logo{width:260px;flex-shrink: 0;}
.miami{color:#fff;text-align: center;padding-top:10px;}
.miami span{display: block;font-size:14px;line-height: 30px;letter-spacing: 2px;}
.miami h3{font-size:35px;font-weight: bold;line-height: 60px;letter-spacing:2px;}
.miami p{font-size:24px;font-weight: bold;line-height: 40px;letter-spacing:6px;}
.miami strong{display: block;padding-top:20px;}
.miami strong a{display: inline-block;line-height: 50px;color:#fff;font-size:15px;font-weight: bold;border:3px solid #fff;padding:0 30px;}

.arthood{text-align: center;padding:60px 0;}
.arthood em{display: block;padding:50px 0;}
.arthood h2{color:#e71a2b;font-size:30px;font-weight: bold;line-height: 50px;}
.arthood h3{color:#e71a2b;font-size:18px;letter-spacing:8px;line-height: 40px;}
.arthood p{font-size:16px;line-height:24px;width:780px;margin:0 auto;padding-bottom:60px;position: relative;}
.arthood p::after{content: '';position: absolute;left:50%;bottom:0;width:110px;height:10px;background:#e71a2b;margin-left:-55px;}

.arthood ul{width:780px;margin:0 auto;}
.arthood li{float:left;width:25%;padding:70px 0;font-size:14px;line-height: 20px;}
.arthood li img{width:100px;display: block;margin: 0 auto 30px;}

.bgimg2{width:100%;height:500px;background: url(../img/bg_2.jpg) no-repeat center center;background-size:cover;}

.artwork_banner{width:560px;padding:100px 0;}
.artwork{width:560px;color:#fff;padding:80px 0;}
.artwork h3{font-size:45px;font-weight: bold;line-height: 60px;}
.artwork strong{display: block;font-size:15px;font-weight: bold;line-height: 24px;padding:20px 0;}
.artwork p{font-size:15px;line-height: 22px;}
.artwork li{float:left;box-sizing: border-box;width:33.333%;padding:0 10px;}
.artwork span{display: block;padding:20px 0 40px;}
.artwork span a{font-size:12px;color:#fff;display: inline-block;background: #e71a2b;line-height:40px;padding:0 25px;border-radius: 44px;}


.video{position: relative;/*height:550px;*/width:100%; overflow: hidden;}
/*.video_overlay{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;
    background-color: #5ac4de;
    background-image:url(../img/white-dots.png);
    background-position: center center;
    background-repeat: repeat;
    opacity: 1;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}*/

.video_text{position: absolute;left:0;right:0;top:0;bottom: 0;text-align: center;display: flex;align-items: center;width:100%;}
.video_text div{width:100%;}
.video_text p{color:#fff;text-transform: uppercase;font-size:18px;line-height: 30px;letter-spacing: 5px;position: relative;padding-bottom:40px;}
.video_text p::after{content: '';position: absolute;left:50%;bottom:0;width:170px;height:2px;background:#e71a2b;margin-left:-85px;}

.video_text h2{
	font-size: 60px;color:#fff;line-height: 80px;
	font-weight:bold;
	letter-spacing: 3px;
	mix-blend-mode: overlay;
}

.located{padding:60px 0;text-align: center;}
.located h3{font-size:22px;line-height: 36px; font-weight:bold;width:800px;margin:  0 auto;padding:40px 0;}
.located p{width:680px;margin:0 auto;font-size:16px;line-height: 24px;}

.located_banner{width:670px;}
.located_text{width:420px; margin-right:55px;}
.located_text h3{font-size:22px;line-height: 36px;font-weight: bold;margin:  0 auto;padding:0px 0 40px;}
.located_text p{margin:0 auto;font-size:16px;line-height: 24px;}

.mt100{margin-top:120px;}


/*
contact
*/
.contact1{height:710px;text-align: center;color:#fff;background: url(../img/bg_3.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;
display: flex;align-items: center;justify-content: center;
}
.contact1 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact1 div{position: relative; z-index: 9;}
.contact1 h3{font-weight: bold;font-size:30px;line-height: 40px;padding:10px 0;letter-spacing:5px;}
.contact1 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact1 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact1 span{display: block;font-size:16px;letter-spacing:4px;line-height: 30px;padding:10px 0 30px;}
.contact1 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:0px 0 30px;}


.contactBg{background: #ffffff;padding:130px 0 200px;}

.map{height:460px;background: #ccc;}

.lianxi{width:580px;margin: 0 auto;padding-bottom:120px;}
.lianxi li{border-bottom:1px solid #999999;}
.lianxi li:last-child{border:none;}
.lianxi li select{width:100%;box-sizing: border-box;height:40px;line-height: 40px;font-size:15px;color:#666666;background:#CCCCCC;border:none; outline: none;}
.lianxi li strong{display: block;color:#666666;font-size:16px;line-height: 30px;padding-top:10px;}
.lianxi li textarea{display: block;outline: none;resize: none;width:100%;height:100px;border:none;background:#ffffff; color:#666666;font-size:15px;line-height: 24px;box-sizing: border-box;padding:0 10px;}
.input_1{width:100%;font-size:15px;color:#333333;background: #ffffff;border:none;outline: none;height:40px;line-height: 40px;padding-bottom:5px;box-sizing: border-box;padding-left:10px;}

.btn_send{display: block;margin:10px auto;width:160px;height:56px;line-height: 56px; background: #cccccc;border:none;font-size:16px;letter-spacing: 5px; outline: none; cursor: pointer;}


/*
community
*/
.contact2{height:710px;text-align: center;color:#fff;background: url(../img/bg_5.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact2 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#fff url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact2 div{position: relative; z-index: 9;}
.contact2 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact2 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact2 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:3px solid #fff;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact2 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact2 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

.community{width:100%;height:640px;background: url(../img/bg_4.jpg) no-repeat center center;    background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;}
.community i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#000 url(../img/white-dots-1.png) repeat;opacity: 0.4; z-index:1;}
.community div{position: relative; z-index: 9;text-align: center;}

.community h3{color:#fff;font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 3px;}
.community p{color:#fff;text-align: center;font-size:16px;letter-spacing: 3px;line-height: 24px;padding:15px 0 35px;position: relative;}
.community p::after{content: '';position: absolute;border-top:2px solid #5ac4de;width:200px;left:50%;bottom:0;margin-left:-100px;}


.team{display: flex; justify-content: space-between;padding:60px 40px;box-sizing: border-box;width:1200px;margin: 0 auto;}
.team_left{padding:170px 0 0;position: relative;box-sizing: border-box;width:100%;}
.team_left .team_ph{padding-left:105px;text-align: right;}

.team_left .team_text{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.3);position: absolute;left:0;top:0;right:80px;box-sizing: border-box;padding:50px;}
.team_left .team_text h3{font-size:24px;line-height: 30px;padding-bottom:20px;text-align: left;}
.team_left .team_text p{font-size:14px;line-height: 22px;color:#333;text-align: left;}


.team_right{padding:0 0;position: relative;width:100%;box-sizing: border-box;}
.team_right .team_ph{padding-left:105px;text-align: right;}
.team_right .team_text{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.3);box-sizing: border-box;padding:50px;margin-right:50px;margin-left:-50px;margin-top:-100px;position: relative; z-index: 9;}
.team_right .team_text h3{font-size:24px;line-height: 30px;padding-bottom:20px;text-align: left;}
.team_right .team_text p{font-size:14px;line-height: 22px;color:#333;text-align: left;}


/*
studios
*/
.community1{width:100%;height:640px;background: url(../img/bg_6.jpg) no-repeat center center;    background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;}
.bgfwnr {background: url(../img/ph_wfnr.jpg) no-repeat center center;    background-size: cover;}
.community1 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#000 url(../img/white-dots-1.png) repeat;opacity: 0.4; z-index:1;}
.ph_contact{background: url(../img/ph_contact.jpg) no-repeat center center;    background-size: cover;}
.community1 div{position: relative; z-index: 9;text-align: center;}

.community1 h3{color:#fff;font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 3px;}
.community1 p{color:#fff;text-align: center;font-size:16px;letter-spacing: 3px;line-height: 24px;padding:15px 0 35px;position: relative;}
.community1 p::after{content: '';position: absolute;border-top:2px solid #5ac4de;width:200px;left:50%;bottom:0;margin-left:-100px;}

.contact3{height:710px;text-align: center;color:#fff;background: url(../img/bg_7.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact3 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(231,26,43,0.49) url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact3 div{position: relative; z-index: 9;}
.contact3 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact3 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact3 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:3px solid #fff;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact3 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact3 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

.complex{width:100%;background:url(../img/white-dots2.png) repeat;}

.complex_flex{display: flex;align-items: center;justify-content: space-around;padding:95px 50px;box-sizing: border-box;}
.complex_banner{display: block;width:460px;flex-shrink: 0;}
.complex_text{width:100%;box-sizing: border-box;padding-right:80px;}

.complex_text h3{font-size:30px;line-height: 40px;font-weight: bold;padding:10px 0;}
.complex_text p{font-size:18px;font-weight: bold;line-height: 24px;padding-bottom:40px;position: relative;}
.complex_text p::after{content: '';position: absolute;left:0;bottom:0;border-bottom:10px solid #e71a2b;width:90px;}
.complex_text span{display: block;font-size:16px;line-height: 28px;padding-top:30px;}

.freedom{box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;padding:110px 60px;}
.freedom ul{width:170px;flex-shrink: 0;padding-right:80px;}
.freedom li{width:45px;float:left;padding:20px;}
.freedom h3{font-size:36px;line-height: 42px;font-weight:bold;}
.freedom p{font-size:16px;line-height: 24px;padding-top:10px;}

.studios_ph{display: flex;align-items: center;justify-content: space-between;padding:0 30px 70px;}
.studios_ph li{border:3px solid #000;height:456px;margin:0 10px;overflow: hidden;width:100%;}
.studios_ph li img{width:100%;height:100%;}


.yours{display: flex;align-items: center;justify-content: space-between;padding:120px 0;}

.yours ul{width:100%;box-sizing: border-box;padding-left:100px;}
.yours ul li{float:left;width:25%;text-align: center;color:#fff;}
.yours ul li img{width:80px;}
.yours ul li p{font-size:14px;letter-spacing: 2px;line-height: 30px;padding-top:20px;}

.yours div{width:600px;flex-shrink: 0;}
.yours div strong{display: block;font-size:17px;color: #e71a2b;letter-spacing: 3px;line-height: 30px;}
.yours div h2{font-size:24px;;color:#fff;letter-spacing: 0px;line-height: 40px;padding:15px 0;}
.yours div h3{font-size:20px;color:#fff;line-height: 30px;}
.yours div span{display: block;color:#fff;font-size: 13px; letter-spacing: 5px;line-height: 20px;padding:15px 0;}

.yours div p{font-size:16px;color:#fff;line-height: 30px;padding-top:10px; font-family:"微软雅黑";}


/*
events
*/
.contact4{height:710px;text-align: center;color:#fff;background: url(../img/bg_9.jpg) no-repeat center top;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact4 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact4s{height:710px;text-align: center;color:#fff;background: url(../img/bg_4s.jpg) no-repeat center top;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact4s i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.contact4 div{position: relative; z-index: 9;}
.contact4 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact4 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact4 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact4 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact4 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}


.lovewas{position: relative;width: 100%;height:500px; background:#bb2e46 url(../img/bg_8.jpg) no-repeat left center;box-sizing: border-box;padding-left:50%;text-align: center;}

.lovewas i{position: absolute;left:0;top:0;right:0;bottom:0;
    /*background-color: #de2867;*/
    opacity: 0.6;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s
}
.lovewas_text{width: 550px;color:#fff;height:500px;position: relative; z-index: 9;text-align: center;margin:0 auto;display: flex;align-items: center;}
.lovewas_text h3{;font-size:30px;font-weight: bold;line-height: 40px;letter-spacing: 2px;mix-blend-mode: overlay;color:#fff; opacity: 0.6;}
.lovewas_text h2{font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 4px;mix-blend-mode: overlay;opacity: 0.6;}
.lovewas_text strong{display: block;font-size:15px;font-weight: bold;line-height: 30px;letter-spacing: 7px;padding-top:10px;}
.lovewas_text p{text-align: left;font-size:14px;line-height: 22px;padding-top:10px;}


.vive_layout{display: flex;align-items: center;justify-content: space-between;padding:70px 0 120px;}

.vive_tit{width:100%;box-sizing: border-box;padding:0 20px;}
.vive_tit h3{font-size:42px;font-weight: bold;line-height: 60px;padding:10px 0 5px;}
.vive_tit p{font-size:16px;line-height: 22px;}
.vive_mv{width:600px;height:auto;flex-shrink: 0; background: #eee;}

.merline_layout{padding:90px 0;display: flex;align-items: center;justify-content: space-between;}
.merline{color:#fff;width:100%;box-sizing: border-box;padding-right:30px;}
.merline span{display: block;font-size: 30px;line-height: 30px;padding-bottom:20px;}
.merline h2{font-size:30px;font-weight: bold;line-height: 50px;padding:20px 0 20px;}
.merline strong{display: block;font-size:16px;line-height: 28px;}
.merline p{font-size:16px;line-height: 24px;padding: 20px 0;}
.merline li{float:left;box-sizing: border-box;width:33.333%;padding:0 10px;}

.merline_mv{width:650px;height:auto;flex-shrink: 0; background: #eee;}

.angel{padding:70px 0;display: flex;align-items: center;justify-content: space-between;}
.angel_tit{text-align: center;width:100%;box-sizing: border-box;}
.angel_tit h3{font-size:36px;font-weight: bold;letter-spacing: 3px;line-height: 40px;}
.angel_tit p{font-size:18px;letter-spacing: 2px;line-height: 24px;padding:20px 0 30px;position: relative;}
.angel_tit p::after{content: '';position: absolute;left:50%;bottom: 0;width:82px;margin-left:-41px;border-bottom:2px solid #e71a2b;}
.angel_mv{width:550px;flex-shrink: 0;height:auto;background: #ddd;}

.bannerTwo .swiper-container{padding-bottom:40px;}

.bannerTwo{width:51%;float:left;padding-bottom:80px;}
.photo{width:44%;box-sizing: border-box;float:right;}

.doing_flex{display: flex;align-items: center;justify-content: space-between;padding:60px 0;}
.dong_text{width:70%;box-sizing: border-box;padding-right:300px;}
.dong_text h2{font-size:30px;font-weight: bold;line-height: 45px;padding-bottom:15px;}
.dong_text h3{font-size:24px;line-height: 28px;padding:10px 0;}
.dong_text p{font-size:16px;line-height: 22px;padding:10px 0;}
.dong_text strong{display: block;font-size:16px;line-height: 22px;font-weight: bold;padding:10px 0 20px;}

.bannerDoing{width: 273px;flex-shrink: 0;}
.bannerDoing .swiper-container{padding-bottom:40px;}

.red_btn{background-color: #e71a2b;display: inline-block;width:72px;height:47px;line-height: 47px;text-align: center;border-radius:5px;transition:all .3s ease 0s;}
.red_btn:hover{ background: #000;}

.photo_list{display: flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:20px;}
.photo_list2{display: flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:40px;}

.photo_list a{display: block;padding:10px 0;}
.photo_list img{width: auto;height: 224px;}
.photo_list2 img{width: auto;height: 224px;}



.bgef{background: #efefef;}
.bgdf{background: #dfd8d0;}

/******************/
.gray .swiper-pagination-bullet{}
.gray .swiper-pagination-bullet-active{background: #333!important;}

.red .swiper-pagination-bullet{ background: red;}
.red .swiper-pagination-bullet-active{background: red!important;}



}

@media (min-width: 769px) and (max-width: 1199px) {
/*
头尾
*/
.w1200{width:100%;margin:0 auto;position: relative;box-sizing: border-box;padding:0 20px;}

.header{padding-top:40px;}

.logo{width:280px;height:90px;line-height: 90px;}
.logo img{width:100%;}

.menu{padding-right:120px;}
.menu li{float:left;font-size:14px;line-height: 90px;}
.menu li a{display: block;line-height: 90px;color:#000;padding:0 20px;border-bottom:2px solid #fff;}
.menu li a:hover,.menu li.hover a{color: #de2867;border-bottom:2px solid #000;}

.ico_m{display: none;}

.head_ico{position: absolute;right:20px;top:36px;height:90px;line-height: 90px;}
.head_ico a{display: block;float:left;margin-left:5px;}
.head_ico img{width:40px;}

.footer{padding:20px;text-align: center;background: #000;font-size: 14px;line-height: 20px;color: #e71a2b;}
.footer a {color: #e71a2b;}


/*
首页
*/
.banner{width:100%;height:800px; background:url(../img/banner.jpeg) repeat-x center top;background-size: contain;position: relative;text-align: center;}
/*.banner i::after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7); z-index: 1;}*/

.banner img{width:410px;border-radius: 10px; overflow: hidden;}
.banner strong{display: block;font-size:60px;color:#fff;font-weight: bold;line-height: 80px;}
.banner p{color:#fff;font-size:18px;font-weight: bold;line-height:40px;padding-top:30px;letter-spacing:6px;}
.banner div{position: relative; z-index: 9;padding-top:40px;}

.art{text-align: center;padding-top:80px;}
.art strong{display: block;width:400px;margin:60px auto 0;}
.art p{font-size:18px;line-height: 28px;width:710px;margin:0 auto;}
.art span{display: block;padding-bottom:30px;font-size:18px;line-height: 30px;}

.art_list{padding:40px 2%;}
.art_list li{float:left;width:16.6%;text-align: center;padding:15px 0;}
.art_list li em{display: block;width:60px;height:60px;margin:0 auto;}
.art_list li p{font-size:12px;color:#333;line-height: 30px;}

.space{text-align: center; background: #000;padding:60px 0 40px;}
.space em{display: block;width:640px;margin:0 auto;}
.space strong{display: block;font-weight: bold;color:#e71a2b;font-size:16px;line-height: 30px;padding-top:20px;}
.space p{font-size:11px;color:#ccc;line-height: 30px;}

.gallery{font-size:16px;line-height: 24px;text-align: center;width:760px;margin:0 auto;padding:60px 0;position: relative;}
.gallery::after{content: '';position: absolute;left:50%;bottom:0;width:110px;height:10px;background:#e71a2b;margin-left:-55px;}

.gallery_list{padding-top:60px;}
.gallery_list li{float:left;width:25%;box-sizing: border-box;padding:10px 5px;}

.contact{height:710px;text-align: center;color:#fff;background: url(../img/bg_1.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact div{position: relative; z-index: 9;}
.contact h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

/*
about
*/
.bg0{background: #000;}
.see_menu{width: 100%;display: flex;align-items: center;justify-content: space-between;margin:0 auto;padding:80px 100px 100px;box-sizing: border-box;}
.miami_logo{width:260px;flex-shrink: 0;}
.miami{color:#fff;text-align: center;padding-top:10px;}
.miami span{display: block;font-size:14px;line-height: 30px;letter-spacing: 2px;}
.miami h3{font-size:35px;font-weight: bold;line-height: 60px;letter-spacing:2px;}
.miami p{font-size:24px;font-weight: bold;line-height: 40px;letter-spacing:6px;}
.miami strong{display: block;padding-top:20px;}
.miami strong a{display: inline-block;line-height: 50px;color:#fff;font-size:15px;font-weight: bold;border:3px solid #fff;padding:0 30px;}

.arthood{text-align: center;padding:60px 0;}
.arthood em{display: block;padding:50px 0;}
.arthood h2{color:#e71a2b;font-size:30px;font-weight: bold;line-height: 50px;}
.arthood h3{color:#e71a2b;font-size:18px;letter-spacing:8px;line-height: 40px;}
.arthood p{font-size:16px;line-height:24px;width:780px;margin:0 auto;padding-bottom:60px;position: relative;}
.arthood p::after{content: '';position: absolute;left:50%;bottom:0;width:110px;height:10px;background:#e71a2b;margin-left:-55px;}

.arthood ul{width:780px;margin:0 auto;}
.arthood li{float:left;width:25%;padding:70px 0;font-size:14px;line-height: 20px;}
.arthood li img{width:100px;display: block;margin: 0 auto 30px;}

.bgimg2{width:100%;height:700px;background: url(../img/bg_2.jpg) no-repeat center center;background-size:cover;}

.artwork_banner{width:47%;padding:100px 0;}
.artwork{width:47%;color:#fff;padding:80px 0;}
.artwork h3{font-size:45px;font-weight: bold;line-height: 60px;}
.artwork strong{display: block;font-size:15px;font-weight: bold;line-height: 24px;padding:20px 0;}
.artwork p{font-size:15px;line-height: 22px;}
.artwork li{float:left;box-sizing: border-box;width:33.333%;padding:0 10px;}
.artwork span{display: block;padding:20px 0 40px;}
.artwork span a{font-size:12px;color:#fff;display: inline-block;background: #e71a2b;line-height:40px;padding:0 25px;border-radius: 44px;}


.video{position: relative;height:auto;width:100%; overflow: hidden;}
/*.video_overlay{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;
    background-color: #5ac4de;
    background-image:url(../img/white-dots.png);
    background-position: center center;
    background-repeat: repeat;
    opacity: 1;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}*/

.video_text{position: absolute;left:0;right:0;top:0;bottom: 0;text-align: center;display: flex;align-items: center;width:100%;}
.video_text div{width:100%;}
.video_text p{color:#fff;text-transform: uppercase;font-size:18px;line-height: 30px;letter-spacing: 5px;position: relative;padding-bottom:40px;}
.video_text p::after{content: '';position: absolute;left:50%;bottom:0;width:170px;height:2px;background:#e71a2b;margin-left:-85px;}

.video_text h2{
	font-size: 50px;color:#fff;line-height: 60px;padding-bottom:20px;
	font-weight:bold;
	letter-spacing: 3px;
	mix-blend-mode: overlay;
}

.located{padding:60px 0;text-align: center;}
.located h3{font-size:30px;line-height: 36px;font-weight: bold;width:100%;margin:  0 auto;padding:40px 0;}
.located p{width:680px;margin:0 auto;font-size:18px;font-weight: bold;line-height: 24px;}

.located_banner{width:55%;}
.located_text{width:42%;}
.located_text h3{font-size:30px;line-height: 34px;font-weight: bold;width:100%;margin:  0 auto;padding:0px 0 20px;}
.located_text p{margin:0 auto;font-size:18px;font-weight: bold;line-height: 24px;}

.mt100{margin-top:120px;}

/*
contact
*/
.contact1{height:710px;text-align: center;color:#fff;background: url(../img/bg_3.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;
display: flex;align-items: center;justify-content: center;
}
.contact1 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact1 div{position: relative; z-index: 9;}
.contact1 h3{font-weight: bold;font-size:30px;line-height: 40px;padding:10px 0;letter-spacing:5px;}
.contact1 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact1 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact1 span{display: block;font-size:16px;letter-spacing:4px;line-height: 30px;padding:10px 0 30px;}
.contact1 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:0px 0 30px;}


.contactBg{background: #000;padding:130px 0 200px;}

.map{height:460px;background: #ccc;}

.lianxi{width:580px;margin: 0 auto;padding-bottom:120px;}
.lianxi li{border-bottom:1px solid #fff;}
.lianxi li:last-child{border:none;}
.lianxi li select{width:100%;box-sizing: border-box;height:40px;line-height: 40px;font-size:15px;color:#ccc;background: #000;border:none; outline: none;}
.lianxi li strong{display: block;color:#fff;font-size:16px;line-height: 30px;padding-top:10px;}
.lianxi li textarea{display: block;outline: none;resize: none;width:100%;height:100px;border:none;background: #000; color:#CCC;font-size:15px;line-height: 24px;box-sizing: border-box;padding:0 10px;}
.input_1{width:100%;font-size:15px;color:#ccc;background: #000;border:none;outline: none;height:40px;line-height: 40px;padding-bottom:5px;box-sizing: border-box;padding-left:10px;}

.btn_send{display: block;margin:10px auto;width:160px;height:56px;line-height: 56px; background: #fff;border:none;font-size:16px;letter-spacing: 5px; outline: none; cursor: pointer;}


/*
community
*/
.contact2{height:710px;text-align: center;color:#fff;background: url(../img/bg_5.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact2 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background: url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact2 div{position: relative; z-index: 9;}
.contact2 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact2 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact2 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:3px solid #fff;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact2 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact2 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

.community{width:100%;height:640px;background: url(../img/bg_4.jpg) no-repeat center center;    background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;}
.community i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#000 url(../img/white-dots-1.png) repeat;opacity: 0.4; z-index:1;}
.community div{position: relative; z-index: 9;text-align: center;}

.community h3{color:#fff;font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 3px;}
.community p{color:#fff;text-align: center;font-size:16px;letter-spacing: 3px;line-height: 24px;padding:15px 0 35px;position: relative;}
.community p::after{content: '';position: absolute;border-top:2px solid #5ac4de;width:200px;left:50%;bottom:0;margin-left:-100px;}


.team{display: flex; justify-content: space-between;padding:60px 40px;box-sizing: border-box;width:100%;margin: 0 auto;}
.team_left{padding:170px 0 0;position: relative;box-sizing: border-box;width:100%;}
.team_left .team_ph{padding-left:105px;text-align: right;}

.team_left .team_text{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.3);position: absolute;left:0;top:0;right:80px;box-sizing: border-box;padding:50px;}
.team_left .team_text h3{font-size:24px;line-height: 30px;padding-bottom:20px;text-align: left;}
.team_left .team_text p{font-size:14px;line-height: 22px;color:#333;text-align: left;}


.team_right{padding:0 0;position: relative;width:100%;box-sizing: border-box;}
.team_right .team_ph{padding-left:105px;text-align: right;}
.team_right .team_text{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.3);box-sizing: border-box;padding:50px;margin-right:50px;margin-left:-50px;margin-top:-100px;position: relative; z-index: 9;}
.team_right .team_text h3{font-size:24px;line-height: 30px;padding-bottom:20px;text-align: left;}
.team_right .team_text p{font-size:14px;line-height: 22px;color:#333;text-align: left;}


/*
studios
*/
.community1{width:100%;height:640px;background: url(../img/bg_6.jpg) no-repeat center center;    background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;}
.community1 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#000 url(../img/white-dots-1.png) repeat;opacity: 0.4; z-index:1;}
.community1 div{position: relative; z-index: 9;text-align: center;}

.community1 h3{color:#fff;font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 3px;}
.community1 p{color:#fff;text-align: center;font-size:16px;letter-spacing: 3px;line-height: 24px;padding:15px 0 35px;position: relative;}
.community1 p::after{content: '';position: absolute;border-top:2px solid #5ac4de;width:200px;left:50%;bottom:0;margin-left:-100px;}

.contact3{height:710px;text-align: center;color:#fff;background: url(../img/bg_7.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact3 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(231,26,43,0.49) url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact3 div{position: relative; z-index: 9;}
.contact3 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact3 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact3 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:3px solid #fff;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact3 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact3 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

.complex{width:100%;background:url(../img/white-dots2.png) repeat;}

.complex_flex{display: flex;align-items: center;justify-content: space-around;padding:95px 50px;}
.complex_banner{display: block;width:460px;flex-shrink: 0;}
.complex_text{width:100%;box-sizing: border-box;padding-right:80px;}

.complex_text h3{font-size:36px;line-height: 40px;font-weight: bold;padding:10px 0;}
.complex_text p{font-size:22px;font-weight: bold;line-height: 24px;padding-bottom:40px;position: relative;}
.complex_text p::after{content: '';position: absolute;left:0;bottom:0;border-bottom:10px solid #e71a2b;width:90px;}
.complex_text span{display: block;font-size:16px;line-height: 20px;padding-top:30px;}

.freedom{box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;padding:110px 60px;}
.freedom ul{width:170px;flex-shrink: 0;padding-right:80px;}
.freedom li{width:45px;float:left;padding:20px;}
.freedom h3{font-size:36px;line-height: 42px;font-weight:bold;}
.freedom p{font-size:16px;line-height: 24px;padding-top:10px;}

.studios_ph{display: flex;align-items: center;justify-content: space-between;padding:0 30px 70px;}
.studios_ph li{border:3px solid #000;height:456px;margin:0 10px;overflow: hidden;width:100%;}
.studios_ph li img{width:100%;height:100%;}


.yours{display: flex;align-items: center;justify-content: space-between;padding:100px 20px;}

.yours ul{width:100%;box-sizing: border-box;padding-left:50px;}
.yours ul li{float:left;width:50%;text-align: center;color:#fff;padding:15px 0;}
.yours ul li img{width:80px;}
.yours ul li p{font-size:14px;letter-spacing: 2px;line-height: 30px;padding-top:20px;}

.yours div{width:50%;flex-shrink: 0;}
.yours div strong{display: block;font-size:17px;color: #e71a2b;letter-spacing: 7px;font-weight: bold;line-height: 30px;}
.yours div h2{font-size:30px;font-weight: bold;color:#fff;letter-spacing: 5px;line-height: 40px;padding:15px 0;}
.yours div h3{font-size:20px;color:#fff;letter-spacing: 5px;line-height: 30px;}
.yours div span{display: block;color:#fff;font-size: 13px; letter-spacing: 5px;line-height: 20px;padding:15px 0;}

.yours div p{font-size:16px;color:#fff;line-height: 24px;padding-top:10px;}


/*
events
*/
.contact4{height:710px;text-align: center;color:#fff;background: url(../img/bg_9.jpg) no-repeat center top;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact4 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact4 div{position: relative; z-index: 9;}
.contact4 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact4 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact4 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact4 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact4 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}


.lovewas{position: relative;width: 100%;height:500px; background:#bb2e46 url(../img/bg_8.jpg) no-repeat left center;box-sizing: border-box;padding-left:0%;text-align: center;}

.lovewas i{position: absolute;left:0;top:0;right:0;bottom:0;
    background-color: #de2867;
    opacity: 0.6;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s
}
.lovewas_text{width: 100%;color:#fff;height:500px;position: relative; z-index: 9;text-align: center;margin:0 auto;display: flex;align-items: center;box-sizing: border-box;padding:0 10%;}
.lovewas_text h3{;font-size:30px;font-weight: bold;line-height: 40px;letter-spacing: 2px;mix-blend-mode: overlay;color:#fff; opacity: 0.6;}
.lovewas_text h2{font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 4px;mix-blend-mode: overlay;opacity: 0.6;}
.lovewas_text strong{display: block;font-size:15px;font-weight: bold;line-height: 30px;letter-spacing: 7px;padding-top:10px;}
.lovewas_text p{text-align: left;font-size:16px;line-height: 22px;padding-top:10px;}


.vive_layout{display: flex;align-items: center;justify-content: space-between;padding:70px 20px 120px;}

.vive_tit{width:100%;box-sizing: border-box;padding:0 20px;}
.vive_tit h3{font-size:42px;font-weight: bold;line-height: 60px;padding:10px 0 5px;}
.vive_tit p{font-size:16px;line-height: 22px;}
.vive_mv{width:50%;height:auto;flex-shrink: 0; background: #eee;}

.merline_layout{padding:90px 20px;display: flex;align-items: center;justify-content: space-between;}
.merline{color:#fff;width:100%;box-sizing: border-box;padding-right:30px;}
.merline span{display: block;font-size: 22px;line-height: 30px;padding-bottom:20px;}
.merline h2{font-size:42px;font-weight: bold;line-height: 50px;padding:20px 0 20px;}
.merline strong{display: block;font-size:22px;line-height: 28px;}
.merline p{font-size:16px;line-height: 24px;padding: 20px 0;}
.merline li{float:left;box-sizing: border-box;width:33.333%;padding:0 10px;}

.merline_mv{width:50%;height:auto;flex-shrink: 0; background: #eee;}

.angel{padding:70px 20px;display: flex;align-items: center;justify-content: space-between;}
.angel_tit{text-align: center;width:100%;box-sizing: border-box;}
.angel_tit h3{font-size:36px;font-weight: bold;letter-spacing: 3px;line-height: 40px;}
.angel_tit p{font-size:18px;letter-spacing: 2px;line-height: 24px;padding:20px 0 30px;position: relative;}
.angel_tit p::after{content: '';position: absolute;left:50%;bottom: 0;width:82px;margin-left:-41px;border-bottom:2px solid #e71a2b;}
.angel_mv{width:550px;flex-shrink: 0;height:auto;background: #ddd;}

.bannerTwo .swiper-container{padding-bottom:40px;}

.bannerTwo{width:51%;float:left;padding-bottom:80px;}
.photo{width:44%;box-sizing: border-box;float:right;}

.doing_flex{display: flex;align-items: center;justify-content: space-between;padding:60px 20px;}
.dong_text{width:100%;box-sizing: border-box;padding-right:30px;}
.dong_text h2{font-size:45px;font-weight: bold;line-height: 45px;padding-bottom:15px;}
.dong_text h3{font-size:22px;font-weight: bold;line-height: 28px;padding:10px 0;}
.dong_text p{font-size:16px;line-height: 22px;padding:10px 0;}
.dong_text strong{display: block;font-size:16px;line-height: 22px;font-weight: bold;padding:10px 0 20px;}

.bannerDoing{width: 550px;flex-shrink: 0;}
.bannerDoing .swiper-container{padding-bottom:40px;}

.red_btn{background-color: #e71a2b;display: inline-block;width:72px;height:47px;line-height: 47px;text-align: center;border-radius:5px;transition:all .3s ease 0s;}
.red_btn:hover{ background: #000;}

.photo_list{display: flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:20px;}
.photo_list a{display: block;padding:10px 0;}
.photo_list img{width: auto;height: 250px;}


.bgef{background: #efefef;}
.bgdf{background: #dfd8d0;}

/******************/
.gray .swiper-pagination-bullet{}
.gray .swiper-pagination-bullet-active{background: #333!important;}

.red .swiper-pagination-bullet{ background: red;}
.red .swiper-pagination-bullet-active{background: red!important;}







}

@media (max-width: 768px) {
/*
头尾
*/
.w1200{width:100%;margin:0 auto;position: relative;box-sizing: border-box;padding:0 20px;}

.header{padding-top:0px;}

.logo{width:9rem;padding:20px 0;}
.logo img{width:100%;}

.menu{display: none;position: absolute;left:0;top:78px;right:0;background: #fff;box-shadow: 0 1rem 1rem rgba(0,0,0,0.3); z-index: 999;}
.menu li{font-size:14px;line-height: 45px;text-align: center;}
.menu li a{display: block;color:#000;padding:0 20px;border-bottom:2px solid #999;font-weight: bold;}
.menu li a:hover,.menu li.hover a{color: #de2867;}

.ico_m{position: absolute;right:1rem;top:50%;width:28px;margin-top:-14px;}
.ico_m img{width:100%;}

.head_ico{position: absolute;right:20px;top:20px;height:90px;line-height: 90px;display: none;}
.head_ico a{display: block;float:left;margin-left:5px;}
.head_ico img{width:40px;}

.footer{padding:20px;text-align: center;background: #000;font-size: 14px;line-height: 20px;color: #e71a2b;}
.footer a {color: #e71a2b;}


/*
首页
*/
.banner{width:100%;/*background:url(../img/banner.jpg) repeat-x center top;*/background-size:cover;position: relative;text-align: center;padding:0 10px;box-sizing: border-box;}
/*.banner i::after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7); z-index: 1;}*/

.banner img{width:100%;border-radius: 10px; overflow: hidden;}
.banner strong{display: block;font-size:24px;color:#fff;font-weight: bold;line-height: 40px;padding-bottom:30px;}
.banner p{color:#fff;font-size:16px;font-weight: bold;line-height:40px;padding-top:30px;letter-spacing:6px;}
.banner div{position: relative; z-index: 9;padding-top:40px;}
div.banner a.bannerurl {display:none;}

.art{text-align: center;padding-top:0px;}
.art strong{display: block;width:100%;padding:20px 20px 0;box-sizing: border-box;}
.art p{font-size:14px;line-height: 20px;width:100%;box-sizing: border-box;padding:0 20px;}
.art span{display: block;padding-bottom:30px;font-size:14px;line-height: 20px;}


.art_list{padding:30px 20px;}
.art_list li{float:left;width:50%;text-align: center;padding:15px 0;}
.art_list li em{display: block;width:60px;height:60px;margin:0 auto;}
.art_list li p{font-size:12px;color:#333;line-height: 30px;}

.space{text-align: center; background: #000;padding:40px 20px 30px;}
.space em{display: block;width:100%;margin:0 auto;}
.space strong{display: block;font-weight: bold;color:#e71a2b;font-size:16px;line-height: 30px;padding-top:20px;}
.space p{font-size:11px;color:#ccc;line-height: 30px;}

.gallery{font-size:14px;line-height: 22px;text-align: center;width:100%;margin:0 auto;padding:40px 20px;position: relative;box-sizing: border-box;}
.gallery::after{content: '';position: absolute;left:50%;bottom:0;width:50px;height:7px;background:#e71a2b;margin-left:-25px;}

.gallery_list{padding-top:40px;}
.gallery_list li{float:left;width:100%;box-sizing: border-box;padding:5px 5px;}
ul.gallery_list li a h4 {font-size:16px; color:#666666; line-height:35px; text-align:center; font-weight:800;}
ul.gallery_list li a:hover {color:#0066FF}
ul.gallery_list li a p {font-size:14px; color:#666666; line-height:24px; padding:0 10px;}

.contact{text-align: center;color:#fff;background: url(../img/bg_1.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding:70px 20px 80px;box-sizing: border-box;}
.contact i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact div{position: relative; z-index: 9;}
.contact h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact strong{display: block;font-size:20px;letter-spacing:2px;line-height: 40px;padding:30px 0;}


/*
about
*/
.bg0{background: #000;}
.see_menu{width: 100%;margin:0 auto;padding:80px 20px;box-sizing: border-box;}
.miami_logo{width:60%;margin:0 auto;}
.miami{color:#fff;text-align: center;padding-top:50px;width:100%;}
.miami span{display: block;font-size:14px;line-height: 30px;letter-spacing: 2px;}
.miami h3{font-size:30px;font-weight: bold;line-height: 60px;letter-spacing:2px;}
.miami p{font-size:24px;font-weight: bold;line-height: 40px;letter-spacing:6px;}
.miami strong{display: block;padding-top:20px;}
.miami strong a{display: inline-block;line-height: 50px;color:#fff;font-size:15px;font-weight: bold;border:3px solid #fff;padding:0 30px;}

.arthood{text-align: center;padding:60px 20px;}
.arthood em{display: block;padding:40px 0;}
.arthood h2{color:#e71a2b;font-size:30px;font-weight: bold;line-height: 40px;}
.arthood h3{color:#e71a2b;font-size:18px;letter-spacing:8px;line-height: 30px;padding-top:20px;}
.arthood p{font-size:16px;line-height:24px;width:100%;margin:0 auto;padding-bottom:60px;position: relative;}
.arthood p::after{content: '';position: absolute;left:50%;bottom:0;width:110px;height:10px;background:#e71a2b;margin-left:-55px;}

.arthood ul{width:100%;margin:0 auto;box-sizing: border-box;}
.arthood li{float:left;width:100%;padding:20px 0;font-size:14px;line-height: 20px;}
.arthood li img{width:40%;display: block;margin: 0 auto 30px;}

.bgimg2{width:100%;height:700px;background: url(../img/bg_2.jpg) no-repeat center center;background-size:cover;}

.artwork_banner{width:100%;padding:40px 0 70px;}
.artwork{width:100%;color:#fff;padding:60px 0 0;}
.artwork h3{font-size:45px;font-weight: bold;line-height: 50px;}
.artwork strong{display: block;font-size:15px;font-weight: bold;line-height: 24px;padding:20px 0;}
.artwork p{font-size:15px;line-height: 22px;}
.artwork li{float:left;box-sizing: border-box;width:100%;padding:0px;margin-bottom: 20px;}
.artwork span{display: block;padding:20px 0 40px;}
.artwork span a{font-size:12px;color:#fff;display: inline-block;background: #e71a2b;line-height:40px;padding:0 25px;border-radius: 44px;}


.video{position: relative;height:108px;width:100%; overflow: hidden;}
/*.video_overlay{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;
    background-color: #5ac4de;
   background-image:url(../img/white-dots.png);
    background-position: center center;
    background-repeat: repeat;
    opacity: 1;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
*/

.video_text{position: absolute;left:0;right:0;top:0;bottom: 0;text-align: center;display: flex;align-items: center;width:100%;}
.video_text div{width:100%;}
.video_text p{color:#fff;text-transform: uppercase;font-size:18px;line-height: 30px;letter-spacing: 5px;position: relative;padding-bottom:40px;}
.video_text p::after{content: '';position: absolute;left:50%;bottom:0;width:170px;height:2px;background:#e71a2b;margin-left:-85px;}

.video_text h2{
	font-size: 50px;color:#fff;line-height: 60px;padding-bottom:20px;
	font-weight:bold;
	letter-spacing: 3px;
	mix-blend-mode: overlay;
}

.located{padding:60px 0;text-align: center;}
.located h3{font-size:24px;line-height: 36px;font-weight: bold;width:100%;margin:  0 auto;padding:40px 20px;box-sizing: border-box;}
.located p{width:100%;margin:0 auto;font-size:14px;font-weight: bold;line-height: 24px;box-sizing: border-box;padding:0 20px;}

.located_banner{width:100%;}
.located_text{width:100%;padding-top:30px;}
.located_text h3{font-size:24px;line-height: 34px;font-weight: bold;width:100%;margin:  0 auto;padding:0px 0 20px;}
.located_text p{margin:0 auto;font-size:14px;font-weight: bold;line-height: 24px;}

.mt100{margin-top:80px;}



/*
contact
*/
.contact1{height:710px;text-align: center;color:#fff;background: url(../img/bg_3.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;
display: flex;align-items: center;justify-content: center;
}
.contact1 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact1 div{position: relative; z-index: 9;}
.contact1 h3{font-weight: bold;font-size:30px;line-height: 40px;padding:10px 0;letter-spacing:5px;}
.contact1 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact1 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact1 span{display: block;font-size:16px;letter-spacing:4px;line-height: 30px;padding:10px 0 30px;}
.contact1 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:0px 0 30px;}


.contactBg{background: #ffffff;padding:50px 0 0;}

.map{height:130px;background: #ccc;}

.lianxi{width:100%;margin: 0 auto;box-sizing: border-box;padding:0 20px 100px;}
.lianxi li{border-bottom:1px solid #999999;}
.lianxi li:last-child{border:none;}
.lianxi li select{width:100%;box-sizing: border-box;height:40px;line-height: 40px;font-size:15px;color:#666666;background: #cccccc;border:none; outline: none;}
.lianxi li strong{display: block;color:#666666;font-size:16px;line-height: 30px;padding-top:10px;}
.lianxi li textarea{display: block;outline: none;resize: none;width:100%;height:100px;border:none;background: #cccccc; color:#666666;font-size:15px;line-height: 24px;box-sizing: border-box;padding:0 10px;}
.input_1{width:100%;font-size:15px;color:#ccc;background: #ffffff;border:none;outline: none;height:40px;line-height: 40px;padding-bottom:5px;box-sizing: border-box;padding-left:10px;}

.btn_send{display: block;margin:10px auto;width:160px;height:56px;line-height: 56px; background: #cccccc;border:none;font-size:16px;letter-spacing: 5px; outline: none; cursor: pointer;}



/*
community
*/
.contact2{height:710px;text-align: center;color:#fff;background: url(../img/bg_5.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact2 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#fff url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact2 div{position: relative; z-index: 9;}
.contact2 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact2 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact2 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:3px solid #fff;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact2 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact2 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

.community{width:100%;height:108px;background: url(../img/bg_4.jpg) no-repeat center center;    background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;}
.community i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#000 url(../img/white-dots-1.png) repeat;opacity: 0.4; z-index:1;}
.community div{position: relative; z-index: 9;text-align: center;}

.community h3{color:#fff;font-size:38px;font-weight: bold;line-height: 70px;letter-spacing: 3px;}
.community p{color:#fff;text-align: center;font-size:16px;letter-spacing: 3px;line-height: 24px;padding:15px 0 35px;position: relative;}
.community p::after{content: '';position: absolute;border-top:2px solid #5ac4de;width:200px;left:50%;bottom:0;margin-left:-100px;}


.team{padding:0 30px;box-sizing: border-box;width:100%;}
.team_left{padding:50px 0 0;position: relative;box-sizing: border-box;width:100%;}
.team_left .team_ph{padding-left:0;text-align: right;}

.team_left .team_text{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.1);position:relative;left:0;top:0;right:0px;box-sizing: border-box;padding:30px;}
.team_left .team_text h3{font-size:24px;line-height: 30px;padding-bottom:20px;text-align: left;}
.team_left .team_text p{font-size:14px;line-height: 22px;color:#333;text-align: left;}


.team_right{padding:50px 0 0;position: relative;width:100%;box-sizing: border-box;}
.team_right .team_ph{padding-left:0;text-align: right;}
.team_right .team_text{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.1);box-sizing: border-box;padding:30px;margin-right:0px;margin-left:0px;margin-top:0px;position: relative; z-index: 9;}
.team_right .team_text h3{font-size:24px;line-height: 30px;padding-bottom:20px;text-align: left;}
.team_right .team_text p{font-size:14px;line-height: 22px;color:#333;text-align: left;}



/*
studios
*/
.community1{width:100%;height:108px;background: url(../img/bg_6.jpg) no-repeat center center;    background-size: cover;position: relative;display: flex;align-items: center;justify-content: center;}
.bgfwnr {background: url(../img/ph_wfnr.jpg) no-repeat center center;    background-size: cover;}
.ph_contact{background: url(../img/ph_contact.jpg) no-repeat center center;    background-size: cover;}
.community1 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#000 url(../img/white-dots-1.png) repeat;opacity: 0.4; z-index:1;}
.community1 div{position: relative; z-index: 9;text-align: center;}

.community1 h3{color:#fff;font-size:60px;font-weight: bold;line-height: 70px;letter-spacing: 3px;}
.community1 p{color:#fff;text-align: center;font-size:16px;letter-spacing: 3px;line-height: 24px;padding:15px 0 35px;position: relative;}
.community1 p::after{content: '';position: absolute;border-top:2px solid #5ac4de;width:200px;left:50%;bottom:0;margin-left:-100px;}

.contact3{height:710px;text-align: center;color:#fff;background: url(../img/bg_7.jpg) no-repeat center center;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact3 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(231,26,43,0.49) url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact3 div{position: relative; z-index: 9;}
.contact3 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact3 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact3 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:3px solid #fff;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact3 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact3 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}

.complex{width:100%;background:url(../img/white-dots2.png) repeat;}

.complex_flex{padding:50px 30px;}
.complex_banner{display: block;width:100%;}
.complex_text{width:100%;}

.complex_text h3{font-size:26px;line-height: 40px;font-weight: bold;padding:10px 0;}
.complex_text p{font-size:16px;font-weight: bold;line-height: 24px;padding-bottom:40px;position: relative;}
.complex_text p::after{content: '';position: absolute;left:0;bottom:0;border-bottom:10px solid #e71a2b;width:90px;}
.complex_text span{display: block;font-size:14px;line-height: 20px;padding:30px 0;}

.freedom{box-sizing: border-box;padding:50px 30px;}
.freedom ul{width:100%;clear: both; overflow: hidden;}
.freedom li{width:50%;float:left;padding:20px 40px;box-sizing: border-box;}
.freedom div{width:100%;padding-top:20px;}
.freedom h3{font-size:22px;line-height: 38px;font-weight:bold;}
.freedom p{font-size:16px;line-height: 24px;padding-top:10px;}

.studios_ph{padding:0 0 50px;}
.studios_ph li{border:3px solid #000;width:100%;box-sizing: border-box;margin-bottom:20px;}
.studios_ph li img{width:100%;}

.yours{padding:50px 30px;}

.yours ul{width:100%;box-sizing: border-box; clear: both; overflow: hidden;padding-top:20px;}
.yours ul li{float:left;width:50%;text-align: center;color:#fff;padding:15px 0;}
.yours ul li img{width:80px;}
.yours ul li p{font-size:14px;letter-spacing: 2px;line-height: 30px;padding-top:20px;}

.yours div{width:100%}
.yours div strong{display: block;font-size:16px;color: #e71a2b;letter-spacing: 2px;font-weight: bold;line-height: 30px;}
.yours div h2{font-size:18px;font-weight: bold;color:#fff;letter-spacing: 2px;line-height: 40px;padding:15px 0;}
.yours div h3{font-size:20px;color:#fff;letter-spacing: 5px;line-height: 30px;}
.yours div span{display: block;color:#fff;font-size: 13px; letter-spacing: 5px;line-height: 20px;padding:15px 0;}

.yours div p{font-size:16px;color:#fff;line-height: 24px;padding-top:10px;}


/*
events
*/
.contact4{height:710px;text-align: center;color:#fff;background: url(../img/bg_9.jpg) no-repeat center top;    background-size: cover;position: relative;box-sizing: border-box;padding-top:170px;}
.contact4 i{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:#e71a2b url(../img/black-dots.png) repeat;opacity: 0.7;
    mix-blend-mode: multiply;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact4 div{position: relative; z-index: 9;}
.contact4 h3{font-weight: bold;font-size:30px;line-height: 50px;padding:10px 0 30px;letter-spacing:4px;}
.contact4 p{font-size:18px;font-weight: bold;letter-spacing:4px;}
.contact4 a{display: inline-block;width:200px;height:60px;line-height: 60px;border:2px solid #e71a2b;font-size:16px;font-weight: bold;color:#fff;letter-spacing: 2px;}
.contact4 span{display: block;font-size:13px;letter-spacing:4px;line-height: 30px;padding-top:15px;}
.contact4 strong{display: block;font-size:23px;letter-spacing:2px;line-height: 40px;padding:30px 0;}


.lovewas{position: relative;width: 100%;height:500px; background:#bb2e46 url(../img/bg_8.jpg) no-repeat left center;box-sizing: border-box;padding-left:0%;text-align: center;}

.lovewas i{position: absolute;left:0;top:0;right:0;bottom:0;
    background-color: #de2867;
    opacity: 0.6;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s
}
.lovewas_text{width: 100%;color:#fff;height:500px;position: relative; z-index: 9;text-align: center;margin:0 auto;display: flex;align-items: center;box-sizing: border-box;padding:0 20px;}
.lovewas_text h3{;font-size:22px;font-weight: bold;line-height: 24px;letter-spacing: 2px;mix-blend-mode: overlay;color:#fff; opacity: 0.6;}
.lovewas_text h2{font-size:20px;font-weight: bold;line-height: 22px;letter-spacing: 4px;mix-blend-mode: overlay;opacity: 0.6;}
.lovewas_text strong{display: block;font-size:15px;font-weight: bold;line-height: 20px;letter-spacing: 7px;padding-top:10px;}
.lovewas_text p{text-align: left;font-size:14px;line-height:18px;padding-top:10px;}


.vive_layout{padding:40px 20px 60px;}

.vive_tit{width:100%;box-sizing: border-box;padding:0 20px;text-align: center;}
.vive_tit h3{font-size:32px;font-weight: bold;line-height: 50px;padding:10px 0 5px;}
.vive_tit p{font-size:16px;line-height: 22px;padding-bottom:20px;}
.vive_mv{width:100%;height:auto;flex-shrink: 0; background: #eee;}

.merline_layout{padding:50px 20px;}
.merline{color:#fff;width:100%;box-sizing: border-box;text-align: center;}
.merline span{display: block;font-size: 22px;line-height: 30px;padding-bottom:10px;}
.merline h2{font-size:32px;font-weight: bold;line-height: 40px;padding:20px 0 20px;}
.merline strong{display: block;font-size:18px;line-height: 28px;}
.merline p{font-size:16px;line-height: 24px;padding: 20px 0;}
.merline li{box-sizing: border-box;width:100%;padding:0 0 15px;}

.merline_mv{width:100%;height:auto;flex-shrink: 0; background: #eee;}

.angel{padding:40px 20px;}
.angel_tit{text-align: center;width:100%;box-sizing: border-box;padding-bottom:30px;}
.angel_tit h3{font-size:28px;font-weight: bold;letter-spacing: 3px;line-height: 34px;}
.angel_tit p{font-size:16px;letter-spacing: 2px;line-height: 24px;padding:20px 0 30px;position: relative;}
.angel_tit p::after{content: '';position: absolute;left:50%;bottom: 0;width:82px;margin-left:-41px;border-bottom:2px solid #e71a2b;}
.angel_mv{width:100%;flex-shrink: 0;height:auto;background: #ddd;}

.bannerTwo .swiper-container{padding-bottom:40px;}

.bannerTwo{padding-bottom:10px;}
.photo{padding-bottom:20px;}

.doing_flex{padding:60px 20px;}
.dong_text{width:100%;box-sizing: border-box;text-align: center;padding-bottom:30px;}
.dong_text h2{font-size:26px;font-weight: bold;line-height: 40px;padding-bottom:15px;}
.dong_text h3{font-size:18px;font-weight: bold;line-height: 28px;padding:10px 0;}
.dong_text p{font-size:14px;line-height: 22px;padding:10px 0;}
.dong_text strong{display: block;font-size:16px;line-height: 22px;font-weight: bold;padding:10px 0 20px;}

.bannerDoing{width: 100%;}
.bannerDoing .swiper-container{padding-bottom:30px;}

.red_btn{background-color: #e71a2b;display: inline-block;width:72px;height:47px;line-height: 47px;text-align: center;border-radius:5px;transition:all .3s ease 0s;}
.red_btn:hover{ background: #000;}

.photo_list{padding-bottom:20px;}
.photo_list a{display: block;padding:10px 0;}
.photo_list img{width: 100%;height:auto}


.bgef{background: #efefef;}
.bgdf{background: #dfd8d0;}

/******************/
.gray .swiper-pagination-bullet{}
.gray .swiper-pagination-bullet-active{background: #333!important;}

.red .swiper-pagination-bullet{ background: red;}
.red .swiper-pagination-bullet-active{background: red!important;}








}

@media (max-width: 480px) {




}