@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
#content { width: 100% !important; }

.main { background-color: #fff; }

.tab { height: 44px; background: #253351; }

.tab .tab-main { width: 1200px; margin: 0 auto; line-height: 44px; }

.tab .tab-main a { float: left; width: 162px; height: 44px; text-align: center; color: #fff; }

.tab .tab-main a:hover { background: #3D465A; }

.tab .tab-main .active { background: #FF9852; }

.tab .tab-main .active:hover { background: #FF9852; }

.banner { height: 370px; width: 100%; }

.banner .banner-main { width: 1200px; height: 370px; margin: 0 auto; padding-top: 68px; }

.banner .banner-main h3 { font-size: 32px; font-weight: 500; color: #F5A623; line-height: 46px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.banner .banner-main p { width: 515px; font-size: 16px; color: #fff; line-height: 22px; margin-top: 30px; }

.banner .banner-main a { display: block; width: 162px; height: 44px; line-height: 44px; text-align: center; color: #fff; background: #F5A623; margin-top: 30px; font-size: 18px; }

.banner1 { background: url("../images/hadoop1banner.jpg") no-repeat top center; background-size: 1920px 370px; }

.banner2 { background: url("../images/hadoop2banner.jpg") no-repeat top center; background-size: 1920px 370px; }

.banner2 .banner-main { padding-top: 50px; }

.banner3 { background: url("../images/hadoop3banner.jpg") no-repeat top center; background-size: 1920px 370px; }

.view { padding-top: 86px; background: #fff; }

.view .view-main { width: 1200px; margin: 0 auto; }

.view .view-main .view-main-left { float: left; width: 540px; margin-bottom: 210px; }

.view .view-main .view-main-left h4 { font-size: 30px; color: #474747; height: 62px; line-height: 62px; border-bottom: 1px solid #F5A623; }

.view .view-main .view-main-left p { margin-top: 30px; font-size: 16px; color: #474747; line-height: 22px; }

.view .view-main .view-main-right { float: right; width: 530px; height: 268px; }

.view .view-main .view-main-right img { width: 530px; height: 268px; }

.view1 { background: url("../images/hadoop1Bg.jpg") no-repeat top center; background-size: 1920px 507px; }

.view2 { background: url("../images/hadoop2Bg.jpg") no-repeat top center; background-size: 1920px 507px; }

.hadoop3-view1 { width: 1200px; margin: 0 auto; }

.hadoop3-view1 .hadoop3-view1-main { width: 892px; height: 266px; margin-top: -50px; }

.hadoop3-view1 .hadoop3-view1-main .module { width: 446px; height: 133px; float: left; padding: 35px 60px; }

.hadoop3-view1 .hadoop3-view1-main .module img { width: 64px; height: 64px; margin-right: 30px; }

.hadoop3-view1 .hadoop3-view1-main .module .txt { width: 232px; }

.hadoop3-view1 .hadoop3-view1-main .module h4 { font-size: 18px; height: 24px; line-height: 24px; color: #fff; }

.hadoop3-view1 .hadoop3-view1-main .module p { font-size: 14px; height: 20px; line-height: 20px; color: #fff; margin-top: 4px; }

.hadoop3-view1 .hadoop3-view1-main .module1 { background: linear-gradient(150deg, #fbb24d 0%, #f88f3e 100%); }

.hadoop3-view1 .hadoop3-view1-main .module2 { background: linear-gradient(150deg, #83a8ff 0%, #3194ff 100%); }

.hadoop3-view2 { background: #fff; padding-bottom: 46px; }

.hadoop3-view2 ul { width: 1200px; margin: 0 auto; }

.hadoop3-view2 ul li { float: left; width: 300px; text-align: center; margin-top: 60px; }

.hadoop3-view2 ul li img { width: 68px; height: 68px; }

.hadoop3-view2 ul li p { color: #858DAC; font-size: 20px; height: 28px; line-height: 28px; margin-top: 20px; }

.hadoop3-view3 { background: #f9f9f9; }

.hadoop3-view3 h3 { font-size: 30px; height: 42px; line-height: 42px; margin-top: 45px; text-align: center; color: #474747; }

.hadoop3-view3 ul { width: 1200px; background: #fff; border: 1px solid #f2f2f2; margin: 30px auto 40px auto; }

.hadoop3-view3 ul li { padding: 32px 66px; border-bottom: 1px solid #f2f2f2; }

.hadoop3-view3 ul li img { float: left; width: 68px; height: 68px; margin-right: 100px; }

.hadoop3-view3 ul li .txt { float: left; width: 898px; }

.hadoop3-view3 ul li .txt h4 { font-size: 18px; height: 28px; line-height: 28px; color: #474747; }

.hadoop3-view3 ul li .txt p { font-size: 16px; line-height: 22px; color: #838383; }

.hadoop3-view3 ul li:last-child { border-bottom: none; }

.hadoop3-view3 ul li:hover { box-shadow: 0px 0px 8px 0px #b9bfd9; }

.hadoop3-view3 ul li:hover h4 { color: #FF9852; }