@charset "utf-8";

a, li, span, b, strong, h1, h2, h3, p{font-family:'nsr', sans-serif}

@media(max-width:640px){
    .layout{width:100%;}
    #mshortcut .layout{width:95%}
}

.ir-main{display:inline-block;background:url(/images/eng/main/ir-main.png) no-repeat;vertical-align:middle}

#mcontainer{position: relative;margin-top:-67px;}

#mshowcase{position:relative;width:100%;height:830px;}

#mshowcase #visual{width:100%;height:100%;}

#mshowcase #visual .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/eng/main/svisual_patt.png) repeat;}


#visual .visual_txt{position:absolute;top:185px;left:0;width:100%;text-align:center}

#visual .visual_txt h2{font-size:60px;color:#fff;line-height:70px;padding-bottom:37px}

#visual .visual_txt h2:before{display:none}

#visual .visual_txt .metaphor{display:block;width:65px;height:65px;border:5px solid #fff;border-radius:0 10px 0 10px;margin:0 auto;}




#mshowcase{position:relative;width:100%;height:830px;}

#mshowcase #visual{width:100%;height:100%;}

#mshowcase #visual .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/kor/main/mask_bl_30.png) repeat;}


#visual .visual_txt .metaphor{display:block;width:65px;height:65px;border:5px solid #fff;border-radius:0 10px 0 10px;margin:0 auto;}

#mcontwrap{position:relative;}

#mcontwrap #mcolumn{position:relative;background:url(/images/kor/main/mcont_bg2.png) no-repeat 50% 67px; }

#mcolumn > .layout{margin-top:-91px;}



/*
@media(max-width:1920px){
    #mcontwrap #mcolumn{position:relative;margin-top:-243px;background:#fff url(/images/kor/main/mcont_bg.png) no-repeat 50% 0%;background-size:cover;}    
}




@media(max-width:1200px){
    #visual .visual_txt h2{font-size:45px;padding-bottom:25px}
}

@media(max-width:876px){
    #mshowcase{height:700px}
    #mshowcase #visual #youtube{height:700px;}
    #visual .visual_txt{top:200px;}
    #visual .visual_txt h2{font-size:32px;line-height:40px}
    #visual .visual_txt .metaphor{width:40px;height:40px;border-width:4px;border-radius:0 5px 0 5px}
}

@media(max-width:640px){
    #mshowcase{height:350px}
    #visual .visual_txt{top:170px;}
    #visual .visual_txt h2{font-size:18px;line-height:24px;padding-bottom:10px}
    #visual .visual_txt .metaphor{width:25px;height:25px;border-width:3px}
}

*/


/*#mcolumn #mboard{position:absolute;width:100%;margin-top:-218px;}*/
#mshowcase {z-index:9}
#visual .grap {position:absolute; top:0; left:0;right:0; width:100%; height:100%; overflow:hidden;}
#visual .grap .obj {position:absolute;top:0;left:0;right:0; z-index:12; }
#visual .grap .obj .item {display:none; position:absolute; top:0; left:0;right:0;width:100%;height:806px; overflow:hidden;transition: all 0.5s ease 0.3s;-webkit-transition: all 0.5s ease 0.3s;}
#visual .grap .obj .item .mv-img {position:absolute;z-index:1;top:0;left:0;right:0; width:100%; height:100%;animation: 10s linear circle-slide-zoom-development infinite;/*transition: all 0.5s ease 0.3s;-webkit-transition: all 0.5s ease 0.3s;*/}
#visual .grap .obj .item .mv-img img{display:none;max-width:none;width:100%}
#visual .grap .obj .item:first-child .mv-img{display:block;}
#visual .grap .obj .mvisual-01 .mv-img{background:url(/images/kor/main/mvisual-01.png) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-02 .mv-img{background:url(/images/kor/main/mvisual-02.png) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-03 .mv-img{background:url(/images/kor/main/mvisual-03.png) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-04 .mv-img{background:url(/images/kor/main/mvisual-04.png) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-05 .mv-img{background:url(/images/kor/main/mvisual-05.png) no-repeat 50% 50%;background-size:cover;}


@-webkit-keyframes circle-slide-zoom-development {
0% {transform: scale(1, 1);}
100% {transform: scale(1.1, 1.1);}
}

@keyframes circle-slide-zoom-development {
 0% {transform: scale(1, 1);}
 100% {transform: scale(1.1, 1.1);}
 }

 @keyframes fade-in {
  from, to {
    background-size: 100%;
    opacity: 0;
  }
  33%, 50% {
	
    background-size: 110%;
    opacity: 1;
  }
}
/*
#visual .grap .obj .item .mv-img{animation-play-state:running;animation-name:circle-slide-zoom-development;animation-duration:15s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;-webkit-animation-play-state:running; -webkit-animation-name:circle-slide-zoom-development; -webkit-animation-duration:15s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate; -webkit-animation-timing-function:linear;}
*/



#visual .grap .obj #intro {display:block;}
#visual .grap .obj #intro .mvisual_video {position:relative; width:100%; height:100%; z-index:10}
#visual .grap .obj #intro .mvisual_video *{background-color:transparent !important}
#visual .grap .obj #intro iframe {position:absolute; z-index:0; top:0; left:0;}
#visual #youtube {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#visual #youtube #youtubePlayer1 {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10}
#visual .grap .obj .item .slide-content {position:absolute; z-index:12; top:0; left:0; width:100%; height:100%; padding-top:140px;}
#visual .video-overlay {position:absolute; z-index:11; top:0%; left:0%; width:100%; height:100%; background:url(/images/kor/main/mask_bl_20.png) repeat ;}
.video-js {background-color:transparent !important}
.vjs-poste {background-color:transparent !important}
.vjs-caption-settings {background-color:transparent !important}
.video-js .vjs-control-bar {background:transparent}
#visual .grap .obj #intro video{width:100%;}

