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

.banner{ position: relative; height: 480px; overflow: hidden;}
.banner .list{ width: 1000000px; height: 480px; overflow: hidden;}
.banner .list a{ float: left; width: 1920px; height: 100%;}
.banner .btn{ position: absolute; top: 50%; margin-top: -20px; cursor: pointer;}
.banner .btn.btn-prev{ left: 50%; margin-left: -600px;}
.banner .btn.btn-next{ right: 50%; margin-right: -600px;}
.banner .dotted{ position: absolute; width: 100%; left: 0; bottom: 14px; text-align: center; font-size: 0;}
.banner .dotted span{ display: inline-block; width: 7px; height: 7px; margin: 0 5px; background: #727478; transition: all 0.3s linear; cursor: pointer;}
.banner .dotted span.active{ width: 20px; background: #FFFFFF; border-radius: 4px;}

.section{ overflow: hidden;}
.section.blue{ background: #2376b0;}

.section .title{ margin-top: 69px; text-align: center;}
.section .scope-list{ margin: 60px -69px 0; overflow: hidden;}
.section .scope-item{ float: left; width: 310px; margin: 0 68px 56px;}
.section .scope-item .icon{ float: left; width: 68px; height: 68px; border: 1px solid #a6d0ee; border-radius: 50%;}
.section .scope-item .icon span{ display: block; width: 50px; height: 50px; margin: 9px; background-color: #248bd4; background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.section .scope-item .icon-1 span{ background-image: url("../images/icon-1.png");}
.section .scope-item .icon-2 span{ background-image: url("../images/icon-2.png");}
.section .scope-item .icon-3 span{ background-image: url("../images/icon-3.png");}
.section .scope-item .icon-4 span{ background-image: url("../images/icon-4.png");}
.section .scope-item .icon-5 span{ background-image: url("../images/icon-5.png");}
.section .scope-item .icon-6 span{ background-image: url("../images/icon-6.png");}
.section .scope-item .text{ float: left; width: 220px; margin-left: 20px;}
.section .scope-item .text h2{ font-size: 18px; line-height: 26px; color: #555555;}
.section .scope-item .text p{ font-size: 14px; color: #777777; line-height: 26px;}
.section .button-1{ display: block; width: 415px; height: 55px; margin: 0 auto 68px;}
.section .button-1 a{ display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; background: #ffe60f; border-radius: 4px; font-size: 22px; color: #443e0b;}


.section .benefit-list{ margin: 0 -15px; padding: 62px 0 26px; overflow: hidden;}
.section .benefit-item{ float: left; width: 320px; position: relative; margin: 0 45px 48px;}
.section .benefit-item .image{ width: 320px; height: 120px; position: relative; box-shadow: 0 0 5px #555555;}
.section .benefit-item .image .tag{ position: absolute; width: 85px; height: 49px; top: 6px; right: -13px; background: url("../images/tag.png") center no-repeat; text-align: center; font-size: 22px; line-height: 49px; color: #0f4b74;}
.section .benefit-item .text{ padding: 0 18px; height: 140px; background: #1c6496; overflow: hidden;}
.section .benefit-item .text h2{ padding-left: 32px; margin-top: 15px; font-size: 18px; line-height: 26px; color: #ffffff; background: url("../images/shape-1.png") left center no-repeat;}
.section .benefit-item .text p{ margin-top: 6px; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.section .benefit-item .button-detail{ position: absolute; left: 50%; bottom: -18px; width: 102px; margin-left: -51px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #FFFFFF; background: #f95757; border-radius: 4px;}
.section .button-2{ display: block; width: 490px; height: 55px; margin: 0 auto 60px;}
.section .button-2 a{ display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; background: #ffe60f; border-radius: 4px; font-size: 22px; color: #443e0b;}

.section .summary{ margin-top: 60px;}
.section .summary-text{ float: left; width: 760px; margin-top: 40px;}
.section .summary-text p{ font-size: 14px; line-height: 26px; color: #555555;}
.section .summary-text p a{ color: #248bd4;}
.section .summary-image{ float: right;}
.section .infor-list{ margin: 32px -4px 46px; overflow: hidden;}
.section .infor-item{ float: left; width: 398px; height: 143px; margin: 0 2px 20px; background: #faeeee;}
.section .infor-item .icon-title{ float: left; position: relative; width: 97px; height: 143px; background: #f95757;}
.section .infor-item .icon-title:before{ content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -5px; top: 0; border: 5px solid transparent; border-top: 5px solid #FFFFFF}
.section .icon-title .icon{ width: 45px; height: 52px; margin: 30px auto 0;}
.section .icon-title .icon-text{ margin-top: 10px; font-size: 18px; line-height: 24px; color: #FFFFFF; text-align: center;}
.section .infor-detail{ float: left; width: 301px; height: 100%; position: relative;}
.section .infor-detail p{ padding: 16px 20px; font-size: 14px; line-height: 26px; color: #555555;}
.section .infor-detail .query{ position: absolute; width: 95px; height: 33px; right: 24px; bottom: 16px; line-height: 33px; text-align: center; background: #f95757; border-radius: 4px; font-size: 14px; color: #FFFFFF; text-decoration: none;}

.section .full-title{ margin-top: 65px; height: 66px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.section .full-title span{ float: left; position: relative; font-size: 35px; line-height: 66px; color: #FFFFFF;}
.section .full-title span:after{ content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: -1px; background: #fff178;}
.section .full-title a{ float: left; margin-top: 30px; margin-left: 27px; font-size: 14px; color: #fff178; line-height: 30px;}
.section .issue-list{ width: 1080px; height: 412px; padding: 20px 62px; margin: 50px auto 72px; background: url("../images/issue.png") center no-repeat;}
.section .issue-item{ position: relative; width: 438px; height: 43px; margin: 10px 50px; float: left; text-indent: 26px; border: 1px dashed #777777; font-size: 18px; line-height: 43px; cursor: pointer;}
.section .issue-item.active{ background: #f95757;}
.section .issue-item.active{ color: #FFFFFF; border: 1px solid #f95757;}
.section .issue-item:before{ content: ''; display: block; width: 10px; height: 45px; background: #3f474d; position: absolute; left: -1px; top: -1px;}
.section .issue-item.active:before{ background: #a72d2d;}

.advertisement{ margin-top: 63px;}
.advertisement a{ display: block; background: url("../images/advertisement.jpg") center no-repeat; height: 150px;}


.section .document-list{ margin: 64px -60px 0; overflow: hidden;}
.section .document-item{ float: left; width: 540px; margin: 20px; padding-left: 35px; padding-right: 25px; cursor: pointer;}
.section .document-item .file{ float: left; position: relative; padding-left: 48px; font-size: 18px; color: #555555; line-height: 32px; background: url("../images/document.png") left center no-repeat;}
.section .document-item .file .mark{ position: absolute; top: -18px; right: -18px;}
.section .document-item .frequency{ float: right; padding-left: 50px; font-size: 14px; color: #555555; line-height: 32px; background: url("../images/download.png") left center no-repeat;}
.section .button-3{ display: block; width: 490px; height: 55px; margin: 40px auto 67px;}
.section .button-3 a{ display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; background: #ffe60f; border-radius: 4px; font-size: 22px; color: #443e0b;}

.section .difference{ margin-top: 62px;}
.section .difference-table{ padding-bottom: 60px;}
.section .table-header{ margin-bottom: 9px; height: 50px;}
.section .table-header .cell{ float: left; height: 50px; line-height: 50px; position: relative; text-align: center; border-radius: 5px;}
.section .table-header .cell:after{ content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -5px; border: 5px solid transparent;}
.section .table-header .cell-header{ width: 165px; margin-right: 10px; font-size: 22px; color: #FFFFFF; background: #f95757;}
.section .table-header .cell-body{ width: 250px; margin: 0 12px; font-size: 18px; color: #333333;}
.section .table-header .cell-footer{ width: 194px; margin-left: 9px; font-size: 18px; color: #FFFFFF; background: #f95757;}
.section .table-header .cell-color-1{ background: #f9ebad}
.section .table-header .cell-color-2{ background: #ffdd77}
.section .table-header .cell-color-3{ background: #ffc600}
.section .table-header .cell-header:after{ border-top: 5px  solid #f95757;}
.section .table-header .cell-color-1:after{ border-top: 5px  solid #f9ebad;}
.section .table-header .cell-color-2:after{ border-top: 5px  solid #ffdd77;}
.section .table-header .cell-color-3:after{ border-top: 5px  solid #ffc600;}
.section .table-header .cell-footer:after{ border-top: 5px  solid #f95757;}

.section .table-body{ height: 45px; margin-bottom: 9px; overflow: hidden; border-radius: 23px;}
.section .table-body.tr-normal{ background: #f5fbff;}
.section .table-body.tr-highlight{ background: #d5edff;}
.section .table-body .cell-first{ float: left; width: 138px; height: 43px; margin-right: 32px; line-height: 43px; border-radius: 24px; font-size: 18px; color: #333333; text-align: center; box-shadow: 1px 2px 3px 0 rgba(26, 27, 28, 0.18);}
.section .table-body.tr-normal .cell-first{ border:1px solid rgb(185, 226, 255); background-color: rgb(204, 234, 255);}
.section .table-body.tr-highlight .cell-first{  border:1px solid rgb(135, 205, 254); background-color: rgb(149, 211, 255);}
.section .table-body .cell-normal{ float: left; width: 250px; margin: 0 12px; line-height: 45px; text-align: center; font-size: 14px; color: #333333;}
.section .table-body .cell-active{ float: left; width: 250px; margin: 0 12px; line-height: 45px; text-align: center; font-size: 14px; color: #238bd4; font-weight: bold; box-shadow: 0 0 15px #aaaaaa; border-radius: 6px;}
.section .table-body .cell-last{ float: left; width: 194px; margin-left: 9px; text-align: center;}
.section .table-body .cell-last a{ display: inline-block; padding-left: 30px; background: url("../images/ask.png") left center no-repeat; font-size: 14px; color: #f72743; text-align: center; line-height: 45px;}

.section .teacher-box{ margin-top: 62px; padding-bottom: 52px; overflow: hidden;}
.section .teacher-piclist{ float: left; width: 535px;}
.section .teacher-piclist .video{ width: 535px; height: 322px;}
.section .teacher-piclist .teacher-thumb-list{ position: relative; z-index: 9; margin-right: -6px; margin-top: -36px; overflow: hidden;}
.section .teacher-piclist .teacher-thumb-item{ float: left; width: 122px; height: 90px; margin-right: 5px; border: 4px solid #999999; cursor: pointer;}
.section .teacher-piclist .teacher-thumb-item.active{ border-color: #248bd4;}
.section .teacher-infor{ float: right; width: 562px;}
.section .teacher-infor-list{}
.section .teacher-infor-item{}
.section .teacher-infor-item h2{ margin-top: 30px; font-size: 35px; color: #555555; line-height: 35px;}
.section .teacher-infor-item p{ margin-top: 25px; font-size: 16px; color: #777777; line-height: 30px;}
.section .teacher-infor-item .button-group{ margin-top: 28px; overflow: hidden;}
.section .teacher-infor-item .button-group .btn-service{ float: left; width: 250px; height: 60px; margin-right: 36px; border-radius: 5px; text-align: center; background: #2894e0;}
.section .teacher-infor-item .button-group .btn-service span{ display: inline-block; padding-right: 45px; background: url("../images/note.png") right center no-repeat; font-size: 22px; line-height: 60px; color: #ffffff;}
.section .teacher-infor-item .button-group .btn-video{ float: left; width: 246px; height: 56px; border-radius: 5px; text-align: center; border: 2px solid #268ed9;}
.section .teacher-infor-item .button-group .btn-video span{ display: inline-block; padding-right: 45px; background: url("../images/video.png") right center no-repeat; font-size: 22px; line-height: 60px; color: #248bd4;}

.section .video-item{ margin:0 auto; position:relative}
.section .video-item video{ width:100%}
.section .video-item .clickPlay{ position:absolute; width:87px; height:87px; background:rgba(55,125,255,.6); border-radius:87px; box-shadow:rgba(100,160,255,.2) 0 5px 30px; margin:-43px 0 0 -43px; cursor:pointer; top:50%; left:50%; z-index:999}
.section .video-item .clickPlay:before{ content:""; position:absolute; width:0; height:0; border-top:solid 19px transparent; border-left:solid 32px #FFF; border-bottom:solid 19px transparent; margin:-19px 0 0; top:50%; left:33px}
.section .video-item.pause .clickPlay{ transform:scale(3,3); opacity:0; transition:all 0.2s linear}


.summary-image{ position:relative}
.summary-image video{ width:100%}
.summary-image .clickPlay3{ position:absolute; width:87px; height:87px; background:rgba(55,125,255,.6); border-radius:87px; box-shadow:rgba(100,160,255,.2) 0 5px 30px; margin:-43px 0 0 -43px; cursor:pointer; top:50%; left:50%; z-index:999}
.summary-image .clickPlay3:before{ content:""; position:absolute; width:0; height:0; border-top:solid 19px transparent; border-left:solid 32px #FFF; border-bottom:solid 19px transparent; margin:-19px 0 0; top:50%; left:33px}
.summary-image.pause .clickPlay3{ transform:scale(3,3); opacity:0; transition:all 0.2s linear}


.form-bj{ background: url("../images/bj-form.jpg") center no-repeat; height: 450px;}
.form-bj .form{ width: 670px; height: 365px; margin: 42px auto 0; background: rgba(26,27,28,0.5); overflow: hidden;}
.form-bj .form-title{ margin-top: 20px; text-align: center; font-size: 32px; line-height: 46px; color: #FFFFFF;}
.form-bj .form-title i{ padding: 0 5px; font-size: 47px; color: #ffe60f;}
.form-bj .tip-text{ margin-top: 14px; text-align: center; font-size: 20px; line-height: 24px; color: #ffffff;}
.form-bj .form form{ display: block; width: 650px; margin: 20px auto 0; padding-top: 15px; border-top: 1px dashed #656d73;}
.form-bj .form .form-ctrl{ width: 358px; height: 43px; margin: 18px auto 0; border: 1px solid #ffffff; border-radius: 6px;}
.form-bj .form .form-ctrl label{ float: left; width: 63px; line-height: 43px; font-size: 20px; color: #FFFFFF; text-align: right;}
.form-bj .form .form-ctrl input{ float: left; width: 295px; height: 43px; line-height: 43px; background: none; font-size: 16px; text-indent: 0.5em; color: #FFFFFF; outline: none;padding: 0;}
.form-bj .form .form-button{ width: 360px; height: 40px; margin: 20px auto 0; overflow: hidden;}
.form-bj .form .form-button a{ float: left; width: 132px; height: 40px; text-align: center; line-height: 40px; background: #ffe60f; font-size: 18px; color: #47410c; border-radius: 6px;}
.form-bj .form .form-button input{ float: right; width: 202px; height: 40px; border-radius: 6px;  background: #ff4747; font-size: 18px; color: #FFFFFF; cursor: pointer;}


#foot-right-gg{
	position: fixed;
	right: 0;
	bottom: 0;
}
#close-gg{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	color: #999999;
	cursor: pointer;
}