@charset 'utf-8';

/*campus*/
.visit_campus_map_set{position:relative; clear:both;}
.visit_campus_map_set .map-area{display:none; pointer-events:none}
.visit_campus_map_set .map-area01{position:absolute; top:169px; left:450px;}
.visit_campus_map_set .map-area02{position:absolute; top:53px; right:280px;}
.visit_campus_map_set .map-area03{position:absolute; top:88px; left:70px;}
.visit_campus_map_set .map-area04{position:absolute; top:207px; right:159px;}
.visit_campus_map_set .map-area05{position:absolute; top:85px; right:180px;}
.visit_campus_map_set .map-area06{position:absolute; top:266px; right:129px;}
.visit_campus_map_set .map-area07{position:absolute; top:220px; right:39px;}
.visit_campus_map_set .map-area08{position:absolute; top:31px; left:80px;}
.visit_campus_map_set .map-area09{position:absolute; top:220px; right:142px;}
.visit_campus_map_set .map-area10{position:absolute; top:172px; left:342px;}
.visit_campus_map_set .map-area11{position:absolute; top:204px; left:413px;}
.visit_campus_map_set .map-area12{position:absolute; top:246px; right:241px;}
.visit_campus_map_set .map-area13{position:absolute; top:306px; right:220px;}
.visit_campus_map_set .map-area14{position:absolute; top:321px; right:267px;}
.visit_campus_map_set .map-area15{position:absolute; top:266px; left:227px;}
.visit_campus_map_set .map-area16{position:absolute; top:89px; left:41px;}
.visit_campus_map_set .map-area17{position:absolute; top:68px; left:97px;}
.visit_campus_map_set .map-area18{position:absolute; bottom:113px; right:8px;}
.visit_campus_map_set .map-area19{position:absolute; bottom:27px; right:223px;}
.visit_campus_map_set .map-area20{position:absolute; bottom:137px; right:144px;}
.visit_campus_map_set .map-area21{position:absolute; bottom:48px; right:90px;}
.visit_campus_map_set .map-area22{position:absolute; bottom:87px; right:21px;}
.visit_campus_map_set .map-area23{position:absolute; top:227px; left:278px;}
.visit_campus_map_set .map-area24{position:absolute; top:96px; left:261px;}
.visit_campus_map_set .map-area25{position:absolute; top:261px; left:145px;}
.visit_campus_map_set .map-area26{position:absolute; bottom:98px; left:340px;}
.visit_campus_map_set .map-area27{position:absolute; bottom:180px; right:50px;}
.visit_campus_map_set .map-area28{position:absolute; top:171px; left:139px;}
.map-text-area:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.map-text-area{margin-top:40px;}
ul.map-text{float:left; width:33.3%;}
ul.map-text li{margin-bottom:14px;}
ul.map-text li a span{display:inline-block; width:35px; height:27px; margin-right:14px; border-radius:10px; background:#033b8c; text-align:center; color:#fff;}

.m-map-cont{display:none;}


/*location*/
.location-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.location-area{width:100%; height:100%; display:table; background:#f3f7eb; border:1px solid #ddd; box-sizing:border-box}
.location-area .location-map{width: calc(100% - 300px); display:table-cell; vertical-align: middle; background: #fff}
.location-area .location-map img{width:100%; height:100%; display:block; vertical-align:middle;}
.location-area .location-text{width:300px;  display:table-cell; vertical-align: middle; background:#f3f7eb;}
.location-area .location-text strong.tit{padding:10px 20px 0 20px; display:block; color:#033b8c; font-size:36px; line-height:42px;font-style:normal; font-weight:600;}
.location-area .location-text ul{padding:40px 20px 0 20px;}
.location-area .location-text ul li {margin-bottom:40px;}
.location-area .location-text ul li:last-child {margin-bottom:0px;}
.location-area .location-text ul li p{font-size:32px; line-height:42px;}
.location-area .location-text ul li strong{display:block; margin-bottom:15px; font-size:30px; color:#222222; font-style:normal; font-weight:600; line-height:42px;}
.location-area .location-text ul li.addr strong{padding-left:50px; background:url(../../images/visit/ico_location_img1.png) no-repeat left center; background-size:46px 34px;}
.location-area .location-text ul li.addr p{line-height:26px; font-size:18px;}
.location-area .location-text ul li.tel strong{padding-left:50px; background:url(../../images/visit/ico_location_img2.png) no-repeat 10px center; background-size:23px 34px;}
.location-area .location-text ul li.fax strong{padding-left:50px; background:url(../../images/visit/ico_location_img3.png) no-repeat 10px center; background-size:34px 30px;}


@media all and (min-width:1200px){

/*campus*/
.content-visit-map{}
.content-visit-map .map-cont{width:100%; height:100%; background:#f3f7eb;}
.content-visit-map .map-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.content-visit-map .map-cont .cam{float:left; width:767px;}
.content-visit-map .map-cont .cam img{display:block; vertical-align:middle;}
.content-visit-map .map-cont .cam-info{float:right; width: calc(100% - 767px); height:100%;}
.content-visit-map .map-cont .cam-info .inner-cam-info{padding:70px 40px;}
.content-visit-map .map-cont .cam-info .inner-cam-info strong{display:block; margin-bottom:20px; padding-left:40px; font-size:36px; color:#033b8c; font-style:normal; font-weight:600; background:url(../../images/visit/ico_map.png) no-repeat left center;}
.content-visit-map .map-cont .cam-info .inner-cam-info  p{line-height:26px;}

ul.map-text li.active a{font-weight:600; color:#222}

.location-area .location-text strong.tit span{display:block;}
}


@media all and (min-width:992px) and (max-width:1199px) {

/*campus*/
.content-visit-map{}
.content-visit-map .map-cont{width:768px;margin:0 auto; height:100%; background:#fff;}
.content-visit-map .map-cont .cam{float:none; margin:0 auto}
.content-visit-map .map-cont .cam img{display:block; vertical-align:middle;}
.content-visit-map .map-cont .cam-info{width:100%; height:100%;  background:#f3f7eb;}
.content-visit-map .map-cont .cam-info .inner-cam-info{padding:40px;}
.content-visit-map .map-cont .cam-info .inner-cam-info strong{display:block; margin-bottom:20px; padding-left:40px; font-size:36px; color:#033b8c; font-style:normal; font-weight:600; background:url(../../images/visit/ico_map.png) no-repeat left center;}
.content-visit-map .map-cont .cam-info .inner-cam-info  p{line-height:26px;}

ul.map-text li{font-size:16px;}
ul.map-text li a span{display:inline-block; width:32px; height:24px; margin-right:10px; border-radius:10px; background:#033b8c; text-align:center; color:#fff;}
ul.map-text li.active a{font-weight:600; color:#222}
/*location*/
.location-area .location-text ul{padding:4vw 20px 10px 20px;}

}

@media all and (min-width:768px) and (max-width:991px) {
/*campus*/
.content-visit-map{}
.content-visit-map .map-cont{width:768px;margin:0 auto; height:100%; background:#fff;}
.content-visit-map .map-cont .cam{float:none; margin:0 auto}
.content-visit-map .map-cont .cam img{display:block; vertical-align:middle;}
.content-visit-map .map-cont .cam-info{width:100%; height:100%;  background:#f3f7eb;}
.content-visit-map .map-cont .cam-info .inner-cam-info{padding:40px;}
.content-visit-map .map-cont .cam-info .inner-cam-info strong{display:block; margin-bottom:20px; padding-left:40px; font-size:36px; color:#033b8c; font-style:normal; font-weight:600; background:url(../../images/visit/ico_map.png) no-repeat left center;}
.content-visit-map .map-cont .cam-info .inner-cam-info  p{font-size:26px;}
ul.map-text{float:none; width:100%;}
ul.map-text li{margin-bottom:20px; font-size:28px;}
ul.map-text li a span{display:inline-block; width:56px; height:43px; margin-right:14px; border-radius:20px; background:#033b8c; text-align:center; color:#fff;}
ul.map-text li.active a{font-weight:600; color:#222}

/*location*/
.content-visit-location{padding:0 !important;}
.location-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.location-area{width:100%; height:100%; background:none; border:0;}
.location-area .location-map{width:100%; display:block;}
.location-area .location-map img{width:100%; display:block; vertical-align:middle;}
.location-area .location-text{width:100%; display:block;  background:#f3f7eb;}
.location-area .location-text strong.tit{padding-top:40px;}
.location-area .location-text ul{padding:60px 30px 60px 30px;}
.location-area .location-text ul li {margin-bottom:40px;}
.location-area .location-text ul li:last-child {margin-bottom:0px;}
.location-area .location-text ul li p{font-size:32px; line-height:42px; display:inline; padding-left:40px}
.location-area .location-text ul li.addr strong{padding-left:95px; background:url(../../images/visit/ico_location_img1.png) no-repeat left center; background-size:67px 49px;}
.location-area .location-text ul li.addr p{display:block; line-height:36px; font-size:23px; padding-left:0}
.location-area .location-text ul li.tel strong{padding-left:95px; background:url(../../images/visit/ico_location_img2.png) no-repeat 10px center; background-size:43px 61px;}
.location-area .location-text ul li.fax strong{padding-left:95px; background:url(../../images/visit/ico_location_img3.png) no-repeat 10px center; background-size:58px 50px;}


}

@media all and (max-width:767px){
/*campus*/
.content-visit-map{padding:0 !important}
.map-cont{display:none;}
.m-map-cont{display:block;}
.map-text-area{padding:0 15px; margin-top:20px;}
.m-map-cont img{width:100%;}
ul.map-text{float:none; width:100%;}
ul.map-text li{margin-bottom:10px; font-size:28px; font-size:4vw;}
ul.map-text li.active a{font-weight:600; color:#222}
ul.map-text li a span{display:inline-block; width:56px; width:8vw; height:43px; height:6vw; margin-right:12px; border-radius:20px; border-radius:2.5vw; background:#033b8c; text-align:center; color:#fff;}

/*location*/
.content-visit-location{padding:0 !important;}
.location-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.location-area{width:100%; height:100%; background:none; border:0;}
.location-area .location-map{width:100%; display:block;}
.location-area .location-map img{width:100%; display:block; vertical-align:middle;}
.location-area .location-text{width:100%;  display:block; background:#f3f7eb;}
.location-area .location-text ul{padding:30px 15px;}
.location-area .location-text ul li {margin-bottom:15px;}
.location-area .location-text ul li:last-child {margin-bottom:0px;}
.location-area .location-text ul li p{font-size:16px; line-height:26px; display:inline; padding-left:20px}
.location-area .location-text ul li strong{display:inline-block; margin-bottom:15px; font-size:22px; line-height:36px;}
.location-area .location-text ul li.addr strong{padding-left:40px; background:url(../../images/visit/ico_location_img1.png) no-repeat left center; background-size:34px 25px;}
.location-area .location-text ul li.addr p{display:block; line-height:26px; font-size:16px; padding-left:0}
.location-area .location-text ul li.tel strong{padding-left:40px; background:url(../../images/visit/ico_location_img2.png) no-repeat 5px center; background-size:22px 31px;}
.location-area .location-text ul li.fax strong{padding-left:40px; background:url(../../images/visit/ico_location_img3.png) no-repeat 5px center; background-size:29px 25px;}

.location-area .location-text strong.tit{padding:25px 15px 0 15px; display:block; color:#033b8c; font-size:30px; line-height:32px;font-style:normal; font-weight:600;}

}