.intro-text div {position:absolute; top:50px; width:100%; font-size:70px; color:#fff; text-align:center; line-height:1.3; animation:blurFadeInOut 3s ease-in backwards;-webkit-animation:blurFadeInOut 3s ease-in backwards; -moz-animation:blurFadeInOut 3s ease-in backwards; -ms-animation:blurFadeInOut 3s ease-in backwards;}
.intro-text .frame-1 {animation-delay:0s;-webkit-animation-delay:0s; -moz-animation-delay:0s; -ms-animation-delay:0s;}
.intro-text .frame-2 {animation-delay:3s;-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s;}

.intro-text .frame-3 {color:#fff; animation:none;-webkit-animation:none; -moz-animation:none; -ms-animation:none;}
.intro-text .frame-3 span {display:block; color:#fff;text-shadow: 1px 1px 1px #372b1e;font-family:Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,'nsr','Malgun Gothic',serif;text-transform:uppercase;  line-height:1.2; letter-spacing:-1px;}
.intro-text .frame-3 span:first-child {font-size:50px;}
.ov .intro-text .frame-3 {color:#fff; animation:none;-webkit-animation:none; -moz-animation:none; -ms-animation:none;}
.ov .intro-text .frame-3 span {display:block; color:#fff; font-family:Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,'nsr','Malgun Gothic',serif; text-transform:uppercase; text-shadow:0px 0px 1px #333; line-height:1.2; letter-spacing:-1px;transform-origin:0 0;animation:fadeIn 3s ease-in 0s backwards;-webkit-animation:fadeIn 3s ease-in 0s backwards; -moz-animation:fadeIn 3s ease-in 0s backwards; -ms-animation:fadeIn 3s ease-in 0s backwards;}
.ov .intro-text .frame-3 span:first-child {font-size:50px;}
.ov .intro-text .frame-3 span:nth-child(2) {animation-delay:2s;-webkit-animation-delay:2s; -moz-animation-delay:2s; -ms-animation-delay:2s;}

#intro.ov .intro-text .frame-3 span {animation:fadeIn 3s ease-in 1s backwards;-webkit-animation:fadeIn 3s ease-in 1s backwards; -moz-animation:fadeIn 3s ease-in 1s backwards; -ms-animation:fadeIn 3s ease-in 1s backwards;}
#intro.ov .intro-text .frame-3 span:first-child {font-size:50px;}
#intro.ov .intro-text .frame-3 span:nth-child(2) {animation-delay:3s;-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s;}

#intro2.ov .intro-text .frame-3 span {animation:fadeIn 3s ease-in 1s backwards;-webkit-animation:fadeIn 3s ease-in 1s backwards; -moz-animation:fadeIn 3s ease-in 1s backwards; -ms-animation:fadeIn 3s ease-in 1s backwards;}
#intro2.ov .intro-text .frame-3 span:first-child {font-size:50px;}
#intro2.ov .intro-text .frame-3 span:nth-child(2) {animation-delay:3s;-webkit-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s;}


#visual .paging_wrap{position:absolute;bottom:340px;left:0px;width:100%;text-align:center}
#visual .paging{/*position:absolute;top:0px;left:0px;*/position:relative;padding:10px 69px;display:inline-block;z-index:13;transition:all 200ms}
/*
#visual .paging:before,
#visual .paging:after{display:block;content:"";position:absolute;width:58px;height:59px;overflow:hidden;}
#visual .paging:before{bottom:0;left:40px;background:url(/images/kor/main/paging-before.png) no-repeat;}
#visual .paging:after{top:-10px;right:40px;background:url(/images/kor/main/paging-after.png) no-repeat;}
*/
#visual .paging a{display:inline-block;margin:0 2px;transition:all 200ms;width:88px;height:88px;}
#visual .paging a *{transition:all 200ms}
#visual .paging a span{}

#visual .paging a .inactive-circle{background-image:url(/images/kor/main/msld_1.png);}
#visual .paging a+a .inactive-circle{background-image:url(/images/kor/main/msld_4.png);}
#visual .paging a+a+a .inactive-circle{background-image:url(/images/kor/main/msld_2.png);}
#visual .paging a+a+a+a .inactive-circle{background-image:url(/images/kor/main/msld_3.png);}


#visual .control{position:absolute;top:400px;left:0px;width:100%;height:0;z-index:14;}
#visual .paging a.ov{}
/*#visual .paging a.ov .inactive-circle{transform:scale(1.1)}*/
#visual .paging a .node{position: relative;display:inline-block;}
#visual .paging a .active-circle{display: none;}
#visual .paging a.ov .active-circle{display:block;position:absolute;top:5px;left:5px;width:78px;height:78px;background:url(/images/kor/main/msld_ov.png) no-repeat 50% 50%;transition:all 200ms;z-index:2;}
#visual .paging a .inactive-circle {display:block;position:relative;margin:5px;width:78px;height:78px;transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84);z-index:1;overflow:hidden;}

#visual  .control a{display:block;position:absolute;width:75px; height:80px;/*background: #fff;*/border:1px solid #fff;background:url(/images/kor/main/mask_bl_30.png) repeat ;font-size: 0px;line-height: 0px;text-indent: -999px;z-index: 15;}
#visual  .control a[data-control="next"]{top:0;right: 0;}
#visual  .control a[data-control="prev"]{top:0;left:0;}

#visual  .control a[data-control="prev"]:before{	
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 28px;
    width: 30px;
    height: 30px;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	transform: rotate(45deg);}
#visual  .control a[data-control="next"]:before{
    content: "";
    display: block;
    position: absolute;
    top: 23px;
	right: 28px;
    width: 30px;
    height: 30px;
    margin-left: 20px;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	transform: rotate(45deg);}
:after, :before {
    box-sizing: inherit;
    background-repeat: no-repeat;
    vertical-align: inherit;
    white-space: inherit;
    text-overflow: inherit;
    text-shadow: inherit;
}
svg:not(:root) {
    overflow: hidden;
}
#visual .paging a .node .button-bg-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    fill: rgba(64,82,117,.4);
    stroke: rgba(240,237,242,.4);
    stroke-width: 2;
}
#visual .paging a .node .progress-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    fill: none;
    stroke: #2fb8ff;
    stroke-width: 5;
    stroke-dasharray: 314;
    stroke-dashoffset: 314;
    opacity: 0;
}

#visual .paging a.ov .node .progress-svg{ opacity: 1;}

.inactive-circle{border-radius: 50%;}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}


