@charset "utf-8";

.section {width:1280px; margin:auto; padding:100px 0;}

#main_visual {position:relative; height:1000px;}
#main_visual .swiper-container {position:absolute; top:0; left:50%; width:2000px; margin-left:-1000px;}
#main_visual .swiper-wrapper {height:100%;}
#main_visual .swiper-pagination {bottom:70px; left:50%; margin:0; margin-left:-515px;}
#main_visual .swiper-pagination-bullet {position:relative; width:70px; height:35px; margin:0; -webkit-border-radius:0; border-radius:0; font-size:15px; color:#fff; line-height:35px; font-weight:400; opacity:0.4; transition:all 0.4s; background:none;}
#main_visual .swiper-pagination-bullet:after {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#fff; content:'';}
#main_visual .swiper-pagination-bullet-active {opacity:1;}
#main_visual .swiper-button-prev {position:absolute; top:548px; left:50%; width:31px; height:59px; margin:0; margin:0; margin-left:-800px; background:url('../images/main/btn_prev.png') no-repeat;}
#main_visual .swiper-button-next {position:absolute; top:548px; right:50%; width:31px; height:59px; margin:0; margin:0; margin-right:-800px; background:url('../images/main/btn_next.png') no-repeat;}
#main_visual .swiper-button-next:after, 
#main_visual .swiper-button-prev:after {display:none}
#main_visual ul {overflow:hidden; position:absolute; bottom:100px; left:50%; z-index:100; width:1400px; margin-left:-700px;}
#main_visual li {float:left; width:25%; padding-left:1px;}
#main_visual li a {display:block; font-size:17px; color:#000000; line-height:60px; letter-spacing:-0.07em; text-align:center; background:rgba(255,255,255,0.5); transition:all 0.4s; -webkit- transition:all 0.4s;}
#main_visual li a:hover, #main_visual li.on a {color:#fff; background:#06b4e5;}


#special {background:#f4f4f4;}
#special .inwrap {overflow:hidden;}
#special .box {float:left;}
#special .box+.box {margin-left:20px;}
#special .box.s01 {width:388px;}
#special .box.s02 {width:426px;}
#special .box.s03 {width:426px;}
#special .item {position:relative;}
#special .item img.on {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.4s; -webkit- transition:opacity 0.4s;}
#special .item:hover img.on {opacity:1;}
#special .item02 {margin-top:20px;}

#main_event .cont {overflow:hidden;}
#event_swiper {position:relative; float:left; width:890px;}
#event_swiper .swiper-container {}
#event_swiper .swiper-button-prev {left:50%; right:auto; margin-left:-73px; text-align:right; background:url('/images/main/btn_event_prev.png') no-repeat center bottom;}
#event_swiper .swiper-button-next {right:50%; left:auto; margin-right:-73px; background:url('/images/main/btn_event_next.png') no-repeat center bottom;}
#event_swiper .swiper-button-prev,
#event_swiper .swiper-button-next {position:absolute; top:auto; bottom:50px; width:58px; height:12px; margin-top:auto; padding-bottom:28px; opacity:0.6;}
#event_swiper .swiper-button-prev:hover,
#event_swiper .swiper-button-next:hover {opacity:1;}
#main_event .iScrollVerticalScrollbar {width:16px !important; background:#656565 !important;}
#main_event .iScrollIndicator {width:16px !important; border:4px solid #656565 !important; border-radius:8px !important; background:#fff !important; opacity:1 !important; transition:all 0.3s !important;}
.event_scroll {overflow:hidden; position:relative; float:right; width:360px; height:670px;}
.event_thumbs {width:330px;}
.event_thumbs .item {position:relative; height:160px;}
.event_thumbs .item+.item {margin-top:10px;}
.event_thumbs .item img.on {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.4s; -webkit- transition:opacity 0.4s;}
.event_thumbs .item.on img.on, .event_thumbs .item:hover img.on {opacity:1;}

#main_bna {overflow:hidden; height:892px; background:url('/images/main/main_bna_bg.png') no-repeat top #e2d4c7;}
#main_bna h2 {height:135px;}
#main_bna .cont {display:inline-block; width:100%;}

