@charset "utf-8";

#mcontainer {}

.m_ir {background-image:url(/images/dorm/main_new/main_ir.png); background-repeat:no-repeat; font-size:0;}
.layout_m {position:relative; width:100%; max-width:1200px; margin:0 auto;}

#tab_wrap {position:relative;padding: 65px 0;background:url(/images/dorm/main_new/main_bg.jpg)no-repeat center;background-size: cover;}
#tab_wrap .title {position:relative; margin:0 0 20px; }
#tab_wrap .title strong {display:block;position:relative; }
#tab_wrap .title strong:after {display:block; position:absolute; top:-35px; left:-75px; z-index:1; content:''; width:118px; height:116px;background:url(/images/dorm/main_new/obj_01.png)no-repeat;  }
#tab_wrap .title strong span {display:block;position:relative; z-index:2; width:408px; height:39px; margin:0 0 10px;background:url(/images/dorm/main_new/main_txt.png)no-repeat; font-size:0; }
#tab_wrap .title p {position:relative;z-index:2;font-size:19px;font-weight:700;color:#454545;font-family:'nsr';text-align: left;}
#tab_wrap .menu_wrap {display:inline-block;position:absolute;right:0;top:0;z-index: 3;}
#tab_wrap .menu_wrap:after {display:block; clear:both; visibility:hidden; content:''}
#tab_wrap .menu_wrap li {float:left; position:relative; margin-left:10px; }
#tab_wrap .menu_wrap li a {display:block; width:65px; height:65px; padding:14.5px 0 0; border-radius:50%; background:#464c58; text-align:center; color:#fff; font-size:15px;}
#tab_wrap .menu_wrap li a.ov {width:150px; padding:0;border:3px solid #842c2a; border-radius:50px; background:#fff; font-weight:700; font-size:18px; color:#852c2b;}
#tab_wrap .menu_wrap li a.ov:after {display:block;position:absolute;bottom: -13px;left:50%;content:'';margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:13px solid #852c2b;}
#tab_wrap .menu_wrap li a span {display:block; line-height:1.2; font-family:'nsr';}
#tab_wrap .menu_wrap li a.ov span {display:inline; ;line-height:65px;}

#tab_wrap .con_wrap {overflow: hidden;position: relative;border-radius:50px 0 50px 0;}
#tab_wrap .con_wrap .con {}
#tab_wrap .con_wrap .con .main_box {}
#tab_wrap .con_wrap .con .main_box:after {display:block; clear:both; visibility:hidden; content:''}
#tab_wrap .con_wrap .con .main_box .m_boxw {height:600px;}
#tab_wrap .con_wrap .con .main_box .m_boxw:after {display:block; clear:both; visibility:hidden; content:''}
#tab_wrap .con_wrap .con .main_box .m_boxw .m_box {position:relative;padding: 35px 30px 0;}
#tab_wrap .con_wrap .con.active .main_box .m_boxw .m_box {animation: opacity 0.5s 1;}

@-webkit-keyframes opacity {
    0% {opacity:0; -webkit-transform: scale(0) rotateX(45deg);}
    100% {opacity:1; -webkit-transform: scale(1) rotateX(0);}
}
@keyframes opacity {
    0% {opacity:0; transform: scale(0) rotateX(45deg);}
    100% {opacity:1; transform: scale(1) rotateX(0);}
}