@-webkit-keyframes blurFadeInOut {
0% {opacity:0;  -webkit-transform:scale(1.3);}
20%,75% {opacity:1; -webkit-transform:scale(1);}
100% {opacity:0; -webkit-transform:scale(0);}
}
@-webkit-keyframes blurFadeIn {
0% {opacity:0; -webkit-transform:scale(1.3);}
50% {opacity:0.5;  -webkit-transform:scale(1.1);}
100% {opacity:1; -webkit-transform:scale(1);}
}
@-webkit-keyframes fadeInBack {
0% {opacity:0; -webkit-transform:scale(0);}
50% {opacity:0.4; -webkit-transform:scale(2);}
100% {opacity:0.2; -webkit-transform:scale(5);}
}
@-webkit-keyframes fadeInRotate {
0% {opacity:0; -webkit-transform:scale(0) rotate(360deg);}
100% {opacity:1; -webkit-transform:scale(1) rotate(0deg);}
}

@-moz-keyframes blurFadeInOut {
0% {opacity:0;  -moz-transform:scale(1.3);}
20%,75% {opacity:1; -moz-transform:scale(1);}
100% {opacity:0; -moz-transform:scale(0);}
}
@-moz-keyframes blurFadeIn {
0% {opacity:0;  -moz-transform:scale(1.3);}
100% {opacity:1; -moz-transform:scale(1);}
}
@-moz-keyframes fadeInBack {
0% {opacity:0; -moz-transform:scale(0);}
50% {opacity:0.4; -moz-transform:scale(2);}
100% {opacity:0.2; -moz-transform:scale(5);}
}
@-moz-keyframes fadeInRotate {
0% {opacity:0; -moz-transform:scale(0) rotate(360deg);}
100% {opacity:1; -moz-transform:scale(1) rotate(0deg);}
}

@keyframes blurFadeInOut {
0% {opacity:0; transform:scale(1.3);}
20%,75% {opacity:1;  transform:scale(1);}
100% {opacity:0; transform:scale(0);}
}
@keyframes blurFadeIn {
0% {opacity:0; transform:scale(1.3);}
50% {opacity:0.5;  transform:scale(1.1);}
100% {opacity:1; transform:scale(1);}
}
@keyframes fadeInBack {
0% {opacity:0; transform:scale(0);}
50% {opacity:0.4; transform:scale(2);}
100% {opacity:0.2; transform:scale(5);}
}
@keyframes fadeInRotate {
0% {opacity:0; transform:scale(0) rotate(360deg);}
100% {opacity:1; transform:scale(1) rotate(0deg);}
}

@media (max-width:900px){
#mshowcase{height:530px;}
#visual .grap .obj .item{height:530px;}
.intro-text div{font-size:50px;}
#intro.ov .intro-text .frame-3 span:first-child,
.intro-text .frame-3 span:first-child,
.ov .intro-text .frame-3 span:first-child {font-size:40px;}
#visual .paging_wrap{bottom:70px}
}


@media (max-width:640px){
#mshowcase{height:400px;}
#visual .grap .obj .item{height:400px;}

.intro-text div{font-size:40px;padding:0 45px;}
#intro.ov .intro-text .frame-3 span:first-child,
.intro-text .frame-3 span:first-child,
.ov .intro-text .frame-3 span:first-child {font-size:30px;}
#visual .paging_wrap{display:none;}
#visual  .control{top:180px}
#visual  .control a{background:none;border:none;width:30px;height:30px;}
#visual  .control a[data-control="prev"]:before{top:0;left:10px;}
#visual  .control a[data-control="next"]:before{top:0;right:10px;}

}

@media (max-width:540px){
#mshowcase{height:300px;}
#visual .grap .obj .item{height:300px;}
.intro-text div{top:10px;font-size:30px;}
#intro.ov .intro-text .frame-3 span:first-child,
.intro-text .frame-3 span:first-child,
.ov .intro-text .frame-3 span:first-child{font-size:22px}
}


#mcontwrap {z-index:10}

#mcontwrap #mcolumn{position:relative;background:url(/images/chn/main/mcont_bg.png) no-repeat 50% 67px;}

@media(max-width:1200px){
    #visual .visual_txt h2{font-size:45px;padding-bottom:25px}
}

