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


.banner{ height: 500px; background: url(../images/banner.jpg) center no-repeat; overflow: hidden;}
.banner .buttonGroups{ overflow: hidden; text-align: center; margin-top: 408px;}
.banner .buttonGroups a{ display: inline-block; width: 125px; height: 24px; border-radius: 12px; background: #1e8fdd; line-height: 24px; text-align: center; color: #fff; text-decoration: none; font-size: 14px; margin: 0 15px;}

.section .caption{ position: relative; text-align: center; font-size: 30px; line-height: 30px;}
.section .caption span{ color: #1e8fdd;}
.section .caption.black{ color: #333;}
.section .caption.white{ color: #fff;}
.section .caption:before{ content: ""; display: block; width: 70px; height: 4px; background: #1e8fdd; position: absolute; top: -33px; left: 50%; margin-left: -35px;}
.section .subCaption{ text-align: center; font-size: 16px; line-height: 24px; color: #1e8fdd; margin-top: 30px;}

.section1{ height: 560px; background: url(../images/bj1.jpg) center no-repeat; overflow: hidden;}
.section1 .ballTags{ width: 450px; margin-top: 50px;}
.section1 .ballTags .tags{ width: 450px; height: 400px; position: relative;}
.section1 .ballTags .tags a{ position: absolute; color: #333; max-width: 200px;}
.section1 .buttonGroups{ text-align: center; margin-top: 10px;}
.section1 .buttonGroups a{ display: inline-block; border-radius: 17px;font-size: 16px; text-decoration: none; margin: 0 16px;}
.section1 .buttonGroups .btn1{ width: 150px; height: 34px; line-height: 34px; background: #256fbb; color: #fff;}
.section1 .buttonGroups .btn2{ width: 200px; height: 32px; line-height: 32px; border:1px solid #256fbb; color: #256fbb; }

.section2{ overflow: hidden; padding-bottom: 130px;}
.section2 .caption{ margin-top: 110px;}
.section2 .chooseReason{ margin-top: 90px;}
.section2 .chooseReason .lists{ margin-right: -120px;}
.section2 .chooseReason .item{ float: left; width: 320px; border: 1px solid #f2f2f2; margin-right: 118px; box-shadow: 1px 1px 3px #DDDDDD;}
.section2 .chooseReason .item .img{ width: 320px; height: 180px;}
.section2 .chooseReason .item .txt{ height: 80px;}
.section2 .chooseReason .item .txt p{ margin-top: 20px; font-size: 16px; line-height: 24px; text-align: center; padding: 0 22px;}
.section2 .slider{ position: relative; margin-top: 85px;}
.section2 .slider .btn{ position: absolute; width: 25px; height: 50px; top: 50%; margin-top: -26px; border: 1px solid #dddddd; line-height: 50px; text-align: center; color: #1E8FDD;  font-size: 20px; font-family:"黑体"; cursor: pointer;}
.section2 .slider .btn:hover{ color: #fff; background: #1E8FDD; border-color: #1E8FDD;}
.section2 .slider .btnPrev{ left: 0;}
.section2 .slider .btnNext{ right: 0;}
.section2 .slider .sliderItem{ overflow: hidden; height: 210px;}
.section2 .slider .sliderItem .img{ height: 158px; min-height: 158px;}
.section2 .slider .sliderItem p{ font-size: 14px; line-height: 18px; color: #555; padding: 0 5px; margin-top: 10px;}


.section3{ overflow: hidden; height: 960px; background: url(../images/bj2.jpg) center no-repeat;}
.section3 .caption{ margin-top: 90px;}
.section3 .pictureWall { background:url(../images/3-1.jpg) no-repeat center 0; width: 1100px;height: 400px;margin:54px auto 0 auto;}
.section3 .pictureWall .photoItem{width: 100px; height: 100px;position: relative; float: left; cursor: pointer;}
.section3 .pictureWall .photoItem .info { width: 200px; height: 200px; position: absolute; left: 0; top: 0; display: none;}
.section3 .pictureWall .photoItem .info .textBox { position: absolute; left: 0; bottom: 0; width: 200px; height: 58px; background: rgba(0, 0, 0, 0.6); text-align: center; color: #fff;}
.section3 .pictureWall .photoItem:nth-of-type(11n) .info { left: auto; right: 0;}
.section3 .pictureWall .photoItem .info h4{ font-size: 14px; color: #fff; line-height: 29px;}

.section3 .slider{ position: relative; margin-top: 85px;}
.section3 .slider .btn{ position: absolute; width: 25px; height: 50px; top: 50%; margin-top: -26px; background: #858381; line-height: 50px; text-align: center; color: #1E8FDD;  font-size: 20px; font-family:"黑体"; cursor: pointer;}
.section3 .slider .btn:hover{ color: #fff; background: #1E8FDD; border-color: #1E8FDD;}
.section3 .slider .btnPrev{ left: 0;}
.section3 .slider .btnNext{ right: 0;}
.section3 .slider .sliderItem{ overflow: hidden;}
.section3 .slider .photo{ float: left; width: 104px; height: 140px; border: 3px solid #ddd;}
.section3 .slider .infor{ float: left; margin-left: 10px; max-width: 140px;}
.section3 .slider .infor .name{ font-size: 24px; color: #fff; line-height: 32px; margin-bottom: 20px;}
.section3 .slider .infor p{ font-size: 14px; color: #fff; line-height: 26px;}

.section4{ height: 960px; overflow: hidden;}
.section4 .caption{ margin-top: 80px;}
.section4 .control{ text-align: right; margin-top: 57px;}
.section4 .control .btn{ cursor: pointer; margin-left: 10px;}
.section4 .rotateBox{ position: relative;}
.section4 .rotateBox .item{ background: #f2f2f2; position: absolute; width: 302px; height: 504px; transition: all 0.3s linear; box-shadow: 2px 2px 5px #ddd; cursor: pointer;}
.section4 .rotateBox .itemTit{ text-align: center; font-size: 18px; line-height: 36px; color: #333333; font-weight: bold;}
.section4 .rotateBox .itemExp{ width: 80%; margin: 0 auto 30px; border-top: 1px solid #888888; font-size: 18px; line-height: 36px; text-align: center;}
.section4 .rotateBox .itemTxt{ font-size: 16px; color: #333333; line-height: 24px; text-align: center;}
.section4 .rotateBox .item.current{ left: 442px; top: 180px; transform: scale(1); z-index: 4;}
.section4 .rotateBox .item.prev{ left: 40px; top: 60px; transform: scale(0.75); z-index: 3;}
.section4 .rotateBox .item.next{ left: 850px; top: 60px; transform: scale(0.75); z-index: 3;}
.section4 .rotateBox .item.other{ left: 310px; top: -150px; transform: scale(0.5); z-index: 2;}

.section5{ overflow: hidden; height: 960px; background: url(../images/bj3.jpg) center no-repeat;}
.section5 .caption{ margin-top: 80px;}
.section5 .enviroment{ overflow: hidden; margin-top: 124px;}
.section5 .enviroment .service{ float: right; width: 421px; height: 574px; background: url(../images/5-2.jpg) center no-repeat; position: relative;}
.section5 .enviroment .service h2{ position: absolute; width: 100%; font-size: 18px; color: #fff; text-align: center; line-height: 24px; top: 440px;}
.section5 .enviroment .service .btn{ position: absolute; width: 295px; height: 34px; line-height: 34px; border-radius: 17px; background: #1e8fdd; left: 63px; right: 63px; top: 490px; color: #fff; font-size: 18px; text-decoration: none; text-align: center;}
.section5 .enviroment .service p{ position: absolute; width: 100%; font-size: 14px; color: #fff; text-align: center; line-height: 24px; top: 535px;}
.section5 .slider{ float: left; width: 580px; height: 380px; margin-top: 108px; position: relative;}
.section5 .slider .btn{ position: absolute; right: -85px; cursor: pointer; opacity: 0.3; transition: all 0.3s;}
.section5 .slider .btn:hover{ opacity: 1;}
.section5 .slider .btnPrev{ top: 138px;}
.section5 .slider .btnNext{ bottom: 138px;}
.section5 .sliderContainer{ width: 100%; height: 100%; overflow: hidden;}
.section5 .sliderItem{ height: 380px; overflow: hidden; margin-right: -20px;}
.section5 .sliderItem .pic{ width: 180px; height: 180px; float: left; margin-right: 20px; margin-bottom: 20px;}


.section6{ overflow: hidden; padding-bottom: 145px;}
.section6 .caption{ margin-top: 72px;}
.section6 .goldenSingle{ text-align: center; margin-top: 130px;}
.section6 .goldenSingle dt{ font-size: 24px; line-height: 24px; color: #333333; margin-bottom: 36px;}
.section6 .goldenSingle dd{ font-size: 14px; line-height: 36px; color: #333333;}
.section6 .goldenSingle dd span{ color: #1e8fdd;}
.section6 .goldenSingle dd b{ color: #1e8fdd; font-size: 18px; font-weight: normal;}
.section6 .slider{ position: relative; margin-top: 85px;}
.section6 .slider .btn{ position: absolute; width: 25px; height: 50px; top: 50%; margin-top: -26px; border: 1px solid #dddddd; line-height: 50px; text-align: center; color: #1E8FDD;  font-size: 20px; font-family:"黑体"; cursor: pointer;}
.section6 .slider .btn:hover{ color: #fff; background: #1E8FDD; border-color: #1E8FDD;}
.section6 .slider .btnPrev{ left: 0;}
.section6 .slider .btnNext{ right: 0;}
.section6 .slider .sliderItem{ overflow: hidden; height: 310px; position: relative;}
.section6 .slider .sliderItem .img{ height: 158px; min-height: 158px;}
.section6 .slider .sliderItem .play{ position: absolute; width: 88px; height: 88px; left: 50%; top: 50%; margin: -44px 0 0 -44px; background: url(../images/play_default.png) center no-repeat; cursor: pointer; transition: all 0.3s;}
.section6 .slider .sliderItem .play:hover{ background: url(../images/play_on.png) center no-repeat;}
.section6 .slider .sliderItem p{ font-size: 14px; height: 44px; line-height: 44px; background: #333; color: #fff; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center;}


.section7{ overflow: hidden; height: 960px; background: url(../images/bj4.jpg) center no-repeat;}
.section7 .caption{ margin-top: 78px;}
.section7 .reserchCenter{ margin-top: 121px;}
.section7 .reserchCenter h2{ font-size: 18px; line-height: 44px; color: #fff; text-align: center;}
.section7 .slider{ position: relative; margin-top: 85px;}
.section7 .slider .btn{ position: absolute; width: 25px; height: 50px; top: 50%; margin-top: -26px; background: #858381; line-height: 50px; text-align: center; color: #1E8FDD;  font-size: 20px; font-family:"黑体"; cursor: pointer;}
.section7 .slider .btn:hover{ color: #fff; background: #1E8FDD; border-color: #1E8FDD;}
.section7 .slider .btnPrev{ left: 0;}
.section7 .slider .btnNext{ right: 0;}

.section8{ overflow: hidden; padding-bottom: 78px;}
.section8 .caption{ margin-top: 78px;}
.section8 .reason{ overflow: hidden; margin-top: 45px;}
.section8 .reasonItem{ float: left; width: 285px; margin: 0 56px;}
.section8 .reasonItem .itemImg{ width: 285px; height: 190px; overflow: hidden;}
.section8 .reasonItem .itemTitle{ text-align: center; font-size: 18px; line-height: 18px; font-weight: bold; color: #333; margin-top: 16px;}
.section8 .reasonItem .itemTxt{ text-align: center; font-size: 16px; line-height: 30px; color: #555; margin-top: 12px;}
.section8 .process{ margin-top: 100px;}
.section8 .process h2{ font-size: 14px; line-height: 24px; color: #3a9de1; text-align: center;}
.section8 .processList{ width: 710px; position: relative; margin: 150px auto 0;}
.section8 .processList:after{ content: ""; display: block; clear: both;}
.section8 .processList:before{ content: ""; height: 1px; background: #ddd; position: absolute; bottom: 43px; left: 40px; right: 40px;}
.section8 .processItem{ float: left; width: 20%; position: relative;}
.section8 .processItem .text{ font-size: 14px; line-height: 18px; color: #333; text-align: center; position: absolute; width: 100%; left: 0; bottom: 68px;}
.section8 .processItem .circle{ width: 17px; height: 17px; background: #fff; border: 3px solid #1e8fdd; margin: 10px auto 0; border-radius: 50%;}
.section8 .processItem .year{ width: 84px; height: 21px; border-radius: 11px; background: #1e8fdd; font-size: 16px; line-height: 21px; text-align: center; color: #fff; margin: 12px auto 0;}


.section9{ overflow: hidden; height: 800px; background: url(../images/bj5.jpg) center no-repeat;}
.section9 .caption{ margin-top: 78px;}
.section9 .steps{ margin-top: 45px;}
.section9 .steps h2{ text-align: center; font-size: 30px; line-height: 30px; color: #fff;}
.section9 .stepList{ overflow: hidden; background: url(../images/9-1.png) center bottom no-repeat; padding-bottom: 50px; margin-top: 45px;}
.section9 .stepItem{ float: left; width: 225px; height: 323px; background: rgba(255,255,255,0.8); margin-right: 18px;}
.section9 .stepItem.item1{ margin-top: 162px;}
.section9 .stepItem.item2{ margin-top: 122px;}
.section9 .stepItem.item3{ margin-top: 82px;}
.section9 .stepItem.item4{ margin-top: 42px;}
.section9 .stepItem.item5{ margin-top: 0; margin-right: 0;}
.section9 .stepItem .index{ font-size: 72px; line-height: 72px; color: #1e8fdd; font-weight: bold; text-align: center; margin-top: 10px;}
.section9 .stepItem .courseName{ font-size: 18px; line-height: 24px; color: #333; font-weight: bold; text-align: center; margin-top: 30px;}
.section9 .stepItem .courseTime{ border-top: 1px solid #888888; width: 200px; margin: 9px auto 0; font-size: 16px; line-height: 24px; color: #333; text-align: center; padding: 7px 0;}
.section9 .stepItem .courseDescrible{ font-size: 14px; line-height: 24px; color: #555; width: 200px; margin: 0 auto;}


.section10{ overflow: hidden; height: 940px; background: url(../images/bj6.jpg) center no-repeat;}
.section10 .caption{ margin-top: 78px;}
.section10 .solution{ position: relative; overflow: hidden; margin-top: 165px; margin-bottom: -205px;}
.section10 .solution:after{ content: ""; display: block; width: 257px; height: 231px; background: url(../images/10-1.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -128px; margin-top: -115px;}
.section10 .solutionItem { overflow: hidden;}
.section10 .solutionItem.item1,.section10 .solutionItem.item2{ margin-bottom: 205px;}
.section10 .solutionItem.leftItem{ float: left;}
.section10 .solutionItem.rightItem{ float: right;}
.section10 .solutionItem .number{ float: left; width: 230px; font-size: 122px; line-height: 122px; color: #dddddd; font-weight: bold; font-family: impact;}
.section10 .solutionItem .solutionText{ float: left; width: 265px;}
.section10 .solutionItem .solutionText h6{ font-size: 22px; color: #333333; font-weight: bold;}
.section10 .solutionItem .solutionText .well{ font-size: 18px; line-height: 24px; color: #1e8fdd; margin-top: 8px;}
.section10 .solutionItem .solutionText .more{ font-size: 14px; line-height: 24px; color: #333333; margin-top: 5px;}

.section11{ overflow: hidden;}
.section11 .caption{ margin-top: 78px;}
.section11 .platform{ text-align: center; margin-top: 48px;}
.section11 .summary{ margin-top: 108px;}
.section11 .summaryItem{ overflow: hidden; margin-bottom: 108px;}
.section11 .summaryItem .rgt{ margin-right: 30px;}
.section11 .summaryItem .tit{ font-size: 24px; color: #1e8fdd; line-height: 24px; font-weight: bold; margin-top: 42px;}
.section11 .summaryItem .subtit{ font-size: 14px; line-height: 14px; color: #333333; font-weight: bold; margin-top: 16px; margin-bottom: 22px;}
.section11 .summaryItem p{ position: relative; font-size: 18px; line-height: 32px; color: #555555;}

.section12{ overflow: hidden; height: 1274px; background: url(../images/bj7.jpg) center no-repeat;}
.section12 .caption{ margin-top: 78px;}
.section12 .systerm{ overflow: hidden; margin-top: 44px;}
.section12 .systermItem{ float: left; width: 284px; margin: 0 56px 52px; cursor: pointer;}
.section12 .systermItem .suitable{ height: 134px; background: rgba(0,0,0,0.5); overflow: hidden;}
.section12 .systermItem .suitable h6{ text-align: center; font-size: 18px; color: #fff; font-weight: bold; line-height: 20px; margin-top: 15px; margin-bottom: 12px;}
.section12 .systermItem .suitable p{ text-align: center; font-size: 16px; color: #fff; line-height: 28px;}
.section12 .systermItem .lessons{ height: 56px; background: #f2f2f2; padding: 24px 0; position: relative;}
.section12 .systermItem .lessons p{ text-align: center; font-size: 16px; color: #555; line-height: 28px;}
.section12 .systermItem .lessons span{ position: absolute; font-size: 132px; line-height: 104px; color: #555555; font-weight: bold; opacity: 0.1; right: -26px; top:0; text-align: right;}
.section12 .buttonGroup{ margin-top: 8px; text-align: center;}
.section12 .buttonGroup a{ display: inline-block; width: 220px; height: 40px; background: #1e8fdd; text-align: center; font-size: 16px; color: #fff; line-height: 40px; text-decoration: none; margin: 0 62px;}

.section13{ overflow: hidden; height: 626px; background: url(../images/bj8.jpg) center no-repeat;}
.section13 .caption{ margin-top: 78px;}
.section13 .pass{ text-align: center;  font-size: 36px; line-height: 54px; color: #31a0ed; font-weight: bold; margin-top: 46px;}
.section13 .slider{ position: relative; margin-top: 85px;}
.section13 .slider .btn{ position: absolute; width: 25px; height: 50px; top: 50%; margin-top: -26px; background: #858381; line-height: 50px; text-align: center; color: #1E8FDD;  font-size: 20px; font-family:"黑体"; cursor: pointer;}
.section13 .slider .btn:hover{ color: #fff; background: #1E8FDD; border-color: #1E8FDD;}
.section13 .slider .btnPrev{ left: 0;}
.section13 .slider .btnNext{ right: 0;}
.section13 .slider .sliderItem img{ border: 4px solid #fff;}
.section13 .buttonGroup{ margin-top: 90px; text-align: center;}
.section13 .buttonGroup a{ display: inline-block; width: 220px; height: 40px; background: #1e8fdd; text-align: center; font-size: 16px; color: #fff; line-height: 40px; text-decoration: none; margin: 0 62px;}

.module{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; background: #000; opacity: 0.5; display: none;}
.video{ width: 1000px; height: 600px; position: fixed; background: #fff; left: 50%;  top: 50%; margin-left:-500px; margin-top:-300px; z-index: 1000000; display: none;}
.video .videoBox{ width: 100px; height: 600px;}
.video .close{ position: absolute; font-size: 24px; color: red; right: 10px; top: 10px; cursor: pointer;}