@charset "utf-8";
body { margin: 0; padding: 0; font-size: 14px; color: #444; background: #FFF; font-family: "Open Sans", Arial, Georgia, Helvetica, sans-serif }
a { color: #333; text-decoration: none }
a, a:hover, a:focus { transition: color 0.4s ease 0s; text-decoration: none }
a:hover { color: #f38142; text-decoration: none }
ul, li { list-style: none }
div, span, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, img { margin: 0; padding: 0; border: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.page { width: 100%; margin: 0; padding: 0; position: relative }
.box-wrapper { padding: 0px 30px }
.box-inner { margin: 0 auto; padding: 0 20px; max-width: 1100px }
.box-bg { background: #F2F7F7; padding: 20px 0px }
.top-wrapper { background: #4C5C72; color: #FFF }
.top { height: 40px; line-height: 40px }
.top a{color: #FFF; text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);}
.top a:hover{color: #FF6600}
.top a i{font-size: 20px; padding-right: 5px;}
.top .fa-envelope{font-size: 14px;}
.top .top-left{float: left;}
.top .top-left a{padding-right: 10px;}
.top .content { float: right }
.top .content a {margin-left: 20px;}
.top .content form, .top .content a{float: right;}
.top .content form, .menutop li.display-mb{position: relative;}
.top .content input, .menutop li.display-mb input{border: none; background: no-repeat; border-bottom: 1px solid #FFF; color: #FFF; width: 50%; float: right; height: 30px; padding-right: 30px; -webkit-transition: width 0.5s; transition: width 0.5s;}
.top .content form:hover input, .menutop li.display-mb input{width: 100%}
.top .content button, .menutop li.display-mb button{border: none; background: none; color: #FFF; font-size: 20px; position: absolute; top: 4px; right: 0px; padding: 0px;}
.menutop li.display-mb i{padding-right: 10px; font-size: 20px;}
.top .open-menu { display: none }
.banner-menutop { max-width: 1120px }
.banner { width: 240px; height: 120px; background: url(../images/logo.png) no-repeat left center; background-size: contain; float: left }
.banner a { width: 100%; height: 100%; display: block }
#banner { -webkit-transition: top .2s; transition: top .2s }
.scroll-down { position: fixed; top: 0px; z-index: 99999999999; width: 100%; background: #FFF; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75) }
.scroll-down .banner { height: 80px }
.scroll-down .menutop ul { margin-top: 10px }
.menutop { width: 840px; height: 80px; float: left; position: relative }
.menutop ul { width: 100%; padding-left: 20px; margin-top: 34px }
.menutop li.display-mb{display: none;}
.menutop li { display: inline-block; float: left; position: relative; height: 44px; line-height: 44px }
.menutop li a { display: block; font-size: 14px; color: #6c6c6c; padding: 0px 17px; text-transform: uppercase; font-weight: 600 }
/*.menutop li:last-child a { border-left: 2px solid #f38142 }
.menutop li a:first-child i { font-size: 20px }*/
.menutop li a:hover, .menutop li a.active { color: #f38142; border-bottom: 2px solid #f38142 }
.menutop li a i { font-weight: normal; font-size: 14px !important }
.menutop li:hover div { display: block; z-index: 9999999999; opacity: 1 }
.menutop li div { display: none; position: absolute; top: 44px; left: 0px; z-index: -1000; opacity: 0; width: 250px; background: #FFF; border: 1px solid #DDD; box-shadow: 0 0 10px #DDD; border-top: none; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s }
.menutop li:last-child div{left: initial; right: 0px;}
.menutop li div ul { margin-top: 0px; padding: 0px; }
.menutop li li { float: left; display: block; width: 100%; border: none; position: relative }
.menutop li li:hover { background: none }
.menutop li li a { border-bottom: 1px solid #006d2e; color: #006d2e; font-size: 14px; font-weight: normal; padding-left: 17px !important; border-top: none; text-transform: none }
.menutop li li a:hover { border-top: none }
.menutop li li:last-child a { border: none }
.menutop li li:hover a { color: #222 }
.box-img-slide-wrapper { overflow: hidden }
.box-img-slide { position: relative }
.box-img-slide .img-slides { width: 65%; float: left; position: relative; height: 600px }
.box-img-slide .img-slides .img-slide-height { padding: 60px 0px 70px }
.box-img-slide .img-slides .img-slide { position: absolute; top: -3px; left: -500px; right: 0px; bottom: -300px; display: block }
.box-img-slide .img-slide-summary { width: 35%; float: left; padding: 60px 0px 70px 30px }
.box-img-slide .img-slide-title { color: #4b5c72; font-size: 23px; font-weight: 600; line-height: 1.5; margin-bottom: 24px }
.box-img-slide .img-slide-desc { color: #777; padding-bottom: 20px }
.box-img-slide .img-slide-summary .details { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
.box-img-slide ul { position: absolute; left: 20px; bottom: 30px }
.box-img-slide li { width: 33.3%; height: 220px; float: left; overflow: hidden }
.box-img-slide li:nth-child(1) .box { margin-right: 30px }
.box-img-slide li:nth-child(2) .box { margin-left: 15px; margin-right: 15px }
.box-img-slide li:nth-child(3) .box { margin-left: 30px }
.box-img-slide li .box { display: block; overflow: hidden; position: relative; cursor: pointer }
.box-img-slide li .box img { width: 100%; height: 100% }
.box-img-slide li .box .overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; background: rgba(255, 255, 255, 0.85) }
.box-img-slide li:hover .overlay, .box-img-slide li .active .overlay { opacity: 1; background: rgba(255, 102, 0, 0.65) }
.box-img-slide li .item-content { position: absolute; top: 10%; left: 30px; right: 30px }
.box-img-slide li .item-content span { color: #F16620; font-size: 20px; font-weight: lighter; line-height: 1; display: block; margin-bottom: 18px }
.box-img-slide li .item-content span i { text-transform: uppercase; text-transform: uppercase; font-style: normal; font-size: 24px }
.box-img-slide li:hover .item-content span a, .box-img-slide li .item-content span a:hover { color: #000 }
.box-img-slide li .item-content h3 { font-size: 16px; margin-bottom: 0px; letter-spacing: 1px; line-height: 1.6; color: #242424; font-weight: normal }
.box-img-slide li .item-content h3 a { color: #242424 }
.box-img-slide li .item-content p { text-overflow: ellipsis; width: 240px; height: 40px; overflow: hidden; color: #111 }
.box-img-slide li .active .item-content span a { color: #000 }
.box-icon-wrapper { background: #F7F7F7; padding-top: 80px }
.box-icon { }
.box-icon li { width: 33.3%; height: 170px; float: left; margin-bottom: 40px }
.box-icon li:nth-child(3n+1) { padding-right: 16px }
.box-icon li:nth-child(3n+2) { padding: 0px 8px 0px 8px }
.box-icon li:nth-child(3n+3) { padding-left: 16px }
.box-icon li .icon { float: left; width: 60px; padding-right: 25px }
.box-icon li .content { padding-left: 60px }
.box-icon li .content h3 { font-size: 16px; font-weight: 600; list-style: 25px; color: #3f3f3f; margin-bottom: 15px }
.box-icon li .content p { font-size: 14px; color: #6c6c6c; line-height: 1.9 }
.box-service-wrapper { background: #FFF; overflow: hidden }
.box-service { padding: 50px 0px 0px 0px; position: relative }
.box-service .service-title { width: 30%; margin-bottom: 30px }
.box-service .service-title h3 { color: #4b5c72; font-size: 24px; font-weight: 600 }
.box-service .service-title p { font-size: 14px; font-style: italic; margin-top: 5px; color: #777 }
.service-tabs .tabs { width: 30%; float: left }
.service-tabs .tabs div { border-bottom: 1px solid #f7f7f7; font-size: 14px; line-height: 19px; padding: 14px 30px 14px 20px }
.service-tabs .tabs div.selected { background: #f87831 }
.service-tabs .tabs div.selected a { color: #FFF }
.service-tabs .tabs div a { color: #f87831; display: block }
.service-tabs .tabs div a:before { content: "\f0da"; font-family: fontAwesome; margin-right: 16px; font-size: 11px; vertical-align: bottom }
.service-tabs .tabs-content { padding: 45px 35px 65px; max-width: 30%; font-size: 13px; float: left; background-color: rgba(255, 255, 255, 0.9); overflow: hidden; position: relative }
.service-tabs .tabs-content h5 { color: #454545; margin-bottom: 20px; font-size: 20px; font-weight: 400 }
.service-tabs .tabs-content p { color: #646464; font-size: 12px; line-height: 1.9 }
.service-tabs .tabs-content .content { display: none }
.service-tabs .tabs-content .selected { display: block }
.service-tabs .tabs-slides { position: absolute; top: 0px; bottom: 0px; right: -390px; left: 30% }
.service-tabs .tabs-slides div { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.box-statistic-wrapper { background: url(../images/hp-skill-bg.jpg) center; padding-top: 60px; padding-bottom: 70px }
.box-statistic { }
.box-statistic h4 { text-align: center; color: #f38142; font-size: 26px; font-weight: lighter; line-height: 1; padding-bottom: 30px; text-transform: uppercase }
.box-statistic div { width: 25%; float: left; text-align: center; padding: 0px 15px 20px }
.box-statistic div span { color: #889eba; font-size: 50px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #f5a338 }
.box-statistic div p { color: #5f6a79; font-size: 15px; text-transform: uppercase; line-height: 1.7; letter-spacing: 1.7px; padding-top: 20px }
.box-slider-wrapper { padding: 0 !important }
.box-slider { width: 100%; margin: 0 auto }
.box-inner .box-title { padding: 8px 0px; border-bottom: 1px solid #CCC }
.box-inner .box-title h1 { text-transform: uppercase; font-size: 20px; font-weight: normal }
.box-train-cat { width: 240px; float: left; margin-right: 10px }
.box-train-cat h3 { margin-bottom: 10px }
.box-train-cat h3 a { font-weight: 600; text-transform: uppercase; font-size: 14px }
.box-train-cat-content { background: #EEE; min-height: 340px; padding: 14px 10px }
.box-train-cat-content h2 { font-weight: normal; font-size: 14px }
.box-train-cat-content li { padding: 6px 0px }
.box-train-cat-content li i { padding-right: 6px }
.box-train-cat-content p { line-height: 24px }
.box-schedule-idx { width: 520px; float: left }
.box-schedule-idx h3 { margin-bottom: 10px }
.box-schedule-idx h3 a { font-weight: 600; text-transform: uppercase; font-size: 14px }
.box-schedule-idx li { width: 255px; float: left; margin-bottom: 10px; background: #f1f2f2; margin-right: 5px }
.box-schedule-idx li:nth-child(2n+0) { margin-left: 5px; margin-right: 0px }
.box-schedule-idx li p { width: 60px; float: left }
.box-schedule-idx li p b { border: 1px solid #286791; width: 100%; height: 40px; display: block; line-height: 40px; text-align: center; font-weight: normal; font-size: 24px }
.box-schedule-idx li p span { background: #286791; width: 100%; height: 24px; line-height: 24px; display: block; font-size: normal; font-size: 12px; text-align: center; color: #FFF }
.box-schedule-idx li h2 { width: 195px; float: left; font-weight: normal; font-size: 14px; line-height: 20px; padding-top: 10px; padding-left: 12px }
.box-news-idx { width: 505px; float: left; margin-right: 5px }
.box-news-idx:last-child { margin-left: 5px; margin-right: 0px }
.box-news-idx h3 { margin-bottom: 10px }
.box-news-idx h3 a { font-weight: 600; text-transform: uppercase; font-size: 14px }
.box-news-idx li { width: 100%; height: 80px; margin-bottom: 10px }
.box-news-idx li a.item-icon { width: 100px; float: left; display: block; overflow: hidden; margin-right: 10px }
.box-news-idx li a.item-icon img { width: 100% }
.box-news-idx li h3 { width: 395px; float: left; display: block; overflow: hidden }
.box-news-idx li h3 a { font-weight: normal; font-size: 14px }
.news-first { width: 100%; height: auto; margin-bottom: 10px; border-bottom: 1px solid #EEE; padding-bottom: 20px;}
.news-first .news-img { width: 350px; height: 200px; float: left; margin-right: 10px; overflow: hidden }
.news-first .news-img img { width: 100% }
.news-first .news-desc {padding-left: 370px; padding-right: 10px;}
.news-first .news-desc h2 { font-size: 14px; font-weight: bold; padding-bottom: 6px }
.news-first .news-desc p{padding: 0px !important; margin: 0px !important; font-size: 14px !important;}
ul.news-list { padding: 0px !important; margin: 0px !important }
.news-list li { width: 50%; min-height: 110px; float: left; padding-left: 5px; list-style: none !important; border-bottom: 1px solid #F1F1F1; padding: 10px 0px }
.news-list li:hover{background: #EEE}
.news-list li:nth-child(2n+1) { padding-left: 0px; padding-right: 5px }
.news-list li a.item-icon { width: 120px; height: 86px; overflow: hidden; display: block; float: left; margin-right: 10px }
.news-list li a.item-icon img { width: 100%; height: 100%}
.news-list li h3 {padding-left: 130px; padding-right: 10px;}
.news-list li h3 a { font-size: 14px; font-weight: normal }
.news-details-desc { font-weight: bold }
h1.titlenews { font-size: 24px; color: #FF6600; font-weight: normal; padding-bottom: 10px }
.box-content div.visited { font-size: 12px }
.box-partner-idx { width: 100%; overflow: hidden;}
.box-partner-idx h3 { margin-bottom: 10px; text-align: center }
.box-partner-idx h3 a { font-weight: 600; text-transform: uppercase; font-size: 14px; font-size: 30px; color: #FF6600 }
.box-partner-idx li { width: 33.3%; margin-bottom: 10px; float: initial; padding-right: 10px; overflow: hidden }
.box-partner-idx li:nth-child(2) { padding-left: 5px; padding-right: 5px }
.box-partner-idx li:nth-child(3) { padding-left: 10px; padding-right: 0px }
.box-partner-idx li a.item-icon { width: 100%; height: auto; float: left; display: block; overflow: hidden; margin-right: 10px; margin-bottom: 10px }
.box-partner-idx li a.item-icon img { width: 100% }
.box-partner-idx li p { line-height: 20px }
.box-center-wrapper { max-width: 1120px; margin: 0 auto; padding: 0 20px }
.box-center { width: 73%; float: left; margin: 0 auto }
.box-center .box-title, .box-training .box-title, .interested { width: 100%; height: 46px; border-left: 5px solid #6AB63D;; padding: 10px 0px 9px 10px; border-bottom: 1px solid #DDD; color: #FFF}
.box-center .box-title h1 { font-weight: normal; font-size: 18px }
.box-center .box-title a{color: #FFF;}
.box-center .box-title a:hover{color: #f38142}
.box-center .box-content { width: 100%; overflow: hidden; font-size: 14px; padding-top: 20px; border-right: 1px solid #EEE;}
.box-center .box-content ul { padding: 0; margin: 0 0 10px 25px }
.box-center .box-content ul li { line-height: 20px; list-style-type: disc }
.box-center .box-content p { margin: 0 0 10px }
.box-center .box-content p, .box-center .box-content i, .box-center .box-content span, .box-center .box-content div, .box-center .box-content td { font-size: 16px }
.box-center .box-content p { font-size: medium; line-height: normal; margin: 12px 0px; line-height: 1.8 }
.box-center .box-content pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word }
.box-center .box-content ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px }
.box-center .box-content ul li { list-style-type: disc }
.box-center .box-content ol { list-style-type: decimal; list-style-position: inside; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px }
.box-center .box-content ol li { list-style-type: decimal }
.box-center .box-content ul ul, .box-center .box-content ol ul { list-style-type: circle; list-style-position: inside; margin-left: 12px }
.box-center .box-content ol ol, .box-center .box-content ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 12px }
.menu-left { float: left; width: 27%; padding-left: 20px }
.menu-left .box { width: 100% }
.menu-left .box .box-title { height: 46px; padding: 10px 0px; background: #6AB63D; color: #FFF; }
.menu-left .box .box-title h3:before { padding: 0px 10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da" }
.menu-left .box .box-title h3 a { font-weight: normal; font-size: 18px; text-transform: uppercase; color: #FFF;}
.menu-left .box .box-title h3 a:hover{color: #f38142}
.menu-left .box .box-content { padding-top: 10px; border: 1px solid #EEE }
.menu-left .box .box-content li { padding: 6px; border-bottom: 1px solid #F0F0F0 }
.menu-left .box .box-content li:last-child { border-bottom: none }
.menu-left .box .box-content li:before { padding: 0px 10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105" }
.menu-left .box .box-content li li { border-bottom: none; border-left: 2px solid #EEE; margin-left: 30px }
.menu-left .box .box-content li li.active, .menu-left .box .box-content li li:hover { border-left: 2px solid #999 }
.menu-left .box .box-content li li:before { content: ''; padding: 0 }
.box-about h2.title { text-align: center; font-weight: normal; font-size: 18px; padding: 14px 0px; clear: both }
.box-about h2.title i { padding-right: 14px }
.box-about div.content { padding: 14px 10px; background: #FCFCFC }
.tbl-schedule { width: 100%; border-collapse: collapse }
.tbl-schedule thead tr { background: #d7d7d7 }
.tbl-schedule thead tr th { padding: 16px; border-right: 1px solid #FFF; text-transform: uppercase; font-size: 14px }
.tbl-schedule tbody tr { background: #ebebeb }
.tbl-schedule tbody tr:nth-child(2n+1) { background: #f6f6f6 }
.tbl-schedule tbody tr td { padding: 16px; border-right: 1px solid #FFF; text-transform: uppercase; font-size: 14px }
.tbl-schedule tbody tr td h3 { font-size: 14px }
.box-category { }
.box-category h3 { border-bottom: 1px solid #EEE; text-align: center; padding-bottom: 10px; margin-bottom: 30px }
.box-category .category-list li { width: 33%; float: left; margin-bottom: 40px }
.box-category .category-list li span { position: relative; width: 170px; height: 170px; display: block; border-radius: 50%; margin: 0 auto; background-color: #86bc42; margin-bottom: 10px; padding-top: 20px; text-align: center; line-height: 170px }
.box-category .category-list li span i { font-size: 80px; color: #FFF }
.box-category .category-list li span:hover i { color: #333 }
.box-category .category-list li h2 { text-align: center; font-weight: normal; text-transform: uppercase }
.box-training-wrapper { background: #FFF; padding-top: 30px; padding-bottom: 30px }
.box-training { }
.box-training .box-title-t { width: 100%; padding-bottom: 20px; position: relative; border-bottom: 1px solid #DDD; margin-bottom: 10px }
.box-training .box-title-t h3 { color: #536680; text-align: center; font-size: 18px; font-weight: 400; padding-bottom: 10px }
.box-training .box-title-t h2 { color: #F26722; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 32px; position: relative }
.box-training .box-title-t a { position: absolute; right: 0px; bottom: 30px; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 14px }
.box-training .training-list li { width: 50%; height: 200px; overflow: hidden; padding-right: 10px; float: left; padding-bottom: 20px; padding-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDD }
.box-training .training-list li:hover { background: #EEE }
.box-training .training-list li:nth-child(2n+0) { padding-left: 10px; padding-right: 10px }
.box-training .training-list li:nth-child(2n+1) { padding-left: 10px; padding-right: 10px }
.box-training .training-list li .training-info { width: 60%; float: right; padding-left: 10px }
.box-training .training-list li .training-img { width: 40%; height: 160px; float: left }
.box-training .training-list li .training-img img { width: 100%; height: 100%; border: 1px solid #EEE }
.box-training .training-list li h2 { padding-bottom: 5px; line-height: 1.2; max-height: 50px; overflow: hidden;}
.box-training .training-list li h2 a { color: #F26722; font-weight: 400; font-size: 18px }
.box-training .training-list li h2 a:hover { color: #AD142D }
.box-training .training-list li .creator-date { width: 100% }
.box-training .training-list li .creator-date span { float: left; width: 50%; display: block }
.box-training .training-list li .creator-date i { float: right; width: 50%; display: block; font-style: normal }
.box-training .training-list li .visited-comment { padding-bottom: 10px }
.box-training .training-list li .visited-comment span { padding-right: 10px }
.box-training .training-list li .visited-comment span i { padding-right: 10px }
.box-training .training-list li .desc { padding-bottom: 10px }
.box-training .training-list li .view { height: 40px; text-align: center }
.box-training .training-list li .view a { background: #86BE41; color: #FFF; padding: 10px }
.box-work-wrapper { background: #333; padding-top: 75px; padding-bottom: 30px }
.box-work { }
.box-work .box-title { position: relative; margin-bottom: 30px }
.box-work .box-title h3 { font-size: 32px; margin-bottom: 0px; font-weight: 600; color: #FFF }
.box-work .box-title a { float: right; color: #FFF; position: absolute; right: 0px; bottom: 1px; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: 1px }
.box-work a:hover { color: #F38142 }
.box-work ul.work-list { width: 100% }
.box-work ul.work-list li { width: 33.33%; float: left }
.box-work ul.work-list li:nth-child(3n+1) { padding-right: 16px }
.box-work ul.work-list li:nth-child(3n+2) { padding: 0px 8px 0px 8px }
.box-work ul.work-list li:nth-child(3n+3) { padding-left: 16px }
.box-work ul.work-list li span { width: 100% }
.box-work ul.work-list li span img { width: 100% }
.box-work ul.work-list li h2 a { font-size: 18px; color: #FFF; font-weight: 400 }
.box-work ul.video-list li a { color: #FFF }
.box-work ul.video-list li p { color: #EEE }
.box-event-wrapper { background: #283352; padding-top: 30px; padding-bottom: 30px }
.box-event { }
.box-event .box-title { position: relative; margin-bottom: 30px }
.box-event .box-title h3 { font-size: 20px; margin-bottom: 20px; font-weight: 600; color: #FFF; text-align: center; font-weight: lighter; line-height: 1 }
.box-event .box-title p { font-size: 32px; margin-bottom: 0px; font-weight: 600; color: #f38142; text-align: center; line-height: 1; text-transform: uppercase }
.box-event .box-title a { float: right; color: #FFF; position: absolute; right: 0px; bottom: 1px; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: 1px }
.box-event a:hover { color: #F38142 }
.box-event ul { width: 100% }
.box-event li { width: 16.6%; float: left; padding: 0px 5px 20px 0px }
.box-event li:nth-child(6n+1) { padding-left: 0px }
.box-event li:nth-child(3n+6) { padding-right: 0px }
.box-event li div { width: 100%; background: #FFF; display: table }
.box-event li span { width: 100% }
.box-event li span img { width: 100% }
.box-event li h2 { padding: 5px 5px 20px; margin-bottom: 40px }
.box-event li h2 a { font-size: 16px; color: #5f6a79; font-weight: 400; }
/*border-bottom: 1px solid #5f6a79 */
.box-comment-wrapper { background: #F5F5F5; padding-top: 30px; border-bottom: 1px solid #EBECEC }
.box-comment { }
.box-comment .box-comment-feature { width: 60%; float: left }
.box-comment .box-comment-feature h3 { color: #4b5c72; font-size: 32px; margin-bottom: 30px; font-weight: 600; line-height: 1.3; text-align: center }
.box-comment .box-comment-feature .box-comment-feature-icon { text-align: center; margin: 0px 20px 30px; line-height: 1 }
.box-comment .box-comment-feature .box-comment-feature-icon i { font-size: 29px; cursor: pointer; vertical-align: text-top; margin: 0px 15px }
.box-comment .box-comment-feature .box-comment-feature-icon i:nth-child(2) { color: #f5a338 }
.box-comment .box-comment-feature .box-comment-feature-icon i:first-child, .box-comment .box-comment-feature .box-comment-feature-icon i:last-child { color: #777 }
.box-comment .box-comment-feature .box-comment-detail { width: 100% }
.box-comment .box-comment-feature .box-comment-detail .box-comment-detail-img { width: 30%; float: left; padding-left: 20px }
.box-comment .box-comment-feature .box-comment-detail .box-comment-detail-img img { width: 100px; height: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px }
.box-comment .box-comment-feature .box-comment-detail .box-comment-detail-summary { width: 70%; float: left; padding-right: 10px }
.box-comment .box-comment-feature .box-comment-detail .box-comment-detail-summary p { color: #777; padding-bottom: 20px }
.box-comment .box-comment-feature .box-comment-detail .box-comment-detail-summary h3 { font-size: 16px; text-align: left; margin-bottom: 10px; font-style: italic }
.box-comment .box-comment-feature .box-comment-detail .box-comment-detail-summary h4 { font-size: 16px; font-weight: normal; font-style: italic; color: #777 }
.box-comment .box-comment-list { width: 40%; float: left }
.box-comment .box-comment-list .box-comment-item { width: 100%; margin-bottom: 15px; display: table }
.box-comment .box-comment-list .box-comment-item span { width: 30%; padding-right: 10px; float: left; height: 100px; display: block; overflow: hidden }
.box-comment .box-comment-list .box-comment-item span img { width: 100%; height: 100% }
.box-comment .box-comment-list .box-comment-item h4 { width: 70%; float: left; padding-bottom: 10px; color: #4b5c72 }
.box-comment .box-comment-list .box-comment-item p { width: 70%; float: left; color: #4b5c72; font-style: italic }
.box-news-wrapper { background: #F5F5F5; padding-top: 30px; border-bottom: 1px solid #EBECEC }
.box-news h2.title { font-size: 32px; text-transform: uppercase; font-weight: 600; color: #f38142; text-align: center; padding: 10px 0px; border-bottom: none }
.box-news h2 { font-size: 16px }
.box-news .box-news-feature { width: 30%; float: left }
.box-news .box-news-feature .box-news-detail { width: 100%; padding-right: 20px }
.box-news .box-news-feature .box-news-detail img { width: 100% }
.box-news .box-news-list { width: 70%; float: left }
.box-news .box-news-list li { width: 50%; min-height: 110px; float: left; padding-bottom: 10px; margin-bottom: 10px; height: 110px }
.box-news .box-news-list li:hover{background: #FFF}
/*border-bottom: 1px solid #DDD; */
.box-news .box-news-list li:last-child { border-bottom: none }
.box-news .box-news-list .item-icon { width: 150px; height: 100px; display: block; float: left }
.box-news .box-news-list .item-icon img { width: 100%; height: 100%}
.box-news .box-news-list h2, .box-news .box-news-list p { padding-left: 160px; padding-right: 10px;}
.box-news .box-news-list h2 a { font-size: 15px; font-weight: normal }
.tbl-training { width: 100%; margin-bottom: 15px }
.tbl-training tr:nth-child(2n+1) { background: #F0F0F0 }
.tbl-training tr:hover { background: #DDD }
.tbl-training td { padding: 10px }
.tbl-training td:nth-child(1), .tbl-training td:nth-child(4), .tbl-training td:nth-child(5) { text-transform: uppercase }
.tbl-training i { padding-right: 10px }
.tran-cat-icon li { width: 16.6%; float: left; padding: 0px 10px 20px 10px }
.tran-cat-icon li i { width: 100px; height: 100px; background: #CCC; border-radius: 50%; text-align: center; line-height: 100px; font-size: 40px; color: #227EE5; margin: 0 auto; display: block }
.tran-cat-icon li:hover i, .tran-cat-icon li i.active { color: #FFF; background: #227EE5 }
.tran-cat-icon li b { width: 100%; clear: both; display: block; text-align: center; padding-top: 10px }
.tran-cat-icon li a { font-size: 13px }
.training-request {-webkit-box-shadow: 0px 4px 0px -2px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 4px 0px -2px rgba(0, 0, 0, 0.38); box-shadow: 0px 4px 0px -2px rgba(0, 0, 0, 0.38) }
.box-training-details .tabs { width: 270px; float: left; margin-right: 20px }
.box-training-details .tabs h1 { font-size: 18px; font-weight: normal; text-align: center; color: #FFF; padding: 10px }
.box-training-details .tabs .tab { width: 100%; background: #F4F5F7; float: left; border-bottom: 1px solid #FFF; border-top: 1px solid #CCC; padding: 20px 10px }
.box-training-details .tabs .tab i { padding-right: 10px; font-size: 20px }
.box-training-details .tabs .tab:first-child { border-right: 1px solid #CCC }
.box-training-details .tabs .selected { background: #FFF; border-bottom: none }
.box-training-details .tabs .selected a { color: #f38142 }
.box-training-details .tabs-content { width: 730px; float: left }
.box-training-details .tabs-content .content { display: none; padding: 0px 0px 10px 0px }
.box-training-details .tabs-content .selected { display: block }
.tab-content-4 { background: #F4F5F7; position: relative }
.tab-content-4 h3, .tab-content-6 h3, h2.title { font-size: 18px; font-weight: normal; border-bottom: 1px solid #EEE; padding: 10px 10px 10px 20px; margin-bottom: 10px }
.tab-content-4 p { padding: 10px 10px 10px 20px; color: #247FE5; font-size: 16px }
.tab-content-4 p span { color: #444; font-size: 14px; width: 150px; display: inline-block }
.tab-content-4 p:before { padding: 0px 10px 0px 0px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105" }
.tab-content-4 h4 { position: absolute; top: 50%; right: 0px }
.tab-content-4 h4 a { padding: 14px 20px; color: #222; display: block; width: 200px }
.tab-content-4 h4 a:hover { color: #FFF }
.tab-content-6 h4, .tab-content-6 h5 { padding-left: 20px }
.tab-content-6 h5 { font-size: 12px; font-weight: normal }
.training-common-list li { float: left; width: 50%; padding: 10px }
.training-common-list li i { padding-right: 6px }
.training-common-list li a.active { color: #f38142 }
.training-common-box h3 { padding-left: 10px; padding-bottom: 4px; margin-bottom: 10px; border-bottom: 2px solid #247FE5; font-weight: normal }
.training-common-box h3 i { padding-right: 6px }
.training-common-box .training-common-details { }
.training-faq-list li { padding-bottom: 20px }
.training-faq-list li > a { font-weight: 600 }
.training-faq-list .training-faq-details { display: none }
.box-partner-wrapper { background: #F2F2F2; padding: 30px 0px }
.box-partner { overflow: hidden }
.training-details .tabs { width: 100% }
.training-details .tabs .tab { width: 25%; background: #B6B6B6; color: #FFF; float: left; line-height: 30px; text-align: center; font-weight: bold; border-bottom: 1px solid #CCC }
.training-details .tabs .tab:first-child { border-right: 1px solid #CCC }
.training-details .tabs .selected { background: #F38142; color: #B6B6B6; border-bottom: none }
.training-details .tabs-content { width: 100% }
.training-details .tabs-content .content { display: none; padding: 14px 10px; text-align: center }
.training-details .tabs-content .selected { display: block }
.training-details .tabs-content input { width: 220px; height: 22px; margin-bottom: 10px }
.training-details .tabs-content select { width: 220px; height: 22px; margin-bottom: 12px }
.training-details .tabs-content button { width: 220px; margin-top: 5px; background: #055699; border: 1px solid #444; color: #FFF; padding: 6px; font-size: 14px; cursor: pointer }
.training-details .tabs-content button:hover { border: 1px solid #333; -webkit-box-shadow: 0px 0px 8px 0px rgba(1, 19, 33, 0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(1, 19, 33, 0.5); box-shadow: 0px 0px 8px 0px rgba(1, 19, 33, 0.5) }
.box-member { width: 100% }
.box-member h2.title { font-size: 20px; font-weight: normal }
.box-member h2.title span { border-bottom: 2px solid #003770; text-transform: uppercase }
.box-member .box-member-info { width: 250px; margin-right: 20px; float: left; overflow: hidden }
.box-member .box-member-info img { width: 100% }
.box-member .box-member-info h3 { font-size: 18px; color: #003770; font-weight: normal; text-align: center }
.box-member .box-member-info h4 { font-size: 14px; color: #7A7A7A; font-weight: normal; text-align: center }
.box-member .box-member-desc { width: 750px; float: left }
.box-connect-wrapper { padding: 0px }
.box-connect { padding: 0px; padding-bottom: 30px }
.box-connect h2.title { font-size: 32px; text-transform: uppercase; font-weight: 600; color: #f38142; text-align: center; padding: 50px 0px; border-bottom: none }
.box-connect .box-connect-img { height: 450px; overflow: hidden; position: relative }
.box-connect-img .item { width: 25%; height: 100%; overflow: hidden }
.box-connect-img .item:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 10 }
.box-connect-img .item:hover a:before { opacity: 1 }
.box-connect-img .item:hover a:after { opacity: 1 }
.box-connect-img .item a { display: block; height: 100%; width: 100%; position: relative }
.box-connect-img .item a:before { position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; color: #fff; opacity: 0; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font: normal normal normal 14px/1 FontAwesome; font-size: 40px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002" }
.box-connect-img .item a:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(10, 15, 28, 0.7); opacity: 0; animation: zoomIn; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease }
.box-connect-img .item img { width: 100% }
.box-connect-img .item:nth-child(1) { position: absolute; top: 0; left: 0 }
.box-connect-img .item:nth-child(2) { position: absolute; top: 0; left: 25%; height: 70% }
.box-connect-img .item:nth-child(2) img { top: -30%; position: absolute }
.box-connect-img .item:nth-child(3) { position: absolute; top: 0; left: 50% }
.box-connect-img .item:nth-child(4) { position: absolute; top: 0; left: 75%; height: 30% }
.box-connect-img .item:nth-child(4) img { top: -70%; position: absolute }
.box-connect-img .item:nth-child(5) { position: absolute; top: 30%; left: 75%; height: 70% }
.box-connect-img .item:nth-child(5) img { top: -30%; position: absolute }
.box-connect-img .item:nth-child(6) { position: absolute; top: 70%; left: 25%; height: 30% }
.box-connect-img .item:nth-child(6) img { top: -70%; position: absolute }
.box-tv { width: 100%; border-bottom: 2px solid #DDD; margin-bottom: 10px }
.box-tv .video { text-align: center }
.box-tv .video iframe { width: 600px; height: 400px }
.box-tv .item-info { margin-top: 10px }
.box-tv .item-info h3 { font-weight: normal; text-align: center; padding-bottom: 10px }
.box-tv .item-info p { text-align: center }
ul.video-list { margin: 0 !important; padding: 0 !important }
ul.video-list li { width: 50%; max-height: 150px; padding: 10px; list-style: none !important; float: left }
ul.video-list li .icon { width: 150px; height: auto; float: left; display: block; overflow: hidden; margin-right: 10px }
ul.video-list li .icon img { width: 100% }
ul.video-list li h4 {font-size: 14px; padding-left: 160px;}
ul.video-list li h4 a{font-weight: normal; font-size: 16px;}
ul.video-list li h4 a:hover{color: #FF6600}
/*width: 210px; float: left;*/
ul.video-list li p {}
/*width: 210px; float: left*/
.box-leader{background: #EEEEEE}
.leader-list li{width: 25%; min-height: 360px; float: left; padding: 0px 10px; margin-bottom: 20px;}
.leader-list li:nth-child(4n){padding-left: 20px; padding-right: 0px;}
.leader-list li:nth-child(4n+1){padding-left: 0px; padding-right: 20px;}
.leader-list li .item-icon{width: 100%; display: block; overflow: hidden;}
.leader-list li .item-icon img{width: 100%;}
.leader-list li h4{font-size: 16px; color: #333; font-weight: bold; padding: 5px 0px 5px 5px}
.leader-list li h5{font-size: 16px; color: #641934; font-weight: normal; padding: 0px 0px 10px 5px}
.leader-list li:hover div{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);}
.box-pop{width: 100%; height: 100%; background: #FFF; display: block; position: absolute; top: 0; left: 0; z-index: 999999999999; position: fixed; overflow-y: auto; transition: opacity .2s ease; opacity: 1;}
.box-pop .box-inner{padding: 0px; position: relative;}
.box-pop .pop-avatar{width: 40%; position: fixed; height: 100vh; z-index: 9; background-size: cover; background-position: top;}
.box-pop .pop-direct{margin-left: 20%; margin-bottom: 20px; text-align: right; border-bottom: 1px solid #DDD; position: fixed; width: 80%; top: 0; left: 0; z-index: 0; background: #FFF;}
.box-pop .pop-direct a.view-all{font-size: 20px; color: #641934; padding-right: 20px;}
.box-pop .pop-direct a.close{font-weight: normal; color: #FFF; background: #641934; height: 100%; display: inline-block; padding: 30px 40px;}
.box-pop .pop-direct a.close i{font-weight: normal; font-size: 20px; }
.box-pop .pop-about{margin-left: 50%; padding-top: 110px;}
.box-pop .pop-about .about-name{font-size: 20px; }
.box-pop .pop-about .about-func{font-size: 20px; font-weight: normal; padding: 5px 0px 10px;}
.box-pop .pop-about .about-content p:first-child:first-letter {font-size: 52px; line-height: 56px; letter-spacing: -2px; font-size: 48px; line-height: 48px; float: left; margin-right: 12px; font-weight: 700; color: #641934;}
.box-pop .pop-about .about-content{padding-top: 15px; line-height: 24px; font-size: 16px;}
.box-pop .pop-loading{text-align: center; padding-top: 100px;}
.box-footer { background: #252525; padding: 30px 0px 10px 0px }
.box-footer .box-inner { max-width: 1120px }
.footer { color: #C8C8C8 }
.footer h3 { padding-bottom: 12px }
.footer p { padding-bottom: 6px }
.footer p i { padding-right: 8px }
.footer a { color: #C8C8C8 }
.bggreen { background: rgba(73, 155, 234, 1); background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1))); background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0) }
.bggray {background: #4C5C72;}
/*.bggray { background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(237, 237, 237, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(237, 237, 237, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(237, 237, 237, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(237, 237, 237, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(237, 237, 237, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0) }*/
.scrollup { background: #f38142; bottom: 82px; display: none; position: fixed; right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; text-align: center; font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 600; padding: 2px; z-index: 9999 }
.scrollup .fa { display: block }
.scrollup:hover { opacity: 0.8; filter: alpha(opacity=80); color: #fff }
.info-max { width: 100% !important }
.frmTitle { text-align: center; font-size: 16px }
.frmElement { width: 100%; padding: 5px 10px; clear: both; display: table }
.frmElement .lbl { width: 30%; float: left; padding: 10px 20px 10px 0px; text-align: right; font-size: 14px }
.frmElement .element { width: 70%; float: left; padding: 10px 0px 10px 0px }
.frmElement .element input[type=text], .frmElement .element select, .frmElement .element .label { border: 1px solid #ccc; border-radius: 3px; text-indent: 5px; padding: 2px 0px; height: 28px }
.frmElement .element input[type=text], .frmElement .element select, .frmElement .element textarea, .frmElement .element .label { width: 70%; min-width: 250px }
.frmElement .element .label { cursor: pointer }
.frmElement .element textarea { border: 1px solid #ccc; text-indent: 5px; padding: 4px 0px; min-height: 80px }
.frmElement .error { width: 70%; float: left; color: #FD0100 }
.frmElement .txtCapt input { float: left; width: 70px !important; min-width: 70px !important; height: 30px !important; border-radius: 0 !important }
.frmElement .btn, .frmElement .msg { margin-left: 30% }
.frmElement .btn input[type=submit], .frmElement .btn input[type=reset] { font-size: 14px; width: 120px; height: 30px; text-align: center; cursor: pointer; line-height: 24px; color: #fff; border: none; border-radius: 1px; margin: 0px auto; margin-right: 10px }
.frmElement .btn input[type=submit] { background: #FF6600 }
.frmElement .btn input[type=reset] { background: #CCC }
#divAdvLeft { position: absolute; top: 236px; left: 20px; z-index: 999999; width: 120px; margin-bottom: 230px }
#divAdvRight { position: absolute; top: 236px; left: 1130px; z-index: 999999; width: 120px }
#divAdvLeft img, #divAdvRight img { width: 120px; border: none }
#dungneo-overlay { width: 100%; height: 100%; background: #000; filter: alpha(opacity=70); opacity: 0.7; position: absolute; z-index: 999; top: 0; left: 0; color: #FFF }
#dungneo-box { width: 100%; height: 100%; position: absolute; z-index: 9999; top: 100px; left: 0 }
.dungneo-box-content { background: #FFF; margin: 0 auto; position: relative }
.dungneo-box-close { position: absolute; cursor: pointer; top: -20px; right: -20px }
.dungneo-box-close a { width: 40px; height: 40px; display: block; background: url(../images/dnclose.png) no-repeat 0 0 }
.dungneo-box-close a:hover { background: url(../images/dnclose.png) no-repeat 0 -40px }
.center, .ctr { text-align: center; font-size: 14px }
.note { font-size: 16px; color: #891437; padding-bottom: 10px }
.pad { padding: 10px 20px; font-size: 14px }
.continues { text-align: center; font-size: 16px }
.relativetitle { line-height: 30px; font-size: 16px; font-style: italic }
.lblMsg { display: none; height: auto; color: #F00; padding-top: 10px; font-size: 14px }
.reg-success { color: #6F9426; padding: 20px 10px; font-size: 16px }
.divAdd { color: #06F; font-size: 16px; padding: 20px }
.numpages { padding: 2px 0 15px 0; font-size: 16px }
.padlr { padding: 4px 20px }
.notfound { padding: 30px; text-align: center; font-size: 16px; color: #FF0000; clear: both }
.found { padding: 10px; text-align: center; font-size: 16px; color: #0066FF }
.orange { background: #EB7336 }
.red { color: #FD0100 }
.green { color: #6AB63D }
.dnhd { display: none }
.left { float: left }
.right { float: right }
.clear { clear: both; height: 0; line-height: 0; width: 0; overflow: hidden }
.clear a { display: none; height: 0 !important }
.clear1 { clear: both; height: 1px; background: none }
.clear2 { clear: both; height: 2px; background: none }
.clear3 { clear: both; height: 3px; background: none }
.clear5 { clear: both; height: 5px; background: none }
.clear10 { clear: both; height: 10px; background: none }
.clear20 { clear: both; height: 20px; background: none }
.bx-wrapper { margin: 0 auto; padding: 0; position: relative; zoom: 1 }
.bx-wrapper img { display: block; width: 100%; /*max-width: 1500px */}
.bx-wrapper .bxslider li div { left: 61.5px; max-width: 1140px; position: absolute; overflow: hidden; width: 100%; height: 100%; z-index: 109; top: 0px; pointer-events: none }
.bx-wrapper .bxslider li h2 { position: absolute; top: 134px; left: 12px; transform-origin: 50% 50% 0px; margin: 0px; padding: 0px; font-size: 40px; color: #f87831; font-weight: normal; line-height: 70px; transition-duration: 450ms; transition-property: -moz-transform, opacity; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1) }
.bx-wrapper .bxslider li div.right h2 { left: 50% }
.bx-wrapper .bxslider li h3 { position: absolute; top: 190px; left: 12px; transform-origin: 50% 50% 0px; margin: 0px; padding: 0px; font-size: 40px; font-weight: normal; line-height: 133px; color: #3b4c61 }
.bx-wrapper .bxslider li div.right h3 { left: 50% }
.bx-wrapper .bxslider li h4 { position: absolute; top: 319px; left: 12px; transform-origin: 50% 50% 0px; margin: 0px; padding: 0px; font-size: 28px; color: #6e8097; font-weight: normal; line-height: 34px }
.bx-wrapper .bxslider li div.right h4 { left: 50% }
.bx-wrapper .bx-viewport { }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 30px; position: absolute; width: 100%; z-index: 99999999 }
.bx-wrapper .bx-loading { background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; left: 0; min-height: 50px; position: absolute; top: 0; width: 100%; z-index: 2000 }
.bx-wrapper .bx-pager { color: #666; font-family: Arial; font-size: .85em; font-weight: bold; padding-top: 20px; text-align: center }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline; display: inline-block; zoom: 1 }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; border-radius: 5px; display: block; height: 10px; margin: 0 5px; moz-border-radius: 5px; outline: 0; text-indent: -9999px; webkit-border-radius: 5px; width: 10px }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 }
.bx-wrapper .bx-prev { background: url(../images/control.png) no-repeat 0 -70px; left: 20px }
.bx-wrapper .bx-next { background: url(../images/control.png) no-repeat 0px 0px; right: 20px }
.bx-wrapper .bx-prev:hover { background-position: -2px -70px }
.bx-wrapper .bx-next:hover { background-position: 2px 0 }
.bx-wrapper .bx-controls-direction a { height: 70px; margin-top: -16px; outline: 0; position: absolute; text-indent: -9999px; top: 40%; width: 45px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper .bx-controls-auto { text-align: center }
.bx-wrapper .bx-controls-auto .bx-start { background: url(../images/control.png) -86px -11px no-repeat; display: block; height: 11px; margin: 0 3px; outline: 0; text-indent: -9999px; width: 10px }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0 }
.bx-wrapper .bx-controls-auto .bx-stop { background: url(../images/control.png) -86px -44px no-repeat; display: block; height: 11px; margin: 0 3px; outline: 0; text-indent: -9999px; width: 9px }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.bx-wrapper .bx-caption { background: #666; background: rgba(80, 80, 80, 0.75); bottom: 0; left: 0; position: absolute; width: 100% }
.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: 14px; padding: 10px }
@media only screen and (max-width:1200px) {
	.banner { width: 200px }
	.menutop { width: auto }
	.menutop li a { padding: 0px 11px }
}
@media only screen and (max-width:1024px) {
	.box-partner-wrapper .bx-wrapper { padding: 0 10px }
	.box-wrapper { padding-left: 0px; padding-right: 0px }
	.box-inner { width: 100%; padding: 0 10px }
	.banner-menutop .banner { width: 220px }
	/*.box-training .training-list li .training-img {}*/
	.box-partner-idx li { width: 33.3%; margin: 0px !important; overflow: hidden }
	.box-partner-idx li a.item-icon { width: 100% }
	.box-partner-idx li:nth-child(1) { padding-right: 10px }
	.box-partner-idx li:nth-child(2) { padding-left: 5px; padding-right: 5px }
	.box-partner-idx li:nth-child(3) { padding-left: 10px }
	.box-connect { padding: 0px; padding-bottom: 30px }
	.box-news .box-news-list li {min-height: 130px;}
}
@media only screen and (max-width:979px) {
	.banner-menutop .banner { width: 100%; background-position: center center; background-size: initial !important;}
	.scroll-down .banner{display: none;}
	.menutop { width: 100%; margin-top: 0px; padding-left: 0px; height: 60px;}
	.menutop ul{margin-top: 0px; padding-left: 0px;}
	.menutop li a { padding: 0px 24px }
	.box-training .training-list li .training-img { width: 170px; height: 140px }
	.box-partner-wrapper { overflow: hidden }
	.box-img-slide ul { left: 0px }
	.box-img-slide li .item-content { top: 15%; left: 15px; right: 15px }
	.box-img-slide li .item-content span { font-size: 16px }
	.box-img-slide li:nth-child(1) .box { margin-right: 10px }
	.box-img-slide li:nth-child(2) .box { margin-left: 5px; margin-right: 5px }
	.box-img-slide li:nth-child(3) .box { margin-left: 10px }
	.box-training-details .tabs { width: 27%; margin: 0px; padding-right: 20px }
	.box-training-details .tabs-content { width: 73% }
	.box-event li{width: 158px;}
}
@media screen and (max-width:768px) {
	.menutop li a{padding: 0px 12px;}
	.bx-wrapper .bxslider li div{left: 0px;}
	.bx-wrapper .bxslider li h2{top: 20px; font-size: 24px; line-height: 1.5; left: 0px;}
	.bx-wrapper .bxslider li a{width: 100%; height: 300px; position: relative; display: block;}
	.bx-wrapper .bxslider li a img.center {position: absolute; left: 50%; top: 50%;  -ms-transform: translateY(-50%) translateX(-50%); /* IE 9 */ -webkit-transform: translateY(-50%) translateX(-50%); /* Chrome, Safari, Opera */ transform: translateY(-50%) translateX(-50%);}
	.box-icon li:nth-child(3n+1), .box-icon li:nth-child(3n+2), .box-icon li:nth-child(3n+3){padding: 0px;}
	.box-event li {width: 33.3%;}
	.box-news .box-news-feature{width: 100%; margin-bottom: 20px;}
	.box-news .box-news-feature .box-news-detail{padding: 0px;}
	.box-news .box-news-list{width: 100%;}
	.box-news-feature .box-news-detail-img, .box-news-feature .box-news-detail-summary{width: 50%; float: left;}
	.box-news-feature .box-news-detail-img{padding-right: 5px; }
	.box-news-feature .box-news-detail-summary{padding-left: 5px;}
	.box-news-feature .box-news-detail-summary h2{padding-bottom: 10px;}
	.box-news .box-news-list li{height: auto; min-height: 260px; float: left;}
	.box-news .box-news-list li:nth-child(2n){padding: 0px; padding-left: 5px}
	.box-news .box-news-list li:nth-child(2n+1){padding: 0px; padding-right: 5px}
	.box-news .box-news-list .item-icon{width: 100%; height: auto;}
	.box-news .box-news-list h2{padding: 0px;}
	.box-news .box-news-list h2 a{font-size: 14px;}
	.box-center, .menu-left{width: 100%;}
	.menu-left{padding-left: 0px;}
	.box-icon li{width: 50%; height: 120px;}
	.news-first .news-img {width: 300px;}
	.news-first .news-desc{padding-left: 310px;}
	.leader-list li{width: 33.3%; padding: 0px 5px;}
	.leader-list li:nth-child(4n+1), .leader-list li:nth-child(4n){padding-left: initial; padding-right: initial;}
	.leader-list li:nth-child(3n){padding-left: 10px; padding-right: 0px;}
	.leader-list li:nth-child(3n+1){padding-left: 0px; padding-right: 10px;}
	.box-event li:nth-child(4){clear: left;}
	.box-pop .pop-direct{z-index: 99; margin-left: 0px; width: 100%;}
	.box-pop .pop-avatar{width: 100%; position: initial;}
	.box-pop .pop-about{margin-left: 0px; padding: 20px}
	.service-tabs .tabs-content{max-width: 50%;}
	.box-training .training-list li{height: auto; min-height: 480px; padding-bottom: 10px;}
	.box-training .training-list li .training-img{width: 100%; height: auto;}
	.box-training .training-list li .training-img img{min-height: 300px;}
	.box-training .training-list li .training-info{width: 100%; padding-left: 0px;}
}
@media screen and (max-width:756px) {
	.menutop ul { margin-top: 0px }
	.menutop li a { padding: 0px 12px; font-weight: 400 }
	#box-slider-main .bx-wrapper .bx-viewport { height: 300px !important }
	#box-slider-main .bx-wrapper li { text-align: center }
	#box-slider-main .bx-wrapper img { height: 300px; width: auto !important;}
	/*width: 100% !important;*/
	.box-img-slide li .item-content span i { font-size: 16px }
	ul.video-list li h4{width: auto; float: initial;}
	.box-event li h2 a{font-size: 14px;}
}
@media screen and (max-width:667px) {
	.top .top-left{padding-left: 60px;}
	.scroll-down { position: relative }
	.top button.open-menu { display: block; background: none; border: none; width: 43px; height: 39px; text-indent: -900em; overflow: hidden; position: absolute; cursor: pointer; outline: none; z-index: 99999; left: 0px; top: 10px;}
	.top button.open-menu:after { display: block; content: ''; position: absolute; width: 68%; height: 4px; background: #FFF; top: 0px; right: 0px; box-shadow: 0 10px 0 #FFF, 0 20px 0 #FFF }
	.banner-menutop{margin: 15px 0px;}
	.banner-menutop .menutop { position: absolute; top: -1600px; z-index: -99999; display: none }
	.banner-menutop .menu-wrapper-active { top: 40px; z-index: 99999; display: block; background: #35404F; left: 0px; height: auto }
	.banner-menutop .menutop li { width: 100%; padding-left: 20px !important }
	.banner-menutop .menutop li a { padding-left: 0px !important; color: #FFF }
	.top .content{display: none;}
	.menutop li.display-mb{display: block;}
	.menutop li a:hover, .menutop li a.active { border-bottom: 1px solid #f38142 }
	.menutop li div { background: #4C5C72; width: 100% }
	.menutop li li a { border-bottom: 1px solid #444 }
	.banner-menutop .menutop li:first-child, .banner-menutop .menutop li:last-child { padding-left: 19px }
	.banner-menutop .menutop li:last-child i:first-child { padding-left: 0px !important }
	.banner-menutop .menutop li a span { display: inline-block }
	.box-icon li { height: 120px }
	.box-content p img { width: 100% !important; height: auto !important }
	.box-content span img{width: auto !important;}
	.box-img-slide li { width: 33.3%; margin: 0px !important }
	.box-img-slide li:nth-child(1) { padding-right: 10px }
	.box-img-slide li:nth-child(2) { padding-left: 5px; padding-right: 5px }
	.box-img-slide li:nth-child(3) { padding-left: 5px }
	.box-training .training-list li .training-info, .box-training .training-list li .training-img { width: 100% }
	.box-training .training-list li .training-info { padding-right: 0px; padding-left: 10px }
	.box-training .box-title-t { text-align: center }
	.box-training .box-title-t a { float: initial; display: block; width: 100%; position: relative; right: initial; bottom: initial;}
	.box-statistic div { overflow: hidden }
	.box-partner-idx li a.item-icon { height: auto }
	.box-partner-wrapper .bx-wrapper { width: 100%; max-width: 100% }
	.box-training-details .tabs { width: 100%; padding-right: 0px }
	.box-training-details .tabs-content { width: 100% }
	.box-news .box-news-list li{min-height: 250px;}
	.box-news .box-news-list li:last-child { padding-bottom: 0px; margin-bottom: 0px }
	.box-event li{width: 33.3%;}
	.box-work ul.video-list li a{font-size: 14px; font-weight: normal;}
	.leader-list li{min-height: 320px}
	.box_footer .container{width: 100%; overflow: hidden;}
	.box_footer .container .wrap > div{width: 100%;}
}
@media screen and (max-width:655px) {
	.menutop li a { padding: 0px 4px; font-weight: 400 }
}
@media screen and (max-width:639px) {
	.menutop li a { padding: 0px 3px; font-weight: 400 }
	.menu-left { width: 100%; padding-left: 0px}
	.box-center { width: 100%; margin-bottom: 20px;}
	.box-training .training-list li{min-height: 450px;}
	.box-training .training-list li .training-img img{min-height: 240px;}
}
@media screen and (max-width:600px) {
	.menutop li a { padding: 0px 3px; font-weight: 400 }
	ul.video-list li{max-height: initial; min-height: 300px;}
	ul.video-list li .icon{width: 100%;}
	ul.video-list li h4{padding: 0px;}
}
@media screen and (max-width:580px) {
	.top .content, .top .top-left{width: 100%; text-align: right; padding-left: 10px;}
	.top .top-left a:last-child{padding-right: 0px;}
	ul.video-list li{max-height: initial; min-height: 280px;}
	ul.video-list li .icon{width: 100%;}
	.box-training .training-list li{min-height: 420px;}
	.box-training .training-list li .training-img img{min-height: 220px;}
}
@media screen and (max-width:480px) {
	ul.video-list li{min-height: 250px;}
	.box-news .box-news-list li {min-height: 200px;}
	.leader-list li{width: 50%; min-height: 340px;}
	.leader-list li:nth-child(3n), .leader-list li:nth-child(3n+1){padding-left: initial; padding-right: initial;}
	.leader-list li:nth-child(2n){padding-left: 5px; padding-right: 0px;}
	.leader-list li:nth-child(2n+1){padding-left: 0px; padding-right: 5px;}
	.box-img-slide .img-slides { display: none }
	.box-img-slide .img-slide-summary { display: none }
	.box-img-slide .img-slide-title { color: #FFF }
	.box-img-slide .img-slide-desc { color: #EEE }
	.box-img-slide .img-slide-summary .details { color: #CCC }
	.box-img-slide ul { position: relative }
	.box-img-slide li { width: 100%; padding: 0 !important; margin: 0 }
	.box-img-slide li>div { margin: 0 !important }
	.box-img-slide li .item-content span { font-size: 14px }
	.box-img-slide li .item-content span i { font-size: 14px }
	.box-img-slide li .item-content { left: 10px; right: 10px }
	.box-icon-wrapper { padding-top: 20px }
	.box-icon li { width: 100%; margin-bottom: 10px; padding: 0px !important; height: auto }
	.box-service { padding-top: 20px }
	.box-service .service-title { width: 100% }
	.box-service .service-tabs { width: 100% }
	.service-tabs .tabs { width: 100% }
	.service-tabs .tabs-slides { display: none }
	.service-tabs .tabs-content { width: 100%; max-width: 100%; padding: 40px 10px }
	.service-tabs .tabs-content h5 { padding-left: 0px }
	.box-training .box-title-t h2 { font-size: 20px }
	.box-training .box-title-t a { position: relative; float: left; right: initial !important; bottom: initial !important }
	.box-training .training-list li { width: 100%; height: auto; min-height: initial;}
	.box-training .training-list li .training-img { height: auto }
	.box-training .training-list li:nth-child(2),.box-training .training-list li:nth-child(3),.box-training .training-list li:nth-child(4),.box-training .training-list li:nth-child(5){width: 50%; float: left;}
	.box-training .training-list li:nth-child(2), .box-training .training-list li:nth-child(4){padding-right: 5px !important}
	.box-training .training-list li:nth-child(3), .box-training .training-list li:nth-child(5){padding-left: 5px !important;}
	.box-training .training-list li:nth-child(4), .box-training .training-list li:nth-child(5){border-bottom: none;}
	.box-training .training-list li:nth-child(1) .training-img{height: auto;}
	.box-training .training-list li:nth-child(1) h2 {height: auto;}
	.box-training .training-list li h2 a{font-size: 16px;}
	.box-training .training-list li:nth-child(6){display: none;}
	.box-training .training-list li .training-info{padding-left: 0px;}
	.box-training .training-list li .training-info p{display: none;}
	.box-training .training-list li .training-img{height: 160px; overflow: hidden;}
	.box-training .training-list li .training-img img{width: 100%; height: 100%}
	.box-training .training-list li h2 { line-height: 1; height: 70px; overflow: hidden; padding-bottom: 10px; max-height: initial;}
	.training-list li { padding: 0 !important }
	.box-work-wrapper { padding-top: 20px }
	.box-work .box-title h3 { font-size: 20px; font-weight: 400; text-transform: uppercase; text-align: center;}
	.box-work .box-title a { display: block; margin-top: 10px; text-align: center; right: initial; bottom: initial; float: inherit; position: relative;}
	.box-work li { width: 100%; padding-left: 0px !important; padding-right: 0px !important }
	.box-event .box-title a {position: relative; padding-top: 20px; float: initial; display: block; right: initial; bottom: initial; text-align: center;}
	.box-event .box-title p { font-size: 20px }
	.box-event li { width: 100%; padding-left: 0px !important; padding-right: 0px !important }
	.box-event li h2 { height: auto !important }
	.box-event li:nth-child(2),.box-event li:nth-child(3),.box-event li:nth-child(4),.box-event li:nth-child(5){width: 50%; float: left;}
	.box-event li:nth-child(2), .box-event li:nth-child(4){padding-right: 5px !important}
	.box-event li:nth-child(3), .box-event li:nth-child(5){padding-left: 5px !important;}
	.box-event li:nth-child(6){display: none;}
	.box-statistic div { width: 100% }
	.box-connect h2.title { font-size: 20px }
	.box-connect .box-connect-img { height: auto }
	.box-connect-img .item { width: 50%; height: auto !important; position: relative !important; top: initial !important; left: initial !important; bottom: initial !important; float: left }
	.box-connect-img .item img { position: relative !important; top: initial !important }
	.box-connect-img .item:nth-child(4) { position: absolute !important; left: 0px !important; top: 320px !important }
	.box-connect-img .item:nth-child(5) { position: absolute !important; left: 0px !important; top: 430px !important }
	.box-connect-img .item:nth-child(6) { position: absolute !important; left: 210px !important; top: 430px !important }
	.box-comment .box-comment-feature, .box-comment .box-comment-list { width: 100% }
	.box-comment .box-comment-feature { padding-bottom: 40px }
	.tran-cat-icon li { width: 50%; margin: 0; margin-bottom: 10px }
	.tbl-training td { padding: 10px 5px }
	.tbl-training td:nth-child(1){width: 50%;}
	.tbl-training td:nth-child(2){width: 25%;}
	.tbl-training td:nth-child(3){width: 25%;}
	.tbl-training td:nth-child(4), .tbl-training td:nth-child(5){display: none;}
	.box-center-wrapper { padding: 0 10px }
	.news-first .news-img { width: 100%; margin-right: 0px; margin-bottom: 10px;}
	.news-first .news-desc { width: 100%; padding: 0px;}
	.box-center .box-content ul li { width: 100%; margin: 0px !important; height: auto }
	.news-list li a.item-icon { width: 100%; height: auto }
	.news-list li h3{padding: 0px;}
	ul.video-list li { width: 100% }
	ul.video-list li .icon { width: 100% }
	ul.video-list li h4, ul.video-list li p { width: 100% }
	ul.video-list li { max-height: initial !important; padding: 10px; padding-left: 0px; padding-right: 0px }
	ul.video-list li:nth-child(2),ul.video-list li:nth-child(3),ul.video-list li:nth-child(4),ul.video-list li:nth-child(5){width: 50%; float: left;}
	ul.video-list li:nth-child(2), ul.video-list li:nth-child(4){padding-right: 5px !important}
	ul.video-list li:nth-child(3), ul.video-list li:nth-child(5){padding-left: 5px !important;}
	ul.video-list li:nth-child(6){display: none;}
	.box-tv .video { width: 100%; height: auto }
	.box-tv .video iframe { width: 100%; height: 300px }
	.tab-content-4 h4 { position: relative }
	.tab-content-4 h4 a { width: 100% }
	.box-news h2.title { font-size: 20px }
	.box-news .box-news-feature .box-news-detail-img { width: 100% }
	.box-news .box-news-feature .box-news-detail-summary { padding: 0px; width: 100%;}
	.box-news .box-news-list .item-icon { width: 100% }
	.box-news .box-news-list h2, .box-news .box-news-list p { padding: 0px }
	.box-news .box-news-list li { height: 200px; overflow: hidden }
	.leader-list li h4, .leader-list li h5{font-size: 14px;}
	.frmElement .lbl, .frmElement .element, .frmElement .element input[type="text"], .frmElement .element select, .frmElement .element textarea, .frmElement .element .label, .frmElement .element input[type="password"]{width: 100% !important;}
	.frmElement .lbl{text-align: left;}
	.frmElement .element{padding-top: 0px !important}
	.frmElement .btn, .frmElement .msg{margin-left: 0px;}
	.box-training .training-list li .training-img img{min-height: 160px;}
	.box-training .box-title h3{font-weight: normal;}
}
@media screen and (max-width:420px) {
}