/** * File Name : layout.css * Description : 메인,서브 공통 스타일시트 * Author : Web business Team / White * Date : 2015.06.19 * Update : 2015.06.19 */ /* Layout Selector */ html, { height:100%;font-size:13px;} #wrap { width:100%; font-size:13px; line-height:1.4em;} .main #container { width:100%;} .sub #container { width:100%; border-top:100px solid #eeeeee} #container:after { content:""; display:block; clear:both;} #sub_contents {background-color:white; width:1050px; height:100%; margin:auto; margin-bottom:40px; padding-bottom:40px; background:#ffffff; } #sub_contents:after { content:""; display:block; clear:both;} #left_menu {width:200px; min-height:700px; padding-left:20px; float:left} #left_menu .tit_box {width:180px; height:110px; MARGIN-TOP:30PX; background:#03447c; } #left_menu .tit_box .tit {height:116px; line-height:116px; font-size:24px; text-align:center; font-weight:bold; color:#ffffff} #left_menu .sub_navi {width:200px;} #left_menu .sub_navi .depth {width:200px; min-height:40px; line-height:40px;} #left_menu .sub_navi .depth a{display:inline-block; width:180px; height:40px; padding-left:20px; border-bottom:1px solid #e0e0e0; } #left_menu .sub_navi .depth.on a,.sub_navi .depth a:hover {display:inline-block; border-bottom:1px solid #ffffff; width:180px; height:39px; background:#00a2e4; color:#ffffff} #left_menu .sub_navi li.low {display:block; border-bottom:1px solid #e0e0e0; background:#none; padding:10px 0px} #left_menu .sub_navi li.low span {background:url('../image/com/low_icon.gif') no-repeat 20px center; display:inline-block; width:200px; } #left_menu .sub_navi li.low span a{display:inline-block; height:20px; border-bottom:0px; background:#none; padding-left:30px; font-size:12px; } #left_menu .sub_navi li.low span a:hover{display:inline-block; height:20px; background:#none; color:#00a2e4} #left_menu .sub_navi li.low span.on a {display:inline-block; height:20px; background:#none; color:#00a2e4} .contents_box {background-color: #ffffff; margin:0 auto; float:left; margin-left:20px; width:808px; margin-top:30px; } .contents_box:after { content:""; display:block; clear:both;} .con_tit {width:805px; height:70px; padding-top:40px; border-bottom:1px solid #d8d8d8} .con_tit .stle { float:right; padding-top:20px} .con_tit .stle li {float:left; padding-left:15px; font-family:dotum; font-size:11px; color:#757575; background:url('../image/common/stle_low_ico.gif') no-repeat 4px center; } .con_tit .stle li a {font-family:dotum; font-size:11px; color:#757575 } .con_tit .stle .home { background:url('../image/common/stle_ico.gif') no-repeat left center;} .con_tit h3 {clear:both; display:inline-block; font-size:30px; font-weight:bold; color:#00a2e4; float:left; } /* header */ #header { z-index:100; width:100%; height:120px; } #header .header_in { width:1050px; margin:0 auto; position:relative;} #header h1 { position:absolute; top:55px; left:0; z-index:10;z-index:101;} /* gnb */ #gnbb .gnb_right {float:right; color:#000000; font-size:14px; padding-top:10px;} #gnbb .gnb_right li {float:left; padding-left:9px; padding-top:80px; /* 20px */ #gnbb .gnb_right li a { color:#111111} #gnbb .gnb_right li a:hover { color: #43b1ff;} #gnbb .gnb_right .no_img {background:none} #footer .section-f1{position:static;background-color:#000;filter:Alpha(opacity=50)}#footer .section-f1 a,#footer .section-f1 span{position:relative}#main-y .section4 .ul-box1 li:first-child a{background-color:transparent;background-image:url(../images/y-s4-play1.png)}#main-y .section4 .ul-box2 li:first-child a{background-color:transparent;background-image:url(../images/y-s4-play2.png)}#main-y .section4 .ul-box3 li:first-child a{background-color:transparent;background-image:url(../images/y-s4-play3.png)}#main-y .section9 .s7-i{display:inline-block;width:164px;height:164px;background:url(../images/y-s9-icon-ie.png) 50% 50% no-repeat} input[type=password],input[type=text] {color:#555;font-size:16px}#log-reg{margin-top:-310px}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;background-color:#fff;color:#333;font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif!important;-moz-font-smoothing:none;font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0} ul{list-style:none}ol,ul{margin-bottom:0}input[placeholder]{color:#999;font-size:14px}input::-webkit-input-placeholder,textarea:: -webkit-input-placeholder{color:#999;font-size:14px}input:-moz-placeholder,textarea:-moz-placeholder{color:#999;font-size:14px} input::-moz-placeholder,textarea::-moz-placeholder{color:#999;font-size:14px}input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999;font-size:14px}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#444}#main-a input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px #efeeee inset;-webkit-text-fill-color:#444}#log-reg input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #f7f7f7 inset; -webkit-text-fill-color:#444}input[type=password], @media screen and (min-width: 0px) and (max-width: 769px) { input[type=text] { width:270px; padding-left:10px;} /* show it on small screens */ } @media screen and (min-width: 770px) and (max-width: 1600px) { input[type=text] { width:270px; padding-left:20px;} /* hide it elsewhere */ } @media screen and (min-width: 1601px) and (max-width: 2000px) { input[type=text] { width:270px; padding-left:20px;} /* hide it elsewhere */ } input[type=text]{ height:49px; outline:transparent dotted; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:5px; background:#fff; color:#444; font-size:16px; line-height:49px; -ms-border-radius:25px; -o-border-radius:25px } input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}a,label,span {cursor:pointer;-webkit-transition:all .3s ;-moz-transition:all .3s ease-in-out; -ms-transition:all }a,a:active,a:focus,a:hover, float:none;display:table-cell; vertical-align:top; flex-direction:column}}.dy-md5-1{float:left;padding-right:5px;padding-left:5px;width:20%}.modal .close{position:absolute;top:-18px;right:-18px;display:block;width:39px;height:39px;background:url(../images/close.png) 50% 100%;opacity:1}.modal .close:hover{background-position:50% 0}.flexslider{margin:0;border:0}.flex-control-nav{bottom:20px;z-index:10}.flex-direction-nav a{height:50px} .flex-control-paging li a{display:block;width:11px;height:11px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#666; background:rgba(201,209,214,.8);-webkit-box-shadow:inset 0 0 3px rgba(201,209,214,.3);-moz-box-shadow:inset 0 0 3px rgba(201,209,214,.3); box-shadow:inset 0 0 3px rgba(201,209,214,.3);text-indent:-9999px;cursor:pointer;-o-box-shadow:inset 0 0 3px rgba(201,209,214,.3)} .btn-c,.s-line{display:inline-block}.flex-control-paging li a:hover{background:#333;background:rgba(0,132,206,.5)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,132,206,.9);cursor:default}.modal-content{min-height:60%}.btn-c{width:229px;height:69px;border:1px solid #0084ce;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;background:0;color:#0084ce;white-space:nowrap;font-size:18px;line-height:69px;cursor:pointer;-ms-border-radius:35px;-o-border-radius:35px} .btn-b,.btn-c:hover{background:#0084ce;color:#fff}.btn-c:hover{border:1px solid #0084ce}.btn-b:hover{border:1px solid #0084ce;background:0;color:#0084ce} .btn-w{border:1px solid #fff;background:0;color:#fff}.placeholder{color:#777}.s-line{width:41px;height:3px;background:#0084ce} .modal-v .modal-v video{width:100%;height:100%}#header .header-top{width:100%;height:40px;background:#2c2c2c}#header .header-top span{height:40px;line-height:40px}#header .header-top .top-right{float:right}#header .header-top .top-right span{padding:0 25px;background:url(../images/h-4.png) 0 -9px no-repeat;color:#fff;font-size:16px}#header .header-top .top-right span:hover{color:#ccc}#header .header-top .top-right span:first-child{background-image:url(../images/h-3.png)}#header .header-top .top-right a{color:#999;font-size:14px}#header .header-top .top-left{padding:0 25px;background:url(../images/h-2.png) 0 50% no-repeat;color:#ccc;font-size:15px; cursor:default}#header .header-top .top-left a{color:#ccc}#header .header-top .top-left a:hover{color:#fff}#header .header-top .top-left:first-child{background:url(../images/h-1.png) 0 45% no-repeat}#header .navbar-c{overflow:hidden;margin:0;height:96px;border:0;border-bottom:1px solid #e1e1e1}#header .navbar-nav a{margin-right:20px;padding:0;height:96px;color:#292929;font-size:14px;line-height:96px}#header .navbar-nav a:focus{background:#fff}#header .navbar-nav .li-last a{margin-right:32px}#header .navbar-nav .active>a,#header .navbar-nav a:hover{border-bottom:3px solid #0084ce}#header .logo{position:relative;margin-top:25px;width:349px;height:41px;background:url(../images/logo.png) 0 50% no-repeat}#header .navbar-nav a:active,#header .navbar-nav a:hover{background:0}#header .navbar>.container .navbar-brand{margin-left:0}#header .btn-b{margin-top:25px;width:110px;height:43px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px; line-height:43px;-ms-border-radius:35px;-o-border-radius:35px}#header .navbar-min{position:fixed;top:0;left:0;z-index:1009;width:100%;height:60px;background:#fff} /*#lnb { position:absolute; top:48px; width:100%; z-index:100;} .lnb_wrap { overflow:hidden; visibility:hidden; background:url('../image/common/bg_lnb_warp.png') repeat-x center 100px; height:260px;} .lnb_wrap > ul { width:1050px; margin:0 auto; position:relative;} .lnb_wrap > ul:after { content:" "; display:block; clear:both;} .lnb_wrap > ul > li { float:left; } .lnb_wrap > ul > li > a { display:block; font-size:17px; color:#252525; font-weight:bold;text-align:center; padding:40px 20px 0 20px; } .lnb_wrap > ul > li > a:hover { color:#00a2e4} .lnb_wrap > ul > li.current > a, .lnb_wrap > ul > li.actived > a { color:#00a2e4; } .lnb01 { position:absolute; top:0; right:660px;} .lnb02 { position:absolute; top:0; right:550px;} .lnb03 { position:absolute; top:0; right:440px;} .lnb04 { position:absolute; top:0; right:330px;} .lnb05 { position:absolute; top:0; right:220px;} .lnb06 { position:absolute; top:0; right:110px;} .lnb07 { position:absolute; top:0; right:0;} .snb { height:148px; padding-top:95px; margin:0 auto; z-index:1001;} .snb li { float:left;} .snb li a { display:block; font-size:14px; font-weight:bold; color:#212121; width:160px; padding-top:110px; text-align:center;} .snb li a:hover { text-decoration:underline; color:#00a2e4;} .snb li.class {width:270px; margin-top:30px; border-left:1px solid #00a2e4} .snb li.class a {padding-top:0px} .snb li.class .class_txt a {padding-top:10px; text-align:left; padding-left:20px} .snb li.my {width:150px; margin-top:30px; border-left:1px solid #00a2e4; } .snb li.my .my_txt a {padding-top:10px; text-align:left; padding-left:20px} .snb .snb_tit {font-size:34px; color:#00a2e4; padding-top:30px; width:220px;} .snb01 {float:left} .snb02 {} .snb03 {} .snb04 {} .snb06 { } .snb07 {} .snb .bg_menu0101 { background:url('../image/common/ico_lnb0101.png') no-repeat center center; } .snb .bg_menu0102 { background:url('../image/common/ico_lnb0102.png') no-repeat center 20px;} .snb .bg_menu0103 { background:url('../image/common/ico_lnb0103.png') no-repeat center 20px;} .snb .bg_menu0104 { background:url('../image/common/ico_lnb0104.png') no-repeat center 20px;} .snb .bg_menu0105 { background:url('../image/common/ico_lnb0105.png') no-repeat center 20px;} .snb .bg_menu0201 { background:url('../image/common/ico_lnb0201.png') no-repeat center center; } .snb .bg_menu0202 { background:url('../image/common/ico_lnb0202.png') no-repeat center center; } .snb .bg_menu0203 { background:url('../image/common/ico_lnb0203.png') no-repeat center center; } .snb .bg_menu0301 { background:url('../image/common/ico_lnb0301.png') no-repeat center 20px;} .snb .bg_menu0302 { background:url('../image/common/ico_lnb0302.png') no-repeat center 20px;} .snb .bg_menu0303 { background:url('../image/common/ico_lnb0303.png') no-repeat center 20px;} .snb .bg_menu0304 { background:url('../image/common/ico_lnb0304.png') no-repeat center 20px;} .snb .bg_menu0305 { background:url('../image/common/ico_lnb0305.png') no-repeat center 20px;} .snb .bg_menu0401 { background:url('../image/common/ico_lnb0401.png') no-repeat center 20px;} .snb .bg_menu0402 { background:url('../image/common/ico_lnb0402.png') no-repeat center 20px;} .snb .bg_menu0403 { background:url('../image/common/ico_lnb0403.png') no-repeat center 20px;} .snb .bg_menu0501 { background:url('../image/common/ico_lnb0501.png') no-repeat center 20px;} .snb .bg_menu0502 { background:url('../image/common/ico_lnb0502.png') no-repeat center 20px;} .snb .bg_menu0503 { background:url('../image/common/ico_lnb0503.png') no-repeat center 20px;} .snb .bg_menu0504 { background:url('../image/common/ico_lnb0504.png') no-repeat center 20px;} .snb .bg_menu0505 { background:url('../image/common/ico_lnb0505.png') no-repeat center 20px;} .snb .bg_menu0506 { background:url('../image/common/ico_lnb0506.png') no-repeat center 20px;} .snb .bg_menu0507 { background:url('../image/common/ico_lnb0507.png') no-repeat center 20px;} .snb .bg_menu0601 { background:url('../image/common/ico_lnb0601.png') no-repeat center 20px;} .snb .bg_menu0602 { background:url('../image/common/ico_lnb0602.png') no-repeat center 20px;} .snb .bg_menu0603 { background:url('../image/common/ico_lnb0603.png') no-repeat center 20px;} .snb .bg_menu0701 { background:url('../image/common/ico_lnb0701.png') no-repeat center 20px;} .snb .bg_menu0702 { background:url('../image/common/ico_lnb0702.png') no-repeat center 20px;} .snb .bg_menu0703 { background:url('../image/common/ico_lnb0703.png') no-repeat center 20px;} .snb .bg_menu0704 { background:url('../image/common/ico_lnb0704.png') no-repeat center 20px;} */ /*.main1 {width:100%; height:594px; background:url('../image/main/main1_bg.png') no-repeat center top;} */ .main1 {width:100%; height:597px; background:url('../image/main/153_main_bg5.jpg') no-repeat center top;} .main1 .in {width:1164px; height:594px; margin:auto; background:url('') no-repeat center top;} .main2 {width:100%; height:800px; background:url('../image/main/main2_bg.png') no-repeat center top;} .main2 .in .btn {width:1050px; height:800px; margin:auto; background:url() no-repeat center top; position:relative;} .main3 {width:100%; height:644px; } .main3 .in {width:1476px; height:644px; margin:auto; background:url('../image/main/main3.png') no-repeat center top; position:relative;} .main4 {width:100%; height:630px; background:url('../image/main/m4.png') no-repeat center top; } .main5 {width:100%; height:567px; background:url('../image/main/m5.jpg') no-repeat center top; } .main_class {width:100%; height:604px; background:#f0efef } .main_class .in {width:1050px; height:604px; margin:auto; background:url('../image/main/main6.png') no-repeat left top; position:relative;} .main_class .in ul {position:absolute; top:238px} .main_class .in li {float:left; margin:5px} .main_quick {width:100%; height:; background:#f1f1f1 } .main_quick .in {width:1050px; height:; margin:auto; position:relative;} .main_quick .in ul {position:absolute; top:40px} .main_quick .in li {float:left;} .main_cs {width:100%; height:480px; } .main_cs .in {width:1050px; height:450px; margin:auto; background:url('../image/main/main_cs_txt.png') no-repeat left top; padding-top:50px} .main_cs .cs_left {width:1050px; height:390px; float:left;} .main_cs .cs_right {width:326px; height:390px; float:right; } .main_cs .cs_right li {float:left} .main_cs .cs_left .notice {width:325px; height:240px; border-top:2px solid #049ae4; background:#f9f9f9; padding:15px 10px 15px 10px; float:left} .main_cs .cs_left .notice h3 {display:inline-block; width:325px;} .main_cs .cs_left .notice .tit {display:inline-block; font-size:16px; color:#000000; float:left; font-weight:bold;} .main_cs .cs_left .notice .more {width:20px; height:19px; display:inline-block; float:right} .main_cs .cs_left .notice .txt {background:#ffffff; height:195px; margin-top:15px; padding-top:10px} .main_cs .cs_left .notice .txt li a{background:url('../image/main/borad_ico.gif') no-repeat center left; padding-left:10px; margin-left:10px; height:25px; line-height:25px; font-size:12px; color:#8c8c8c} .main_cs .cs_left .news {width:325px; height:240px; border-top:2px solid #049ae4; background:#f9f9f9; padding:15px 10px 15px 10px; float:left;margin-left:7px} .main_cs .cs_left .news h3 {display:inline-block; width:325px;} .main_cs .cs_left .news .tit {display:inline-block; font-size:16px; color:#000000; float:left; font-weight:bold;} .main_cs .cs_left .news .more {width:20px; height:19px; display:inline-block; float:right} .main_cs .cs_left .news .txt {background:#ffffff; height:195px; margin-top:15px; padding-top:10px} .main_cs .cs_left .news .txt li a{background:url('../image/main/borad_ico.gif') no-repeat center left; padding-left:10px; margin-left:10px; height:25px; line-height:25px; font-size:12px; color:#8c8c8c} .site_map{width:100%; padding:0px 0;border-top:0px solid #fff;background:#383c42} .site_map .in {width:1050px; margin:auto} .site_map .menu_list{display:inline-block;width:1050px;margin:0 auto;padding:0px 0 10px;text-align:left;font-family:dotum;font-size:12px;line-height:1.6;letter-spacing:0px;} .site_map .menu_list li{float:left;vertical-align:top} .site_map .menu_list li li{border:none} .site_map .menu_list li ul{float:left;clear:both;padding-left:22px;width:150px} .site_map .menu_list li li a{color:#d1d1d1} .site_map .menu_list li a.depth1{float:left;clear:both;margin-top:15px;padding-left:21px;font-weight:bold;color:#fdfdfd;line-height:2;background:url('../image/main/img_circle2.png') no-repeat 9px center;} .site_map .menu_list ul.depth2{width:auto} .site_map .menu_list ul.depth2 li{clear:both;width:150px} .site_map .menu_list ul.depth2.type1 li{float:left;width:auto;clear:none} .site_map .menu_list ul.depth2 li strong{display:block;font-weight:normal;color:#d1d1d1} .site_map .menu_list ul.depth3{padding-left:2px;width:180px} .site_map .menu_list ul.depth3.type1{width:170px} .site_map .menu_list ul.depth3 li{clear:both;width:100% !important;color:#aaa} .site_map .menu_list ul.depth3 li a{color:#aaa} .site_map .menu_list li img{margin-top:-1px;vertical-align:middle} #footer {width:100%; height:180px; padding-bottom:50px;} /*border-top:5px solid #383c42;*/ #footer .in {width:1050px; margin:auto; position:relative;} #footer .in .f_logo {padding-top:40px} #footer .in .agree { margin-left:20px; font-size:14px; font-weight:bold; position:absolute; top:10px; left:250px; } #footer .in .copy {margin-left:20px; font-size:12px; line-height:18px; position:absolute; top:40px; left:250px; } #footer .section-f1{background-color:rgba(0,0,0,.7);color:#fff;text-align: center;font-size:20px} #footer .section-f1-fix{position:fixed;bottom:0;left:0;z-index:999;width:100%} #footer #f-form div:first-child{text-align:right}#footer .section-f1 .btn-b{width:160px;height:49px;line-height:49px} #footer .section-f1 .btn-c,#footer .section-f1 input{margin:10px 0}#footer .section-f1 span{display:inline-block;margin:18px 0} #footer .section-f2{padding:83px;background-image:url(../images/bg10.jpg)}#footer .section-f2 ul{float:left;height:120px;border-left:1px solid #000;text-align:left}#footer .section-f2 ul li{padding:0 51px;line-height:2.1}#footer .section-f2 ul:first-child{padding-left:0;border-left:none}#footer .section-f2 ul li a{color:#878787;font-size:14px}#footer .section-f2 ul li:hover a{color:#fff}#footer .section-f2 .container{padding:92px 0 100px}#footer .section-f2 .a-ewm{display:inline-block}#footer .section-f2 .a-ewm i{display:block;margin-bottom:10px;width:141px;height:140px;background:url(../images/ewm2.jpg);background-size:100%}#footer .section-f2 .a-ewm1{margin:0 30px 0 0}#footer .section-f2 .a-ewm1 i{background:url(../images/ewm1.jpg)}#footer .section-f2 .a-ewm span{color:#878787;font-size:14px}#footer .section-f2 .a-ewm:hover span{color:#fff}#footer .section-f3{background-color:#181818;color:#7b7b7b;text-align:left;font-size:13px;line-height:65px}#footer .section-f3 span a{color:#7b7b7b}#footer .section-f3 span a:hover{color:#fff}#footer .section-f3 .f-right{float:right}#footer .section-f3 .f-right a>i{display:inline-block;margin:0 5px -8px 0;width:30px;height:30px;background:url(../images/f-icon.png) no-repeat}#footer .section-f3 .f-right span{margin-right:5px}#footer .section-f3 .f-right .span-1 i{background-position:0 0}#footer .section-f3 .f-right .span-2 i{width:26px;background-position:-30px 0}#footer .section-f3 .f-right .span-3 i{width:28px;background-position:-55px 0}#footer .section-f3 .f-right .span-4 i{width:28px;background-position:-87px 0}#footer .section-f3 .span-l{float:left;display:inline-block;padding-top:12px;line-height:20px}#top{position:fixed;right:40px;bottom:70px;z-index:999}#top li a{position:relative;display:block;margin-bottom:5px;width:56px;height:56px;border:1px solid #0084ce;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:url(../images/top-i.png) no-repeat;background-color:#0084ce;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;-ms-border-radius:5px;-o-border-radius:5px}#top li .t-1{background-position:0 0}#top li .t-2{background-position:0 -56px}#top li .t-3{background-position:0 -112px}#top li .t-1:hover{background-color:#fff;background-position:-56px 0}#top li .t-2:hover{background-color:#fff;background-position:-56px -56px}#top li .t-3:hover{background-color:#fff;background-position:-56px -112px}#top li .t-2 span{position:absolute;top:-50px;left:-150px;display:none;width:140px;height:141px;background:url(../images/ewm-h.png) 50% 50% no-repeat;background-size:100%;background-size:contain}#top li .t-2:hover>span{display:block}#top.youthcode li .t-2 span{background:url(../images/ewm-h-2.png) 50% 50% no-repeat;background-size:100%}#top.youthcode li .t-2{background-position:0 -168px}#top.youthcode li .t-2:hover{background-color:#fff;background-position:-56px -168px} #footer .section-f1 .col-xs-1{width:11.33333333%} 2px;height:485px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;cursor:pointer;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-moz-backface-visibility:hidden;backface-visibility:hidden;-ms-transform:translateX(-50%) translateY(-50%)}#main-a .section4 .co-name a,#main-a .section5 .div-news{-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.box-show{visibility:visible}.box-show~.lightbox{visibility:visible;opacity:1}.lightbox{position:fixed;top:0;left:0;z-index:1999;visibility:hidden;width:100%;height:100%;background:rgba(6,0,0,.56);opacity:1}.lingtbox-show{visibility:visible}@media screen and (min-width:992px){#main .section7 .col-md-3{width:20%}}#main-a .section1{background-image:url(../images/a-s1-bg.jpg)}#main-a .section2{padding-bottom:65px;height:571px}#main-a .section2 p{margin-bottom:22px;color:#333;font-size:18px;line-height:28px}#main-a .section2 .s-line{margin-bottom:40px}#main-a .section3{height:690px;background:url(../images/a-s3-bg.jpg) 50% 50%}#main-a .section3 h2{padding-top:80px;color:#fff}#main-a .section3 ul{padding-top:106px}#main-a .section3 ul>li{position:relative;display:inline-block;width:72px;height:240px}#main-a .section3 ul .a-dot{position:absolute;display:block;padding-top:40px;padding-left:10px;border-left:1px solid #0864a8}#main-a .section3 ul .a-dot-bottom{padding-top:0;padding-bottom:40px}#main-a .section3 ul .a-dot>i{position:absolute;left:-35px;display:inline-block;width:70px;height:70px;background:url(../images/a-s2-i.png) 50% 0 no-repeat}#main-a .section3 ul .a-dot-top>i{top:-35px}#main-a .section3 ul .a-dot-bottom>i{bottom:-35px}#main-a .section3 ul .a-dot:hover>i{background-position:50% 100%}#main-a .section3 .a-dot1{bottom:15px}#main-a .section3 .a-dot2{top:28px}#main-a .section3 .a-dot3{bottom:25px}#main-a .section3 .a-dot4{top:-18px;left:-7px}#main-a .section3 .a-dot5{bottom:45px}#main-a .section3 .a-dot6{top:10px}#main-a .section3 .a-dot7{bottom:50px}#main-a .section3 .a-dot8{top:-5px}#main-a .section3 .a-dot9{bottom:35px}#main-a .section3 .a-dot10{top:40px}#main-a .section3 .a-dot11{bottom:8px}#main-a .section3 .a-dot12{top:35px}#main-a .section3 .a-dot13{bottom:10px}#main-a .section3 p{display:inline-block;width:145px;color:#fff;text-align:left;font-size:14px;line-height:20px}#main-a .section4 .co-name,#main-a .section4 .co-name a{display:inline-block;width:266px}#main-a .section3 p span{display:block;color:#0084ce;text-align:left;font-weight:700}#main-a .section4{padding-bottom:101px;background:#ebebeb}#main-a .section4 .co-name a{margin-bottom:14px;height:155px;-moz-border-radius:10px;border-radius:10px;background-color:#0084ce;color:#fff;font-size:28px}#main-a .section4 .co-name a span{position:relative;top:50%;display:inline-block;text-align:center;line-height:1.2;transform:translateY(-50%)}#main-a .section4 .co-name p{padding:0 10px;color:#666;font-size:14px;line-height:25px}#main-a .section4 .co-name1 p{text-align:center}#main-a .section5{padding-bottom:95px;background-image:url(../images/a-s5-bg.jpg)}#main-a .section5 .div-news{margin-bottom:35px;padding:31px 23px 28px;width:364px;height:230px;-moz-border-radius:10px;border-radius:10px;background:#fff;background-position:right bottom;background-repeat:no-repeat;text-align:left;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}#main-a .section5 .div-news:hover{-o-transition:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);transform:translate(0,-10px);-ms-transition:translate(0,-10px)}#main-a .section5 .div-news a{color:#008ee3;font-size:14px;line-height:24px}#main-a .section5 .div-news p{height:128px;color:#6c6c6c}#main-a .section5 .div-news1{background-image:url(../images/news1.jpg)}#main-a .section5 .div-news2{background-image:url(../images/news2.jpg)}#main-a .section5 .div-news3{background-image:url(../images/news3.jpg)}#main-a .section5 .div-news4{background-image:url(../images/news4.jpg)}#main-a .section5 .div-news5{background-image:url(../images/news5.jpg)}#main-a .section5 .div-news6{background-image:url(../images/news6.jpg)}#main-a .section6{padding-bottom:100px;background-image:url(../images/a-s6-bg.jpg)}#main-a .section6 div{padding:0}#main-a .section6 h2{padding:100px 0 37px;color:#fff;text-align:left;font-size:30px;line-height:1}#main-a .section6 .s-line{position:relative;top:3px;margin:0;margin-right:11px;width:3px;height:28px}#main-a .section6 .div-box{padding:61px 55px 0;width:476px;height:500px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;-ms-border-radius:10px;-o-border-radius:10px}#main-a .section6 .btn-c{margin-top:0;padding:0;width:180px;height:56px;background:#0098d7;color:#fff;line-height:56px}#main-a .section6 .btn-c:hover{border:1px solid #0098d7;background:0;color:#0098d7}#main-a .section6 .div-box p{position:relative;margin-bottom:22px;font-size:14px;line-height:24px}#main-a .section6 .div-box p a{display:block;padding-left:30px;background-repeat:no-repeat;color:#008ee3;text-align:left}#main-a .section6 .div-box p a>span{position:relative;top:3px;display:inline-block;width:25px;height:18px;background-image:url(../images/s-icon.png);background-repeat:no-repeat}#main-a .section6 .div-box p .a-t-i1{background-position:0 0}#main-a .section6 .div-box p .a-t-i2{background-position:0 -19px}#main-a .section6 .div-box p .a-t-i3{background-position:0 -37px}#main-a .section6 .div-box p .a-t-i4{background-position:0 -55px}#main-a .section6 .div-box p>span{padding-left:30px;color:#999}#main-a .section6 .div-box p .a-t-i5{background-position:0 -73px}#main-a .section6 .div-box p .a-t-i6{background-position:0 -91px}#main-a .section6 .div-box p .a-t-i7{background-position:0 -109px}#main-a .section6 .div-box p .a-t-i8{background-position:0 -127px}#main-a .section6 .div-box1 .btn-c{cursor:default}#main-a .section6 .div-box1 .btn-c:hover{background:#0098d7;color:#fff}#main-a .section6 .div-box2>p{position:relative;margin-bottom:15px}#main-a .section6 .div-box2 label{position:absolute;top:17px;left:25px;display:inline-block;width:21px;height:18px;background-image:url(../images/s-icon.png);background-repeat:no-repeat}#main-a .section6 input{padding-left:50px;width:370px;height:54px;background:#efeeee}#main-a .section6 .div-box2 input:focus~label{transform:translateY(-3px)}#main-a .section6 .div-box2 .l-icon1{background-position:0 -73px}#main-a .section6 .div-box2 .l-icon2{background-position:0 -91px}#main-a .section6 .div-box2 .l-icon3{background-position:0 -109px}#main-a .section6 .div-box2 .l-icon4{background-position:0 -127px}#main-a .dd{height:330px}#main-a .dd .dd-error{display:none;color:red}#main-a .dd .m-t--5{margin-top:-5px;text-align:left}#main-a .dd p>img{position:absolute;top:13px;right:15px;width:50px;height:27px}#main-b .btn-c{margin:70px 0 0}#main-b .divider,#main-c .divider{float:left;width:.1%;height:84px;background-color:#767676}#main-b .section h2,#main-b .section p{padding:0;text-align:center;font-weight:lighter;font-family:"Microsoft YaHei"}#main-b .section h2{font-size:45px;line-height:60px}#main-b .section p,#main-c .section5 p{font-size:16px;line-height:28px}#main-b .s-ul{color:#333;font-size:16px;line-height:32px}#main-b .s-ul li>i{display:inline-block;margin-right:9px;width:18px;height:18px;background:url(../images/b-icon.png) 0 -18px no-repeat}#main-b .v-btn{width:100px;height:100px;border:5px solid #fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background:0;-ms-border-radius:50px;-o-border-radius:50px}#main-b input[type=radio]{display:none}#main-b input[type=radio]+label{color:#0084ce}#main-b input[type=radio]+label span{display:inline-block;margin:-1px 4px 0 0;width:19px;height:19px;-moz-border-radius:50%;border-radius:50%;vertical-align:middle;cursor:pointer}#main-b input[type=radio]+label span{border:1px solid #0084ce}#main-b input[type=radio]:checked+label span{background-color:#0084ce}#main-b input[type=radio]+label span,#main-b input[type=radio]:checked+label span{-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-o-transition:background-color .4s linear;transition:background-color .4s linear}#main-b .section .parallaxm,#main-c .section .parallaxm{z-index:-1;background-position:center 0;background-repeat:no-repeat;-webkit-transition:all .1s;transition:all .1s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:1s;transition-duration:1s}#main-b .section .s3-info,#main-c .section .s3-info{padding-top:105px}#main-b .section .s3-info ul{overflow:hidden;padding:0 10%}#main-b .section .s3-info li,#main-c .section .s3-info li{float:left;box-sizing:border-box;margin-bottom:20px;padding-left:50px;width:49.8%;color:#8e8e8e;text-align:center;letter-spacing:.2em}#main-b .section .s3-info .s1,#main-c .section .s3-info .s1{color:#0084ce;letter-spacing:0;font-size:60px;font-family:Roboto;line-height:1em}#main-b .section .count-li .s1 i,#main-c .section .s3-info .s1 i{position:relative;bottom:-10px;left:5px;vertical-align:top;font-style:normal;font-size:30px}#main-b .section1 .slid3{text-align:center}#main-b .section1 .slid3 .btn-c:hover{border:1px solid #0084ce;background:#0084ce;color:#fff}#main-b .section1 h2{padding-top:172px;font-size:52px}#main-b .section1 p{padding-top:20px;color:#000;font-size:24px}#main-b .section1 .btn-c{width:229px;height:69px;line-height:69px}#main-b .section1{height:650px;background-image:url(../images/b-s1-bg.jpg)}#main-b .section2{height:750px}#main-b .section2 .parallaxm{height:850px;background-image:url(../images/b-s2-bg.jpg)}#main-b .section2 .container{position:relative;top:-850px;height:750px}#main-b .section2 h2{padding-top:80px}#main-b .section2 .p{padding-top:55px}#main-b .section2 .p p{color:#333}#main-b .section2 .count-li .count-num{font-size:72px}#main-b .section3{height:970px;background-image:url(../images/b-s3-bg.jpg)}#main-b .section3 .container{height:970px}#main-b .section3 .btn-c{margin:12px 0 0}#main-b .section3 h2{padding-top:82px;color:#fff}#main-b .section3 .p{padding-top:45px;padding-bottom:35px}#main-b .section3 p{color:#bfbfbf}#main-b .section3 p b{padding-right:2px;color:#fff;font-weight:400}#main-b .section3 .bg2{z-index:1;width:1188px;height:396px;background-image:url(../images/b-s3-bg-2.png);background-repeat:no-repeat}#main-b .section4,#main-c .section5{height:800px}#main-b .section4 .parallaxm,#main-c .section5 .parallaxm{height:847px;background-image:url(../images/b-s4-bg.jpg)}#main-b .section4 .container,#main-c .section5 .container{position:relative;top:-847px;height:800px}#main-b .section4 .s3-info ul,#main-c .section5 .s3-info ul{padding:0}#main-b .section4 .s3-info li,#main-c .section5 .s3-info li{padding:0;width:20%;text-align:left}#main-b .section4 .s3-info .divider,#main-c .section5 .s3-info .divider{margin:0 15%}#main-b .section4 h2,#main-c .section5 h2{padding-top:144px;text-align:left}#main-b .section4 .p,#main-c .section5 .p{padding-top:55px;padding-right:30px;text-align:left}#main-b .section4 p,#main-c .section5 p{text-align:left}#main-b .section4 .pad,#main-c .section5 .pad{position:absolute;top:240px;width:342px;height:486px;background:url(../images/b-s4-pad2.png) 50% 100% no-repeat;background-size:contain}#main-b .section4 .pad h3,#main-c .section5 .pad h3{padding-top:70px;color:#fff;text-align:center;font-size:14px;line-height:20px}#main-b .section4 .pad .s4-bg-a,#main-c .section5 .pad .s4-bg-a{position:absolute;left:14%;margin-top:14px;width:73%;height:350px;background:url(../images/b-circle.png) no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a a,#main-c .section5 .pad .s4-bg-a a{position:absolute;display:inline-block;width:45px;height:100px}#main-b .section4 .pad .s4-bg-a .a-1,#main-c .section5 .pad .s4-bg-a .a-1{position:absolute;top:0;top:12%;left:16%;display:block;width:45px;background:url(../images/b-s4-pad-bg1.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .s4-hover1,#main-c .section5 .pad .s4-bg-a .s4-hover1{position:absolute;left:36%;width:65px;height:65px}#main-b .section4 .pad .s4-bg-a .i-img1,#main-c .section5 .pad .s4-bg-a .i-img1{display:none;width:60px;height:60px;background:url(../images/b-s4-pad-bgs1.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .s4-hover1:hover .i-img1,#main-c .section5 .pad .s4-bg-a .s4-hover1:hover .i-img1{display:inline-block}#main-b .section4 .pad .s4-bg-a a img,#main-c .section5 .pad .s4-bg-a a img{width:73px}#main-b .section4 .pad .s4-bg-a a .s4-font,#main-c .section5 .pad .s4-bg-a a .s4-font{position:relative;left:-14px;display:block;padding-top:50px;width:74px;color:#fff;font-weight:200;font-style:normal;font-size:12px;line-height:1.3;-o-transform:scale(1);-webkit-text-size-adjust:none}#main-b .section4 .pad .s4-bg-a .a-2,#main-c .section5 .pad .s4-bg-a .a-2{top:55px;right:28px;background:url(../images/b-s4-c2.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .a-3,#main-c .section5 .pad .s4-bg-a .a-3{top:150px;right:15px;background:url(../images/b-s4-c3.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .a-4,#main-c .section5 .pad .s4-bg-a .a-4{right:70px;bottom:40px;background:url(../images/b-s4-c4.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .a-5,#main-c .section5 .pad .s4-bg-a .a-5{bottom:40px;left:70px;background:url(../images/b-s4-c5.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .a-6,#main-c .section5 .pad .s4-bg-a .a-6{position:absolute;top:0;top:12%;left:15%;display:block;width:50px;background:url(../images/b-s4-pad-bg6.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .s4-hover6,#main-c .section5 .pad .s4-bg-a .s4-hover6{position:absolute;top:42%;left:2%;width:65px;height:65px}#main-b .section4 .pad .s4-bg-a .i-img6,#main-c .section5 .pad .s4-bg-a .i-img6{display:none;width:60px;height:60px;background:url(../images/b-s4-pad-bgs6.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .s4-hover6:hover .i-img6,#main-c .section5 .pad .s4-bg-a .s4-hover6:hover .i-img6{display:inline-block}#main-b .section4 .pad .s4-bg-a .a-7,#main-c .section5 .pad .s4-bg-a .a-7{top:55px;left:28px;background:url(../images/b-s4-c7.png) 50% 0 no-repeat;background-size:contain}#main-b .section4 .pad .s4-bg-a .a-1,#main-c .section5 .pad .s4-bg-a .a-6{cursor:pointer}#main-b .section4 .pad .pad-bgpic,#main-c .section5 .pad .pad-bgpic{position:absolute;top:0;z-index:2;display:block;width:342px;height:486px;background:url(../images/b-s4-pad3.png);background-size:100% 100%}#main-b .section5{background-color:#f5f5f5}#main-b .section5 h2{padding-top:78px}#main-b .section5 .m-level{position:absolute;z-index:99;padding-top:60px;color:#0084ce;text-align:left}#main-b .section5 .m-level label{padding-right:50px;font-weight:400}#main-b .section5 .p{padding-top:50px;padding-bottom:40px;text-align:left}@media(min-width:1200px){#main-b .section5 .sd-pic .sd-list-1{width:146px;height:600px}#main-b .section5 .sd-pic .sd-list-2{width:215px;height:600px}#main-b .section5 .sd-pic .sd-pic-bot-line{right:60px;width:1095px}#main-b .section5 .sd-pic .sd-list .sd-list-box span{margin-left:20px}#main-b .section5 .sd-pic .sd-list-2 .sd-list-box span{margin-left:71px}#main-b .section5 .sd-pic .sd-list .sd-list-box>i{margin-left:40px}#main-b .section5 .sd-pic .sd-list-2 .sd-list-box>i{margin-left:92px}#main-b .section5 .sd-pic .sd-list1{width:197px}}#main-b .section5 .sd-pic{position:relative;height:680px;min-width:1170px}#main-b .section5 .sd-picbg1{position:absolute;top:140px;display:none;display:none;width:1163px;height:459px;background-color:rgba(0,0,0,.7);background-image:url(../images/b-s5-level-bg3.png);background-position:-7px 3px}#main-b .section5 .sd-pic .sd-list{position:relative;float:left;display:block;margin-bottom:100px}#main-b .section5 .sd-pic .sd-list-1{width:144px;height:600px}#main-b .section5 .sd-pic .sd-list-2{width:437px;height:600px}#main-b .section5 .sd-pic .sd-list-3{width:291px;height:600px}#main-b .section5 .sd-pic .sd-list-4{width:96px;height:600px}#main-b .section5 .sd-pic .sd-list-5{width:160px;height:600px}#main-b .section5 .sd-pic .sd-list-6{width:33px;height:600px}#main-b .section5 .sd-pic .sd-list>div{position:relative;width:100%;height:100%}#main-b .section5 .sd-pic .sd-list .sd-list-box{position:absolute;bottom:0;left:0;width:100%}#main-b .section5 .sd-pic .sd-list .sd-list-box div{position:absolute;top:-130px;left:0;z-index:102;padding:23px 16px;width:210px;border:1px solid #00d2dd;border-radius:10px;background:#f7f7f7;text-align:left;font-size:13px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-b .section5 .sd-pic .sd-list .sd-list-box:hover div{top:-150px;opacity:1;filter:alpha(opacity=100)}#main-b .section5 .sd-pic .sd-list .sd-list-box div>i{position:absolute;bottom:-9px;left:98px;display:block;width:13px;height:8px}#main-b .section5 .sd-pic .sd-list .sd-list-box div>i{background-image:url(../images/b-s5-box-a.png);background-position:0 0}#main-b .section5 .sd-pic .sd-list .sd-list-box img{display:block;width:100%}#main-b .section5 .sd-pic .sd-list .sd-list-box>i{position:absolute;bottom:-80px;left:0;margin-left:40px;width:24px;height:24px;border-radius:50%;background-color:#999;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-b .section5 .sd-pic .sd-list .sd-list-box:hover>i{opacity:1;filter:alpha(opacity=100)}#main-b .section5 .sd-pic .sd-list .sd-list-box>i{background-color:#009fe6}#main-b .section5 .sd-pic .sd-list .sd-list-box span{position:absolute;bottom:-40px;left:0;margin-left:20px;width:66px;height:22px;border-radius:3px;background:#999;color:#fff;text-align:center;font-size:13px;line-height:22px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-b .section5 .sd-pic .sd-list .sd-list-box:hover span{opacity:1;filter:alpha(opacity=100)}#main-b .section5 .sd-pic .sd-list .sd-list-box span{background:#009fe6}#main-b .section5 .sd-pic .sd-list .sd-list-box span>i{position:absolute;bottom:-7px;left:25px;width:13px;height:8px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-b .section5 .sd-pic .sd-list:hover .sd-list-box span>i{opacity:1;filter:alpha(opacity=100)}#main-b .section5 .sd-pic .sd-list .sd-list-box span>i{background-image:url(../images/b-s5-box-a2.png);background-position:0 0;background-repeat:no-repeat}#main-b .section5 .sd-pic .sd-pic-bot-line{position:absolute;bottom:10px;left:1px;display:block;width:1157px;height:4px;background:#d3d3d3}#main-b .section5 .sd-pic .sd-list-1 .sd-list-box div{left:-36px}#main-b .section5 .sd-pic .sd-list-1 .sd-list-box span{left:24px}#main-b .section5 .sd-pic .sd-list-1 .sd-list-box>i{left:20px}#main-b .section5 .sd-pic .sd-list-2 .sd-list-box div{left:75px}#main-b .section5 .sd-pic .sd-list-2 .sd-list-box span{left:120px}#main-b .section5 .sd-pic .sd-list-2 .sd-list-box>i{left:120px}#main-b .section5 .sd-pic .sd-list-3 .sd-list-box div{left:45px}#main-b .section5 .sd-pic .sd-list-3 .sd-list-box span{left:100px}#main-b .section5 .sd-pic .sd-list-3 .sd-list-box>i{left:100px}#main-b .section5 .sd-pic .sd-list-4 .sd-list-box div{left:-55px}#main-b .section5 .sd-pic .sd-list-5 .sd-list-box div{left:-5px;z-index:103}#main-b .section5 .sd-pic .sd-list-5 .sd-list-box span{left:50px}#main-b .section5 .sd-pic .sd-list-5 .sd-list-box>i{left:50px}#main-b .section5 .sd-pic .sd-list-6 .sd-list-box div{left:-90px;opacity:1}#main-b .section5 .sd-pic .sd-list-6 .sd-list-box span{left:-40px;opacity:1}#main-b .section5 .sd-pic .sd-list-6 .sd-list-box>i{left:-40px;opacity:1}#main-b .anima1 li.l1{animation:animala 1s ease-out;-webkit-animation:animala 1s ease-out;-o-animation:animala 1s ease-out;-moz-animation:animala 1s ease-out}#main-b .anima1 li.l1 .date{animation:animalb 1s ease-out;-webkit-animation:animalb 1s ease-out;-o-animation:animalb 1s ease-out;-moz-animation:animalb 1s ease-out}#main-b .anima1 li.l2{animation:animala 2s ease-out;-webkit-animation:animala 2s ease-out;-o-animation:animala 2s ease-out;-moz-animation:animala 2s ease-out}#main-b .anima1 li.l2 .date{animation:animalb 2s ease-out;-webkit-animation:animalb 2s ease-out;-o-animation:animalb 2s ease-out;-moz-animation:animalb 2s ease-out}#main-b .anima1 li.l3{animation:animala 3s ease-out;-webkit-animation:animala 3s ease-out;-o-animation:animala 3s ease-out;-moz-animation:animala 3s ease-out}#main-b .anima1 li.l3 .date{animation:animalb 3s ease-out;-webkit-animation:animalb 3s ease-out;-o-animation:animalb 3s ease-out;-moz-animation:animalb 3s ease-out}#main-b .anima1 li.l4{animation:animala 4s ease-out;-webkit-animation:animala 4s ease-out;-o-animation:animala 4s ease-out;-moz-animation:animala 4s ease-out}#main-b .anima1 li.l4 .date{animation:animalb 4s ease-out;-webkit-animation:animalb 4s ease-out;-o-animation:animalb 4s ease-out;-moz-animation:animalb 4s ease-out}#main-b .anima1 li.l5{animation:animala 5s ease-out;-webkit-animation:animala 5s ease-out;-o-animation:animala 5s ease-out;-moz-animation:animala 5s ease-out}#main-b .anima1 li.l5 .date{animation:animalb 5s ease-out;-webkit-animation:animalb 5s ease-out;-o-animation:animalb 5s ease-out;-moz-animation:animalb 5s ease-out}#main-b .anima1 li.l6{animation:animala 6s ease-out;-webkit-animation:animala 6s ease-out;-o-animation:animala 6s ease-out;-moz-animation:animala 6s ease-out}#main-b .anima1 li.l6 .date{animation:animalb 6s ease-out;-webkit-animation:animalb 6s ease-out;-o-animation:animalb 6s ease-out;-moz-animation:animalb 6s ease-out}#main-b .section5 .box{display:none;box-sizing:border-box;padding:0 4px 0 170px;width:1170px;height:326px;background:url(../images/s-sn-109cd.jpg?v=1235486526) repeat-x}#main-b .section5 .box.active{display:block}#main-b .section5 .box li{position:relative;float:left;width:166px;height:100%}#main-b .section5 .box li>div{position:absolute;bottom:37px;left:0;width:100%;border-left:1px dashed #bdbdbd}#main-b .section5 .box li.no-learn>div{border-left:1px dashed #f9d093}#main-b .section5 .box li.last-learn>div{background-image:none!important}#main-b .section5 .box li.learn>div{border-left:1px dashed #93c8e5;background:url(../images/s-sn-p.png) repeat}#main-b .section5 .box li>div .point{position:absolute;top:-13px;left:-13px;z-index:12;display:block;width:30px;height:36px;background:url(../images/s-sn-point-v2.png) no-repeat;background-position:-7px 0}#main-b .section5 .box li.no-learn>div .point{background:url(../images/s-sn-point-v2.png) no-repeat;background-position:-7px -39px}#main-b .section5 .box li.learn>div .point{background:url(../images/s-sn-point-v2.png) no-repeat;background-position:-7px -39px}#main-b .section5 .box li>div .line{position:absolute;top:-43px;left:0;z-index:11;display:block;width:100%;height:43px;background:url(../images/s-sn-line-v2.png) no-repeat;background-position:0 -7px}#main-b .section5 .box li.no-learn>div .line{background:url(../images/s-sn-line-v2.png) no-repeat;background-position:0 -151px}#main-b .section5 .box li.learn>div .line{background:url(../images/s-sn-line-v2.png) no-repeat;background-position:0 -73px}#main-b .section5 .box li.last-learn>div .line{background-position:0 -7px}#main-b .section5 .box li.l1>div{height:43px}#main-b .section5 .box li.l2>div{height:86px}#main-b .section5 .box li.l3>div{height:129px}#main-b .section5 .box li.l4>div{height:172px}#main-b .section5 .box li.l5>div{height:215px}#main-b .section5 .box li.l6>div{height:258px}#main-b .section5 .box li>div .date{position:absolute;top:-66px;left:-50px;padding:7px 12px;border-radius:5px;background-color:#0084ce;color:#fff;font-size:14px}#main-b .section5 .box li>div .date:after{position:absolute;bottom:-6px;left:50%;display:block;margin-left:-4px;width:8px;height:6px;background:url(../images/s-sn-b.png);content:" "}#main-b .section5 .box li>div p{position:absolute;bottom:-30px;left:-30px;z-index:12}#main-b .section5 .box li>div p.p3{left:-22px}#main-b .section5 .box li>div p.p5{left:-36px}#main-b .section5 .box li>div p.p6{left:-43px}#main-b .section5 .line-user{padding-top:40px;padding-bottom:80px;text-align:left}#main-b .section5 .line-user img{float:left;margin-right:10px;margin-left:90px;width:68px;height:68px;border:4px solid #ededed;border-radius:50%}#main-b .section5 .line-user li{cursor:pointer}#main-b .section5 .line-user li.active img{border:4px solid #88c0df}#main-b .section5 .line-user div{padding-top:10px}#main-b .section5 .line-user div i{margin:0 4px;color:#aaa;font-weight:400;font-style:normal;line-height:2em}#main-b .section6{height:940px;background:url(../images/b-s6-bg.jpg)}#main-b .section6 h2{padding-top:93px}#main-b .section6 .p{padding-top:40px}#main-b .section6 .video{position:relative;width:1183px;height:630px;background-size:100% 100%;-webkit-background-size:100% 100%}#main-b .section6 .video .video-paid{position:absolute;bottom:0;left:56px;width:1021px;height:561px;background-image:url(../images/b-s6-bg-pad.png);background-size:100% 100%;-webkit-background-size:100% 100%}#main-b .section6 .video .b-s2-video-c{position:absolute;top:300px;left:300px;z-index:3;text-align:center;cursor:pointer;//background-color:#}#main-b .section6 .video .play{position:relative;top:50%;display:inline-block;margin-top:-52px;width:104px;height:104px;background:url(../images/p-icon.png) 50% 50% no-repeat;background-position:0 0}#main-b .section6 .video .video-box{position:absolute;bottom:-1px;left:204px;z-index:30;overflow:hidden;width:728px;height:523px;background:url(../images/b-s6-bg-video.jpg) 50% 0 no-repeat;background-size:cover}#main-b .section6 .video .vhand{position:absolute;top:308px;left:0;z-index:29;width:1136px;height:322px;background-image:url(../images/b-s6-bg-hand.png);background-size:100% 100%;-webkit-background-size:100% 100%}#main-b .session2-animation{-webkit-animation:main-b-sessiontwo 2.5s ease-out;-o-animation:main-b-sessiontwo 2.5s ease-out;animation:main-b-sessiontwo 2.5s ease-out}@-webkit-keyframes main-b-sessiontwo{0%{bottom:-200px}100%{bottom:0}}@-o-keyframes main-b-sessiontwo{0%{bottom:-200px}100%{bottom:0}}@keyframes main-b-sessiontwo{0%{bottom:-200px}100%{bottom:0}}#main-b .section7{height:1000px}#main-b .section7 .parallaxm{height:1160px;background-image:url(../images/b-s7-bg.jpg)}#main-b .section7 .container{position:relative;top:-1160px;height:1000px}#main-b .section7 h2{padding-top:82px;color:#fff}#main-b .section7 .head{margin-top:60px;width:1171px;height:337px;background-image:url(../images/b-s7-bg2.png)}#main-b .section7 .p{padding-top:50px;color:#bfbfbf}#main-b .section8 h2{padding-top:82px}#main-b .section8 .teacher{padding-top:74px}#main-b .section8 .s6-p .img-cover{position:relative;z-index:2;overflow:hidden;width:270px;height:300px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}#main-b .section8 .s6-p:hover img{transition:all 1s ease 0s;transform:scale(1.1)}#main-b .section8 .a-p{color:#666;font-size:16px}#main-b .section8 .s6-p .name{padding-top:20px;padding-bottom:13px;color:#009fe6;font-weight:700;font-size:20px}#main-b .section8 .s6-p .f{padding-right:20px}#main-b .section8 .s6-p a i{display:inline-block;margin:0 5px -3px 0;width:18px;height:19px;background:url(../images/b-icon.png) 0 -36px no-repeat}#main-b .section8 .s6-p a s{display:inline-block;margin:0 5px -4px 0;width:18px;height:19px;background:url(../images/s-star.png) 0 0 no-repeat}#main-b .section8 .col-mac{position:relative;height:635px}#main-b .section8 .b-s4-video{position:absolute;bottom:0;width:954px;height:550px;background:url(../images/b-s8-mac.png) 50% 0 no-repeat;background-size:100%}#main-b .section8 .b-s4-video-v{position:absolute;top:0;right:0;overflow:hidden}@media(min-width:992px){#main-b .section8 .b-s4-video{width:954px;height:550px}#main-b .section8 .b-s4-video-v{margin:66px 118px 0 0;width:223px;height:171px}}@media(min-width:1200px){#main-b .section8 .b-s4-video{width:954px}#main-b .section8 .b-s4-video-v{margin:66px 118px 0 0;width:223px;height:171px}}#main-b .section8 .count-li{padding-top:90px}#main-b .section8 .count-li .s1{color:#0084ce;letter-spacing:0;font-size:60px;font-family:Roboto;line-height:1em}#main-b .section8 .count-li li{padding-bottom:74px;text-align:left}#main-b .section8 .count-li p{padding-top:25px;text-align:left}#main-b .section8 .p{padding-bottom:95px}#main-b .section9{height:750px}#main-b .section9{background-image:url(../images/b-s9-bg.jpg)}#main-b .section9 .container ul li{float:left;margin-right:20px;padding:50px 35px;width:32%;border-radius:5px;background:#fff}#main-b .section9 .container ul li:last-child{margin-right:0}#main-b .section9 .container h2{padding:75px 0 70px 0}#main-b .section9 .s9-list-p h2{padding:38px 0 0 0;font-size:22px;font-family:"Microsoft YaHei"}#main-b .section9 .s9-list-p img{margin-bottom:-13px;height:90px}#main-b .section9 .s9-list-p p{text-align:left;font-family:"Microsoft YaHei";line-height:23px}#main-b .section10,#main-c .section7{height:1045px}#main-b .section10 .parallaxm,#main-c .section7 .parallaxm{height:1135px;background-image:url(../images/b-s10-bg.jpg)}#main-b .section10 .container,#main-c .section7 .container{position:relative;top:-1135px;height:1045px}#main-b .section10 h2,#main-c .section7 h2{padding-top:70px;padding-bottom:20px;color:#fff}#main-b .section10 p,#main-c .section7 p{color:#fff}#main-b .section10 .p,#main-c .section7 .p{padding-bottom:60px}#main-b .section10 .s5-li-div .text-bg p,#main-c .section7 .s5-li-div .text-bg p{color:#000;text-align:left;font-style:italic;font-size:14px}#main-b .section10 .s5-li-div a,#main-b .section10 .s5-li-div a i,#main-c .section7 .s5-li-div a,#main-c .section7 .s5-li-div a i{display:inline-block}#main-b .section10 .s5-li-div,#main-c .section7 .s5-li-div{width:360px;height:400px;font-family:"Microsoft YaHei"}#main-b .section10 .text-bg,#main-c .section7 .text-bg{position:relative;margin-bottom:40px;padding:44px 34px 0;height:270px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff;box-shadow:0 15px 15px rgba(0,0,0,.1);color:#515151;text-align:left;font-size:14px;line-height:29px;-ms-border-radius:5px;-o-border-radius:5px}#main-b .section10 .text-bg:hover,#main-c .section7 .text-bg:hover{box-shadow:0 20px 35px rgba(0,0,0,.1);transform:translate3d(0,-3px,0)}#main-b .section10 .text-bg:after,#main-c .section7 .text-bg:after{position:absolute;bottom:-25px;left:50%;margin-left:-16px;width:0;height:0;border-color:#fff;border-style:solid dashed dashed;border-width:25px 18px 0;content:" ";line-height:0;border-left-color:transparent;border-right-color:transparent}#main-b .section10 .name-icon1 i,#main-c .section7 .name-icon1 i{background-image:url(../images/b-s10-h1.jpg)}#main-b .section10 .name-icon2 i,#main-c .section7 .name-icon2 i{background-image:url(../images/b-s10-h2.jpg)}#main-b .section10 .name-icon3 i,#main-c .section7 .name-icon3 i{background-image:url(../images/b-s10-h3.jpg)}#main-b .section10 .name-icon i,#main-c .section7 .name-icon i{width:65px;height:65px;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-position:50% 50%;background-repeat:no-repeat}#main-b .section10 .name-icon p,#main-c .section7 .name-icon p{padding-bottom:10px;font-size:18px}#main-b .section10 .name-icon span,#main-c .section7 .name-icon span{color:#999;font-size:14px;font-family:"Microsoft YaHei"}#main-b .section10 .s10-addr,#main-c .section7 .s10-addr{color:#999;font-size:14px;font-family:"Microsoft YaHei"}#main-b .section10 .s10-addr .s10-local,#main-c .section7 .s10-addr .s10-local{display:inline-block;margin:0 5px -3px 0;width:18px;height:19px;background:url(../images/b-icon.png) 0 -36px no-repeat}#main-b .section10 .s10-addr .s10-time,#main-c .section7 .s10-addr .s10-time{display:inline-block;margin:0 5px -3px 10px;width:18px;height:19px;background:url(../images/b-s10-time.png) 0 3px no-repeat}#main-b .section10 .s3-info li,#main-c .section7 .s3-info li{padding-left:100px;text-align:left}#main-b .section10 .s3-info .s1,#main-c .section7 .s3-info .s1{font-size:72px}#main-b .section10 .s3-info .s2,#main-c .section7 .s3-info .s2{letter-spacing:0;font-size:16px}#main-b .section10 .btn-c,#main-c .section7 .btn-c{margin:20px 0 0}#main-b .section .count-li .s1 i{font-size:40px}@-webkit-keyframes bs{0%,100%{box-shadow:0 0 0 0 #3c7cec}50%{box-shadow:0 0 30px 0 #3b9fec}}@-moz-keyframes bs{0%,100%{box-shadow:0 0 0 0 #3c7cec}50%{box-shadow:0 0 30px 0 #3b9fec}}@-o-keyframes bs{0%,100%{box-shadow:0 0 0 0 #3c7cec}50%{box-shadow:0 0 30px 0 #3b9fec}}@keyframes bs{0%,100%{box-shadow:0 0 0 0 #3c7cec}50%{box-shadow:0 0 30px 0 #3b9fec}}@media(min-width:992px){#main-b .section4 .b-s4-video{width:520px;height:559px}#main-b .section4 .b-s4-video-v{margin:34px 20px 0 0;width:152px;height:115px}}@media(min-width:1200px){#main-b .section4 .b-s4-video{width:651px}#main-b .section4 .b-s4-video-v{margin:43px 26px 0 0;width:190px;height:145px}}#main-s .section1 .slid1{background-image:url(../images/spe-b1.jpg)}#main-s .section1 h2{padding:160px 0 63px;color:#333;font-weight:700;font-size:55px}#main-s .section1 .p-b-25{padding-bottom:25px!important}#main-s .section1 .s-s1-p{color:#0084ce;font-size:16px;line-height:24px}#main-s .section1 .s-s1-p>i{position:relative;top:3px;display:inline-block;margin-right:6px;margin-left:20px;width:18px;height:24px;background:url(../images/y-s1-i.png) 0 100% no-repeat}#main-s .section1 .s-s1-p>i:first-child{margin-left:0}#main-s .section1 .btn-c{margin:0;margin-top:50px}#main-s .section1 .btn-b{margin-right:32px}#main-s .section2 .img{display:block;width:100%}#main-c .section4,#main-s .section3{padding:100px 0 70px;background:#ebebeb}#main-c .section4 h2,#main-s .section3 h2{padding:0 0 98px}#main-c .section4 .pie,#main-s .section3 .pie{position:relative;margin:0 auto;margin-top:90px;margin-bottom:180px;width:310px;height:310px;background-image:url(../images/spe-pie.png);background-position:center;background-repeat:no-repeat}#main-c .section4 .pie .pic,#main-s .section3 .pie .pic{position:absolute;width:150px;height:150px;border:6px solid #d5d5d5;border-radius:50%;background-color:#ccc}#main-c .section4 .pie .pic1,#main-s .section3 .pie .pic1{top:-90px;right:-40px;background:url(../images/spe-pic1.jpg) center center no-repeat}#main-c .section4 .pie .pic2,#main-s .section3 .pie .pic2{top:85px;right:-135px;background:url(../images/spe-pic2.jpg) center center no-repeat}#main-c .section4 .pie .pic3,#main-s .section3 .pie .pic3{right:-40px;bottom:-100px;background:url(../images/spe-pic3.jpg) center center no-repeat}#main-c .section4 .pie .pic4,#main-s .section3 .pie .pic4{bottom:-100px;left:-40px;background:url(../images/spe-pic4.jpg) center center no-repeat}#main-c .section4 .pie .pic5,#main-s .section3 .pie .pic5{top:85px;left:-135px;background:url(../images/spe-pic5.jpg) center center no-repeat}#main-c .section4 .pie .pic6,#main-s .section3 .pie .pic6{top:-90px;left:-40px;background:url(../images/spe-pic6.jpg) center center no-repeat}#main-c .section4 .pie .pic1 span,#main-c .section4 .pie .pic2 span,#main-c .section4 .pie .pic3 span,#main-c .section4 .pie .pic4 span,#main-c .section4 .pie .pic5 span,#main-c .section4 .pie .pic6 span,#main-s .section3 .pie .pic1 span,#main-s .section3 .pie .pic2 span,#main-s .section3 .pie .pic3 span,#main-s .section3 .pie .pic4 span,#main-s .section3 .pie .pic5 span,#main-s .section3 .pie .pic6 span{background-position:center;background-repeat:no-repeat}#main-c .section4 .pie .pic span,#main-s .section3 .pie .pic span{display:none;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)}#main-c .section4 .pie .pic:hover span,#main-s .section3 .pie .pic:hover span{display:block}#main-c .section4 .pie .pic1 span,#main-s .section3 .pie .pic1 span{display:block;background-image:url(../images/spe-pic1-s.png)}#main-c .section4 .pie .pic2 span,#main-s .section3 .pie .pic2 span{background-image:url(../images/spe-pic2-s.png)}#main-c .section4 .pie .pic3 span,#main-s .section3 .pie .pic3 span{background-image:url(../images/spe-pic3-s.png)}#main-c .section4 .pie .pic4 span,#main-s .section3 .pie .pic4 span{background-image:url(../images/spe-pic4-s.png)}#main-c .section4 .pie .pic5 span,#main-s .section3 .pie .pic5 span{display:block;background-image:url(../images/spe-pic1-s.png)}#main-c .section4 .pie .pic6 span,#main-s .section3 .pie .pic6 span{background-image:url(../images/spe-pic6-s.png)}#main-c .section4 .pie .pic i,#main-s .section3 .pie .pic i{position:absolute;display:block;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 0 9px #a3a3a3;text-align:center;font-style:normal;line-height:25px}#main-c .section4 .pie .pic.pic-r i,#main-s .section3 .pie .pic.pic-r i{top:60px;right:-15px}#main-c .section4 .pie .pic.pic-l i,#main-s .section3 .pie .pic.pic-l i{top:60px;left:-15px}#main-c .section4 .pie .pic .pic-info,#main-s .section3 .pie .pic .pic-info{position:absolute;width:210px}#main-c .section4 .pie .pic .pic-info h5,#main-s .section3 .pie .pic .pic-info h5{margin-bottom:10px;color:#0084ce;font-size:20px}#main-c .section4 .pie .pic .pic-info p,#main-s .section3 .pie .pic .pic-info p{color:#666;font-size:14px}#main-c .section4 .pie .pic.pic-r .pic-info,#main-s .section3 .pie .pic.pic-r .pic-info{top:60px;right:-240px;text-align:left}#main-c .section4 .pie .pic.pic-l .pic-info,#main-s .section3 .pie .pic.pic-l .pic-info{top:60px;left:-260px;width:230px;text-align:right}#main-c .section4 .pie .pic.pic-l .pic-info p,#main-s .section3 .pie .pic.pic-l .pic-info p{text-align:right}#main-s .section3 .s3-info ul{overflow:hidden;padding:0 30%}#main-s .section3 .s3-info li{float:left;box-sizing:border-box;margin-bottom:20px;padding-left:50px;width:50%;color:#8e8e8e;text-align:left;letter-spacing:.2em}#main-s .section3 .s3-info .s1,#main-s .section6 .s6-info ul span{color:#0084ce;letter-spacing:0;font-size:60px;font-family:Roboto;line-height:1em}#main-s .section3 .s3-info .s1 i,#main-s .section6 .s6-info ul span i{position:relative;top:-10px;left:5px;vertical-align:top;font-style:normal;font-size:30px}#main-s .section3 .s3-info .s2{letter-spacing:.5em;line-height:2em}#main-s .section3 .s3-info p,#main-s .section6 .s6-info>p{padding:0 50px;color:#333;font-size:16px;line-height:30px}#main-s .sectionNew1{padding:10px 0 0;background-color:#ededed}#main-s .sectionNew1 h2{padding-bottom:76px}#main-s .sectionNew1 .box{display:none;box-sizing:border-box;padding:0 4px 0 170px;width:1170px;height:326px;background:url(../images/s-sn-1.jpg) repeat-x}#main-s .sectionNew1 .box.active{display:block}#main-s .sectionNew1 .box li{position:relative;float:left;width:166px;height:100%}#main-s .sectionNew1 .box li>div{position:absolute;bottom:37px;left:0;width:100%;border-left:1px dashed #bdbdbd}#main-s .sectionNew1 .box li.no-learn>div{border-left:1px dashed #f9d093}#main-s .sectionNew1 .box li.last-learn>div{background-image:none!important}#main-s .sectionNew1 .box li.learn>div{border-left:1px dashed #93c8e5;background:url(../images/s-sn-p.png) repeat}#main-s .sectionNew1 .box li>div .point{position:absolute;top:-13px;left:-13px;z-index:12;display:block;width:26px;height:36px;background:url(../images/s-sn-point.png) no-repeat;background-position:-7px 0}#main-s .sectionNew1 .box li.no-learn>div .point{background:url(../images/s-sn-point.png) no-repeat;background-position:-7px -78px}#main-s .sectionNew1 .box li.learn>div .point{background:url(../images/s-sn-point.png) no-repeat;background-position:-7px -39px}#main-s .sectionNew1 .box li>div .line{position:absolute;top:-43px;left:0;z-index:11;display:block;width:100%;height:43px;background:url(../images/s-sn-line.png) no-repeat;background-position:0 -7px}#main-s .sectionNew1 .box li.no-learn>div .line{background:url(../images/s-sn-line.png) no-repeat;background-position:0 -7px}#main-s .sectionNew1 .box li.learn>div .line{background:url(../images/s-sn-line.png) no-repeat;background-position:0 -73px}#main-s .sectionNew1 .box li.last-learn>div .line{background-position:0 -7px}#main-s .sectionNew1 .box li.l1>div{height:43px}#main-s .sectionNew1 .box li.l2>div{height:86px}#main-s .sectionNew1 .box li.l3>div{height:129px}#main-s .sectionNew1 .box li.l4>div{height:172px}#main-s .sectionNew1 .box li.l5>div{height:215px}#main-s .sectionNew1 .box li.l6>div{height:258px}#main-s .sectionNew1 .box li>div .date{position:absolute;top:-66px;left:-50px;padding:7px 12px;border-radius:5px;background-color:#0084ce;color:#fff;font-size:14px}#main-s .sectionNew1 .box li>div .date:after{position:absolute;bottom:-6px;left:50%;display:block;margin-left:-4px;width:8px;height:6px;background:url(../images/s-sn-b.png);content:" "}#main-s .sectionNew1 .box li>div p{position:absolute;bottom:-30px;left:-30px;z-index:12}#main-s .sectionNew1 .box li>div p.p3{left:-22px}#main-s .sectionNew1 .box li>div p.p5{left:-36px}#main-s .sectionNew1 .box li>div p.p6{left:-43px}#main-s .sectionNew1 .line-user{padding-top:40px;text-align:left}#main-s .sectionNew1 .line-user img{float:left;margin-right:10px;margin-left:90px;width:68px;height:68px;border:4px solid #ededed;border-radius:50%}#main-s .sectionNew1 .line-user li{cursor:pointer}#main-s .sectionNew1 .line-user li.active img{border:4px solid #88c0df}#main-s .sectionNew1 .line-user div{padding-top:10px}#main-s .sectionNew1 .line-user div i{margin:0 4px;color:#aaa;font-weight:400;font-style:normal;line-height:2em}#main-s .sectionNew1 .p{margin-top:35px;font-size:16px;line-height:30px}#main-s .anima1 li.l1{animation:animala 1s ease-out;-webkit-animation:animala 1s ease-out;-o-animation:animala 1s ease-out;-moz-animation:animala 1s ease-out}#main-s .anima1 li.l1 .date{animation:animalb 1s ease-out;-webkit-animation:animalb 1s ease-out;-o-animation:animalb 1s ease-out;-moz-animation:animalb 1s ease-out}#main-s .anima1 li.l2{animation:animala 2s ease-out;-webkit-animation:animala 2s ease-out;-o-animation:animala 2s ease-out;-moz-animation:animala 2s ease-out}#main-s .anima1 li.l2 .date{animation:animalb 2s ease-out;-webkit-animation:animalb 2s ease-out;-o-animation:animalb 2s ease-out;-moz-animation:animalb 2s ease-out}#main-s .anima1 li.l3{animation:animala 3s ease-out;-webkit-animation:animala 3s ease-out;-o-animation:animala 3s ease-out;-moz-animation:animala 3s ease-out}#main-s .anima1 li.l3 .date{animation:animalb 3s ease-out;-webkit-animation:animalb 3s ease-out;-o-animation:animalb 3s ease-out;-moz-animation:animalb 3s ease-out}#main-s .anima1 li.l4{animation:animala 4s ease-out;-webkit-animation:animala 4s ease-out;-o-animation:animala 4s ease-out;-moz-animation:animala 4s ease-out}#main-s .anima1 li.l4 .date{animation:animalb 4s ease-out;-webkit-animation:animalb 4s ease-out;-o-animation:animalb 4s ease-out;-moz-animation:animalb 4s ease-out}#main-s .anima1 li.l5{animation:animala 5s ease-out;-webkit-animation:animala 5s ease-out;-o-animation:animala 5s ease-out;-moz-animation:animala 5s ease-out}#main-s .anima1 li.l5 .date{animation:animalb 5s ease-out;-webkit-animation:animalb 5s ease-out;-o-animation:animalb 5s ease-out;-moz-animation:animalb 5s ease-out}#main-s .anima1 li.l6{animation:animala 6s ease-out;-webkit-animation:animala 6s ease-out;-o-animation:animala 6s ease-out;-moz-animation:animala 6s ease-out}#main-s .anima1 li.l6 .date{animation:animalb 6s ease-out;-webkit-animation:animalb 6s ease-out;-o-animation:animalb 6s ease-out;-moz-animation:animalb 6s ease-out}@-webkit-keyframes animala{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@-o-keyframes animala{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@-moz-keyframes animala{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@keyframes animala{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes animalb{0%{top:-90px}100%{top:-66px}}@-o-keyframes animalb{0%{top:-90px}100%{top:-66px}}@-moz-keyframes animalb{0%{top:-90px}100%{top:-66px}}@keyframes animalb{0%{top:-90px}100%{top:-66px}}#main-s .section4 .sd-pic{position:relative;height:680px;min-width:1170px}#main-s .section4 .sd-pic .sd-list{position:relative;float:left;display:block;margin-right:1px;margin-bottom:100px}#main-s .section4 .sd-pic .sd-list-1{width:107px;height:600px}#main-s .section4 .sd-pic .sd-list-2{width:215px;height:600px}#main-s .section4 .sd-pic .sd-list1{width:197px}#main-s .section4 .sd-pic .sd-list>div{position:relative;width:100%;height:100%}#main-s .section4 .sd-pic .sd-list .sd-list-box{position:absolute;bottom:0;left:0;width:100%}#main-s .section4 .sd-pic .sd-list .sd-list-box div{position:absolute;top:-130px;left:0;z-index:102;padding:23px 16px;width:210px;border:1px solid #999;border-radius:10px;background:#fff;text-align:left;font-size:13px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-s .section4 .sd-pic .sd-list-1 .sd-list-box div{left:-52px}#main-s .section4 .sd-pic .sd-list .sd-list-box:hover div{top:-150px;opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list2 .sd-list-box div{border:1px solid #fec309;color:#fec309}#main-s .section4 .sd-pic .sd-list3 .sd-list-box div{border:1px solid #ea8458;color:#ea8458}#main-s .section4 .sd-pic .sd-list4 .sd-list-box div{border:1px solid #3ead77;color:#3ead77}#main-s .section4 .sd-pic .sd-list5 .sd-list-box div{border:1px solid #44b2cc;color:#44b2cc}#main-s .section4 .sd-pic .sd-list6 .sd-list-box div{border:1px solid #7463ce;color:#7463ce}#main-s .section4 .sd-pic .sd-list7 .sd-list-box div{top:-150px;z-index:101;border:1px solid #cc62a7;color:#cc62a7;opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list .sd-list-box div>i{position:absolute;bottom:-9px;left:98px;display:block;width:13px;height:8px}#main-s .section4 .sd-pic .sd-list-2 .sd-list-box div>i{left:98px}#main-s .section4 .sd-pic .sd-list2 .sd-list-box div>i{background-image:url(../images/spe-s4-t.png);background-position:0 0}#main-s .section4 .sd-pic .sd-list3 .sd-list-box div>i{background-image:url(../images/spe-s4-t.png);background-position:0 -8px}#main-s .section4 .sd-pic .sd-list4 .sd-list-box div>i{background-image:url(../images/spe-s4-t.png);background-position:0 -16px}#main-s .section4 .sd-pic .sd-list5 .sd-list-box div>i{background-image:url(../images/spe-s4-t.png);background-position:0 -24px}#main-s .section4 .sd-pic .sd-list6 .sd-list-box div>i{background-image:url(../images/spe-s4-t.png);background-position:0 -32px}#main-s .section4 .sd-pic .sd-list7 .sd-list-box div>i{background-image:url(../images/spe-s4-t.png);background-position:0 -40px}#main-s .section4 .sd-pic .sd-list .sd-list-box img{display:block;width:100%}#main-s .section4 .sd-pic .sd-list .sd-list-box>i{position:absolute;bottom:-80px;left:0;margin-left:40px;width:24px;height:24px;border-radius:50%;background-color:#999;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-s .section4 .sd-pic .sd-list-2 .sd-list-box>i{margin-left:92px}#main-s .section4 .sd-pic .sd-list .sd-list-box:hover>i{opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list2 .sd-list-box>i{background-color:#fec309}#main-s .section4 .sd-pic .sd-list3 .sd-list-box>i{background-color:#ea8458}#main-s .section4 .sd-pic .sd-list4 .sd-list-box>i{background-color:#3ead77}#main-s .section4 .sd-pic .sd-list5 .sd-list-box>i{background-color:#44b2cc}#main-s .section4 .sd-pic .sd-list6 .sd-list-box>i{background-color:#7463ce}#main-s .section4 .sd-pic .sd-list7 .sd-list-box>i{background-color:#cc62a7;opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list .sd-list-box span{position:absolute;bottom:-40px;left:0;margin-left:20px;width:66px;height:22px;border-radius:3px;background:#999;color:#fff;text-align:center;font-size:13px;line-height:22px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-s .section4 .sd-pic .sd-list-2 .sd-list-box span{margin-left:71px}#main-s .section4 .sd-pic .sd-list .sd-list-box:hover span{opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list2 .sd-list-box span{background:#fec309}#main-s .section4 .sd-pic .sd-list3 .sd-list-box span{background:#ea8458}#main-s .section4 .sd-pic .sd-list4 .sd-list-box span{background:#3ead77}#main-s .section4 .sd-pic .sd-list5 .sd-list-box span{background:#44b2cc}#main-s .section4 .sd-pic .sd-list6 .sd-list-box span{background:#7463ce}#main-s .section4 .sd-pic .sd-list7 .sd-list-box span{background:#cc62a7;opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list .sd-list-box span>i{position:absolute;bottom:-7px;left:25px;width:13px;height:8px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-s .section4 .sd-pic .sd-list:hover .sd-list-box span>i{opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-list2 .sd-list-box span>i{background-image:url(../images/spe-s4-t.png);background-position:0 0}#main-s .section4 .sd-pic .sd-list3 .sd-list-box span>i{background-image:url(../images/spe-s4-t.png);background-position:0 -8px}#main-s .section4 .sd-pic .sd-list4 .sd-list-box span>i{background-image:url(../images/spe-s4-t.png);background-position:0 -16px}#main-s .section4 .sd-pic .sd-list5 .sd-list-box span>i{background-image:url(../images/spe-s4-t.png);background-position:0 -24px}#main-s .section4 .sd-pic .sd-list6 .sd-list-box span>i{background-image:url(../images/spe-s4-t.png);background-position:0 -32px}#main-s .section4 .sd-pic .sd-list7 .sd-list-box span>i{background-image:url(../images/spe-s4-t.png);background-position:0 -40px;opacity:1;filter:alpha(opacity=100)}#main-s .section4 .sd-pic .sd-pic-bot-line{position:absolute;right:60px;bottom:10px;display:block;width:856px;height:4px;background:#d3d3d3}@media(min-width:1200px){#main-s .section4 .sd-pic .sd-list-1{width:107px;height:600px}#main-s .section4 .sd-pic .sd-list-2{width:215px;height:600px}#main-s .section4 .sd-pic .sd-pic-bot-line{right:60px;width:856px}#main-s .section4 .sd-pic .sd-list .sd-list-box span{margin-left:20px}#main-s .section4 .sd-pic .sd-list-2 .sd-list-box span{margin-left:71px}#main-s .section4 .sd-pic .sd-list .sd-list-box>i{margin-left:40px}#main-s .section4 .sd-pic .sd-list-2 .sd-list-box>i{margin-left:92px}#main-s .section4 .sd-pic .sd-list1{width:197px}}#main-s .section5{width:100%;height:900px;background:url(../images/spe-s5-bg.jpg) no-repeat;background-size:cover}#main-s .section5 h2{padding:121px 0 23px;color:#fff}#main-s .section5 .little-title{color:#fff}#main-s .section5 .btn-c{border:1px solid #fff;color:#fff}#main-s .section5 .btn-c:hover{border:1px solid #0084ce}#main-s .section .little-title{text-align:center;font-size:16px}#main-s .section5 .p{margin:0 auto;margin-bottom:45px;width:780px;color:#fff;font-size:16px;line-height:30px}#main-s .section5 .count{margin:0 auto;width:820px;color:#fff}#main-s .section5 .count .c1 div{text-align:left}#main-s .section5 .count .c2 div{text-align:center}#main-s .section5 .count .c3 div{text-align:right}#main-s .section5 .count div{font-size:14px}#main-s .section5 .count p{display:inline-block;letter-spacing:.3em}#main-s .section5 .count div span{letter-spacing:0;font-weight:lighter;font-size:60px;font-family:Roboto}#main-s .section5 .count div span i{margin-left:3px;font-style:normal;font-size:20px;font-family:"Microsoft YaHei"}#main-s .section5 #box{position:relative;float:left;overflow:hidden;width:100%;height:390px}#main-s .section5 #list{position:absolute;top:49px;left:0;display:inline;width:100%;height:446px}#main-s .section5 #list ul{margin:0 auto;padding:0;width:790px;height:100%}#main-s .section5 #list li{position:absolute;width:100px;cursor:pointer}#main-s .section5 #list li img{width:100%;height:100%;vertical-align:top}#main-s .section5 #list li div{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#000;opacity:.25;filter:alpha(opacity=25)}#main-s .section5 #list li.hove div{opacity:0;filter:alpha(opacity=0)}#main-s .section5 #list a{position:absolute;top:115px;z-index:20;width:53px;height:53px;background:url(../images/spe-s5-pn.png) no-repeat;color:#fff;text-decoration:none}#main-s .section5 #list a.prev{left:50%;margin-left:-504px;background-position:0 0}#main-s .section5 #list a.next{left:50%;margin-left:452px;background-position:-53px 0}#main-s .section6{background:#ebebeb}#main-s .section6 h2{padding-bottom:60px}#main-s .section6 .s6-p{position:relative;z-index:2;overflow:hidden;margin:0 auto;width:270px;height:300px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}#main-s .section6 .s6-p img{z-index:1}#main-s .section6 .s6-p a{padding-right:15px;padding-left:15px}#main-s .section6 .s6-p a i{margin-right:8px}#main-s .section6 .s6-p a i.i{margin-bottom:-3px;margin-left:12px;background:url(../images/b-icon.png) no-repeat;background-position:0 -55px}#main-s .section6 .s6-info{padding:75px 0 60px}#main-s .section6 .s6-info ul div{display:inline-block;margin-top:45px;text-align:left}#main-s .section6 .s6-info ul span{color:#0084ce;font-size:60px}#main-s .section6 .s6-info ul p{display:inline-block;color:#8e8e8e;letter-spacing:.3em;font-size:14px}#main-s .section6 .s6-p a{position:absolute;bottom:0;z-index:2;display:block;padding:0 10px;width:100%;height:60px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;background:rgba(0,0,0,.5);color:#fff;text-align:right;font-size:16px;line-height:60px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);-ms-border-radius:0 0 15px 15px;-o-border-radius:0 0 15px 15px}#main-s .section6 .s6-p img,#main-y .section4 .ul-box{-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}#main-s .section6 .s6-p a span:first-child{float:left}#main-s .section6 .s6-p a i{display:inline-block;margin:0 10px -3px 0;width:18px;height:19px;background:url(../images/b-icon.png) 0 -36px no-repeat}#main-s .section6 .s6-p:hover img{border-radius:15px;transition:all 1s ease 0s;transform:scale(1.1)}#main-s .section.section6 .little-title{margin-bottom:70px;color:#000;font-size:16px;line-height:1}#main-c .section6 h2,#main-s .section7 h2{padding:81px 0 56px}#main-b .section9 .s7-a,#main-c .section6 .s7-a,#main-s .section7 .s7-a,.s-section7 .s7-a{display:block;margin:0 auto;width:100%;height:340px;border-radius:10px;background-color:#fff;box-shadow:0 0 20px #e0e0e0;color:#333}#main-b .section9 .s7-a i,#main-c .section6 .s7-a i,#main-s .section7 .s7-a i,.s-section7 .s7-a i{display:block;width:100%;height:188px}#main-b .section9 .s7-a1 i,#main-c .section6 .s7-a1 i,#main-s .section7 .s7-a1 i,.s-section7 .s7-a1 i{background:url(../images/spe-s7-1.png) center center no-repeat}#main-b .section9 .s7-a2 i,#main-c .section6 .s7-a2 i,#main-s .section7 .s7-a2 i,.s-section7 .s7-a2 i{background:url(../images/spe-s7-2.png) center center no-repeat}#main-b .section9 .s7-a3 i,#main-c .section6 .s7-a3 i,#main-s .section7 .s7-a3 i,.s-section7 .s7-a3 i{background:url(../images/spe-s7-3.png) center center no-repeat}#main-b .section9 .s7-a4 i,#main-c .section6 .s7-a4 i,#main-s .section7 .s7-a4 i,.s-section7 .s7-a4 i{background:url(../images/spe-s7-4.png) center center no-repeat}#main-b .section9 .s7-a h6,#main-c .section6 .s7-a h6,#main-s .section7 .s7-a h6,.s-section7 .s7-a h6{margin-bottom:24px;font-size:22px}#main-b .section9 .s7-a p,#main-c .section6 .s7-a p,#main-s .section7 .s7-a p,.s-section7 .s7-a p{margin:0 auto;width:80%;color:#666;font-size:14px;line-height:22px}.s-section7{background-color:#ebebeb}#list2,#list2 li div,#list2 li img{width:100%;height:100%}#main-s .section8{height:700px;background:#efedeb;text-align:left}#main-s .section8 .s8-left{margin-top:220px}#main-s .section8 .s8-left h3{margin-bottom:26px;font-size:44px;line-height:1.4em}#main-s .section8 .s8-left p{margin-bottom:56px;font-size:16px;line-height:24px}#main-s .section8 .s8-left ul{margin-left:-15px}#main-s .section8 .s8-left ul div{color:#0084ce;font-size:20px}#main-s .section8 .s8-left ul div span{margin-right:2px;font-size:50px;font-family:Roboto}#main-s .section8 .s8-left ul div span i{position:relative;top:8px;vertical-align:top;font-style:normal;font-size:30px}#main-s .section8 .s8-left ul div p{color:#8e8e8e;letter-spacing:.3em;font-size:14px}#main-s .section8 .s8-left .btn-c{margin-top:110px;margin-bottom:0}#box2{position:relative;float:left;width:100%;height:650px}#list2,#list2 a,#list2 li,#list2 li div{position:absolute}#list2{top:49px;left:0;display:inline}#list2 ul{margin:0 auto;padding:0;width:790px;height:100%}#list2 li{width:100px;cursor:pointer}#list2 li img{vertical-align:top}#list2 li div{top:0;left:0;z-index:1;background:#fff;opacity:.45;filter:alpha(opacity=45)}#list2 li.hove div{opacity:0;filter:alpha(opacity=0)}#list2 a{top:305px;z-index:20;width:53px;height:53px;background:url(../images/spe-s5-pn.png) no-repeat;color:#fff;text-decoration:none}#list2 a.prev{left:50%;margin-left:-418px;background-position:0 0}#list2 a.next{left:50%;margin-left:348px;background-position:-53px 0}#main-y .section1 h1,#main-y .section1 h2{margin:155px 0 5px;padding:0;color:transparent;font-weight:700;font-size:55px;line-height:69px}#main-y .section1 h1{margin-top:135px}#main-y h2{margin:80px 0 8px;padding:0;color:transparent;font-size:40px;line-height:1}#main-y .section1 .slid2 h2{background:url(../images/y-s1-t1.png) 0 50% no-repeat;text-align:left}#main-y .section1 .slid1 h1{background:url(../images/y-s1-t2.png) 0 50% no-repeat;text-align:left}#main-y .section2 h2{background:url(../images/y-s2-t.png) 50% 50% no-repeat}#main-y .section3 h2{background:url(../images/y-s3-t.png) 50% 50% no-repeat}#main-y .section4 h2{background:url(../images/y-s4-t.png) 50% 50% no-repeat}#main-y .section5 h2{background:url(../images/y-s5-t.png) 50% 50% no-repeat}#main-y .section6 h2{background:url(../images/y-s6-t.png) 50% 50% no-repeat}#main-y .section7 h2{background:url(../images/y-s7-t.png) 50% 50% no-repeat}#main-y .section8 h2{background:url(../images/y-s8-t.png) 50% 50% no-repeat}#main-y .section9 h2{background:url(../images/y-s9-t.png) 50% 50% no-repeat}#main-y .btn-c{margin:60px 0 69px}#main-y h2~p{margin-bottom:60px;color:#666;text-align:center;font-size:22px;line-height:1}#main-y .section .s-line{margin-bottom:14px;width:32px;height:2px}#main-y .section1 .s1-bg-white{position:absolute;bottom:0;left:0;z-index:3;width:100%;height:126px;background:url(../images/y-s1-bg-d.png) 50% 0 no-repeat}#main-y .section1 .btn-c{margin-top:0;margin-right:32px}#main-y .section1 .y-s1-p{padding:9px 0 40px}#main-y .section1 .y-s1-p p{color:#000;font-size:16px;line-height:24px}#main-y .section1 .y-s1-p p>i{display:inline-block;margin-right:9px;width:18px;height:24px;background:url(../images/y-s1-i.png) 0 100% no-repeat}#main-y .section1 .slid1{background-image:url(../images/y-s1-bg-1.jpg)}#main-y .section1 .slid0{background-image:url(../images/bg1-1.jpg)}#main-y .section1 .slid2{background-image:url(../images/y-s1-bg-2.jpg)}#main-y .section1 .slid3{background-image:url(../images/y-s1-bg-3.jpg);background-position:40% 0}#main-y .section1 .slid2 .btn-c{margin-top:79px}#main-y .section1 .slid3 h2{color:#000;letter-spacing:-4px;font-size:50px;font-family:MoonBold;line-height:61px}#main-y .section1 .slid3 p{margin:7px 0 64px;text-align:left;font-size:24px;line-height:1}#main-y .h-dcr{margin-bottom:11px;color:#999;text-align:center;text-transform:uppercase;font-size:13px;line-height:1}#main-y .section.section2 .s-line{margin-bottom:55px}#main-y .section2 .s2-btn{position:relative;display:inline-block;width:301px;height:80px;border:0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fd8958;color:#fff;text-align:center;font-size:16px;line-height:80px;-ms-border-radius:20px;-o-border-radius:20px}#main-y .section2 .s2-btn.front-face,#main-y .section4 .ul-box .li-text h4{font-size:22px}#main-y .section2 .s2-btn:after{position:absolute;bottom:-28px;left:50%;overflow:hidden;margin-left:-15px;width:0;height:0;border:15px solid transparent;content:"";border-top-color:#fd8958}#main-y .section1 ul li{height:668px}#main-y .section2 .s2-btn.back-face{padding-top:15px;line-height:1.5}#main-y .section2 .s2-scr{position:relative;height:440px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.back-face,.front-face{position:absolute!important;top:0;left:50%;margin-left:-150px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.front-face{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);-ms-transform:rotateY(0)}.back-face,.s2-scr:hover .front-face{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.s2-scr:hover .back-face{cursor:pointer;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-ms-transform:rotateY(360deg)}#main-y .section3 .s3-box .i-header span:hover,#main-y .section4 .ul-box:hover>li:first-child>img{transform:scale(1.1)}#main-y .section2 .s2-scr i{position:absolute;bottom:0;left:50%;display:inline-block;margin-left:-161px;width:100%;height:400px;background:50% 100% no-repeat}#main-y .section2 .s2-scr .i1{background-image:url(../images/y-s2-p1.jpg);background-size:contain}#main-y .section2 .s2-scr .i2{background-image:url(../images/y-s2-p2.jpg);background-size:contain}#main-y .section2 .s2-scr .i3{background-image:url(../images/y-s2-p3.jpg);background-size:contain}#main-y .section3{background:#ebebeb}#main-y .section3 .s3-box{position:relative;margin-bottom:22px;width:576px;height:212px;background:no-repeat;color:#fff;text-align:left}#main-y .section3 .s3-box .s-line{display:block;margin-bottom:16px;width:26px;height:2px;background:#fff}#main-y .section3 .s3-box1{background-image:url(../images/y-s3-b1.png)}#main-y .section3 .s3-box2{background-image:url(../images/y-s3-b2.png)}#main-y .section3 .s3-box3{background-image:url(../images/y-s3-b3.png)}#main-y .section3 .s3-box4{background-image:url(../images/y-s3-b4.png)}#main-y .section3 .s3-box .i-header{position:relative;display:inline-block;width:232px;height:208px;background:no-repeat;text-transform:uppercase}#main-y .section3 .s3-box .i-header span{position:absolute;right:10px;bottom:10px;display:inline-block;width:57px;height:56px;background:url(../images/y-play.png) no-repeat;cursor:pointer}#main-y .section3 .s3-box ul{overflow:hidden}#main-y .section3 .s3-box ul>li{float:left}#main-y .section3 .s3-box h3{margin-bottom:15px;text-transform:uppercase;font-weight:700;font-family:MoonBold,"Microsoft Yahei",Arial,Helvetica,sans-serif}#main-y .section3 .s3-box p{margin-bottom:5px;font-size:14px;line-height:20px}#main-y .section3 .s3-box .li-text{padding:30px 15px;width:340px}#main-y .section3 .s3-box .li-text a{position:absolute;top:32px;right:25px;bottom:15px;display:block;color:#fff;text-align:left}#main-y .section3 .s3-box .li-text a span{padding-left:22px;background:url(../images/y-s3-xin.png) 0 50% no-repeat}#main-y .section3 .s3-box .li-text a span:first-child{margin-right:30px;background-image:url(../images/y-s3-p.png)}#main-y .section3 .s3-box1 .i-header{background-image:url(../images/y-s3-p1.jpg)}#main-y .section3 .s3-box2 .i-header{background-image:url(../images/y-s3-p2.jpg)}#main-y .section3 .s3-box3 .i-header{background-image:url(../images/y-s3-p3.jpg)}#main-y .section3 .s3-box4 .i-header{background-image:url(../images/y-s3-p4.jpg)}#main-y .section3 .btn-c{margin-top:40px}#main-y .section4 .ul-box{overflow:hidden;padding:16px;width:376px;height:494px;border-radius:15px;background-color:#f7f7f7;text-align:left}#main-y .section4 .ul-box li:first-child{position:relative;z-index:2;overflow:hidden;margin-bottom:76px;width:344px;height:226px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}#main-y .section4 .ul-box .li-text{position:relative}#main-y .section4 .ul-box .li-text a{position:absolute;top:-105px;right:25px;z-index:3;display:block;width:80px;height:80px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;background:url(../images/y-s4-play.png) 55% 50% no-repeat;background-color:#FC3;-ms-border-radius:40px;-o-border-radius:40px}#main-y .section4 .ul-box2 .li-text a{background-color:#5fc8a2}#main-y .section4 .ul-box3 .li-text a{background-color:#fd8958}#main-y .section4 .ul-box .li-text p{color:#333;text-align:justify;font-size:14px;line-height:24px}#main-y .section4 .ul-box .s-line{margin:16px 0 15px;width:26px;height:2px}#main-y .section4 .ul-box1 .s-line{background-color:#FC3}#main-y .section4 .ul-box2 .s-line{background-color:#5fc8a2}#main-y .section4 .ul-box3 .s-line{background-color:#fd8958}#main-y .section6{color:#fff}#main-y .section6 ul{display:table;height:290px;line-height:290px}#main-y .section6 ul li{display:table-cell;height:100%;text-align:left}#main-y .section6 .li-text{padding-left:18px}#main-y .section6 .li-text h4{margin-bottom:14px;font-size:50px;line-height:1}#main-y .section6 .li-text p{line-height:14px}#main-y .section6 .s6-ul4{padding-left:90px}#main-y .section5{background:#eee}#main-y .section5 ul>li{position:relative;padding-left:120px;text-align:left}#main-y .section5 ul>li i{position:absolute;top:0;left:0;display:block;width:96px;height:96px;background:50% 50% no-repeat}#main-y .section5 p{margin-bottom:80px}#main-y .section5 ul{padding-top:20px}#main-y .section5 ul>li h4{margin-bottom:10px;padding-top:10px;color:#333;font-size:22px}#main-y .section5 ul>li p{margin-bottom:60px;color:#666;font-size:14px;line-height:22px}#main-y .section5 .li-text1 i{background-image:url(../images/y-s5-i1.png)}#main-y .section5 .li-text2 i{background-image:url(../images/y-s5-i2.png)}#main-y .section5 .li-text3 i{background-image:url(../images/y-s5-i3.png)}#main-y .section5 .li-text3 p{margin-bottom:0}#main-y .section5 .div-s5-c{position:relative}#main-y .section5 .div-s5-c img{margin-left:-100px}#main-y .section5 .div-s5-c a{position:absolute;top:50%;left:50%;display:block;margin-top:-24px;margin-left:-80px;width:56px;height:57px;background:url(../images/y-play.png) no-repeat}#main-y .section5 .div-s5-c a:hover{transform:rotateZ(360deg)}#main-y .section6{height:290px;background:url(../images/y-s6-bg.jpg) no-repeat;background-size:cover}#main-y .section7{padding-bottom:70px;width:100%;background:#ebebeb}#main-y .section7 .btn-c{margin-top:55px}#main-y .section7 h5{margin:0 auto;margin-bottom:23px;width:780px;color:#333;text-align:center;font-size:22px}#main-y .section7 p{margin:0 auto;width:816px;color:#666;text-align:left;font-size:14px;line-height:24px}#main-y .section7 #box{position:relative;float:left;overflow:hidden;width:100%;height:390px}#main-y .section7 #list3{position:absolute;top:49px;left:0;display:inline;width:100%;height:446px}#main-y .section7 #list3 ul{margin:0 auto;padding:0;width:790px;height:100%}#main-y .section7 #list3 li{position:absolute;width:100px;cursor:pointer}#main-y .section7 #list3 li img{width:100%;height:100%;vertical-align:top}#main-y .section7 #list3 li div{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#000;opacity:.25;filter:alpha(opacity=25)}#main-y .section7 #list3 li.hove div{opacity:0;filter:alpha(opacity=0)}#main-y .section7 #list3 a{position:absolute;top:115px;z-index:20;width:53px;height:53px;background:url(../images/spe-s5-pn.png) no-repeat;color:#fff;text-decoration:none}#main-y .section7 #list3 a.prev{left:50%;margin-left:-504px;background-position:0 0}#main-y .section7 #list3 a.next{left:50%;margin-left:452px;background-position:-53px 0}#main-y .section8 .btn-c{margin-top:20px}#main-y .section8 .dw-pic{position:relative}#main-y .section8 .dw-pic .dw-list{position:relative;float:left;display:block;margin-bottom:50px;height:550px}#main-y .section8 .dw-pic .m-r-1{margin-right:1px}#main-y .section8 .dw-pic .dw-list-1{width:60px}#main-y .section8 .dw-pic .dw-list-2{width:90px}#main-y .section8 .dw-pic .dw-list-3{width:180px}#main-y .section8 .dw-pic .dw-lsit-0{width:265px}#main-y .section8 .dw-pic .dw-list>div{position:absolute;bottom:0;left:0;width:100%}#main-y .section8 .dw-pic .dw-list .dw-img-box{position:relative}#main-y .section8 .dw-pic .dw-list .dw-img-box>div{position:absolute;top:-140px;left:50%;z-index:10;margin-left:-90px;padding:20px 10px;width:180px;border:1px solid #999;border-radius:10px;background-color:#fff;font-size:13px;opacity:0;transition:all .5s;filter:alpha(opacity=0)}#main-y .section8 .dw-pic .dw-list .dw-img-box:hover>div{top:-150px;opacity:1;alpha(opacity:100)}#main-y .section8 .dw-pic .dw-list-3 .dw-img-box>div{margin-left:-90px}#main-y .section8 .dw-pic .dw-list-2 .dw-img-box>div{margin-left:-45px}#main-y .section8 .dw-pic .dw-list-1 .dw-img-box>div{margin-left:-30px}#main-y .section8 .dw-pic .dw-list5 .dw-img-box>div{margin-left:-135px}#main-y .section8 .dw-pic .dw-list7 .dw-img-box>div{margin-left:-90px}#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div{margin-left:-150px}#main-y .section8 .dw-pic .dw-list10 .dw-img-box>div{margin-left:-90px}#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div{margin-left:-150px}#main-y .section8 .dw-pic .dw-list2 .dw-img-box>div{border-color:#fc3}#main-y .section8 .dw-pic .dw-list3 .dw-img-box>div{border-color:#fd8958}#main-y .section8 .dw-pic .dw-list4 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list5 .dw-img-box>div{border-color:#58d9aa}#main-y .section8 .dw-pic .dw-list6 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list7 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div{border-color:#74cee4}#main-y .section8 .dw-pic .dw-list10 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list9 .dw-img-box>div{border-color:#9a94d7}#main-y .section8 .dw-pic .dw-list .dw-img-box>div i{position:absolute;bottom:-10px;left:81px;display:block;width:18px;height:10px}#main-y .section8 .dw-pic .dw-list2 .dw-img-box>div i{background-image:url(../images/youth-wd-s1.png);background-position:0 0}#main-y .section8 .dw-pic .dw-list3 .dw-img-box>div i{background-image:url(../images/youth-wd-s1.png);background-position:-18px 0}#main-y .section8 .dw-pic .dw-list4 .dw-img-box>div i{left:36px;background-image:url(../images/youth-wd-s1.png);background-position:-36px 0}#main-y .section8 .dw-pic .dw-list5 .dw-img-box>div i{left:126px;background-image:url(../images/youth-wd-s1.png);background-position:-36px 0}#main-y .section8 .dw-pic .dw-list6 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list7 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div i{background-image:url(../images/youth-wd-s1.png);background-position:-54px 0}#main-y .section8 .dw-pic .dw-list6 .dw-img-box>div i{left:21px}#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div i{left:141px}#main-y .section8 .dw-pic .dw-list10 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list9 .dw-img-box>div i{background-image:url(../images/youth-wd-s1.png);background-position:-72px 0}#main-y .section8 .dw-pic .dw-list9 .dw-img-box>div i{left:21px}#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div i{left:141px}#main-y .section8 .dw-pic .dw-pic-bot-line{position:absolute;right:55px;bottom:0;display:block;width:786px;height:4px;background:#d3d3d3}#main-y .section8 .dw-pic .dw-list .dw-img-box span{position:absolute;bottom:-80px;left:50%;margin-left:-33px;width:66px;height:22px;border-radius:3px;color:#333;text-align:center;font-size:13px;line-height:22px;opacity:0;transition:all .5s}#main-y .section8 .dw-pic .dw-list11 .dw-img-box span,#main-y .section8 .dw-pic .dw-list:hover .dw-img-box span{opacity:1}#main-y .section8 .dw-pic .dw-list .dw-img-box>i{position:absolute;bottom:-50px;left:50%;margin-left:-12px;width:24px;height:24px;border-radius:50%;background-color:#999;opacity:0;transition:all .5s}#main-y .section8 .dw-pic .dw-list:hover .dw-img-box>i{opacity:1}#main-y .section8 .dw-pic .dw-list2 .dw-img-box>i{background:#fc3}#main-y .section8 .dw-pic .dw-list3 .dw-img-box>i{background:#fd8958}#main-y .section8 .dw-pic .dw-list4 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list5 .dw-img-box>i{background:#58d9aa}#main-y .section8 .dw-pic .dw-list6 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list7 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list8 .dw-img-box>i{background:#74cee4}#main-y .section8 .dw-pic .dw-list10 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list9 .dw-img-box>i{background:#c389ce}#main-y .section8 .dw-pic .dw-list11 .dw-img-box>i{bottom:-46px;display:block;margin-left:-20px;width:42px;height:32px;border-radius:0;background:url(../images/mb.png) no-repeat;opacity:1;alpha(opacity:1)}#main-y .section9{background:#ebebeb}#main-y .section9 li{text-align:center}#main-y .section9 .s7-i{display:inline-block;margin-bottom:35px;width:164px;height:164px;-webkit-border-radius:82px;-moz-border-radius:82px;border-radius:82px;background-color:#fff;background-image:url(../images/y-s9-icon-ie.png);-ms-border-radius:82px;-o-border-radius:82px}#main-y .section9 ul h4{color:#333;font-size:22px;line-height:30px}#main-y .section9 ul p{color:#666;font-size:14px}#main-y .section9 .s-line{margin-bottom:55px}#main-y .section9 .s7-ul1 .s7-i{background-position:0 0}#main-y .section9 .s7-ul2 .s7-i{background-position:0 -164px}#main-y .section9 .s7-ul3 .s7-i{background-position:0 -328px}#main-y .section9 .s7-ul4 .s7-i{background-position:0 -492px}#main-y .section9 .s7-i:hover{background-position-x:164px}#main-y .section9 ul .s-line{margin:15px 0 12px;width:26px;height:2px}#main-y .section9 .s7-ul1 .s-line{background:#74cee4}#main-y .section9 .s7-ul2 .s-line{background:#FC3}#main-y .section9 .s7-ul3 .s-line{background:#5fc8a2}#main-y .section9 .s7-ul4 .s-line{background:#fd8958}#main-y .section9 .btn-c{margin-top:55px}#main-c .section h2{font-size:40px}#main-c .section p.little-title{font-size:16px}#main-c .section .s-line{height:0;background:inherit;margin-bottom:30px}#main-c .section1 ul li{height:650px}#main-c .section1 li.slid0{background-image:url(../images/b-c-1.jpg)}#main-c .section1 li *{text-align:center;color:#fff}#main-c .section1 li h2{font-weight:lighter;font-size:52px;padding-top:190px;padding-bottom:12px;filter:Alpha(Opacity=90);opacity:.9;-moz-opacity:.9}#main-c .section1 li a{border-radius:5px;background-color:#0084ce;width:176px;height:58px;line-height:58px;margin-top:80px}#main-c .section2 .s3-a,#main-c .section2 .s3-a span,#main-c .section2 .s3-a span i{width:100%}#main-c .section3 .div-bg{width:100%;height:370px;background-size:100% 100%;background-repeat:no-repeat;position:relative;border-radius:5px;overflow:hidden;margin-bottom:115px}#main-c .section3 .div-bg-1{background-image:url(../images/c-s3-1.jpg)}#main-c .section3 .div-bg-2{background-image:url(../images/c-s3-2.jpg)}#main-c .section3 .div-info{height:90px;position:absolute;bottom:0;z-index:2;width:100%;background:rgba(0,0,0,.5);border-bottom-left-radius:5px;border-bottom-right-radius:5px}#main-c .section3 a{float:left;width:186px;height:50px;line-height:50px;margin-top:20px;margin-left:20px;color:#fff;background-color:#0084ce}#main-c .section3 a:hover{color:#0084ce;background:0}#main-c .section3 p{color:#fff;margin-left:15px;margin-top:24px;float:left}#main-c .section4 h2{padding-bottom:20px}#main-c .section4 p{padding-bottom:40px}#main-c .section4 .s3-info{padding-top:0}#main-c .section4 a{margin:30px 0 50px}#main-c .section5 h2{padding-top:100px;padding-bottom:0;line-height:1.3em}#main-c .section5 .s3-info{padding-top:50px}#main-c .section5 a.btn-c{margin-top:40px;float:left}#main-c .section6{background-image:url(../images/b-s9-bg.jpg)}#main-c .section7 p{text-align:center}#main-c .section7 a.btn-c{margin-top:50px}#main-c .section9{background-color:rgba(0,0,0,.5);height:720px;background-image:url(../images/c-s9-bg.jpg);background-repeat:repeat-x;background-size:auto 100%}#main-c .section9 .little-title,#main-c .section9 h2{color:#fff}#main-c .section9 h2{padding-top:100px}#main-c .section9 .company-form{width:360px;margin:0 auto}#main-c .section9 .company-form .form-group,.modal-company-reg .modal-body form .form-group{position:relative}#main-c .section9 .company-form input,.modal-company-reg .modal-body form input{width:100%;border-radius:5px;padding-left:45px;box-shadow:none}#main-c .section9 .company-form input:focus,#main-c .section9 .company-form input:hover{box-shadow:0 0 8px #555}#main-c .section9 .company-form i,.modal-company-reg .modal-body form i{width:20px;height:20px;display:block;position:absolute;top:15px;z-index:2;left:15px}#main-c .section9 .company-form a.help{color:#fff;text-align:right}#main-c .section9 .company-form a.btn-n{width:100%;height:50px;line-height:50px;display:block;border-radius:5px;background-color:#0084ce;color:#fff;font-size:16px}#main-c .section9 .company-form a.btn-n:hover{box-shadow:0 0 8px #0171b0}.modal-company-reg{z-index:2000}.modal-company-reg .modal-dialog{width:440px;position:fixed;top:50%;left:50%;margin-left:-220px;margin-top:-292px;z-index:2000}.modal-company-reg .modal-header{height:110px;background:url(../images/com-modal.jpg) no-repeat;text-align:center;border-top-left-radius:3px;border-top-right-radius:3px}.modal-company-reg .modal-header h3{font-size:28px;color:#0084ce;margin-top:12px;margin-bottom:10px}.modal-company-reg .modal-header p{color:#ccc;font-size:14px;text-align:inherit}.modal-company-reg .modal-body form{width:90%;margin:0 auto;padding-top:20px}.modal-company-reg .modal-body form input{border:1px solid #d7d7d7;background-color:#edecec}.modal-company-reg .modal-body form .verifyImg{position:absolute;right:15px;top:10px;z-index:2001}.modal-company-reg .modal-body form .help{color:#666}.modal-company-reg .modal-body form .btn-n{width:100%;height:52px;line-height:52px;text-align:center;background-color:#0084ce;color:#fff;display:block;border-radius:5px;font-size:18px}#log-reg{position:fixed;top:50%;left:50%;z-index:1201;overflow:hidden;margin-top:-300px;margin-left:-235px;width:470px;border-radius:10px;box-shadow:0 0 50px #2f2f2f}#log-reg .header{width:100%;height:130px;background:url(../images/log-reg-h.png) center no-repeat}#log-reg .header .lr-close{position:absolute;top:20px;right:20px;height:22px;color:#efefef;vertical-align:top;font-weight:100;font-style:normal;font-size:30px;line-height:22px}#log-reg .header .lr-close:hover{color:#d7d7d7;cursor:pointer}#log-reg .bodyer{position:relative;padding:30px 55px 20px;background:#fff}#log-reg .bodyer .tab{position:absolute;top:-39px;left:50%;margin-left:-124px;text-align:center}#log-reg .bodyer .tab li,#log-reg .bodyer .tab ul{margin:0;padding:0;list-style:none}#log-reg .bodyer .tab li{float:left;display:block}#log-reg .bodyer .tab a{display:block;margin:0 auto;width:124px;height:40px;border-top-right-radius:5px;border-top-left-radius:5px;background:#0084ce;color:#fff;text-align:center;font-size:16px;line-height:40px}#log-reg .bodyer .tab a.active{background:#fff;color:#0084ce}#log-reg .m-b-12{margin-bottom:12px}#log-reg .form form{display:none}#log-reg .form form.active{display:block!important}#log-reg form .form-group{position:relative;margin-bottom:5px}#log-reg form .form-group input[type=password],#log-reg form .form-group input[type=text]{padding-left:50px;width:360px;height:42px;border:1px solid #eee;border-radius:18px;background:#f7f7f7;line-height:42px}#log-reg form .form-group input[type=radio]{position:relative;top:4px;margin:0;margin-right:5px;vertical-align:top}#log-reg form .form-group i{position:absolute;top:11px;left:15px;z-index:11;width:20px;height:20px}#log-reg form .form-group i.form-tel,form .form-group i.form-tel{background:url(../images/form-icon.png) no-repeat}#log-reg form .form-group i.form-pass,form .form-group i.form-pass{background:url(../images/form-icon.png) -20px 0 no-repeat}#log-reg form .form-group i.form-ma,form .form-group i.form-name{background:url(../images/form-icon.png) -40px 0 no-repeat}#log-reg form .form-group i.form-yanzheng,form .form-group i.form-code{background:url(../images/form-icon.png) -60px 0 no-repeat}#reg-yanzheng-img{position:absolute;top:8px;right:25px;display:block;width:50px;height:27px}#log-reg form .form-group .btn{display:block;padding-top:0;width:360px;height:50px;border-radius:20px;background:#0084ce;color:#fff;font-size:16px;line-height:50px}#log-reg form .text-right{margin-bottom:5px}#log-reg form .text-right a{color:#999}#log-reg form .text-right a:hover{color:#0084ce}#log-reg form .text-right i{position:relative;top:0;left:0;display:inline-block;margin:0 8px;width:1px;height:10px;background:#999}#log-reg form .error-info{float:left;display:none;color:#d00}#log-reg .footer{background:#fff;padding-top: 15px;}#log-reg .footer .title{position:relative;padding-bottom:8px;width:100%;color:#999;text-align:center;font-size:14px}#log-reg .footer .title::after,#log-reg .footer .title::before{position:absolute;top:7px;display:block;width:130px;height:1px;background:#999;content:' '}#log-reg .footer .title::before{left:50%;margin-left:-180px}#log-reg .footer .title::after{right:50%;margin-right:-180px}#log-reg .footer .other-log{width:100%;text-align:center}#log-reg .footer .other-log a{display:inline-block;width:42px;height:42px;transition:all 0s}#log-reg .footer .other-log a.center{margin:0 24px}#log-reg .footer .other-log a.qq{background:url(../images/other-log.png) no-repeat}#log-reg .footer .other-log a.weixin{background:url(../images/other-log.png) -42px 0 no-repeat}#log-reg .footer .other-log a.weibo{background:url(../images/other-log.png) -84px 0 no-repeat}#log-reg .footer .other-log a.qq:hover{background:url(../images/other-log.png) 0 -42px no-repeat}#log-reg .footer .other-log a.weixin:hover{background:url(../images/other-log.png) -42px -42px no-repeat}#log-reg .footer .other-log a.weibo:hover{background:url(../images/other-log.png) -84px -42px no-repeat}#log-reg .verifyImg{cursor:pointer}#bg{position:fixed;top:0;left:0;z-index:1200;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70)}@media \0screen\,screen\9{ #footer .section-f1{position:static;background-color:#000;filter:Alpha(opacity=50)}#footer .section-f1 a,#footer .section-f1 span{position:relative}#main-y .section4 .ul-box1 li:first-child a{background-color:transparent;background-image:url(../images/y-s4-play1.png)}#main-y .section4 .ul-box2 li:first-child a{background-color:transparent;background-image:url(../images/y-s4-play2.png)}#main-y .section4 .ul-box3 li:first-child a{background-color:transparent;background-image:url(../images/y-s4-play3.png)}#main-y .section9 .s7-i{display:inline-block;width:164px;height:164px;background:url(../images/y-s9-icon-ie.png) 50% 50% no-repeat}input[type=password],input[type=text]{color:#555;font-size:16px}#log-reg{margin-top:-310px}#main-y .section1 .slid1 h1,#main-y .section1 .slid2 h2{background:0;text-align:left}#main-y .section2 h2,#main-y .section3 h2,#main-y .section4 h2,#main-y .section5 h2,#main-y .section6 h2,#main-y .section7 h2,#main-y .section8 h2,#main-y .section9 h2{background:0}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){input[type=password],input[type=text]{font-size:15px}}#header .header-top .top-right span.s-login{background:url(../images/h-4.png) 0 50% no-repeat} #footer .section-f1 input{width:260px}#footer #f-form div:first-child{text-align:left}#footer .section-f1 .col-xs-1{padding-right:0;width:13%} #footer .section-f1 .col-xs-2{padding-left:0}#footer .section-f1 .col-xs-3{padding-left:0;width:23.333%}#footer .section-f1 .btn-b{width:175px}@media(min-width:768px){.navbar{border-radius:0}}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Thin.ttf) format('truetype')}@font-face{font-family:icons;src:url(fonts/icons.eot?clb8qw);src:url(fonts/icons.eot?clb8qw#iefix) format('embedded-opentype'),url(fonts/icons.ttf?clb8qw) format('truetype'),url(fonts/icons.woff?clb8qw) format('woff'),url(fonts/icons.svg?clb8qw#icons) format('svg');font-weight:400;font-style:normal}#top li a{background:0 0;background-color:#0084ce;text-align:center;color:#fff;padding:3px 0}#top li a>i{display:inline-block;height:24px;width:24px;font-family:icons!important;font-style:normal;font-size:24px}#top li a>b{display:block;font-size:10px}#top li a:hover{color:#0084ce;background-color:#fff}#top li .t-1 i:before{content:"\e902"}#top li .t-2 i:before{content:"\e901"}#top li .t-3 i:before{content:"\e900"}#top.youthcode li a{background-color:#ff7941;border-color:#ff7941}#top.youthcode li a:hover{color:#ff7941;background-color:#fff} .form input{font-size: 14px; !important} .map_tab {width:100%; position:relative; margin:auto; margin-top:40px}/* width:760px; */ .map_tab ul {height:40px; } .map_tab li {float:left; width:250px; height:40px; text-align:Center; border:1px solid #00a2e4; border-right:0px;} .map_tab li:last-child {border-right:1px solid #00a2e4} .map_tab li a{display:inline-block; float:left; width:250px; height:40px; text-align:Center; line-height:40px; font-size:14px; } .map_tab li a:hover{display:inline-block; float:left; width:250px; height:40px; text-align:Center; background:#00a2e4; line-height:40px; font-size:14px; color:#ffffff;} .map_tab li.active a{display:inline-block; float:left; width:250px; height:40px; text-align:Center; background:#00a2e4; line-height:40px; font-size:14px; color:#ffffff;} .map_tab li.active a:hover{text-decoration:none} .tab_con1 {width:100%; text-align:center}/* width:790px; */ .guide_tab {width:760px; position:relative; margin:auto; margin-top:40px} .guide_tab ul {height:40px; } .guide_tab li {float:left; height:40px; text-align:Center; border:1px solid #afafaf; margin-left:8px } .guide_tab li a{display:inline-block; float:left; padding:0 10px; height:40px; text-align:Center; line-height:40px; font-size:12px; } .guide_tab li a:hover{display:inline-block; float:left;padding:0 10px; height:40px; text-align:Center; background:#5e5e5e; line-height:40px; font-size:12px; color:#ffffff;} .guide_tab li.active a{display:inline-block; float:left; padding:0 10px; height:40px; text-align:Center; background:#5e5e5e; line-height:40px; font-size:12px; color:#ffffff;} .guide_tab li.active a:hover{text-decoration:none} .class1_btn {margin-left:77px} .youtube {width:760px; height:450px; background:#323232; margin:auto} /*popup*/ .popup{ position:relative; width:570px; height:300px; background:#edeef2 url('../image/common/login_bg.png') no-repeat left 50px ; border-radius:5px; display:none;} .popup .tit {width:560px; height:50px; background:#03447c; color:#ffffff; line-height:50px; font-size:25px; padding-left:10px} .popup .close a {position:absolute; top:15px; right:10px; width:22px; height:22px; background:url('../image/common/pop_close.png') no-repeat center left; } .popup.allMenu{width:580px;} .popup ul {margin-top:40px; margin-left:240px} .popup li {margin-bottom:10px} .popup li input {width:280px; height:40px; border-radius:3px; border:1px solid #b7b7b7;padding-left:10px} .popup li.login_btn a {display:inline-block; width:290px; height:40px; border-radius:3px; background:#03447c; text-align:center; color:#ffffff; line-height:40px;} .popup li.id_pw { width:290px; height:40px; text-align:center} .popup li.id_pw a{display:inline-block; padding:5px 10px; background:#b4b4b4; border-radius:5px; color:#ffffff; font-size:11px; border:1px solid #a8a8a8} .teacher_intro {width:760px; margin:auto; min-height:600px; margin-top:40px} .teacher_intro .intro_box {width:730px; height:230px; background:#f6f6f6; border-radius:5px; padding:15px; margin-bottom:20px} .teacher_intro .intro_box .title {width:730px; height:30px; padding-bottom:10px; border-bottom:1px solid #cacaca; } .teacher_intro .intro_box .title .name {line-height:30px; font-size:20px; color:#4b4b4b; font-weight:bold; float:left; background:url('../image/sub/teacher_name_ico.png') no-repeat center left; padding-left:50px} .teacher_intro .intro_box .title ul {float:right} .teacher_intro .intro_box .title ul li {float:left; margin-left:10px} .teacher_intro .intro_box .title ul li a {display:inline-block; border:1px solid #c0c0c0; border-radius:3px; font-size:12px; color:#6d6d6d; background:#ffffff} .teacher_intro .intro_box .title ul li a:hover {background:#0084ff; color:#ffffff} .teacher_intro .intro_box .title ul li a .ico1 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico1_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro .intro_box .title ul li a:hover .ico1 { background:url('../image/sub/teacher_menu_ico1.png') no-repeat 2px center; } .teacher_intro .intro_box .title ul li a .ico2 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico2_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro .intro_box .title ul li a:hover .ico2 { background:url('../image/sub/teacher_menu_ico2.png') no-repeat 2px center; } .teacher_intro .intro_box .title ul li a .ico3 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico3_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro .intro_box .title ul li a:hover .ico3 { background:url('../image/sub/teacher_menu_ico3.png') no-repeat 2px center; } .teacher_intro .intro_box .title ul li a .ico4 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico4_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro .intro_box .title ul li a:hover .ico4 { background:url('../image/sub/teacher_menu_ico4.png') no-repeat 2px center; } .teacher_intro .intro_box .info {height:160px; margin-top:20px} .teacher_intro .intro_box .info .photo {width:140px; height:160px; border:1px solid #cacaca; background:#ffffff; float:left} .teacher_intro .intro_box .info .photo img {width:140px; height:160px} .teacher_intro .intro_box .info ul {float:left; margin-left:10px} .teacher_intro .intro_box .info ul li {height:25px; margin-bottom:10px} .teacher_intro .intro_box .info .tit {clear:both; display:block; width:85px; height:25px; border-radius:50px; background:#c0c0c0; font-size:12px; text-align:Center; line-height:25px; color:#ffffff; float:left; } .teacher_intro .intro_box .info .txt {display:block; font-size:12px; color:#6d6d6d; width:470px; min-height:25px; margin-left:10px; float:left; line-height:20px;} .teacher_intro_modal {display:none; position:relative; width:700px; height:550px; background:#edeef2; border-radius:5px; }.teacher_intro .close a {position:absolute; top:15px; right:10px; width:22px; height:22px; background:url('../image/common/pop_close.png') no-repeat center left; } .teacher_intro_modal .close a {position:absolute; top:15px; right:10px; width:22px; height:22px; background:url('../image/common/pop_close.png') no-repeat center left; } .teacher_intro_modal .title {width:700px; height:60px; background:#03447c; border-radius:5px 5px 0 0; } .teacher_intro_modal .title ul {} .teacher_intro_modal .title ul li {float:left; margin-left:10px; margin-top:10px} .teacher_intro_modal .title ul li a {display:inline-block; border:1px solid #0b2943; border-radius:3px; font-size:12px; color:#c0c0c0; background:#093256} .teacher_intro_modal .title ul li a:hover {background:#0084ff; color:#ffffff; border:1px solid #094985; } .teacher_intro_modal .title ul li.active a{background:#0084ff; color:#ffffff; border:1px solid #094985; } .teacher_intro_modal .title ul li.active a:hover{background:#0084ff; color:#ffffff; border:1px solid #094985; } .teacher_intro_modal .title ul li a .ico1 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico1_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li a:hover .ico1 { background:url('../image/sub/teacher_menu_ico1.png') no-repeat 3px center; } .teacher_intro_modal .title ul li a .ico2 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico2_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li a:hover .ico2 { background:url('../image/sub/teacher_menu_ico2.png') no-repeat 3px center; } .teacher_intro_modal .title ul li a .ico3 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico3_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li a:hover .ico3 { background:url('../image/sub/teacher_menu_ico3.png') no-repeat 3px center; } .teacher_intro_modal .title ul li a .ico4 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico4_on.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li a:hover .ico4 { background:url('../image/sub/teacher_menu_ico4.png') no-repeat 3px center; } .teacher_intro_modal .title ul li.active a .ico1 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico1.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li.active a:hover .ico1 { background:url('../image/sub/teacher_menu_ico1.png') no-repeat 3px center; } .teacher_intro_modal .title ul li.active a .ico2 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico2.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li.active a:hover .ico2 { background:url('../image/sub/teacher_menu_ico2.png') no-repeat 3px center; } .teacher_intro_modal .title ul li.active a .ico3 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico3.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li.active a:hover .ico3 { background:url('../image/sub/teacher_menu_ico3.png') no-repeat 3px center; } .teacher_intro_modal .title ul li.active a .ico4 { display:inline-block; padding:10px; 10px; background:url('../image/sub/teacher_menu_ico4.png') no-repeat 3px center; background-size:27px; padding-left:35px } .teacher_intro_modal .title ul li.active a:hover .ico4 { background:url('../image/sub/teacher_menu_ico4.png') no-repeat 3px center; } .teacher_intro_modal .model_con {width:670px; height:460px; padding:15px; } .teacher_intro_modal .model_con .tab1_tit {width:670px; height:30px; padding-bottom:10px; border-bottom:1px solid #cacaca;} .teacher_intro_modal .model_con .tab1_tit .name {display:inline-block; line-height:30px; font-size:20px; color:#4b4b4b; font-weight:bold; background:url('../image/sub/teacher_name_ico.png') no-repeat center left; padding-left:50px} .teacher_intro_modal .model_con .tab2_tit {width:670px; height:40px; padding-bottom:10px;} .teacher_intro_modal .model_con .tab2_tit .name {display:inline-block; line-height:40px; background:#0084ff; width:200px; height:40px; text-align:center; color:#ffffff; border-radius:3px} .teacher_intro_modal .model_con .info {height:160px; margin-top:20px} .teacher_intro_modal .model_con .info .photo {width:140px; height:160px; border:1px solid #cacaca; background:#ffffff; float:left} .teacher_intro_modal .model_con .info .photo img {width:140px; height:160px} .teacher_intro_modal .model_con .info ul {width:490px; height:160px; float:left; margin-left:20px; overflow-y:scroll} .teacher_intro_modal .model_con .info ul li { padding:5px 0; font-size:13px; color:#626262; display:inline-block;} .teacher_intro_modal .model_con .info .tit {clear:both; display:block; width:85px; float:left; } .teacher_intro_modal .model_con .info .txt {display:block; width:360px; min-height:25px; margin-left:10px; float:left; } .teacher_intro_modal .model_con .intro_self {width:645px; height:108px; background:#c8c8c8; border:1px solid #afafaf; margin-top:30px; position:relative; padding:10px; color:#626262; font-size:13px; display:inline-block; line-height:20px;} .teacher_intro_modal .model_con .intro_self .ico {width:16px; height:9px; background:url('../image/sub/intro_self_bg.png') no-repeat left center; position:absolute; top:-8px; left:63px} .teacher_intro_modal .model_con .comt {width:595px; height:40px; background:url('../image/sub/teacher_comt.png') no-repeat left center; color:#626262; padding-left:50px; line-height:40px; font-size:14px; margin-top:20px } .teacher_intro_modal .model_con .video {width:670px; height:335px; background:#393939} .teacher_intro_modal .model_con .audio {width:670px; height:335px; background:#393939 url('../image/sub/teacher_audio.png') no-repeat center center;} .order {width:760px; min-height:300px; margin:auto; } .order .tit {font-size:20px; color:#474747; font-weight:bold; margin-top:40px;} .order .class_tab {margin-top:20px; display:inline-block;} .order .class_tab li {float:left; margin:0 5px 10px 5px} .order .class_tab li a {display:inline-block; width:140px; height:35px; background:#f0f0f0; border:1px solid #d5d5d5; text-align:Center; line-height:35px; font-size:13px; border-radius:3px; } .order .class_tab li a:hover, .class_tab li.on a {background:#06aef3; border:1px solid #00a2e4; color:#ffffff} .order .apic {width:750px; min-height:400px; margin:auto; background:#f0f0f0; border:1px solid #d5d5d5; margin-top:10px; border-radius:3px; } .order .apic .class_selt {width:750px; height:260px; } .order .apic .class_selt .selt1 {width:250px; height:130px; margin:10px 0; border-right:1px solid #dadada; background:url('../image/sub/selt_bg1.png') no-repeat center 15px; padding-top:120px; float:left} .order .apic .class_selt .selt1 .s_tit {text-align:center; color:#474747; font-weight:bold; margin-bottom:10px} .order .apic .class_selt .selt2 {width:250px; height:130px; margin:10px 0; border-right:1px solid #dadada; background:url('../image/sub/selt_bg2.png') no-repeat center 15px; padding-top:120px; float:left} .order .apic .class_selt .selt2 .s_tit {text-align:center; color:#474747; font-weight:bold; } .order .apic .class_selt .selt2 .selt_tab {text-align:center; margin-top:10px} .order .apic .class_selt .selt2 .selt_tab a {display:inline-block; width:90px; height:27px; background:#ffffff; border:1px solid #00a2e4; text-align:center; line-height:27px; color:#00a2e4; font-size:13px; border-radius:3px; } .order .apic .class_selt .selt2 .selt_tab a:hover {background:#00a2e4; color:#ffffff} .order .apic .class_selt .selt2 .selt_tab a.on {background:#00a2e4; color:#ffffff} .order .apic .class_selt .selt3 {width:248px; height:130px; margin:10px 0; background:url('../image/sub/selt_bg3.png') no-repeat center 20px; padding-top:120px; float:left} .order .apic .class_selt .selt3 .s_tit {text-align:center; color:#474747; font-weight:bold; } .order .apic .class_selt .selt3 .selt_tab {text-align:center; margin-top:10px} .order .apic .class_selt .selt3 .selt_tab a {display:inline-block; width:90px; height:27px; background:#ffffff; border:1px solid #00a2e4; text-align:center; line-height:27px; color:#00a2e4; font-size:13px; border-radius:3px; } .order .apic .class_selt .selt3 .selt_tab a:hover {background:#00a2e4; color:#ffffff} .order .apic .class_selt .selt3 .selt_tab a.on {background:#00a2e4; color:#ffffff} .order .apic .sum {clear:both; width:700px; height:120px; background:#06aef3; border:1px solid #00a2e4; margin-lefT:20px; margin-top:30px; border-radius:3px;} .order .apic .sum li {float:left; color:#ffffff; margin-top:35px; margin-left:17px} .order .apic .sum li .num1 {font-size:20px; height:30px; line-height:30px;} .order .apic .sum li .num2 {font-size:30px; height:30px; line-height:30px;} .order .apic .sum li .point {display:inline-block; width:120px; height:30px; background:#ffffff; border-radius:5px; text-align:Center; line-height:30px; color:#f68a1f} .order .apic .sum .txt_ico {font-size:60px} .order .apic .comt {width:700px; margin-left:20px; margin-bottom:20px; font-size:12px; margin-top:20px;} .order .apic .comt p {margin-top:5px; color:#474747} .order .apic .comt .red {color:#f61f3d} .reservation {margin-top:10px} .reservation input {width:200px; background:#ffffff; border:1px solid #d5d5d5; height:28px; border-radius:3px; padding-left:10px} .reservation select {color:#474747; border:1px solid #d5d5d5; height:30px; border-radius:3px; padding-right:40px; padding-left:10px; background:url('../image/sub/reservation_ico.png') no-repeat right center ; background-size:30px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden} select::-ms-expand { display: none; } .reservation textarea {width:750px; background:#ffffff; border:1px solid #d5d5d5; height:60px; border-radius:3px; margin-top:10px} .reservation .btn a{display:inline-block; width:100px; height:30px; background:#00a2e4; color:#ffffff; text-align:center; line-height:30px; border-radius:3px} .pay {width:750px; margin-top:10px; font-size:14px} .pay .pay_list1 {width:690px; padding:30px 0 30px 60px; border-bottom:1px dashed #9f9f9f; background:url('../image/sub/pay_ico1.png') no-repeat left center; color:#585858; position: relative; } .pay .pay_list1 .class_txt {color:#00a2e4; display:inline-block; width:430px; vertical-align:top} .total_pay {display:inline-block; padding:5px 10px; background:#00a2e4; color:#ffffff; border-radius:3px; margin-top:10px; position: absolute; top:20px; right:0px} .pay .pay_list2 {width:690px; padding:30px 0 30px 60px; border-bottom:1px dashed #9f9f9f; background:url('../image/sub/pay_ico1.png') no-repeat left center; color:#585858; } .pay .pay_list2 .class_txt {font-size:13px; display:inline-block; margin-top:10px } .pay .pay_list2 .class_txt input {width:80px; background:#ffffff; border:1px solid #d5d5d5; height:25px; border-radius:3px; text-align:center} .pay .pay_list3 {width:690px; padding:30px 0 30px 60px; border-bottom:1px dashed #9f9f9f; background:url('../image/sub/pay_ico1.png') no-repeat left center; color:#585858; } .pay .pay_list3 .class_txt { display:inline-block} .pay .pay_list3 .checks {padding-left:0px} .pay .pay_list3 .checks input[type="radio"] + label { font-size:14px} .pay .pay_list3 .checks label {margin:0px} .order_btn {width:750px; height:60px; text-align:center; margin-top:40px} .order_btn .btn1 a{display:inline-block; width:300px; height:60px; border:1px solid #d5d5d5; background:#f0f0f0 url('../image/sub/order_btn1.png') no-repeat 20px center; border-radius:60px; padding-left:50px;font-weight:bold; line-height:60px; color:#474747 } .order_btn .btn2 a{display:inline-block; width:170px; height:60px; border:1px solid #198bba; background:#00a2e4 url('../image/sub/order_btn2.png') no-repeat 20px center; border-radius:60px; padding-left:30px;font-weight:bold; line-height:60px; color:#ffffff } .class_selt .checks {position: relative; padding-left:20px} .event_ico {position:absolute; top:35px; left:-30px; width:52px; height:39px; background:url('../image/sub/event_ico.gif') no-repeat center center;} .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .checks label {margin-right:30px} .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#474747; line-height:14px; width:155px; margin-top:10px } .checks input[type="radio"] + label span {color:#ff5a00} .checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #4c4c4c; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } /* radio size */ .checks.small {margin-left:15px} .checks.small input[type="radio"] + label { font-size: 12px; padding-left: 25px; } .checks.small input[type="radio"] + label:before { top: -2px; width: 17px; height: 17px; } .checks.small input[type="radio"]:checked + label:after { top: 3px; width: 9px; height: 9px; } /* quick menu */ .fix_quick_menu { bottom: 10px; left: 50%; margin-left: -525px; position: fixed; z-index: 15; } .fix_quick_menu div { display: inline-block; } .panel_btn { cursor: pointer; display: inline-block; height: 80px; margin-left: 5px; width: 80px; } .panel_chat { background: #fff none repeat scroll 0 0; border: 3px solid #ff3939; bottom: 100px; display: inline-block; height: 323px; position: fixed; width: 225px; z-index: 16; } .panel_chat .toc_bar { background-color: #fff; border-bottom: 1px solid #ccc; color: #000; font-size: 11px; height: 19px; line-height: 19px; position: absolute; text-align: center; width: 225px; } .black_b { color: #272727; font-weight: bold; } td { color: #585858; font-family: "나눔고딕","나눔고딕","Nanum","굴림","Dotum"; font-size: 14px; letter-spacing: -0.5px; line-height: 27px; text-decoration: none; } .content table td { padding: 5px; } /* #headerWrap { transition:0.2s; height: 186px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 10; min-width: 1040px; } .mainHeader#headerWrap { height: 120px; left: 0px; top: 0px; right: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; position: absolute;background: url("../image/new/hd_bg1.png"); } .mainHeader#headerWrap:hover { border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; } #header { margin: 0px auto; width: 1040px;; position: relative; } #header h1 { left: 0px; top: 10px; position: absolute; } #header h1 a { background: url("../image/new/logo.png") no-repeat; width: 223px; height: 54px; font-size: 0px; display: block; } #header .topLink { top: 0px; right: 0px; position: absolute; } #header .topLink ul { } .bg6 { position: relative; width: 100%; } #header .topLink li { margin: 0; float: left; padding: 11px 15px; border-right: 1px solid #d8d8d8; } #header .topLink li.img { padding: 6px 10px; } #header .topLink li img { margin: 0 3px; } #header .topLink li:first-child a { color: #777777; } #header .topLink li a { transition:0.2s; color: #777777; font-size: 13px; font-weight: bold; } #header .topLink li a:hover { color: rgb(0, 149, 218); } #header #gnb { margin: 0px; } #header #gnb > ul { padding-top: 60px; } #header #gnb > ul::after { clear: both; display: block; content: ""; } #header #gnb > ul > li { width: 20%; float: left; position: relative; } #header #gnb > ul > li > a { height: 26px; text-align: center; color: #FFF; line-height: 26px; font-size: 17px; display: block; } #header #gnb > ul > li > a::after { background: #43b1ff; transition:0.2s; left: 50%; width: 0px; height: 3px; bottom: 0px; display: block; position: absolute; content: ""; } #header #gnb > ul > li:hover > a::after { left: 1%; width: 98%; } #header #gnb > ul > li > a:hover { color: #43b1ff; } #header #gnb .gnb1 { width: 130px; top: 25px; } #header #gnb .gnb2 { width: 130px; top: 25px; } #header #gnb .gnb3 { width: 130px; top: 25px; } #header #gnb .gnb4 { width: 130px; top: 25px; } #header #gnb .gnb5 { width: 130px; top: 25px; } #header #gnb .gnb6 { width: 130px; top: 25px; } #header #gnb .gnb7 { width: 130px; top: 25px; } #header #gnb .gnb8 { width: 130px; top: 25px; } #header #gnb .subMenu { left: 0px; top: 10px; width: 100%; display: none; position: absolute; z-index: 3; } #header #gnb .subMenu ul { padding-top: 30px; border-right:1px solid #f0f0f0; height: 340px; } #header #gnb .subMenu ul.first { border-left:1px solid #f0f0f0; height: 300px; } #header #gnb .subMenu li { margin-bottom: 10px; } #header #gnb .subMenu a { transition:0.2s; color: rgb(68, 68, 68); padding-left: 16px; font-size: 13px; display: block; } #header #gnb .subMenu a:hover { color: rgb(0, 149, 218); font-weight: bold; } #header #gnb .subMenu a.on { color: rgb(0, 149, 218); font-weight: bold; } #header .tlogin { top: 10px; right: 0px; position: absolute; overflow: hidden; } #header .tlogin span { float: left; font-size: 12px; padding: 0 10px; line-height: 350%; } #header .loginBox { background: #ff7777; padding: 0px 0 0 4PX;; border-radius: 30px; width: 100px; height: 38px; line-height: 38px; overflow: hidden;border:1px solid #d2d2d2;font-size: 12px; } #textlogin .loginBox {background: #ff7777; text-align: center; font-size: 12px; padding-right: 12px; overflow: hidden;border:1px solid #d2d2d2; } #textlogout .loginBox {background: #ff7777; text-align: center; font-size: 12px; padding-right: 12px; } */ #header .gnbBanner { top: 147px; right: 0px; display: none; position: absolute; z-index: 3; } #header .gnbBanner a { margin-bottom: 20px; display: block; } #headerWrap .gnbBg { background: rgb(255, 255, 255); width: 100%; height: 340px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; display: none; position: relative; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); } #footerWrap { background: FFF; position: relative; z-index: 10; }