@media(max-width:876px){
    #mshowcase{height:700px}
    #mshowcase #visual #youtube{height:700px;}
    #visual .visual_txt{top:200px;}
    #visual .visual_txt h2{font-size:32px;line-height:40px}
    #visual .visual_txt .metaphor{width:40px;height:40px;border-width:4px;border-radius:0 5px 0 5px}
}

@media(max-width:640px){
	#mcontwrap #mcolumn{ padding-bottom:0;}
    #mshowcase{height:350px}
    #visual .visual_txt{top:170px;}
    #visual .visual_txt h2{font-size:18px;line-height:24px;padding-bottom:10px}
    #visual .visual_txt .metaphor{width:25px;height:25px;border-width:3px}
}

#mcolumn #mboard{position:relative;width:100%; float:left;}

#mboard .col{float:left;overflow:hidden}

.no-padding{padding:0;}

#mnotice{position:relative;width:52%;height:480px;background-color:#0053c9;padding:50px 55px;background:#0053c9 url(/images/eng/main/mnotice_logo.png) no-repeat right bottom;}
#mnotice strong{float:left;color:#fff;font-size:36px;padding-right:20px;letter-spacing:-1px;}
#mnotice .tab{float:left;position:relative;padding-top:0; margin-bottom:30px; width:100%;height:54px;top:4%;}
#mnotice .tab .first{font-size:17px;width:49%;height:100%;text-align:center;padding-top:2%;border-bottom:2px solid #2fb8ff}
#mnotice .tab a{float:left;display:block;padding:0 3px;line-height:1;font-size:22px;border-bottom:3px solid transparent;color:#5880d4}
#mnotice .tab a:first-child::before{display:none}
#mnotice .tab a:hover,
#mnotice .tab a.ov{color:#33c6ff;}
#mnotice .tab a.ov{border:2px solid #2fb8ff;border-bottom:none;}
#mnotice .grap{clear:both;width:100%;height:auto} 
#mnotice .obj{width:100%;height:auto} 
#mnotice .obj .mnotice_list{position:relative;width:100%;height:284px;overflow:hidden;top:13px;}
#mnotice .obj .mnotice_list li{display:flex;line-height: 46px;border:1px solid #4d87d9;font-size:15px;color:#a8bae6; width:48%;height:65px;float:left;margin-left:2%;margin-bottom:2%}
#mnotice .obj .mnotice_list li:nth-child(2n+1){margin-left:0}
#mnotice .obj .mnotice_list.list02 li{height:100px}
#mnotice .obj .mnotice_list li:hover,#mnotice .obj .mnotice_list li:focus,#mnotice .obj .mnotice_list li:active{background-color:#fff;}
#mnotice .obj .mnotice_list li:hover a,#mnotice .obj .mnotice_list li:focus a,#mnotice .obj .mnotice_list li:active a{color:#005ac9;font-weight:bold}
#mnotice .obj .mnotice_list li.new{background:url(/images/eng/main/mnotice_new.png) no-repeat 22px 14px;}
#mnotice .obj .mnotice_list li a{width:100%; box-sizing:border-box;overflow: hidden;text-overflow: ellipsis;line-height: 20px;float: left;text-align: center;color: #edf0f9;font-size:14px;font-weight:normal; position:relative;align-self:center}
#mnotice .obj .mnotice_list li.new a{ padding-left:44px;}
#mnotice .obj .more{position:absolute;top:55px;right:30px;width:37px;height:37px;background-position:0 0;font-size:0}
#mnotice .obj .more a{display:block;width:100%;height:100%;}


@media(max-width:1200px){
    #mnotice{width:65%}
    #mnotice{padding:50px 30px;}
	#mnotice .obj .mnotice_list li.new{ background-image:none;}
	#mnotice .obj .mnotice_list li.new a{ padding-left:22px;}
}

@media(max-width:910px){
    #mnotice .tab a{font-size:17px}
}

@media(max-width:876px){
    #mnotice{width:55%}
    #mnotice .tab a{font-size:16px;}
    #mnotice .tab a span{line-height:1.2}
    #mnotice .tab a span i{display:none}
    #mnotice .tab a:before{height:11px}
    #mnotice .obj .mnotice_list li{float:none;width:100%;height:38px;margin-left:0}
    #mnotice .obj .mnotice_list li.new{background: none}
    #mnotice .obj .mnotice_list li a{font-size:13px}
}

@media(max-width:640px){
    #mcolumn #mboard{position:static;margin-top:0;}
    #mnotice{width:100%;height:520px;padding-top:60px;}
}

#mcalendar{position:relative;width:29%; height:480px;background-color:#fff;padding:50px 40px;}
#mcalendar strong{font-size:36px;color:#0556cb;font-weight:600;letter-spacing:-1px}
#mcalendar strong span{display:block;font-size:16px;color:#494949;font-weight:600;margin-top:-13px;}
#mcalendar .calendar-group{height:270px;padding-top:30px;overflow:hidden;}
#mcalendar .obj{width:100%;height:100%}
#mcalendar .obj{position:relative;width:100%;height:100%;}
#mcalendar .obj li{height:50px;text-align: right;font-size:15px;color:#9e9e9e;overflow:hidden;margin-bottom: 10px;padding-left:10px;background:url(/images/common/list_bul1.png) no-repeat 0 9px;}
#mcalendar .obj li a{width: 75%;overflow: hidden;float: left;text-align: left;color: #000;font-size:16px;font-weight:normal}
#mcalendar .obj li a:hover{text-decoration:underline;}
#mcalendar .more{position:absolute;top:55px;right:30px;width:37px;height:37px;background-position:-52px 0;font-size:0}
#mcalendar .whysmu_box{ width:100%; display:inline-block;}
#mcalendar .whysmu_box a{ width:100%; height:323px; display:table-cell; vertical-align:bottom;}
#mcalendar .whysmu_box .txt{ width:100%; font-size:23px; color:#777; line-height:30px; margin-bottom:10px; display:inline-block; float:left;}
#mcalendar .whysmu_box .thumb{ width:100%; height:0; padding-bottom:73.5%; display:inline-block; overflow:hidden; float:left;}
#mcalendar .whysmu_box .thumb img{ width:100%;}