#tab_wrap .con_wrap .con .main_box .m_left {float:left; width:75%; }
#tab_wrap .con_wrap .con .main_box .m_left .m_box {float:left;height: 300px;}
#tab_wrap .con_wrap .con .main_box .m_left .m_box .tit {height:20px;}
#tab_wrap .con_wrap .con .main_box .m_left .m_box .tit_p {margin:10px 0 0; color:#fff; font-size:14px;}
#tab_wrap .con_wrap .con .main_box .m_left .m_box .tit_p span {display:block;line-height:1.5; }
#tab_wrap .con_wrap .con .main_box .m_left .box1 {width:33.33%;background: #373a47 url(/images/dorm/main_new/box_bg01.png)no-repeat 93% 92%;text-align:center;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 .tit {width:101px; margin:0 auto; background-position:0 0;  }
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul {margin:30px 0 0; text-align:left;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li {position:relative;width:140px;margin:3px 0;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a {display: block; height:30px;line-height:32px; padding:0 8px;color:#fff;border-radius:50px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a:after {opacity:0; position:absolute; right:10px; top:7px; content:'';width:6px; height:16px; background:url(/images/dorm/main_new/main_ir.png)no-repeat -19px -23px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a span {display:inline-block;width:16px;height:16px;margin: -2px 10px 0 0;background-position:0 -23px;vertical-align:middle;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a:hover,
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a:focus {background:#2a2c38;}
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a:hover:after,
#tab_wrap .con_wrap .con .main_box .m_left .box1 ul li a:focus:after {display:block;opacity:1;}

#tab_wrap .con_wrap .con .main_box .m_left .box2 {width:66.66%;background:#918368;}
#tab_wrap .con_wrap .con .main_box .m_left .box2:after {display:block; position:absolute; content:''; right:15px; bottom:15px; height:22px; background-image:url(/images/dorm/main_new/main_ir.png);}
#tab_wrap .con_wrap .con.con1 .main_box .m_left .box2:after  {width:253px; background-position:0 -209px; }
#tab_wrap .con_wrap .con.con2 .main_box .m_left .box2:after  {width:327px; background-position:-256px -209px; }
#tab_wrap .con_wrap .con.con3 .main_box .m_left .box2:after  {width:235px; background-position:-586px -209px; }
#tab_wrap .con_wrap .con .main_box .m_left .box2 .tit {width: 135px;background-position:-104px 0;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul {margin: 45px 0 0;padding:0 10px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li {float:left; position:relative; width:33.33%; min-height:53px; margin:0 0 30px; padding-left:65px; }
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li a {display: block;line-height:53px;color:#fff;font-size:14px;text-align: left;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li.two a {line-height:1.5;padding: 10px 0 0;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico {display: block;position:absolute;left:0; top:0; width:53px; height:53px; border-radius:50%;background-color:#766953; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico1 {background-position:0 -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico2 {background-position:-56px -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico3 {background-position:-111px -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico4 {background-position:-166px -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico5 {background-position:-221px -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico6 {background-position:-276px -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li .ico.ico7 {background-position:-331px -42px;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li em{display: block;line-height: 1;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li a:hover,
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li a:focus {text-decoration:underline;}
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li a:hover .ico,
#tab_wrap .con_wrap .con .main_box .m_left .box2 ul li a:focus .ico {background-color:#5b4f3f; }

#tab_wrap .con_wrap .con .main_box .m_left .box3 {width:33.33%;background:#852c2b; text-align:center;}
#tab_wrap .con_wrap .con .main_box .m_left .box3:before {display:block; position:absolute; right:0; bottom:45px; z-index:2; content:'';width:156px; height:117px;background:url(/images/dorm/main_new/box_bg03.png)no-repeat; }
#tab_wrap .con_wrap .con .main_box .m_left .box3:after {display:block; position:absolute; left:0; bottom:0; content:''; width:100%; height:129px; background:url(/images/dorm/main_new/box_bg02.png)no-repeat center; background-size:auto 100%; }
#tab_wrap .con_wrap .con .main_box .m_left .box3 .tit {width:100px;  margin:0 auto;  background-position:-242px 0;  }
#tab_wrap .con_wrap .con .main_box .m_left .box3 .btn_w {position:absolute; left:0; right:0; bottom:0; z-index:3; width:auto; }
#tab_wrap .con_wrap .con .main_box .m_left .box3 .btn_w a {display:block;width:100%;height:45px;line-height:45px;background:#6b2423;text-align:center;color:#fff;font-size: 14px;}
#tab_wrap .con_wrap .con .main_box .m_left .box3 .btn_w span {display:inline-block; width:15px; height:11px; margin:-2px 0 0 15px; background-position:-47px -23px;vertical-align:middle; }

#tab_wrap .con_wrap .con .main_box .m_left .box4 {width:66.66%;background: #fffcf7;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .tit {width:135px; background-position:-345px 0;  }
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list {overflow: hidden;margin: 25px -2% 0;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap {}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul {overflow:hidden;position: relative;height:185px;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul:after {display:block; clear:both; visibility:hidden; content:'';}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li {float:left;width:46%;margin: 0 2% 20px;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li a {display:block; width:100%; height:100%;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li .thumb {overflow:hidden; position:relative; width:100%; height:145px;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li .thumb img {position: absolute;top: 50%;left: 50%;width: auto;max-width: 1000%;height: 120%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li strong {display:block;overflow:hidden;width:100%;margin:15px 0 0;color:#303030;font-size:16px;font-weight:700;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control {position:absolute;right: 30px;top: 35px;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control .indicator {display:inline-block;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control .indicator a {display:inline-block;width:7px;height:7px;margin:0 5px;border-radius:50%;background:#c7c7c7;font-size:0;line-height:14px;vertical-align: middle;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control .indicator a.on {background:#464c58;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control .more {display:inline-block;margin-left: 10px;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control .more a {display: inline-block;width:14px;height:14px;background-position: 0 -234px;line-height: 14px;vertical-align: middle;}
#tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .control>button {display:none;}

#tab_wrap .con_wrap .con .main_box .m_right {float:right; width:25%;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 {width:100%; height:600px;background:#fff;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .tit2 {height:20px;line-height:20px;font-size:18px;color:#303030;font-weight:700;text-align: left;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice:after {display:block; clear:both; visibility:hidden; content:'';}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li {position: relative;margin: 8px 0;padding-left: 25px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:after {display:block;position:absolute;left: 11px;top: 9px;content:'';width:3px;height:3px;border-radius:50%;background:#575757;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li a {display: block;overflow:hidden;width:100%;font-size:14px;color:#575757;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li em {position:absolute;left: 1px;top: 1px;z-index:2;width: 18px;height: 18px;line-height: 20px;border-radius:50%;background:#d2462c;color:#fff;font-weight:700;text-align:center;font-size: 11px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:first-child {padding: 18px 0 18px 75px;margin: 10px 0 20px;border-bottom:1px dashed #cccccc;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:first-child:after {display:none;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:first-child a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:44px; text-overflow: ellipsis;white-space: normal; font-weight:700;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:first-child a:after {display:block;position:absolute;content:'';left:0;top: 6px;width:60px;height:60px;border-radius:50%;background:#e6e6e6 url(/images/dorm/main_new/main_ir.png)no-repeat 0 -98px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:first-child em {left:0; top:3px}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .more {position:absolute;right: 30px;top: 35px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .more a {display:block; width:14px; height:14px; background-position: 0 -234px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w {position:absolute; left:0; bottom:0; width:100%;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul {height:140px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul:after {display:block;clear:both; visibility:hidden; content:'';}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li {float:left; width:50%; height:100%;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li a {display:block;width:100%;height:100%;padding: 30px 0 0;text-align:center;color:#fff;font-size:16px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li:nth-child(1) a {background:#5b6179;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li:nth-child(2) a {background:#373a47;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li .ico {display:block;height:45px;margin: 0 auto 15px;}
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li .ico.ico1 {width:41px; background-position:0 -161px; }
#tab_wrap .con_wrap .con .main_box .m_right .box5 .btn_w ul li .ico.ico2 {width:40px; background-position:-44px -161px; }
 
@media screen and (max-width:1279px){
    .layout_m {max-width:100%;padding:0 40px;}
    #tab_wrap .title strong:after {left: -25px;top: -15px;width:50px;height:48px;background-size:50px 48px;}
    #tab_wrap .menu_wrap {right:40px;}
    #tab_wrap .con_wrap .con .main_box .m_boxw {height:auto}
    #tab_wrap .con_wrap .con .main_box .m_left {float:none; width:100%;}
    #tab_wrap .con_wrap .con .main_box .m_right {float:none;width:100%;height: auto;}
    #tab_wrap .con_wrap .con .main_box .m_right .box5 {height: auto;padding: 35px 30px 170px;}
    #tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li {float:left; width:48%; margin:5px 1%;}
    #tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:first-child {float:none; width:100%;}
    #tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li:last-child {display:none;}
}

@media screen and (max-width:1023px){
    .layout_m {padding:0 30px; text-align:center; }
    #tab_wrap .menu_wrap {display:inline-block;position:static;margin: 20px auto 25px;}

    #tab_wrap .con_wrap .con .main_box .m_left .box1,
    #tab_wrap .con_wrap .con .main_box .m_left .box2,
    #tab_wrap .con_wrap .con .main_box .m_left .box3,
    #tab_wrap .con_wrap .con .main_box .m_left .box4 {float:none; width:100%;}

    #tab_wrap .con_wrap .con .main_box .m_left .box1 {width:50%;}
    #tab_wrap .con_wrap .con .main_box .m_left .box3 {position:absolute; right:0; top:0;width:50%; }
}

@media screen and (max-width:767px){
    .layout_m {padding:0 15px; }
    #tab_wrap .title strong {display:inline-block; }
    #tab_wrap .title p {text-align:center; font-size:17px;}
    #tab_wrap .con_wrap .con .main_box .m_boxw .m_box {padding: 35px 20px;}
    #tab_wrap .con_wrap .con .main_box .m_left .box1 {width:100%;}
    #tab_wrap .con_wrap .con .main_box .m_left .box3 {position:relative; width:100%;}
    
    #tab_wrap .con_wrap .con .main_box .m_left .box2 {height:auto;}
    #tab_wrap .con_wrap .con .main_box .m_left .box2 ul li {width:50%;}
    #tab_wrap .con_wrap .con .main_box .m_left .box2 ul li.two a {padding:0 ;line-height:53px;}
    #tab_wrap .con_wrap .con .main_box .m_left .box2 ul li.two a em {display:inline-block;}

    #tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li {float:none; width:100%; margin:0 0 20px;}
    #tab_wrap .con_wrap .con .main_box .m_left .box4 .photo_list .grap ul li strong {text-align:center;}

    #tab_wrap .con_wrap .con .main_box .m_right .box5 {padding: 35px 20px 170px;}
    #tab_wrap .con_wrap .con .main_box .m_right .box5 .notice li {width:100%; margin:5px 0;}

}

@media screen and (max-width:500px){
    #tab_wrap .menu_wrap li {margin:0 3px; }
    #tab_wrap .menu_wrap li a {width:55px; height:55px; padding:11.5px 0 0;font-size:14px;}
    #tab_wrap .menu_wrap li a.ov {width:130px;font-size:16px;}
    #tab_wrap .menu_wrap li a.ov span {line-height:53px;}

    #tab_wrap .title strong span {width:220px;height:84px;background: url(/images/dorm/main_new/main_txt2.png)no-repeat;margin: 0 0 20px;}


    #tab_wrap .con_wrap .con .main_box .m_left .box2:after {display:none;}
    #tab_wrap .con_wrap .con .main_box .m_left .box2 ul {margin:30px 0 0;}
    #tab_wrap .con_wrap .con .main_box .m_left .box2 ul li {float:none;width:100%;margin: 0 0 10px;}
    #tab_wrap .con_wrap .con .main_box .m_left .box2 ul li:last-child {margin:0;}
}