#dragstage_area {float:left; position:relative; width:700px;}
.dragstage {}
.dragstage img {width:100%; height:auto;}
.dragstage .stageimage{position:absolute;top:0;left:0;z-index:1;}
.dragstage .stageimage img {opacity:0;}
.dragstage .coverimage{position:absolute;top:0;left:0;z-index:3; width:100%; height:100%; max-width:none;}
.dragstage .coverimage img {position: absolute; height: 100%; width: 100%;  max-width:none; clip: rect(0px, 328px, auto, 0px);}
.dragstage .coverimage:hover{cursor:e-resize;}
.login_before .dragstage .coverimage:before {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:url('../images/main/login_box.png') no-repeat 0 0; content:'';}
.dragstage .active .handle {position:absolute; top:0; right:0; width:10px; bottom:0; z-index:100; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle:before {position:absolute; top:0; right:0; width:2px; height:100%; background:#f3f3f3; content:'';}
.dragstage .active .handle:after {position:absolute; bottom:-50px; left:0px; width:101px; height:101px; margin-left:-44px; background:url('../images/main/icon_mouse.png') no-repeat; background-size:contain; content:''; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle.on {opacity:1;}
.dragstage .active .handle > span{display:block;font-size:12px; color:#fff; margin-top:90px;text-align:Center}
.dragstage .active .handle.drag_start:after {opacity:1;}


#main_bna .thumbs {float:left; width:115px; margin-left:40px;}
#main_bna .thumbs li {}
#main_bna .thumbs li .img {overflow:hidden; position:relative; width:115px; height:115px; border-radius:50%; -webkit-border-radius:50%;}
#main_bna .thumbs li .img:before {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:1; background:rgba(0,0,0,0.3); transition:opacity 0.4s; content:'';}
#main_bna .thumbs li+li {margin-top:13px;}
#main_bna .thumbs li.on a {}
#main_bna .thumbs a {position:relative; display:block; }
#main_bna .thumbs a:after {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border-radius:50%; -webkit-border-radius:50%; opacity:0; border:7px solid #b9945a; content:''; transition:opacity 0.4s;}
#main_bna .thumbs li.on a:after,
#main_bna .thumbs li:hover a:after {opacity:1;}
#main_bna .thumbs li.on .img:before,
#main_bna .thumbs li:hover .img:before {opacity:0;}




#main_selfie {position:relative; text-align:center;}
#main_selfie:before {position:absolute; top:0; left:0; right:0; height:787px; background:#e9e8e5; content:'';}
#main_selfie .section {position:relative; z-index:2;}
#main_selfie ul {font-size:0; width:1400px; overflow:hidden; margin:0 -60px; padding:40px 0 0; background:#fff;}
#main_selfie li {overflow:hidden; display:inline-block; margin:40px; width:290px; height:290px;}
#main_selfie li a {display:block;}
#main_selfie li img {width:290px; height:290px; transition:all 0.4s; -webkit-transition:all 0.4s;} 
#main_selfie li:hover img {transform:scale(1.2);}


#main_media {text-align:center; background:#656565;}
#main_media .inbox {overflow:hidden; width:1280px; margin:0 auto;}
#youtube_list {float:left; position:relative; z-index:1; width:387px; height:480px; background:#4a4a4a;}
#youtube_list .iScrollVerticalScrollbar {top:0 !important; bottom:0 !important; right:0 !important; width:16px !important; background:#3b3b3b !important;}
#youtube_list .iScrollIndicator {width:16px !important; border:4px solid #3b3b3b !important; border-radius:8px !important; -webkit-border-radius:8px !important; background:#fff !important;}
#youtube_list ul {margin-top:1px;}
#youtube_list li {display:inline-block; width:100%; height:160px; border-bottom:1px solid #3b3b3b; vertical-align:top;}
#youtube_list li a {display:block; overflow:hidden; padding-left:20px;  padding-top:20px;}
#youtube_list li.active {background:#bb9a66;}
#youtube_list .img_wrap {overflow:hidden; float:left; width:180px; height:119px;}
#youtube_list .img_wrap p {position:relative; padding-bottom:66.11%;}
#youtube_list .img_wrap img {position:absolute; top:0; left:0; width:89%; min-height:100%;}
#youtube_list .cont {margin-left:150px; padding-top:12px; text-align:left;}
#youtube_list .cont strong {font-size:18px; color:#fff; font-weight:500;}
#youtube_list .cont .title {font-size:16px; color:rgba(255,255,255,0.7); font-weight:300;}
#main_media .movie_box {float:right; position:relative; width:852px; height:479px;}
#main_media .movie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

#main_board {height:790px; background:url('/images/main/main_board_bg.jpg') no-repeat center bottom;}
#main_board .section {padding-top:125px;}
#main_board > div {overflow:hidden;}
#main_board .cont {position:relative; float:left;}
#main_board .counsel {width:460px;}
#main_board .counsel ul {margin-top:50px;}
#main_board .counsel li {position:relative;}
#main_board .counsel li+li {margin-top:15px;}
#main_board .counsel .category {position:absolute; top:0; left:0; font-size:15px; width:110px; color:#fff; line-height:30px; font-weight:300; text-align:center; background:#bb9a66;}
#main_board .counsel .title {overflow:hidden; display:block; margin: 0 85px 0 130px; text-overflow: ellipsis; white-space:nowrap; font-size:18px; color:#414142; line-height:30px;}
#main_board .counsel .mstate {position:absolute; top:0; right:0; font-size:18px; color:#414142; line-height:30px; font-weight:300; text-align:center; }
#main_board .counsel .mstate.ing {color:#858585;}
#main_board .counsel .mstate.complate {}
#main_board .counsel .btn_more {position:absolute; top:7px; right:0;}

#main_board .media {width:350px; margin-left:100px;}
#main_board .media .img_wrap {position:relative; width:350px; height:210px;}
#main_board .media .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#main_board .media .txt_box {padding:0 30px 42px; background:#fff;}
#main_board .media .title {}
#main_board .media .t01 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:15px; font-size:20px; color:#414142; line-height:28px;}
#main_board .media .t02 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px; font-size:16px; color:#858585; line-height:24px;}
#main_board .media .img {margin-top:23px;}

#main_board .consultation {width:350px; margin-left:20px; padding:35px 30px 40px; background:#83838b;}

#location {position:relative; overflow:hidden; position:relative; height:825px;}
#location .map_box {position:relative; }
#location .map_box iframe {position:absolute; top:-150px; left:0; right:-30%; width:130%; height:1325px; margin-top:-150px;}
#location .map_info {position:absolute; top:100px; left:50%; z-index:2; margin-left:-700px;}