@media(max-width:1200px){
    #mcalendar{width:35%;padding:50px 30px;}
}

@media(max-width:876px){
    #mcalendar{width:45%; padding:8%;}
	#mcalendar .more{ top:8%;}
    #mcalendar .calendar-group{height:289px}
    #mcalendar .obj li{height:65px;background:none;padding:15px 0;margin-bottom:0;border-bottom: 1px solid #1289ff;}
    #mcalendar .obj li a{width:70%;font-size:15px;line-height:18px;}
}

@media(max-width:640px){
    #mcalendar{width:100%; height:auto;}
}

#mlink{width:19%;height:480px;background-color:#262930;}
#mlink ul{width:100%;height:100%}
#mlink ul li{width:100%;height:16.66%;border-top:1px solid #1f1f1f;}
#mlink ul li:first-child{border-top:0;}
#mlink ul li .icon{display:block;width:100%;height:100%;padding:30px 35px;text-align:left;color:#fff;font-size:16px}
#mlink ul li .icon:hover, #mlink ul li .icon:focus, #mlink ul li .icon:active{background-color:#1289ff;}

@keyframes swing{
    15%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
    30%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
    50%{-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-o-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);}
    65%{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);}
    80%{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}
    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}

#mlink ul li .icon span{float:right;width:30px;height:30px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
#mlink ul li .icon:hover .swing,
#mlink ul li .icon:focus .swing{top:-3px;-moz-animation:swing 1s ease;-moz-animation-iteration-count:1;-o-animation:swing 1s ease;-o-animation-iteration-count:1;-ms-animation:swing 1s ease;-ms-animation-iteration-count:1;-webkit-animation:swing 1s ease;-webkit-animation-iteration-count:1;animation:swing 1s ease;animation-iteration-count:1;}

#mlink ul li .icon.ico1 span{background-position:0 -55px}
#mlink ul li .icon.ico2 span{background-position:-30px -55px}
#mlink ul li .icon.ico3 span{background-position:-60px -55px}
#mlink ul li .icon.ico4 span{background-position:-90px -55px}
#mlink ul li .icon.ico5 span{background-position:-120px -55px}
#mlink ul li .icon.ico6 span{background-position:-150px -55px}

@media(max-width:1200px){
    #mlink{width:100%;height:80px}
    #mlink ul{ text-align:center; display:inline-block;}
    #mlink ul li{width:auto;height:100%;border-top:none; display:inline-block;}
    #mlink ul li + li{ margin-left:5%;}
    #mlink ul li .icon{padding:30px 0;text-align:center}
    #mlink ul li .icon span{float:none;margin-left:10px}
    #mlink ul li .icon.ico1, #mlink ul li .icon.ico2, #mlink ul li .icon.ico3{border-bottom:1px solid #3c3f45}
}

@media(max-width:1060px){
    #mlink ul li + li{ margin-left:3%;}
}

@media(max-width:1000px){
    #mlink ul li + li{ margin-left:2%;}
}

@media(max-width:960px){
    #mlink ul li + li{ margin-left:1%;}
}

@media(max-width:876px){
    #mlink{height:160px;}
    #mlink ul{padding:0 25px;}
    #mlink ul li{width:33.33%;height:50%; float:left;}
    #mlink ul li + li{ margin-left:0;}
    #mlink ul li span{ width:100%; height:80px; display:table;}
    #mlink ul li .icon{text-align:left;padding:0 14px; width:33.3%; height:inherit; display:table-cell; vertical-align:middle;}
    #mlink ul li .icon span{float:right;margin-left:0;}
    #mlink ul li .icon:hover, #mlink ul li .icon:focus, #mlink ul li .icon:active{background-color:transparent;}
}

@media(max-width:640px){
    #mlink ul{padding:0;}
    #mlink ul li .icon{text-align:center;font-size:14px;padding:0;}
    #mlink ul li .icon span{display:none}
}

#mslogan{ width:100%; display:inline-block; float:left;}
#mslogan span{display:block;width:100%;height:80px;background:none;vertical-align:middle;margin:0 auto;padding-top:20px;font-size:25px;text-align:center;color:#fff;font-family:serif;}

@media(max-width:1024px){
    #mslogan span{font-size:20px;}
}

@media(max-width:876px){
    #mslogan span{font-size:17px;padding-top:0;}
}

@media(max-width:640px){
    #mslogan{display:none}
}

