.wrap{ width: 100%; max-width: 1920px; min-width: 1200px;}
.center{ width: 1200px; margin: 0 auto;}

.banner{ background: url(../images/banner.jpg) center no-repeat; height: 724px; overflow: hidden;}
.banner h2{ text-align: center; font-size: 66px; color: #fff; line-height: 66px; margin: 270px 0 48px;}
.banner h2 span{ color: #ffa634;}
.banner p{ font-size: 28px; line-height: 48px; text-align: center; color: #fff;}
.banner .btn{ width: 260px; height: 72px; border: 2px solid #e89b3a; margin: 0 auto; line-height: 72px; text-align: center; border-radius: 8px; margin-top: 53px; font-size: 26px; color: #E89B3A; position:relative}
.banner .btn:after{ content:""; display:block; width:20px; height:25px; background:url(../images/pointer.png) center no-repeat; position:absolute; right:20px; top:60px;}
.caption-black{ width: 100%; text-align: center;}
.caption-black span{ display: inline-block; color: #333; font-size: 46px; font-weight: bold; position: relative;}
.caption-black span:before{ content: ""; display: block; position: absolute; width: 68px; height: 74px; background: url(../images/caption-b-f.png) center no-repeat; left: -75px; top: 0;}
.caption-black span:after{ content: ""; display: block; position: absolute; width: 21px; height: 24px; background: url(../images/caption-b-b.png) center no-repeat; right: -36px; bottom: -12px;}

.caption-white{ width: 100%; text-align: center;}
.caption-white span{ display: inline-block; color: #fff; font-size: 46px; font-weight: bold; position: relative;}
.caption-white span:before{ content: ""; display: block; position: absolute; width: 68px; height: 74px; background: url(../images/caption-w-f.png) center no-repeat; left: -75px; top: 0;}
.caption-white span:after{ content: ""; display: block; position: absolute; width: 21px; height: 24px; background: url(../images/caption-w-b.png) center no-repeat; right: -36px; bottom: -12px;}


.section-1{ background: #f4f5f9; padding: 74px 0 52px;}
.section-1 .section-txt{ font-size: 16px; color: #10121c; text-indent: 2em; line-height: 26px; padding: 0 40px; letter-spacing: 1px; margin-top: 40px;}
.section-1 .nav{ overflow: hidden; margin-top: 32px;}
.section-1 .nav-item{ float: left; width: 366px; height: 52px; background: #9f9fa2; color: #fff; font-size: 20px; line-height: 26px; margin-right: 6px; padding: 14px 0 14px 30px; cursor: pointer; transition: all 0.3s;}
.section-1 .nav-item.on{ background: #4a7dcc;}
.section-1 .nav-item:last-child{ margin-right: 0;}
.section-1 .news-box{ padding: 0 23px; margin-top: 24px;}
.section-1 .news-box .news{ overflow: hidden;}
.section-1 .news-box .news-img{ float: left;}
.section-1 .news-box .news-txt{ float: left; width: 262px; margin-left: 32px;}
.section-1 .news-box .news-txt p{ font-size: 16px; line-height: 24px; color: #10121c; letter-spacing: 2px; margin-top: 24px; text-indent: 2em; text-align: justify;}
.section-1 .section-word{ width: 1188px; margin: 43px auto 0; font-size: 28px; font-weight: bold; text-align: center; height: 80px; line-height: 80px; background: #fff; color: #5e95ea; border-radius: 8px; position: relative;}
.section-1 .section-word:before{ content: ""; display: block; width: 190px; height: 44px; background: url(../images/s-1.png) center no-repeat; position: absolute; top: -32px; left: 31px;}
.section-1 .section-word span{ display: inline-block; position: relative;}
.section-1 .section-word span:before{ content: ""; display: block; width: 35px; height: 28px; background: url(../images/mark-f.png) center no-repeat; position: absolute; top: 50%; left: -64px; margin-top: -14px;}
.section-1 .section-word span:after{ content: ""; display: block; width: 35px; height: 28px; background: url(../images/mark-b.png) center no-repeat; position: absolute; top: 50%; right: -64px; margin-top: -14px;}

.section-2{ height: 667px; background: url(../images/section2-bj.jpg) center no-repeat; padding-top: 74px;}
.section-2 .section-txt{ font-size: 16px; color: #fff; text-indent: 2em; line-height: 26px; padding: 0 40px; letter-spacing: 2px; margin-top: 40px;}
.section-2 .section-content{ text-align: center; margin-top: 70px;}

.section-3{ height: 211px; background: url(../images/section3-bj.jpg) center no-repeat;}
.section-3 .play-btn{ float: left; margin-top: 62px; margin-right: 10px; width: 122px; height: 80px; border: 3px solid #bababb;   border-radius: 8px; background: url(../images/play-icon.png) center no-repeat rgba(0,0,0,0.3); box-shadow: 0 0 10px #F3A100;}
.section-3 .play-btn a{ display: block; width: 100%; height: 100%;}
.section-3 .video-txt{ float: left; margin-top: 60px;}
.section-3 .video-txt h2{ font-size: 28px; color: #ffffff; line-height: 40px; font-weight: bold; margin-bottom:20px;}
.section-3 .video-txt p{ font-size: 20px; color: #ff9b1a; line-height: 26px; text-decoration: underline;}
.section-3 .video-txt p a{ text-decoration:none; color:#ff9b1a;}


.section-4{ background: #f4f5f9; padding: 74px 0 70px;}
.section-4 .section-txt{ font-size: 16px; color: #10121c; text-indent: 2em; line-height: 26px; padding: 0 40px; letter-spacing: 1px; margin-top: 40px;}
.section-4 .goodlists{ padding: 0 40px; overflow: hidden; margin-top: 42px;}
.section-4 .goodlists li{ width: 25%; float: left;}
.section-4 .goodlists .icon{ width: 123px; height: 123px; border: 1px solid #4a7dcc; margin: 0 auto; border-radius: 50%;}
.section-4 .goodlists p{ text-align: center; color: #4a7dcc; font-size: 20px; line-height: 26px; margin-top: 14px;}
.section-4 .goodlists .icon-1{ background: url(../images/icon-1.png) center no-repeat;}
.section-4 .goodlists .icon-2{ background: url(../images/icon-2.png) center no-repeat;}
.section-4 .goodlists .icon-3{ background: url(../images/icon-3.png) center no-repeat;}
.section-4 .goodlists .icon-4{ background: url(../images/icon-4.png) center no-repeat;}
.section-4 .course-content{ border-bottom: 1px solid #d7d7d7; margin-top: 72px; background: url(../images/four.png) center no-repeat;}
.section-4 .course-title{ width: 457px; font-size: 28px; line-height: 28px; font-weight: bold; color: #999; text-align: center; padding: 23px 0; transition: all 0.3s; cursor: pointer; position: relative; margin: 0 38px;}
.section-4 .course-title.on{ color: #4a7dcc;}
.section-4 .course-title.on:after{ content: ""; display: block; width: 457px; height: 18px; background: url(../images/title-border.png) center no-repeat; position: absolute; bottom: -11px; left: 0;}
.section-4 .course-title2{font-size: 28px; line-height: 28px; font-weight: bold; color: #999; text-align: center; padding: 23px 0; transition: all 0.3s; cursor: pointer; position: relative; margin: 0 38px;}
.section-4 .course-title2.on{ color: #4a7dcc;}
.section-4 .course-title2.on:after{ content: ""; display: block; width: 457px; height: 18px; background: url(../images/title-border.png) 
center no-repeat; position: absolute; bottom: -11px; left:0;}




.section-4 .course-content-detail{ margin-top: 34px;}
.section-4 .course-detail-box1 .box{ float: left; width: 331px; height: 185px; box-shadow: 0 0 5px #bebebe; margin: 0 22px; padding: 33px 0 0 25px;}
.section-4 .course-detail-box1 h6{ font-size: 22px; color: #4a7dcc; font-weight: bold; line-height: 26px; margin-bottom: 10px;}
.section-4 .course-detail-box1 p{ font-size: 18px; line-height: 28px; color: #333; position: relative; padding-left: 14px;}
.section-4 .course-detail-box1 p:after{ content: ""; display: block; width: 4px; height: 4px; background: #aaa; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-4 .course-detail-box2 .box{ float: left; width: 356px; height: 218px; box-shadow: 0 0 5px #bebebe; margin: 0 22px; position: relative;}
.section-4 .course-detail-box2 .box .txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.section-4 .course-detail-box2 .txt h6{ font-size: 18px; line-height: 28px; text-align: center; color: #333333; margin-top: 48px; margin-bottom: 10px;}
.section-4 .course-detail-box2 .txt p{ font-size: 22px; line-height: 28px; text-align: center; font-weight: bold; color: #4a7dcc;}





.section-4 .course-detail-box3 .box{    float: left;
    width: 368px;
    box-shadow: 0 0 5px #bebebe;
    margin: 0 6px;
    padding: 33px 0 0 16px;
    box-sizing: content-box;}
.section-4 .course-detail-box3 h6{ font-size: 22px; color: #4a7dcc; font-weight: bold; line-height: 26px; margin-bottom: 10px;}
.section-4 .course-detail-box3 h5{ font-size: 20px;   font-weight: bold; line-height: 26px; margin-bottom: 10px;}

.section-4 .course-detail-box3 p{ font-size: 18px; line-height: 28px; color: #333; position: relative; padding-left: 14px;}
.section-4 .course-detail-box3 p:after{ content: ""; display: block; width: 4px; height: 4px; background: #aaa; position: absolute; left: 0; top: 50%; margin-top: -2px;}










.section-5{ height: 775px; background: url(../images/section5-bj.jpg) repeat; overflow: hidden;}
.section-5 .caption{ font-weight: bold; color: #4d7fcd; font-size: 40px; text-align: center; line-height: 40px; margin-top: 41px;}
.section-5 .slide{ margin: 40px auto 0; height: 542px; position: relative;}
.section-5 .slide .btn{ position: absolute; top: 50%; margin-top: -55px; cursor: pointer;}
.section-5 .slide .btn-prev{ left: 0;}
.section-5 .slide .btn-next{ right: 0;}
.section-5 .slide .slide-box{ width: 1080px; margin: 0 auto; overflow: hidden;}
.section-5 .slide-wrap{ overflow: hidden;}
.section-5 .slide-wrap li{ float: left; position: relative;}
.section-5 .slide-wrap .txt{ width: 100%; height: 117px; background: rgba(0,0,0,0.74); position: absolute; bottom: 0; left: 0; display: table;}
.section-5 .slide-wrap .txt .cell{ display: table-cell; vertical-align: middle;}
.section-5 .slide-wrap .txt .txt-word{ font-size: 16px; line-height: 26px; color: #fff; text-indent: 2em; padding: 0 50px 0 44px; letter-spacing: 2px;}
.section-5 .slide-wrap .txt .txt-speaker{ padding-right: 50px; text-align: right; font-size: 16px; line-height: 26px; color: #fff;}

.section-6{ height: 194px; background: url(../images/section6-bj.jpg) center no-repeat; overflow: hidden;}
.section-6 h2{ text-align: center; font-size: 48px; line-height: 54px; color: #ffa634; font-weight: bold; letter-spacing: 7px; margin-top: 35px;}
.section-6 p{ text-align: center; color: #fff; line-height: 64px; font-size: 34px;}

.section-7{ height: 660px; background: url(../images/section7-bj.jpg) center no-repeat; overflow: hidden;}
.section-7 .form-title{ text-align: center; font-size: 40px; font-weight: bold; color: #fff; margin-top: 78px;}
.section-7 .form-tip{ text-align: center; font-size: 26px; line-height: 26px; color: #fff; margin-top: 26px;}
.section-7 .form{ width: 556px; margin: 47px auto 0;}
.section-7 .form-ctrl{ overflow: hidden; margin-bottom: 17px;}
.section-7 .form-ctrl label{ float: left; font-size: 20px; color: #fff; height: 48px; line-height: 48px; margin-right: 21px; width: 100px;}
.section-7 .form-ctrl input{ width: 411px; height: 48px; padding: 0; background: rgba(255,255,255,0.16); padding-left: 21px; font-family: "微软雅黑"; font-size: 16px; color: #fff;}
.section-7 .form-action{ padding-left: 121px; text-align: center; margin-top: 34px;}
.section-7 .form-action input{ width: 230px; height: 56px; background: #f3a100; border-radius: 4px; font-size: 26px; color: #fff; line-height: 56px; padding: 0;}

/*footer*/
.footer{ background:#1c2123; border-top:40px solid #ddd; text-align:center; color:#9b9b9b; line-height:24px; padding:30px 0 20px;}
.footer a{ color:#9b9b9b; display:inline-block; padding:0 5px; line-height:24px; text-decoration:none;}
.footer .blank{ display:block; height:20px; clear:both; overflow: hidden; visibility:hidden;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.2);
    font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.2);
    font-size: 16px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(255,255,255,0.2);
    font-size: 16px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(255,255,255,0.2);
    font-size: 16px;
}