@charset "UTF-8";
/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, textarea { font-size: 100%; vertical-align: middle; outline: none; border-radius: 0; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

.clearfloat:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clearfloat { *zoom: 1; }

.clearboth { clear: both; }

.wp { width: 1000px; margin: 0 auto; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

.header { position: fixed; top: 0; left: 0; z-index: 999; display: block; width: 100%; }

.imgTop { position: relative; width: 100%; height: 4px; }

.imgTop img { width: 100%; height: 4px; }

.headerWrap { width: 100%; position: relative; display: block; margin: 0 auto; background: #FFF; z-index: 999; height: 107px; }

.headerWrap h1 { float: left; padding-top: 5px; padding-left: 60px; }

.headerWrap .nav { float: right; margin-right: 20px; }

.headerWrap .nav li { float: left; margin-top: 35px; }

.headerWrap .nav li a { display: block; padding-left: 20px; padding-right: 20px; font-size: 15px; color: #4C4A45; height: 34px; line-height: 34px; }

.headerWrap .nav li:hover, .headerWrap .nav li.on { background: #AE946F; border-radius: 4px; }

.headerWrap .nav li:hover a, .headerWrap .nav li.on a { color: #FFF; font-weight: bold; }

.menu { position: relative; float: right; margin-right: 0.1rem; margin-top: 0.15rem; display: none; z-index: 88; cursor: pointer; }

.menu a { width: 40px; height: 26px; font-size: 16px; color: #333; text-align: center; display: block; }

.menu a:before { content: "\e610"; display: block; position: relative; width: 40px; height: 26px; left: 0; top: -6px; font-family: "iconfont"; font-size: 36px; }

.iphone-nav { position: fixed; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); background: #B69E7D; opacity: 0; z-index: 66666; }

.iphone-nav #scroller .nav-close { width: 100%; height: 43px; position: relative; text-align: right; padding-top: 17px; padding-right: 17px; box-sizing: border-box; cursor: pointer; }

.iphone-nav #scroller .nav-close img { border-radius: 100%; }

.iphone-nav #scroller > ul { display: block; position: relative; width: 100%; }

.iphone-nav #scroller > ul li { display: block; position: relative; width: 100%; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; border-bottom: solid 1px #CFCFCF; font-size: 18px; color: #FFF; }

.iphone-nav #scroller > ul li a { color: #FFF; }

.iphone-nav #scroller > ul li i { position: relative; float: right; padding-right: 20px; padding-top: 2px; cursor: pointer; }

.iphone-nav #scroller > ul li i.on { padding-top: 26px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.iphone-nav #scroller > ul .sub { display: none; padding-left: 3px; padding-top: 10px; padding-bottom: 0; }

.iphone-nav #scroller > ul .sub li { display: block; padding-top: 6px; padding-bottom: 6px; font-size: 16px; border-bottom: none; }

.iphone-nav-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

.slideInLeft { -webkit-animation: slideInLeft 1s .1s ease both; animation: slideInLeft 1s .1s ease both; }

.footer { width: 100%; height: 60px; background: #BE945A; color: #FFF; position: relative; z-index: 66; line-height: 60px; font-size: 12px; overflow: hidden; }

.footer .wp640 { position: relative; width: 755px; margin: 0 auto; }

.footer .wp640 a { color: #FFF; }

.footer .wp640 p { display: inline; position: relative; text-align: left; }

.footer .wp640 span { display: inline-block; position: absolute; right: -20px; top: 11px; }

.footer .wp640 .bdsharebuttonbox { display: inline; }

.footer .wp640 .bdsharebuttonbox a { background: #B18547; display: block; border-radius: 50%; width: 28px; text-align: center; height: 28px; }

.footer .wp640 .bdsharebuttonbox .bds_tsina:before { content: '\e60a'; font-family: "iconfont"; line-height: 28px; color: #EEF2F6; font-size: 15px; }

.footer .wp640 .bdsharebuttonbox .bds_weixin:before { content: '\e64f'; font-family: "iconfont"; font-size: 15px; line-height: 28px; color: #EEF2F6; }

.footer .wp640 .bdsharebuttonbox .bds_tqq:before { content: '\e603'; font-family: "iconfont"; font-size: 18px; line-height: 28px; color: #EEF2F6; }

.footer .wp640 .bdsharebuttonbox .bds_fbook:before { content: '\e613'; font-family: "iconfont"; font-size: 18px; line-height: 28px; color: #EEF2F6; }

.footer .wp640 .bdshare-button-style0-16 a, .footer .wp640 .bdshare-button-style0-16 .bds_more { padding-left: 0; margin-left: 10px; }

.return { position: fixed; right: 0; bottom: -40px; width: 35px; height: 35px; padding-top: 5px; text-align: center; font-size: 12px; color: #000; font-weight: bold; background: #fff; cursor: pointer; box-shadow: 0 3px 5px #999; }

.return:before { display: block; content: '\e60b'; font-family: 'iconfont'; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot"); /* IE9*/ src: url("../font/iconfont.eot#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@font-face { font-family: "HelveticaNeueLTPro-ThEx"; src: url("../font/HelveticaNeueLTPro-ThEx.eot"); /* IE9*/ src: url("../font/HelveticaNeueLTPro-ThEx.eot#iefix") format("embedded-opentype"), url("../font/HelveticaNeueLTPro-ThEx.woff") format("woff"), url("../font/HelveticaNeueLTPro-ThEx.ttf") format("truetype"), url("../font/HelveticaNeueLTPro-ThEx.svg#HelveticaNeueLTPro-ThEx") format("svg"); /* iOS 4.1- */ }

.HelveticaNeueLTPro-ThEx { font-family: "HelveticaNeueLTPro-ThEx" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* reset.css V1.6  End */
.paged { padding-top: 30px; text-align: center; padding-bottom: 150px; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px; padding: 10px 15px; font-size: 13px; text-align: center; border: 1px solid #DDCAAA; color: #888C7E; border-radius: 4px; }

.paged .current, .paged a:hover { background: #AE946F; color: #FFF; }

.mainWrap { width: 100%; position: relative; padding-top: 111px; overflow: hidden; }

.banner { position: relative; }

.swiper-container { width: 100%; }

.swiper-container .swiper-slide { position: relative; display: block; }

.swiper-container .swiper-slide img { width: 100%; }

.swiper-container .swiper-pagination-bullet { width: 22px; height: 22px; text-align: center; color: #705B3B; opacity: 1; background: #fff; font-size: 14px; }

.swiper-container .swiper-pagination-bullet-active { background: #705B3B; color: #fff; text-align: center; }

.fullVideo { position: relative; display: block; width: 100%; margin-top: 65px; height: auto; }

.fullVideo img { width: 100%; height: auto; position: relative; z-index: 2; }

.fullVideo .fullVideoTIt { position: absolute; padding-top: 70px; width: 100%; z-index: 6; }

.mobileImg { display: none; }

.videoButton { position: absolute; width: 74px; height: 74px; display: block; left: 50%; top: 50%; z-index: 66; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

.videoButton img { width: 100%; height: 100%; }

.homeAbout { position: relative; display: block; width: 100%; padding-top: 65px; padding-bottom: 65px; background: #f6f6f6; }

.imgWp { width: 100%; height: auto; }

.wp1730 { width: 1730px; position: relative; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.hometTit { width: 100%; text-align: center; }

.hometTit h3 { padding-top: 24px; padding-bottom: 3px; font-family: "楷体"; font-size: 40px; color: #000; font-weight: bold; }

.hometTit span { font-size: 14px; color: #878787; font-family: "times"; }

.hometTit img { width: 67px; height: 108px; }

.homeAboutWrap { position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.homeaboutImg { width: 25.4%; height: auto; padding-right: 10px; float: left; padding-left: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.homeaboutImg img { width: 100%; height: auto; }

.homeaboutImg .home-imgTop { padding-bottom: 20px; }

.homeaboutVideo { position: relative; width: 41%; padding-right: 10px; padding-left: 10px; box-sizing: border-box; float: left; height: auto; }

.homeaboutVideo img { width: 100%; height: auto; }

.homeaboutText.mobilAbout { display: none; }

.homeaboutText { width: 33.6%; float: left; padding-right: 10px; padding-left: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; overflow: hidden; }

.homeaboutText .homeAboutBox { width: 100%; position: relative; padding-bottom: 121%; }

.homeaboutText .homeAboutWrap.textBg { background: #fff; padding-top: 50px; padding-right: 70px; padding-left: 80px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.homeaboutText p { display: block; padding-top: 30px; text-align: left; font-size: 14px; line-height: 30px; color: #6f6f6f; overflow: hidden; }

.homeaboutText a { margin-top: 30px; margin-bottom: 30px; display: block; width: 100%; height: 46px; background: #b29976; }

.homeaboutText a img { padding-top: 2px; -webkit-transition: all 2s ease; transition: all 2s ease; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.homeaboutText a:hover img { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

.trainCourses { display: block; position: relative; width: 100%; background: #fff; padding-top: 90px; padding-bottom: 70px; }

.hometTit.px { display: none; }

.wp1200 { position: relative; margin: 0 auto; width: 1200px; }

.courseText { position: relative; padding-top: 130px; z-index: 3; width: 39%; float: left; padding-right: 130px; padding-left: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.courseText .coursetextWrap { position: relative; width: 100%; }

.courseText .coursetextWrap p { padding-top: 30px; padding-bottom: 40px; font-size: 14px; line-height: 28px; color: #2c2c2c; }

.courseText .coursetextWrap a { display: block; text-align: center; width: 150px; height: 43px; background: #b29976; }

.courseText .coursetextWrap a img { -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }

.courseText .coursetextWrap a:hover img { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

.courseList { position: relative; width: 61%; float: left; z-index: 99; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.courseList .courseListWrap { position: relative; width: 100%; padding-right: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.courseList .courseListWrap img { position: relative; z-index: 1; margin: 0 auto; width: 100%; height: auto; }

.courseList .courseListWrap .courseTit { position: absolute; z-index: 5; font-size: 30px; font-weight: bold; }

.courseList .courseListWrap .courseTit:hover .sideList { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }

.courseTit.a1 { top: -20px; left: 46.5%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.courseTit.a2 { top: 32%; left: -39px; }

.courseTit.a4 { top: 32%; right: 5px; }

.courseTit.a5 { bottom: 8%; left: 12%; }

.courseTit.a3 { bottom: 8%; right: 18%; }

.courseTit.a6 { font-size: 39px; top: 50%; left: 47%; -ms-transform: translate(-47%, -50%); transform: translate(-47%, -50%); -webkit-transform: translate(-47%, -50%); -moz-transform: translate(-47%, -50%); -o-transform: translate(-47%, -50%); }

.courseTit.a6 span { font-size: 11px; color: #484848; font-family: "times"; display: block; font-weight: normal; }

.sideList { border-top: solid 1px #000; position: absolute; width: 100%; top: 43px; left: 0; padding-top: 10px; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); }

.sideList a { display: block; position: relative; font-size: 16px; color: #584d3e; text-align: left; line-height: 32px; padding-left: 16px; width: 100%; }

.sideList a:before { content: ""; display: block; left: 2px; top: 12px; width: 7px; height: 7px; position: absolute; border-radius: 50%; background: #584d3e; }

.sideList a:hover { color: #B29976; }

.sideList a:hover:before { background: #B29976; }

.coursesVideo { display: block; width: 100%; padding-top: 75px; padding-bottom: 97px; text-align: center; background: #ffe6ba; }

.videoWrap { width: 100%; display: block; padding-top: 65px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.videoWrap .videoList { width: 25%; float: left; position: relative; padding-left: 19px; padding-right: 19px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.videoWrap .videoList:hover .videoListWrap { -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 1; }

.videoWrap .videoList:hover .videoBg > img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.videoWrap .videoListWrap { position: relative; width: 100%; display: block; padding-bottom: 107.5%; overflow: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); }

.videoWrap .videoListWrap-box { position: absolute; width: 100%; top: 0; left: 0; }

.videoWrap .videoBg { width: 100%; position: relative; display: block; overflow: hidden; padding-bottom: 75%; }

.videoWrap .videoBg img { width: 100%; height: auto; position: absolute; z-index: 2; top: 0; left: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }

.videoWrap .videoTit { display: block; padding: 36px 20px 50px 20px; width: 100%; background: #fff; text-align: center; box-sizing: border-box; }

.videoWrap .videoTit h6 { font-size: 24px; color: #000; }

.videoWrap .videoTit span { font-size: 14px; line-height: 25px; color: #6c6c6c; }

.album { display: block; width: 100%; padding-top: 80px; padding-bottom: 96px; background: #fff; text-align: center; }

.shareboxWrap { position: relative; padding-top: 60px; width: 100%; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }

.shareboxWrap #shareBox li { width: 12.5%; position: relative; overflow: hidden; display: block; float: left; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; box-sizing: border-box; }

.shareboxWrap #shareBox li a { width: 100%; position: relative; padding-bottom: 93.26%; display: block; overflow: hidden; }

.shareboxWrap #shareBox li a .shareImg { position: absolute; width: 100%; padding-bottom: 92%; background-size: cover !important; background-position: center !important; -webkit-transition: all 2s ease; transition: all 2s ease; background-repeat: no-repeat; }

.shareboxWrap #shareBox li a .shareImg:hover { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }

.shareboxWrap #shareBox li a:after { position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; bottom: 2px; right: 0; content: "\e6bf"; font-family: "iconfont"; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 16px; }

.copyright { display: block; width: 100%; text-align: center; padding-top: 20px; background: url(../images/home-text2-bg.jpg); }

.coyrinformWarp { width: 100%; position: relative; display: block; padding: 60px 0 60px 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.coyrinformWarp .coyrInform { text-align: left; position: relative; width: 480px; float: left; height: 50px; line-height: 50px; margin-right: 70px; font-size: 15px; color: #4d4d4d; padding-left: 30px; border-bottom: solid 1px #ccb895; }

.coyrinformWarp .coyrInform:nth-child(even) { margin-right: 0; }

.coyrinformWarp .coyrInform .copyIcon { position: absolute; width: 30px; height: 50px; left: 0; top: 0; }

.coyrinformWarp .coyrInform .copyIcon:before { content: '\e72c'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #705b3b; }

.coyrinformWarp .coyrInform.ele:before { content: '\e62f'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #705b3b; }

.coyrinformWarp .coyrInform.tel:before { content: '\e645'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #705b3b; }

.coyrinformWarp .coyrInform.QQ:before { content: '\e630'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #705b3b; }

.coyrinformWarp .coyrInform.fax:before { content: '\e62c'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #705b3b; }

.coyrinformWarp .coyrInform.wx:before { content: '\e64f'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #705b3b; }

.coyrinformWarp .coyrWrap { width: 100%; border-bottom: solid 1px #ccb895; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.sideRight { position: fixed; background: #fff; right: 0; top: 50%; z-index: 9999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.sideRight ul { position: relative; }

.sideRight ul li { position: relative; width: 35px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); border-bottom: solid 1px #d7d7d7; }

.sideRight ul li a { display: block; position: relative; width: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center; font-size: 16px; line-height: 30px; font-weight: bold; }

.sideRight ul li a span { display: block; position: relative; width: 100%; height: 19px; }

.sideRight ul li:hover { -webkit-transition: all 1s ease; transition: all 1s ease; background: #ae946f; color: #fff; }

.sideRight ul li:hover a { color: #fff; }

.sideRight ul li:hover .em:before, .sideRight ul li:hover .wx:before, .sideRight ul li:hover .fb:before { color: #fff; }

.sideRight ul .bdsharebuttonbox .bds_fbook { width: 18px; height: 20px; background: #fff; margin: 0; border-bottom: solid 1px #d7d7d7; }

.sideRight ul .bdsharebuttonbox .bds_fbook:before { position: absolute; display: block; width: 100%; top: 0px; left: 0; height: 30px; text-align: center; font-size: 18px; font-family: "iconfont"; content: "\e613"; color: #000; }

.sideRight ul .bdsharebuttonbox .bds_fbook:hover { -webkit-transition: all 1s ease; transition: all 1s ease; background: #ae946f; }

.sideRight ul .bdsharebuttonbox .bds_fbook:hover:before { color: #fff; }

.sideRight ul .bdsharebuttonbox .bds_weixin { width: 18px; height: 20px; background: #fff; padding-top: 6px; margin: 0 6px 0 0; }

.sideRight ul .bdsharebuttonbox .bds_weixin:before { position: absolute; display: block; width: 100%; top: 0px; left: 0; text-align: center; font-size: 18px; font-family: "iconfont"; content: "\e64f"; color: #000; }

.sideRight ul .bdsharebuttonbox .bds_weixin:hover { -webkit-transition: all 1s ease; transition: all 1s ease; background: #ae946f; }

.sideRight ul .bdsharebuttonbox .bds_weixin:hover:before { color: #fff; }

.sideRight ul .em:before { position: absolute; display: block; width: 100%; top: -4px; left: 0; text-align: center; font-size: 17px; font-family: "iconfont"; content: "\e630"; color: #000; }

.sideRight ul .cont { position: relative; font-size: 15px; font-weight: bold; width: 100%; line-height: 19px; box-sizing: border-box; padding: 7px; letter-spacing: 1px; }

.tra { position: relative; padding-top: 60px; padding-bottom: 120px; }

.videoPlat { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999999; top: 0; left: 0; }

.videoPlat iframe { position: absolute; width: 45%; height: 65%; border-radius: 10px; top: 50%; left: 50%; background: #fff; display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.videoPlat .videoColse { position: relative; width: 100%; height: 30px; display: block; text-align: right; padding-top: 30px; right: 0; cursor: pointer; }

.videoPlat .videoColse img { width: 25px; height: 25px; margin-right: 30px; }

.videoboxWrap { display: none; }

.album .hometTit, #shareBox li:nth-child(2n+1), #shareBox li:nth-child(2n), #shareBox li:nth-child(3n+1), .album .hometTit, .coursesVideo .hometTit, .videoList:nth-child(odd), .videoList:nth-child(even), .courseList, .trainCourses .coursetextWrap, .homeaboutImg, .homeaboutVideo, .homeaboutText { opacity: 0; }

.introText { position: relative; width: 100%; background: url("../images/pic2-bg1.jpg") no-repeat center; }

.introLeft { position: relative; width: 50%; display: block; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 70px; text-align: left; padding-right: 50px; }

.introLeft h2 { font-size: 49px; font-weight: bold; color: #000; padding-bottom: 10px; }

.introLeft img { width: 438px; padding-bottom: 65px; padding-top: 1px; }

.introLeft p { font-size: 15px; color: #6e6759; line-height: 28px; padding-bottom: 40px; }

.introRight { position: relative; width: 50%; float: left; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

.introRight img { max-width: 100%; height: auto; }

.introRight.mb { -webkit-animation: fadeInRight 1s .1s ease both; animation: fadeInRight 1s .1s ease both; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
  -webkit-transform: translateX(600px);
  transform: translateX(600px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.text1 { -webkit-animation: fadeInLeft 1s .1s ease both; animation: fadeInLeft 1s .1s ease both; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
  -webkit-transform: translateX(-600px);
  transform: translateX(-600px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.introext { position: relative; display: block; opacity: 0; padding-bottom: 50px; }

.introRight.two { position: relative; padding-top: 110px; float: right; padding-left: 50px; padding-right: 20px; }

.zoomIn { animation: zoomIn 1s .1s ease both; -webkit-animation: zoomIn 1s .1s ease both; -moz-animation: zoomIn 1s .1s ease both; -o-animation: zoomIn 1s .1s ease both; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.aboutWrap { position: relative; width: 100%; background: #FFE6BA; }

.aboutTit { padding-top: 72px; padding-bottom: 50px; width: 100%; text-align: center; -webkit-animation: fadeIn 2s ease; animation: fadeIn 2s ease; }

.aboutTit h3 { padding-top: 24px; padding-bottom: 3px; font-family: "楷体"; font-size: 40px; color: #574F3C; font-weight: bold; }

.aboutTit span { font-size: 14px; color: #878787; font-family: "times"; }

@keyframes fadeIn { from { opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes fadeIn /* Firefox */ { from { opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.aboutText { position: relative; width: 100%; }

.aboutTop { position: relative; background: #F7F6F3; height: 50px; line-height: 50px; font-size: 14px; padding-right: 30px; padding-left: 30px; box-sizing: border-box; text-align: left; color: #787878; }

.aboutTop span { text-align: left; font-family: "times"; }

.aboutTop span:before { content: "\e695"; position: relative; font-size: 14px; font-family: "iconfont"; top: -1px; left: -8px; color: #CDC2AC; }

.aboutTop a { float: right; display: block; text-align: right; font-family: "times"; font-size: 14px; color: #787878; -webkit-transition: all .5s ease; transition: all .5s ease; }

.aboutTop a:after { content: "\e600"; position: relative; font-size: 18px; font-family: "iconfont"; top: 0px; left: 2px; color: #CDC2AC; -webkit-transition: all .5s ease; transition: all .5s ease; -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px); }

.aboutTop a:hover { color: #574F3C; }

.aboutTop a:hover:after { color: #574F3C; -ms-transform: translateX(10px); transform: translateX(10px); -webkit-transform: translateX(10px); }

.textWRrap { position: relative; width: 100%; padding: 35px 35px 80px 35px; background: #FFF; min-height: 240px; margin-bottom: 30px; box-sizing: border-box; -webkit-transition: all 1s ease; transition: all 1s ease; }

.textWRrap .textLeft { position: relative; padding-right: 370px; }

.textWRrap .apostrophe { position: relative; display: inline; }

.textWRrap h5 { position: relative; display: inline-block; font-size: 28px; color: #574F3C; font-family: "楷体"; font-weight: 600; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }

.textWRrap p { position: relative; font-size: 12px; color: #827D70; padding-top: 30px; line-height: 28px; padding-left: 50px; }

.textWRrap:hover h5 { -ms-transform: translate(30px, 0px); transform: translate(30px, 0px); -webkit-transform: translate(30px, 0px); }

.textWRrap:hover .textImg img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.textImg { position: absolute; top: 30px; right: 30px; width: 240px; height: 180px; overflow: hidden; -webkit-transition: all 2s ease; transition: all 2s ease; }

.textImg img { width: 100%; -webkit-transition: all 2s ease; transition: all 2s ease; }

.detailsWrap { position: relative; width: 100%; padding: 20px 80px 60px 80px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

.position { position: relative; color: #574f3c; color: #574f3c; font-size: 12px; padding-left: 20px; }

.position:before { content: "\e601"; position: absolute; font-size: 13px; font-family: "iconfont"; top: 1px; left: 3px; color: #ae946f; }

.aboutdetaTit { width: 750px; position: relative; text-align: center; color: #574F3C; padding-bottom: 56px; padding-top: 30px; overflow: hidden; margin: 0 auto; }

.aboutdetaTit h3 { font-size: 36px; padding-bottom: 20px; font-family: "楷体"; font-weight: 600; }

.aboutdetaTit span { color: #787878; font-size: 12px; }

.aboutdetaTit span:before { content: "\e695"; position: relative; font-size: 14px; font-family: "iconfont"; top: -1px; left: -8px; color: #CAB68B; }

.detaText { position: relative; width: 100%; background: #FFF5E3; padding: 80px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 14px; color: #615247; line-height: 34px; margin-bottom: 50px; }

.detaText p { padding-bottom: 40px; }

.detaText img { max-width: 100%; padding-bottom: 20px; }

.coursesTitle.about { padding-left: 0; padding-right: 0; width: 1200px; }

.coursesTitle.about .Title li { width: 50%; }

.coursesTitle.info { padding-left: 80px; padding-right: 80px; }

.coursesTitle.info .Title li { width: 33.33%; box-sizing: border-box; }

.coursesTitle.info .Title li a { padding-top: 0; line-height: 68px; }

.coursesTitle.info .Title li a p { display: inline; }

.coursesTitle.info .Title li a:before { width: 100%; z-index: 6; position: absolute; content: ""; bottom: 0; left: 0; height: 68px; }

.coursesTitle.info .Title li span:before { content: "\e6c2"; position: relative; font-size: 14px; float: right; font-family: "iconfont"; top: -1px; left: -8px; z-index: 8; color: #CAB68B; }

.coursesTitle.info .Title li i:before { content: "\e610"; position: relative; float: right; font-size: 20px; font-family: "iconfont"; top: 21px; left: -8px; z-index: 8; color: #CAB68B; }

.video_info { width: 100%; position: relative; padding-bottom: 60.22%; margin-bottom: 30px; }

.video_info .video_infoWrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.wp1246 { position: relative; margin: 0 auto; width: 1246px; }

.proWp { position: relative; margin: 0 auto; padding-bottom: 60px; }

.coursesWrap { position: relative; width: 100%; padding-top: 60px; }

.coursesList { position: relative; width: 33.33%; padding-left: 22px; padding-right: 22px; padding-bottom: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; float: left; }

.coursesImg { position: relative; width: 100%; overflow: hidden; }

.coursesImg img { width: 100%; -webkit-transition: ease 5s; transition: ease 5s; }

.coursesText { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-radius: 10px; overflow: hidden; background: #FFF; }

.coursesText:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.coursesText:hover h4 { transform: translate(30px, 0px); -webkit-transform: translate(20px, 0px); -moz-transform: translate(20px, 0px); -ms-transform: translate(20px, 0px); }

.coursesText .courserTit { padding: 48px 48px 0 48px; }

.coursesText h4 { font-size: 28px; font-family: "楷体"; color: #574F3C; padding-top: 20px; padding-bottom: 20px; display: block; -webkit-transition: all 1s ease; transition: all 1s ease; -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); }

.coursesText .coursesTime { width: 100%; background: #F7F6F3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding: 20px 48px 30px 48px; }

.coursesText .coursesTime p { font-size: 12px; color: #787878; position: relative; padding-left: 20px; padding-bottom: 10px; }

.coursesText .coursesTime p span:before { content: '\e695'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 13px; text-align: center; color: #CAC3AD; }

.coursesText .coursesTime p i:before { content: '\e72c'; font-family: "iconfont"; display: block; position: absolute; top: 0; left: 0; font-size: 15px; text-align: center; color: #CAC3AD; }

.coursesTitle { width: 1246px; position: absolute; padding-left: 22px; padding-right: 22px; height: 68px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; bottom: 0; }

.coursesTitle .Title li { position: relative; float: left; line-height: 20px; width: 16.66%; background: #FFF; border-right: solid 1px #FFF1D4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 2s ease; transition: all 2s ease; -ms-box-sizing: border-box; box-shadow: 2px 2px 13px #E4E4E4; }

.coursesTitle .Title li:hover a:before, .coursesTitle .Title li.on a:before { opacity: 1; }

.coursesTitle .Title li:hover a p, .coursesTitle .Title li.on a p { color: #9D7B4F; }

.coursesTitle .Title a { position: relative; display: block; padding-top: 14px; height: 68px; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; }

.coursesTitle .Title a p { font-size: 15px; color: #878787; padding-left: 30px; position: relative; z-index: 8; }

.coursesTitle .Title a:before { width: 100%; height: 68px; z-index: 6; position: absolute; content: ""; bottom: 0; left: 0; opacity: 0; background: #FBF7EC; border-top: solid 5px #D3C8B6; -webkit-transition: all .5s ease; transition: all .5s ease; }

.coursesTitleBox { position: relative; padding-top: 60px; width: 100%; }

.coursesTitleBox .coursesTitle { position: relative; }

.hometTit.pro { -webkit-animation: fadeIn 2s ease; animation: fadeIn 2s ease; padding-top: 30px; }

.coursesList:nth-of-type(1), .coursesList:nth-of-type(4), .coursesList:nth-of-type(5) { -webkit-animation: fadeinRight 1.5s ease both; animation: fadeinRight 1.5s ease both; }

@-webkit-keyframes fadeinRight { 0% { opacity: 0;
  -webkit-transform: translateX(900px);
  transform: translateX(900px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes fadeinRight { 0% { opacity: 0;
  -webkit-transform: translateX(900px);
  transform: translateX(900px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

.coursesList:nth-of-type(2), .coursesList:nth-of-type(3), .coursesList:nth-of-type(6) { -webkit-animation: fadeinLeft 1.5s ease both; animation: fadeinLeft 1.5s ease both; }

@-webkit-keyframes fadeinLeft { 0% { opacity: 0;
  -webkit-transform: translateX(-900px);
  transform: translateX(-900px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes fadeinLeft { 0% { opacity: 0;
  -webkit-transform: translateX(-900px);
  transform: translateX(-900px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

.fadeInLeft { -webkit-animation: fadeInLeft 1.5s ease both; animation: fadeInLeft 1.5s ease both; }

@keyframes fadeInLeft { 0% { opacity: 0;
  -webkit-transform: translateX(-900px);
  transform: translateX(-900px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

.courseText.fadeLeft { -webkit-animation: fadeinLeft 1.5s ease both; animation: fadeinLeft 1.5s ease both; }

.courseList.zoomIn { -webkit-animation: zoomIn 1s .1s ease both; animation: zoomIn 1s .1s ease both; }

@keyframes zoomIn { 0% { opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.trainingWrap { display: block; position: relative; width: 100%; }

.wp1040 { position: relative; width: 1040px; margin: 0 auto; }

.trainingTop { position: relative; width: 100%; padding-top: 32px; background: url("../images/training1-bg.jpg") no-repeat; }

.signWrap { position: relative; width: 100%; padding-top: 50px; padding-bottom: 53px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

.trainingtopImg { float: left; width: 50%; box-sizing: border-box; }

.trainingtopImg img { width: 100%; height: auto; }

.signText { position: relative; width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 100px; }

.signText h4 { font-size: 44px; font-family: "楷体"; color: #666564; padding-top: 40px; padding-bottom: 20px; }

.signText p { font-size: 12px; color: #787878; padding-top: 10px; }

.signText p span { font-size: 33px; color: #AE946F; }

.signText a { display: inline-block; position: relative; width: 170px; height: 45px; font-size: 17px; line-height: 45px; color: #FFF; text-align: center; border-radius: 10px; margin-top: 40px; background: #AE946F; font-family: "楷体"; }

.trainingNav { position: relative; width: 100%; height: 53px; z-index: 9998; background: #F2D8A9; }

.trainingNav ul li { position: relative; height: 53px; float: left; line-height: 53px; }

.trainingNav ul li a { display: block; padding-left: 42px; padding-right: 42px; color: #000; font-size: 17px; }

.trainingNav ul li:hover, .trainingNav ul li.on { background: #FFF; }

.trainingNav.tra-sign { z-index: 9998; }

.trainingText { padding-top: 65px; padding-bottom: 50px; }

.trainingText .train-textImg { float: right; margin-left: 85px; }

.trainingText h5 { font-size: 56px; color: #574F3C; padding-top: 30px; padding-bottom: 50px; font-family: "楷体"; font-weight: 600; }

.trainingText p { color: #827D70; font-size: 15px; line-height: 30px; }

.tra .courseList, .tra .courseList .courseText { float: right; }

.textLearn1 { position: relative; }

.trainingText.content { background: #FFF7EA; }

.trainingText.content h5 { font-size: 40px; float: left; margin-right: 85px; font-family: "楷体"; font-weight: 600; }

.trainingText.content .textLeft { padding-top: 30px; margin-left: 410px; }

.trainingText.content .textLeft img { float: left; }

.trainingText.content .textLeft p { padding-left: 80px; height: 135px; color: #827D70; }

.trainingText.learn img { float: left; position: relative; z-index: 5; margin-left: -60px; padding-right: 50px; }

.textLearn { position: relative; background: #F6F6F6; z-index: 2; padding-top: 44px; padding-bottom: 44px; border-left: solid 62px #FFF; }

.textLearn h5 { padding-top: 10px; font-size: 40px; padding-bottom: 32px; font-family: "楷体"; font-weight: 600; }

.trainingText.content .learnMore h5 { display: block; float: none; padding-top: 28px; padding-bottom: 30px; font-family: "楷体"; font-weight: 600; }

.textLearn.lise h5 { font-size: 36px; }

.learnMore.let h5 { font-size: 40px; }

.trainingText.content.pin h5 { float: none; }

.trainingText.content.pin p { padding-bottom: 45px; }

.sign-upWrap { position: relative; padding-top: 40px; padding-bottom: 40px; }

.signupWrap { width: 100%; padding-bottom: 114px; }

.signupWrap img { max-width: 100%; height: auto !important; }

.inputText { text-align: center; font-size: 15px; color: #000; padding-bottom: 15px; }

.inputText span { display: inline-block; text-align: right; width: 76px; margin-right: 17px; }

.inputText input { border: solid 1px #EEDFC8; border-radius: 7px; background: #FFF; height: 43px; width: 320px; padding-left: 20px; padding-right: 20px; }

.inputText label { color: #F00; margin-left: 10px; }

.inputText textarea { border: solid 1px #EEDFC8; border-radius: 7px; background: #FFF; min-height: 134px; width: 320px; padding-left: 20px; padding-right: 20px; }

.inputText .inputText.textArea span { margin-top: -80px; padding-top: -90px; }

.inputText button { width: 360px; height: 43px; background: #AE946F; border-radius: 7px; border: none; color: #FFF; font-size: 18px; margin-left: 76px; cursor: pointer; }

.inputText p { padding-top: 28px; font-size: 12px; line-height: 25px; color: #7C7C7C; margin-left: 106px; }

.inputText.success p { margin: 0; font-size: 18px; }

.payRadio { width: 486px; display: block; position: relative; margin: 0 auto; }

.payRadio h5 { font-size: 24px; color: #000; text-align: center; padding-bottom: 50px; }

.payRadio input[type="radio"] { display: inline-block; -webkit-appearance: radio; appearance: radio; float: right; margin-right: 35px; margin-top: 30px; }

.payRadio .payWrap { border: solid 1px #EEDFC8; border-radius: 5px; width: 100%; }

.payRadio label { display: block; position: relative; width: 100%; height: 80px; line-height: 80px; cursor: pointer; }

.payRadio label:first-child { border-bottom: solid 1px #EEDFC8; }

.payRadio label span { font-size: 20px; color: #000; padding-left: 80px; }

.payRadio label span:before { content: "\e614"; position: absolute; font-size: 38px; font-family: "iconfont"; top: 0; display: block; left: 33px; color: #02A8EF; }

.payRadio label .wx:before { content: "\e617"; position: absolute; font-size: 41px; font-family: "iconfont"; top: 0; display: block; left: 33px; color: #00C901; }

.payRadio button { display: block; width: 100%; height: 52px; border-radius: 5px; background: #AE946F; font-size: 18px; border: none; color: #FFF; margin-top: 24px; }

.signText.fadeinRight { -webkit-animation: fadeinRight 1.5s ease both; animation: fadeinRight 1.5s ease both; }

.fadeInRight { -webkit-animation: fadeInRight 1s .1s ease both; animation: fadeInRight 1s .1s ease both; }

@keyframes fadeInRight { 0% { opacity: 0;
  -webkit-transform: translateX(800px);
  transform: translateX(800px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInDown { -webkit-animation: fadeInDown 1s .1s ease both; animation: fadeInDown 1s .1s ease both; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.trainingText.text2 .textLeft, .trainingText.text2 img, .textLearn.text4 img, .textLearn1, .trainingText.content.lear img, .learnMore.text5, .textLearn.lise img, .trainingText.content.pin .wp1040, .trainingText.le img, .learnMore.let { opacity: 0; }

@media screen and (max-width: 1730px) { .wp1730 { width: 100%; padding-left: 10px; padding-right: 10px; } }

@media screen and (max-width: 1580px) { .homeaboutText.pcAbout p { height: 120px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } }

@media screen and (max-width: 1366px) { .nav { display: none; }
  .menu { display: block; }
  .homeaboutText .homeAboutWrap.textBg { padding-left: 60px; padding-right: 50px; }
  .homeaboutText.pcAbout p { height: 96px; -webkit-line-clamp: 3; }
  .shareboxWrap #shareBox li { width: 16.66%; }
  .videoPlat iframe { width: 58%; } }

@media screen and (max-width: 1246px) { .wp1246 { width: 100%; }
  .coursesTitle { width: 100%; } }

@media screen and (max-width: 1200px) { .homeaboutText .homeAboutWrap.textBg { padding-top: 22px; }
  .homeaboutText.pcAbout p { padding-top: 15px; }
  .homeaboutText.pcAbout a { margin-top: 15px; }
  .wp1200 { width: 100%; }
  .coursesTitle.about.info, .coursesTitle.about { width: 100%; } }

@media screen and (max-width: 1130px) { .coyrinformWarp { width: 500px; margin: 0 auto; }
  .coyrinformWarp { padding: 80px 0 150px 0; } }

@media screen and (max-width: 1060px) { .mobileImg { display: block; }
  .pcImg { display: none; }
  .homeaboutVideo { width: 61.8%; }
  .homeaboutImg { width: 38.2%; }
  .homeaboutText { width: 100%; }
  .homeaboutText.pcAbout { display: none; }
  .homeaboutText.mobilAbout { display: block; }
  .homeaboutText .homeAboutWrap.textBg { position: relative; }
  .homeaboutText .homeAboutBox { padding-bottom: 30px; }
  .wp1040 { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
  .trainingText { padding-right: 30px; padding-left: 30px; }
  .trainingText.learn { padding-right: 0; padding-left: 0; }
  .aboutdetaTit { width: 100%; }
  .videoPlat iframe { width: 76%; } }

@media screen and (max-width: 980px) { .trainCourses .courseText { display: none; }
  .courseTit.Autonomy { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }
  .courseList { width: 100%; float: none; padding: 0 70px 70px 70px; }
  .courseTit.a6 { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .courseTit.a3 { right: 14%; }
  .courseList .courseListWrap { padding-right: 0; }
  .hometTit.px { display: block; padding-bottom: 60px; }
  .hometTit { font-family: normal; }
  .courseList .courseTit.a4 { right: -30px; }
  .trainCourses { padding-top: 48px; }
  .courseList .courseTit.a1 { left: 49.5%; }
  .courseList .courseTit.economic { right: 10%; }
  .videoWrap .videoList { width: 50%; margin-bottom: 40px; }
  .introRight { padding-top: 80px; }
  .signWrap { padding-left: 30px; padding-right: 30px; }
  .position { padding-left: 48px; }
  .position:before { left: 33px; }
  .shareboxWrap #shareBox li { width: 25%; }
  .tra .courseText { width: 100%; float: none; padding: 30px; }
  .tra .courseText .coursetextWrap > img { width: 1.6rem; height: 0.89rem; } }

@media screen and (max-width: 940px) { .coursesList { width: 50%; } }

@media screen and (max-width: 800px) { .introRight.mb { display: none; }
  .introLeft { width: 100%; }
  .introRight { width: 100%; }
  .introRight.two { text-align: center; padding-right: 20px; padding-left: 20px; padding-top: 20px; }
  .signWrap { padding-bottom: 0; }
  .trainingtopImg { padding-top: 32px; }
  .comma { display: none; }
  .trainingText.content .textLeft p { padding-left: 0; }
  .trainingText.content .textLeft { margin-left: 346px; }
  .textLearn { border-left: 0; padding: 30px; }
  .trainingText.learn img { float: none; margin-left: 0; width: 100%; padding-right: 0; }
  .textLearn1 { padding: 30px; }
  .trainingText .train-textImg { float: none; text-align: center; margin: 0; }
  .wp1040 img { text-align: center; }
  .train-textImg { margin-left: 0; width: 100%; text-align: center; } }

@media screen and (max-width: 740px) { .shareboxWrap li { width: 25%; }
  .textWRrap .textLeft { padding-right: 290px; }
  .textLearn { border-left: 0; }
  .trainingText.learn img { float: none; margin-left: 0; width: 100%; padding-right: 0; }
  .signText { padding-left: 65px; padding-bottom: 35px; }
  .shareboxWrap #shareBox li { width: 33.33%; } }

@media screen and (max-width: 640px) { .mobileImg { display: block; }
  .pcImg { display: none; }
  .homeaboutText .homeAboutWrap.textBg { padding-top: 50px; }
  .homeaboutText a { margin-top: 30px; }
  .footer { height: auto; line-height: 20px; }
  .footer .wp640 span, .bottomTit { display: none; }
  .footer .wp640 { width: 100%; text-align: center; padding: 0.15rem; box-sizing: border-box; }
  .headerWrap h1 { padding-left: 18px; width: 65%; }
  .headerWrap h1 img { width: 100%; }
  .fullVideo .fullVideoTIt { padding-top: 0.05rem; }
  .fullVideo .fullVideoTIt .hometTit h3 { padding-top: 0.12rem; font-size: 0.2rem; }
  .courseList .sideList { display: none; }
  .textImg { float: none; margin: 0 auto; }
  .apostrophe { display: none; }
  .wp1246 { padding-top: 40px; }
  .coursesWrap { padding-top: 40px; }
  .coursesTitle .Title a p { padding-left: 15px; }
  .aboutdetaTit img { display: none; }
  .aboutdetaTit h3 { font-size: 30px; }
  .coursesTitle.about.info, .detailsWrap { padding-right: 0; padding-left: 0; }
  .detaText { padding: 34px; }
  .textWRrap .textLeft { padding-right: 0; }
  .textImg { position: relative; right: 0; }
  .textWRrap p { padding-left: 0; }
  .aboutTit { padding-top: 20px; padding-bottom: 42px; }
  .trainingText h5, .trainingText.content h5 { float: none; }
  .trainingText.content .textLeft { margin: 0; padding: 0; }
  .textLearn.lise h5 { padding-top: 30px; }
  .signText { padding-left: 32px; }
  .trainingText { padding-top: 44px; }
  .trainingText.content .textLeft p { height: auto; }
  .signupWrap { padding-bottom: 76px; }
  .aboutdetaTit { padding-right: 34px; padding-left: 34px; box-sizing: border-box; }
  .videoPlat iframe { width: 93%; height: 44%; }
  .homeaboutText .homeAboutWrap.textBg { padding-left: 30px; padding-right: 30px; }
  .trainingText.text2 .textLeft, .trainingText.text2 img, .textLearn.text4 img, .textLearn1, .trainingText.content.lear img, .learnMore.text5, .textLearn.lise img, .trainingText.content.pin .wp1040, .trainingText.le img, .learnMore.let { opacity: 1; }
  .coursesTitleBox { padding-top: 0.3rem; }
  .coursesTitleBox .coursesTitle .Title li { width: 33.33%; }
  .wp1246 { padding-top: 20px; }
    .signText h4 { font-size: 30px; padding-bottom: 0; }
    .signText p { font-size: 16px; } }

@media screen and (max-width: 540px) { .shareboxWrap li { width: 33.33%; }
  .courseList .courseListWrap .courseTit { font-size: 25px; }
  .courseList .courseTit.a6 span { font-size: 8px; }
  .coyrinformWarp { width: 100%; padding-left: 20px; padding-right: 20px; }
  .coursesList { width: 100%; }
  .paged { padding-bottom: 50px; }
  .textWRrap .apostrophe { display: none; }
  .trainingtopImg { width: 100%; }
  .signText { width: 100%; padding-bottom: 0; }
  .trainingTop { padding-bottom: 50px; background-repeat: repeat; }
  .inputText button { width: 266px; margin-left: 104px; }
  .inputText textarea, .inputText input { width: 230px; }
  .introTit img { width: 100%; }
  .payRadio { width: 100%; padding-right: 30px; padding-left: 30px; box-sizing: border-box; } }

@media screen and (max-width: 485px) { .coyrinformWarp .coyrInform { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
  .coyrinformWarp { padding: 40px 20px 70px 20px; }
  .shareboxWrap #shareBox li { width: 50%; }
  .headerWrap { height: 0.6rem; }
  .mainWrap { padding-top: 0.675rem; } }

@media screen and (max-width: 440px) { .courseList .courseListWrap .courseTit { font-size: 20px; }
  .courseList .courseTit.Autonomy span { font-size: 7px; }
  .videoPlat iframe { height: 34%; } }

@media screen and (max-width: 415px) { .shareboxWrap li { width: 50%; }
  .homeaboutVideo { width: 100%; padding-top: 22px; }
  .videoWrap .videoList { width: 100%; }
  .homeaboutImg { width: 100%; }
  .hometTit h3 { font-size: 30px; }
  .coursesVideo { padding-top: 23px; padding-bottom: 22px; }
  .album { padding-top: 27px; padding-bottom: 66px; }
  .copyright { padding-top: 50px; }
  .courseList .courseTit.a5 { left: 6%; }
  .courseList .courseTit.a3 { right: 4%; }
  .aboutdetaTit h3 { font-size: 26px; padding-left: 30px; padding-right: 30px; }
  .textWRrap h5 { font-size: 25px; }
  .paged a, .paged .p_info, .paged .current { padding: 6px 11px; }
  .textWRrap h5 { font-size: 26px; }
  .trainingText h5 { font-size: 50px; }
    .trainingText.content h5,.textLearn1 h5 { font-size: 24px; }
  .textLearn.lise h5, .learnMore.let h5 { font-size: 24px; }
  .inputText button { width: 185px; margin-left: 104px; }
  .inputText textarea, .inputText input { width: 140px; }
  .inputText p { margin: 0; }
  .signupWrap { padding-bottom: 50px; padding-top: 30px; }
  .introLeft { padding: 60px 30px 40px 30px; }
  .payRadio label { height: 60px; }
  .payRadio h5 { font-size: 20px; }
  .payRadio label span { font-size: 19px; }
  .payRadio label span:before { font-size: 33px; }
  .payRadio label .wx:before { font-size: 39px; padding-left: 0; margin-left: -2px; }
  .courseTit.a1 { top: -15px; }
  .menu a:before { font-size: 32px; }
  .wp1246 { padding-top: 0px; }
  .hometTit span { font-size: 11px; }
  .mainWrap { padding-top: 0.75rem; } }

@media screen and (max-width: 390px) { .hometTit h3 { font-size: 28px; }
  .hometTit span { font-size: 12px; }
  .courseList .courseListWrap .courseTit { font-size: 15px; }
  .paged a, .paged .p_info, .paged .current { padding: 4px 9px; }
  .textWRrap h5 { font-size: 26px; }
  .trainingText h5 { font-size: 40px; padding-bottom: 32px; }
  .trainingText.content h5 { font-size: 24px; margin: 0; }
    .textLearn1 h5 { font-size: 24px; }
  .textLearn.lise h5, .learnMore.let h5 { font-size: 24px; }
  .introLeft h2 { font-size: 40px; }
  .videoPlat iframe { height: 34%; }
  .videoWrap .videoTit h6 { font-size: 22px; }
  .courseList .courseTit.a6 span { font-size: 6px; }
  .courseTit.a1 { top: -10px; }
  .courseList .courseTit.a3 { right: 8%; }
  .menu a { font-size: 15px; }
  .menu a:before { font-size: 30px; }
  .mainWrap { padding-top: 0.675rem; } }

@media screen and (max-width: 320px) { .menu a:before { height: 20px; }
  .textWRrap h5 { font-size: 20px; }
  .aboutTit span { font-size: 13px; }
  .aboutTit h3 { font-size: 36px; }
  .paged a, .paged .p_info, .paged .current { padding: 3px 8px; font-size: 11px; }
  .aboutTop a, .aboutTop { font-size: 12px; }
  .trainingText { padding-top: 20px; }
  .inputText button { width: 150px; margin-left: 82px; font-size: 14px; }
  .inputText textarea, .inputText input { width: 110px; }
  .inputText span { width: 78px; font-size: 13px; }
  .signWrap { padding-top: 20px; }
  .payRadio { padding-left: 10px; padding-right: 10px; }
  .menu a { font-size: 14px; }
  .menu a:before { font-size: 26px; padding-top: 0.035rem; }
  .videoWrap .videoTit { padding: 26px 20px 50px 20px; } }

/*0220 cxy 新增样式*/
.map { margin-top: 20px; position: relative; width: 100%; overflow: hidden; padding-bottom: 60%; }

.map > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; }

.map > div img { width: auto; }

/* 0330 cxy 修改样式*/
.coursesTitle.about .Title li { width: 33%; }

.trainingText.content img { max-width: 100%; }

.trainingText img { max-width: 100%; }