#mnews{position:relative;width:100%;height:auto;}
#mnews .article{float:left;width:25%;height:100%;}
#mnews .article a{display:block;width:100%;height:100%;}
#mnews .article a:hover .txtbox p, #mnews .article a:focus .txtbox p, #mnews .article a:active .txtbox p{text-decoration:underline;}
#mnews .article .thumbox{width:100%;height:248px;overflow:hidden;background-color:#cbd1d8}
#mnews .article .thumbox figure{width:200%;height:100%;margin-left:-50%;text-align:center}
#mnews .article .thumbox figure img{height:100%;max-width:none}
#mnews .article .txtbox{position:relative;height:340px;padding:47px 30px;background-color:#fff;}
#mnews .article .txtbox b{display:block;height:60px;font-size:20px;color:#222;line-height:28px;letter-spacing:-1px;overflow:hidden}
#mnews .article .txtbox .writer{display:block;font-size:15px;color:#333;padding:6px 0 20px 0}
#mnews .article .txtbox .date{display:block;font-size:12px;color:#555;padding-bottom:20px}
#mnews .article .txtbox p{height:110px;font-size:16px;color:#555;overflow:hidden}
#mnews .article .box.box1{height:340px;padding:50px 50px;background-color:#26aaef;}
#mnews .article .box.box1 strong{font-size:50px;color:#fff;line-height:40px;letter-spacing:-1px;}
#mnews .article .box.box1 p{padding-top:50px;color:#fff;font-size:18px}
#mnews .article .box.box2{height:248px;padding:50px 45px;background-color:#fff;}
#mnews .article .box.box2 a{display:block;width:100%;height:100%}
#mnews .article .box.box2 a p{font-size:16px;color:#000;font-weight:600;line-height:24px}
#mnews .article .box.box2 a p:after{content:"";display:block;width:37px;height:37px;background:url(/images/chn/main/ir-main.png) no-repeat;background-position:-104px 0;margin-top:20px;}
#mnews .article .box.box6{background-color:#edf4fc;}
#mnews .article .txtbox:after{position: absolute;bottom: -11px;right: 44%;content:"";display:block;width:38px;height:23px;background:url(/images/chn/main/arr_w.png) no-repeat;}
#mnews .article.article2 .txtbox:after{bottom:0;top:-11px;background:url(/images/chn/main/arr_g.png) no-repeat;}

@media(max-width:1200px){
    #mnews .article{width:33.33%}
    #mnews .article.artitle{width:100%;height:156px;}
    #mnews .article.artitle .box{float:left;height:100%;background-color:transparent;}
    #mnews .article .box.box1{width:280px;padding:78px 0 0;text-align:right;}
    #mnews .article .box.box1 strong br,
    #mnews .article .box.box1 p{display:none}
    #mnews .article .box.box2{width:auto;padding:73px 0 0 30px;}
    #mnews .article .box.box2 a p{color:#fff;}
    #mnews .article .box.box2 a p:hover, #mnews .article .box.box2 a p:focus, #mnews .article .box.box2 a p:active{text-decoration:underline;}
    #mnews .article .box.box2 a p:after{position: absolute;right: 78px;top: 50px;background-position: 0 0;}
    #mnews .article .thumbox figure img{height:131%;margin-top:-5%;}
}

@media(max-width:840px){
    #mnews .article{width:50%}
    #mnews .article.article3{width:100%;}
    #mnews .article .box.box7{float:left;width:50%;}
    #mnews .article .thumbox.box8{width:50%;height:340px}
    #mnews .article.article3 .txtbox:after{bottom: 43%;right: -19px;transform: rotate(-90deg);}
    #mnews .article .box.box2 a p:after{top:10px;right:30px;}
}

@media(max-width:640px){
    #mnews{background:url(/images/chn/main/mnotice_bg.jpg) no-repeat top left;background-size:contain;}
    #mnews .article .txtbox{height: 248px;}
    #mnews .article .txtbox p{display:none}
    #mnews .article .box.box1{width:100px;padding:48px 0 0 20px;text-align:left}
    #mnews .article .box.box1 strong{font-size:29px;}
    #mnews .article .thumbox.box8{height:248px;}
}

@media(max-width:420px){
    #mnews .article.artitle{height:153px}
    #mnews .article .box.box1{width:70px;padding:64px 0 0 10px;}
    #mnews .article .box.box1 strong{font-size:22px;line-height:30px}
    #mnews .article .box.box2{padding:73px 0 0 10px;}
    #mnews .article .box.box2 a p{font-size:14px}
}

#mbenefit{clear:both;position:relative;width:100%;height:auto; margin-top:-330px;}
#mbenefit .layout{height:100%; background-color:#fff; padding-top:72px;}
#mbenefit:before{position:absolute;top:200px;left:0;content:"";display:block;width:348px;height:179px;background: url(/images/chn/main/goal_left_bg.png) no-repeat;}
#mbenefit:after{position:absolute;top:200px;right:0;content:"";display:block;width:348px;height:179px;background: url(/images/chn/main/goal_right_bg.png) no-repeat;visibility:visible;}
#mbenefit .grap{position:relative;width:100%;height:100%;overflow:hidden;}
#mbenefit .obj{position:relative;width:200%;height:100%}
/* #mbenefit .obj:before{position:absolute;top:155px;left:-348px;content:"";display: block;width:348px;height:179px;background:url(/images/chn/main/goal_left_bg.png) no-repeat;}
#mbenefit .obj:after{position:absolute;top:155px;right:-348px;content:"";display: block;width:348px;height:179px;background:url(/images/chn/main/goal_right_bg.png) no-repeat;} */
#mbenefit .obj .item{float:left;display:block;width:16.66%;height:605px;text-align:center;}
#mbenefit .obj .item .e_tit{display:block;font-size:26px;color:#000;letter-spacing:1px;font-weight:600}
#mbenefit .obj .item strong{display:block;font-size:15px;color:#000;margin-bottom:10px;line-height:21px;letter-spacing:0;}
#mbenefit .obj .item .circle_bg{display:block;width:267px;height:267px;border-radius:50%;background-color:#fff;border:1px solid #e7e7e7;margin:0 auto 10px;}
#mbenefit .obj .item .circle_bg .circle_num{display:table-cell; vertical-align:middle;width:inherit;height:inherit;font-size:70px;padding-top:9px;}
#mbenefit .obj .item.item1 .circle_bg .circle_num .e_tit{color:#0079f3;}
#mbenefit .obj .item.item2 .circle_bg .circle_num .e_tit{color:#10c2d2;}
#mbenefit .obj .item.item3 .circle_bg .circle_num .e_tit{color:#00aaff;}
#mbenefit .obj .item.item1{background:url(/images/chn/main/mbf_bg01.png) no-repeat bottom center;}
#mbenefit .obj .item.item2{background:url(/images/chn/main/mbf_bg02.png) no-repeat bottom center;}
#mbenefit .obj .item.item3{background:url(/images/chn/main/mbf_bg03.png) no-repeat bottom center;}
#mbenefit .obj .item.item1 .circle_bg .circle_num{background:url(/images/chn/main/goal_70.png) no-repeat 0 -1px;background-size:contain;}
#mbenefit .obj .item.item2 .circle_bg .circle_num{background:url(/images/chn/main/goal_99.png) no-repeat 0 -1px;background-size:contain;}
#mbenefit .obj .item.item3 .circle_bg .circle_num{background:url(/images/chn/main/goal_400.png) no-repeat -1px;background-size:contain;}
#mbenefit .obj .item ul li{font-size:15px;color:#000;width:88%;margin:0 auto;}
#mbenefit .control{display:none}
#mbenefit .control .number{position:absolute;top:-50px;left:50%;margin-left:-31px}
#mbenefit .control .number button{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#949494; background-image:none;margin-right:10px;font-size:0}
#mbenefit .control .number butto:last-child{ margin-right:0;}
#mbenefit .control .number button.ov{background-color:#0079f3;}
#mbenefit .control button{display:inline-block;width:36px;height:25px;background:url(/images/chn/main/ir-control.png) no-repeat;font-size:0}
#mbenefit .control button[data-control="prev"]{position:absolute;top:43%;left:30px;background-position:0 0}
#mbenefit .control button[data-control="next"]{position:absolute;top:43%;right:30px;background-position:-51px 0}

@media (min-width: 1200px){
    #mbenefit .layout{max-width:none}
}

@media (min-width: 1780px){
    #mbenefit .layout{max-width:1200px}
}

@media(max-width:1780px){
    #mbenefit:before, #mbenefit:after{display:none}
}

@media(max-width:1200px){
    #mbenefit{}
    #mbenefit .obj .item .e_tit{font-size:22px}
    #mbenefit .obj .item strong{font-size:16px;line-height:21px}
    #mbenefit .layout{padding-top:20px;}
    #mbenefit .obj .item .circle_bg .circle_num{ font-size:50px;}
    #mbenefit .obj .item .e_tit{margin-bottom:10px;}
    #mbenefit .obj .item.item3{background-size:60%}
}

@media(max-width:876px){
    #mbenefit{}
    #mbenefit .obj .item .e_tit{color:#a3a3a3;}
    #mbenefit .obj .item strong{font-size:13px;line-height:16px}
    #mbenefit .obj .item .circle_bg{width:210px;height:210px;}
    #mbenefit .obj .item .circle_bg .circle_num{ font-size:34px;}
    #mbenefit .obj .item.item1{background-size: 80%}
    #mbenefit .obj .item.item2{background-size: 60%}
}

@media(max-width:640px){
    #mbenefit{height:555px;}
    #mbenefit .control{display:block;}
    #mbenefit .obj .item{width:50%;height:505px;}
    #mbenefit .obj .item.item1,
    #mbenefit .obj .item.item2{background-size: 40%}
    #mbenefit .obj .item.item3{background-size: 20%;}
    #mbenefit{ padding-top:50px; margin-top:30px; margin-bottom:0; }
    #mbenefit .layout{ padding-top:0;}
    #mbenefit .control button[data-control="prev"],
    #mbenefit .control button[data-control="next"]{top:18%;}
}

#mshortcut{width:100%; background:url(/images/chn/main/mshortcut_bg.jpg) no-repeat 50% 0;background-size:cover; display:inline-block;padding:55px 0;}
#mshortcut strong{ width:100%; font-size:42px; text-align:center; color:#000; line-height:50px; margin-bottom:55px; display:inline-block;}
#mshortcut ul{ width:100%; display:inline-block;}
#mshortcut ul li{ width:285px; height:282px; display:inline-block; float:left; position:relative;}
#mshortcut ul li + li{ margin-left:20px;}
#mshortcut ul li .inner{ width:100%; height:100%; position:absolute;}
#mshortcut ul li a{ width:inherit; height:inherit; background:no-repeat center center; background-size:100%; font-size:17px; color:#fff; line-height:20px; padding:84% 24px 0 24px; display:inline-block; box-sizing:border-box; position:relative; z-index:0;}
#mshortcut ul li a:hover{ text-align:center; padding:30% 0 0 0;}
#mshortcut ul li a:hover:before{ width:100%; height:100%; background:url(/images/chn/main/mshortcut_menu_img_ov.png) no-repeat 0 0; background-size:100%; content:""; position:absolute; top:0; left:0; z-index:-1;}
#mshortcut ul li.shc1 a{ background-image:url(/images/chn/main/mshortcut_menu_img1.jpg);}
#mshortcut ul li.shc2 a{ background-image:url(/images/chn/main/mshortcut_menu_img2.jpg);}
#mshortcut ul li.shc3 a{ background-image:url(/images/chn/main/mshortcut_menu_img3.jpg);}
#mshortcut ul li.shc4 a{ background-image:url(/images/chn/main/mshortcut_menu_img4.jpg);}

@media(max-width:1219px){
	#mshortcut ul li{ width:23.75%; height:0; padding-bottom:23.5%;}
	#mshortcut ul li + li{ margin-left:1.6%;}
}

@media(max-width:1100px){
	#mshortcut ul li{ width:49%; height:0; padding-bottom:48.45%;}
	#mshortcut ul li + li{ margin-left:2%;}
	#mshortcut ul li:nth-child(2n+1){ margin-left:0;}
	#mshortcut ul li:nth-child(n+3){ margin-top:2%;}
}

@media(max-width:580px){
	#mshortcut strong{ margin-bottom:30px;}
	#mshortcut ul li{ width:100%; height:50px; padding-bottom:0;}
	#mshortcut ul li + li{ margin-left:0; margin-top:2%;}
	#mshortcut ul li:nth-child(2n+1){ margin-left:0;}
	#mshortcut ul li a{ text-align:center; line-height:50px; padding:0;}
	#mshortcut ul li a:hover{ padding:0;}
}

#quickLlink{ width:100%; background-color:#bec4cc; padding:24px 0; display:inline-block;}
#quickLlink .quickBox{ width:100%; display:inline-block;}
#quickLlink .quickBox > li{ width:23.5%; height:45px; background-color:#fff; display:inline-block; float:left; position:relative;}
#quickLlink .quickBox > li + li{ margin-left:2%;}
#quickLlink .quickBox > li .btn{ width:100%; background-color:transparent; display:inline-block; border:0;}
#quickLlink .quickBox > li .btn > a{ width:100%; font-size:16px; text-align:left; color:#000; line-height:45px; padding:0 50px 0 20px; display:inline-block; position:relative;}
#quickLlink .quickBox > li .btn > a:before{ width:24px; height:24px; background:url(/images/chn/main/quick_link_icon.png) no-repeat 0 0; content:""; margin-top:-12px; position:absolute; top:50%; right:10px;}
#quickLlink .quickBox > li.on .btn > a:before{ background-position:-24px 0;}
#quickLlink .list{ width:100%; height:200px; background-color:#fff; display:none; overflow-y:auto; border:1px solid #CCC; box-sizing:border-box; position:absolute; top:-200px; left:0;}
#quickLlink .list > li{ width:100%; display:inline-block; border-bottom:1px dashed #CCC;}
#quickLlink .list > li:last-child{ border-bottom:0;}
#quickLlink .list > li a{ width:100%; font-size:14px; color:#000; text-align:left; line-height:20px; padding:10px 20px; display:inline-block; box-sizing:border-box;}
#quickLlink .quickBox > li.on .list{ display:inline-block;}

@media(max-width:1199px){
	#quickLlink .quickBox > li{ width:49%;}
	#quickLlink .quickBox > li:nth-child(2n+1){ margin-left:0;}
	#quickLlink .quickBox > li:nth-child(n+3){ margin-top:1%;}
}

@media(max-width:640px){
	#quickLlink .quickBox{ padding:0 2.5%; box-sizing:border-box;}
	#quickLlink .quickBox > li{ width:100%;}
	#quickLlink .quickBox > li + li,
	#quickLlink .quickBox > li:nth-child(2n+1){ margin-left:0;}
	#quickLlink .quickBox > li + li{ margin-top:1%;}
}


#footLayout{ width:100%; background-color:#263544; padding:40px 0; display:inline-block;}
#footLayout .layout{ display:table;}
#footLayout .foot_left{ width:75%; background:url(/images/chn/main/foot_bg.gif) no-repeat 0 center; padding:0 50px 0 140px; display:table-cell; box-sizing:border-box;}
#footLayout .foot_left address,
#footLayout .foot_left p{ width:100%; font-size:16px; color:#fff; line-height:22px; display:inline-block;}
#footLayout .foot_left address + p{ margin-top:8px;}
#footLayout .foot_right{ width:25%; display:table-cell; vertical-align:middle;}
#footLayout .familyLink{ width:100%; height:56px; display:inline-block; border:1px solid #fff; box-sizing:border-box; position:relative;}
#footLayout .familyLink > a{ width:100%; height:56px; font-size:16px; color:#fff; line-height:56px; padding:0 15px; display:inline-block;}
#footLayout .familyLink .list{ width:100%; height:200px; display:none; overflow-y:auto; border:1px solid #fff; border-bottom:0; position:absolute; bottom:54px; left:0; }
#footLayout .familyLink .list li{ width:100%; background-color:#435e79; display:inline-block; border-bottom:1px solid #fff;}
#footLayout .familyLink .list li a{ width:100%; font-size:14px; color:#fff; line-height:40px; padding:0 15px; display:inline-block;}
#footLayout .familyLink.on .list{ display:inline-block;}

@media(max-width:850px){
	#footLayout .foot_left{ background-image:none; padding-left:0;}
}
@media(max-width:640px){
	#footLayout .layout{ padding:0 2.5%; display:inline-block;}
	#footLayout .foot_left,
	#footLayout .foot_right{ width:100%; padding:0; display:inline-block;}
	#footLayout .familyLink{ margin-top:20px;}
}