*{margin: 0;padding: 0;}
  body{min-width: 960px; font-family: "微软雅黑"; }
  .bannertitle{font-size: 100px; width: 960px;margin-right: auto;margin-left: auto;margin-top: 80px;color: #fff;letter-spacing: 15px}
  .bannertitle1{font-size: 40px; width: 960px;margin-right: auto;margin-left: auto;margin-top: 20px;color: #fff}
  .bannertitle2{font-size: 30px; width: 960px;margin-right: auto;margin-left: auto;margin-top: 20px;color: #fff}
  .left{width: 300px;height: 400px; float: left;overflow: hidden;}
  .comein{display: block;width: 960px;margin-left: auto;margin-right: auto;overflow: hidden;}
  .cometitle{width: 580px;font-size: 50px; margin-top: 100px;color: #02698f;margin-left: auto;margin-right: auto}
  .java{display: block;width: 730px;font-size: 28px; margin-top: 20px;color: #02698f;margin-left: auto;}
  .ui{display: block;font-size: 28px; margin-top: 20px;color: #02698f;width: 550px;margin-left: auto;margin-right: auto}
  .ios{display: block;font-size: 28px; margin-top: 20px;color: #02698f;width: 540px;margin-left: auto;margin-right: 180px}
  .php{display: block;font-size: 28px;margin-top: 20px;color: #02698f;width: 540px;margin-left: auto;margin-right: 190px}
  .firsts{display: block;font-size: 24px; margin-top: 30px;color: #fc0101;width: 550px;margin-left: auto;margin-right: auto}
  .bigkaifa{display: block;font-size: 28px;margin-top: 20px;color: #fc0101;width: 570px;margin-left: auto;margin-right: 170px}
  .understandtitle{font-size: 50px; width:460px;margin-right: auto;margin-left: auto;margin-top: 70px;color: #fff;}
  .understandcontent{font-size: 30px; width:960px;margin-right: auto;margin-left: auto;margin-top: 18px;color: #fff;line-height: 1.5em}
  .xianzhuangtitle{color: #02698f;font-size: 50px;font-weight: bold;text-align: center;padding-top: 60px;letter-spacing: 8px}
  .xianzhuangcontent{color: #02698f;font-size: 25px;margin-top: 22px;width: 960px;margin-left: auto;margin-right: auto;line-height: 1.5em}
  .fifteen{margin-top: 40px;overflow: hidden;display: block;width: 960px;height: 700px;margin-left: auto;margin-right: auto;}
  .fifteens{width: 480px;height: 700px;float: left}
  .sixteen{width: 450px;height: 700px;float: right}
  .fifteens1{font-size: 40px;color: #02698f;font-weight: bold}
  .one{font-size: 20px;color: #02698f;margin-top: 10px;font-weight: bold}
  .jine{margin-top: 20px}
  .jiaoyijine{color:#02698f;line-height: 45px;font-weight: bold;font-size: 26px}
  .more{font-weight: bold;font-size: 26px;margin-top: 20px}
  .xianzhuangleft{margin-top: 10px}
  .xianzhuangleft .eighteen{font-weight: bold;font-size: 15px;line-height: 25px}
  .jinzitatitle{font-size: 50px;font-weight: bold;text-align: center;padding-top: 72px;color:#fff;letter-spacing: 8px}
  .jinzitacontent{font-size: 25px;text-align: center;color: #fff;margin-top: 20px}
  .jinzita{width: 1000px;height: 500px;margin-left: auto;margin-right: auto;}
  .jinzitaleft{width: 620px;height: 500px;float: left}
  .jinzitaleft1{width: 270px;height: 500px;float: left}
  .eighty{margin-top: 130px;font-size: 25px;color: #fff;font-weight: bold;margin-left: auto;width: 170px}
  .threesix{margin-top: 90px;font-size: 25px;color: #fff;font-weight: bold;width: 200px;margin-left: auto;}
  .twelve{margin-top: 90px;font-size: 25px;color: #fff;font-weight: bold;width: 280px;margin-left: auto;}
  .righthigh{width: 260px;height: 200px;float: right}
  .jiagou{margin-top: 135px;font-size: 15px;color: #fff;font-weight: bold;margin-bottom: 100px}
  .middle{width: 145px;float: left;margin-top: 65px}
  .middleright{width: 155px;float: left;margin-top: 65px}
  .dba{margin-right: auto;font-size: 15px;color: #fff;font-weight: bold;}
  .fenxi{font-size: 15px;color: #fff;font-weight: bold;}
  .bottom{width: 145px;height: 200px;float: left;margin-top: 100px}
  .bottomright{width: 130px;height: 200px;float: left;margin-top: 100px}
  .danyi{font-size: 15px;color: #fff;font-weight: bold;}
  .project{margin-right: auto;font-size: 15px;color: #fff;font-weight: bold;}
  .kaifa,.manager{color: #fff;font-weight: bold;font-size: 25px;margin-top: 50px}
  .jinzitaright{width: 300px;height: 500px;float: right;}
  .bigjiagou{line-height: 20px;margin-top: 40px}
  .bigjiagou #bigjiagoutitle{font-size: 15px;font-weight: bold;color: #e6282e}
  .bigjiagou #bigjiagoucontent{font-size: 15px;color: #e6282e}
  .bigdba{margin-top: 28px;line-height: 22px}
  .bigdba #bigdbatitle{font-size: 15px;font-weight: bold;color: #e6282e}
  .bigdba #bigdbacontent{font-size: 15px;color: #e6282e}
  .bigfenxi{margin-top: 28px;line-height: 22px}
  .bigfenxi #bigfenxititle{font-size: 15px;font-weight: bold;color: #e6282e}
  .bigfenxi #bigfenxicontent{font-size: 15px;color: #e6282e}
  .bigkaifas{margin-top: 20px;line-height: 22px}
  .bigkaifas #bigkaifastitle{font-size: 15px;font-weight: bold;color: #e6282e}
  .bigkaifas #bigkaifascontent{font-size: 15px;color: #e6282e}
  .providetitle{font-size: 50px;color: #fff;padding-top: 50px;text-align: center;font-weight: bold;letter-spacing: 8px}
  .providecontent{font-size: 22px;color: #fff;text-align: center;margin-top: 10px;margin-left: auto;margin-right: auto;width: 1000px;}
  .providebottom{width: 1180px;height: 200px;margin-left: auto;margin-right: auto;margin-top: 460px}
  .reasontitle{font-size: 26px;color: #fff;margin-left: auto;margin-right: auto;width: 1000px;}
  .reasoncontent{font-size: 14px;color: #fff;line-height: 30px;margin-left: auto;margin-right: auto;width: 1000px;}
  .advantagetitle{color: #fff;font-size: 50px;padding-top: 40px;text-align: center}
  .advantagecontents{margin-right: auto;margin-left: auto;width: 960px;}
  .advantagecontent{color: #fff;font-size: 30px;margin-top: 30px;float: right}
  .advantagess{width: 1000px;height: 380px;margin-left: auto;margin-right: auto}
  .advantageleft{width: 310px;height: 380px;margin-top: 55px;float: left;margin-right: auto}
  .advantagemiddle{width: 345px;height: 380px;float: left;margin-top: 55px;}
  .advantageright{width: 335px;height: 380px;margin-top: 55px;float: left}
  .allcontent{width: 230px;margin-left: auto}
  .allcontent #allcontents,.advantagemiddle #environmental,.advantageright #proven{color: #fff;font-size: 30px;}
  .allcontentd,.historycontent{width: 270px;margin-left: auto;margin-top: 16px;color: #f79d84}
  .allcontentd #allcontentsd p,.historycontent #other p{font-weight: bold;text-indent: 2em;line-height: 28px;font-size: 14px;margin-bottom: 40px;}
  .allcontentd #environmentals p,.historycontent #reward p,.historycontent #online p{font-weight: bold;text-indent: 2em;line-height: 32px;font-size: 14px;margin-bottom: 55px}
  .allcontentd #provens p{font-weight: bold;text-indent: 2em;line-height: 32px;font-size: 14px;margin-bottom: 55px}
  .history{width: 250px;margin-left: auto;color: #fff;font-size: 30px;}
  .flowtitle{text-align: center;color: #f47348;font-size: 50px;padding-top: 80px}
  .flows{width: 1000px;height: 400px;margin-left: auto;margin-right:auto ;margin-top: 100px}
  .flowleft{width: 170px;height: 400px;margin-right: auto;float: left}
  .flowon{width: 85px;margin-left: auto;margin-right: auto;margin-top: 70px;font-size: 18px;color: #fff}
  .flowmiddle{width: 85px;margin-left: auto;margin-right: auto;margin-top: 110px;font-size: 18px;color: #fff}
  .flowbottom{width: 58px;margin-left: auto;margin-right: auto;margin-top:95px;font-size: 18px;color: #fff}
  .flowright{margin-top: 5px;width: 827px;height: 150px;float: right;margin-left: auto;margin-right: auto}
  .basejavas #javaoutline{font-size: 18px;letter-spacing: 2px;margin-right: 35px;color: #fff}
  .basejavas #javamakes{font-size: 18px;letter-spacing: 4px;margin-right: 40px;color: #fff}
  .basejavas #easyjava{font-size: 18px;letter-spacing: 4px;margin-right: 40px;color: #fff}
  .basejavas #javabase{font-size: 18px;letter-spacing: 4px;font-size: 18px;color: #fff}
  .basejavas1,.basejavas2,.basejavas3,.hadoops1{margin-top: 17px;font-size: 18px;color: #fff}
  .basejavas1 #method{letter-spacing: 4px;margin-right: 40px}
  .basejavas1 #object{letter-spacing: 4px;margin-right: 48px}
  .basejavas1 #exceptional{letter-spacing: 4px;margin-right: 46px}
  .basejavas1 #control{letter-spacing: 5px;margin-right: 45px}
  .basejavas1 #thread{letter-spacing: 4px;margin-right: 48px}
  .basejavas1 #genericity{letter-spacing: 5px;}
  .basejavas2 #javause{letter-spacing: 2px;margin-right: 40px}
  .basejavas2 #javaio{letter-spacing: 2px;margin-right: 30px}
  .basejavas2 #operat{letter-spacing: 3px;margin-right: 30px}
  .basejavas2 #classes{letter-spacing: 2px;margin-right: 50px}
  .basejavas2 #enumerate{letter-spacing: 4px;margin-right: 50px}
  .basejavas2 #reflected{letter-spacing: 4px;}
  .basejavas3 #programme{letter-spacing: 3px;margin-right: 30px}
  .basejavas3 #weaponizing{letter-spacing: 4px;margin-right: 45px}
  .basejavas3 #spring{letter-spacing: 3px;margin-right: 35px}
  .basejavas3 #central{letter-spacing: 3px;margin-right: 35px}
  .basejavas3 #case{letter-spacing: 4px;}
  .flowrightmiddle{margin-top: 4px;width: 827px;height: 70px;float: right;margin-left: auto;margin-right: auto;margin-top: 38px}
  .hadoops{color: #fff;font-size: 18px}
  .hadoops #analytical{letter-spacing: 3px;margin-right: 35px}
  .hadoops #hdfs{letter-spacing: 3px;margin-right: 30px}
  .hadoops #mapreduce{letter-spacing: 2px;margin-right: 35px}
  .hadoops1 #hbase{letter-spacing: 2px;margin-right: 30px}
  .hadoops1 #zookeeper{letter-spacing: 2px;margin-right: 30px}
  .hadoops1 #hive{letter-spacing: 4px;margin-right: 35px}
  .hadoops1 #proven{letter-spacing: 3px;}
  .flowrightbottom{margin-top: 4px;width: 827px;height: 120px;float: right;margin-left: auto;margin-right: auto;margin-top: 28px}
  .sparks{color: #fff;font-size: 18px}
  .sparks #sparkdevelop{letter-spacing: 4px;margin-right: 30px}
  .sparks #sparktogether{letter-spacing: 4px;margin-right: 35px}
  .sparks #machine{letter-spacing: 4px;}
  .sparks1,.sparks2{color: #fff;margin-top: 17px;font-size: 18px}
  .sparks1 #logic{letter-spacing: 5px;margin-right: 35px}
  .sparks1 #mli{letter-spacing: 4px;margin-right: 35px}
  .sparks1 #bayesian{letter-spacing: 4px;margin-right: 40px}
  .sparks1 #svm{letter-spacing: 4px;}
  .sparks2 #mllib{letter-spacing: 2px;margin-right: 35px}
  .sparks2 #kmeans{letter-spacing: 3px;margin-right: 35px}
  .sparks2 #mllibs{letter-spacing: 4px;}
li{list-style: none}
a{text-decoration: none}
.navs{height: 100px;width:100%;}
.logo img{width:121px;margin:10px 0 0 150px; }
.kaifakecheng{margin:-55px 0 0 280px;font-size: 23px;}
.kaifakecheng a{color: #626262;}
.kaifakecheng #shuxian{color: #626262;}
.nav_title {margin-left: 550px;margin-top: -25px;width:100%;}
.nav_title ul{display:block;margin:0 auto; }
.nav_title ul li {float: left;margin-left: 120px;font-size: 20px;font-weight: bold;}
.nav_title ul li a{color: #000}
 .chating{width: 1000px;height: 600px;margin-left: auto;margin-right: auto;margin-top: -510px;}
 .chatingleft{width: 950px;height: 550px;margin-left: auto;margin-right: auto;float: left;position: absolute;z-index: 0;}
.chatcontent{width: 420px;margin-right: auto;margin-top: 130px;}
.chatcontent #enter{margin-left: -100px}
.fourteenk{margin-top: 40px;width: 200px;margin-right: auto}
.reply{margin-top: 45px;width: 500px;margin-right: auto}
.otherreply{margin-top: 42px;width: 280px;margin-right: auto}
.teacherreply{margin-top: 42px;width: 430px;margin-right: auto}
.chatingright{width: 350px;height: 500px;border: 1px solid red;position: absolute;z-index: 0;float: right}
.studentreply{margin-top: 38px;width: 330px;margin-right: auto}
.leftchat{margin-top: -600px;margin-left: 460px;font-size: 20px}
.leftchat #leftchats{margin-left: -120px}
.leftfourteenk{margin-top: 55px;margin-left: 190px;font-size: 20px}
.leftreply{margin-top: 55px;margin-left: 570px;font-size: 20px}
.leftotherreply{margin-top: 52px;margin-left: 300px;font-size: 20px}
.leftteacherreply{margin-top: 55px;margin-left: 500px;font-size: 20px}
.leftstudentreply{margin-top: 52px;margin-left: 380px;font-size: 20px}
.gap{background: url('../images/bigquekou.jpg') no-repeat;height: 750px;width:100%;}
.gaps{text-align: center;font-size: 50px;color: #417e8f;padding-top: 60px}
.gapcontent p{text-align: center;text-indent: 2em;font-size: 20px;color:#417e8f;padding-top: 15px;line-height: 35px}
.model{background: url('../images/bigxinzi.jpg') no-repeat;height: 750px;width:100%;}
.modeltitle{text-align: center;font-size: 50px;color: #fff;padding-top: 60px}
.modelcontent{width: 960px;margin-right: auto;margin-left: auto;font-size: 20px;color: #fff;margin-top: 20px;line-height: 35px}
.range{background: url('../images/bigduixiang.jpg') no-repeat;height: 750px;width:100%;}
.rangetitle{text-align: center;font-size: 40px;color: #f47348;padding-top: 80px;}
.ranges{width: 1050px;height: 300px;margin-left: auto;margin-right: auto;margin-top: 150px}
/*.rangeon{padding-left: 550px;margin-top:160px;color: #fff;font-size: 22px;}*/
.rangeleft{width: 525px;height: 300px;margin-left: auto;float: left}
.inschool{line-height: 35px;margin-left: auto;width: 260px;color: #fff;font-size: 20px;}
.it{line-height: 30px;margin-left: auto;width: 220px;color: #fff;font-size: 20px}
.group{margin-top: 120px;line-height: 35px;margin-left: auto;width: 260px;color: #fff;font-size: 20px;}
.bodys{line-height: 35px;margin-left: auto;width: 220px;color: #fff;font-size: 20px;margin-top: 100px;}
.rangeright{width: 520px;height: 300px;margin-right: auto;float: right}
.procedure{width: 1100px;height: 450px;margin-left: auto;margin-right: auto;margin-top: 20px}
.procedureleft{width: 540px;height: 450px;margin-right: auto;float: left}
.traditionaloil{margin-left: auto;width:470px;color: #fff;font-size: 30px}
.proceduremiddle{width: 120px;margin-left: auto;margin-right: auto}
.chanpin{width: 170px;margin-left: auto;margin-right: auto}
.kantan,.kaicai,.yunshu,.tilian,.chanpin{font-size: 25px;color: #fff;line-height: 54px;}
.procedurebottom{margin-left: auto;width: 510px;margin-top: 12px}
.procedurebottom #left1,.procedurebottom #left2,.procedurebottom #left3,.procedurebottom #left4,.procedurebottom #left5,.procedurebottom #left6{font-size: 25px;line-height: 55px;margin-right: 55px}
.procedureright{width: 540px;height: 450px;margin-left: 320px;}
.bigproduct{margin-left: auto;width:400px;color: #fff;font-size: 30px}
.procedurerightmiddle{width: 290px;margin-left: auto;}
.collect,.cunchu,.zhuanhuan,.bianxian,.wajue,.diaoyong{font-size: 15px;color: #fff;line-height: 38px;}
.procedurerightbottom{width: 212px;height: 150px;margin-right: auto;float: left;}
.family{width: 205px;height: 30px;margin-right: auto;margin-top: 12px;text-align: center;font-size: 20px;}
.jinrong{width: 205px;height: 30px;margin-right: auto;margin-top: 28px;text-align: center;font-size: 16px;}
.yuangong{width: 205px;height: 30px;margin-right: auto;margin-top: 25px;text-align: center;font-size: 12px;}
.procedurerightbottom1{width: 135px;height: 150px;margin-right: auto;float: left}
.coverment{width: 140px;height: 30px;margin-left: auto;margin-top: 7px;font-size: 12px;}
.daji{width: 148px;height: 30px;margin-right: auto;margin-top: 35px;font-size: 12px;}
.yiliao{width: 140px;height: 30px;margin-right: auto;margin-top: 20px;text-align: center;font-size: 20px;}
.procedurerightbottom2{width: 150px;height: 150px;float: right}
.network{width: 205px;height: 30px;margin-right: auto;margin-top: 12px;font-size: 18px;}
.safe{width: 140px;height: 30px;margin-right: auto;margin-top: 23px;font-size: 12px;text-align: center}
.renlei{width: 135px;height: 30px;margin-right: auto;margin-top: 23px;font-size: 12px;text-align: center}
.focus{ width:100%; height:750px;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:10px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
	.focus .hd ul .on{ background:#1254a5;  }
	.focus .bd{ position:relative; z-index:0; }
  .chattitle{width:960px;margin-top: 70px;margin-bottom: 50px;font-size: 40px;color: #fff;margin-left: auto;margin-right: auto;text-align: center}
	.focus .chat { width:960px;  height:600px;margin-left: auto;margin-right: auto;text-align: center}
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.formtitle{text-align: center;font-size: 40px;color: #fff;margin-top:70px}
.formtitle1{text-align: center;font-size: 20px;color: #fff;margin-top: 10px}
.formtitle2{text-align: center;font-size: 40px;color: #fff;margin-top: 70px}
.forms{width: 670px;height: 400px;margin-left: auto;margin-right: auto;margin-top: 70px}
.jsArea {width:750px;height:420px;background:#fff;position:relative;overflow:hidden;}
.jsArea .preNext { width: 100px; height: 200px; position: absolute; top: 130px; cursor: pointer; z-index:99; }
.jsArea .pre{ left: 0; background: url(http://news.youth.cn/images/sprite.png) no-repeat left center; }
.jsArea .next{ right: 0; background: url(http://news.youth.cn/images/sprite1.png) no-repeat right center; }
.slidImgDiv{width:750px;height:420px;overflow:hidden;position:relative;}
.slidImgDiv ul{position:absolute;z-index:2;margin:0;padding:0;}
.slidImgDiv ul li{float:left;width:750px;height:420px;overflow:hidden;position:relative;z-index:3;}
.slidContrlDiv {position:absolute;left:0;bottom:0;width:100%;z-index:3;}
.slidContrlDiv ol{position:absolute;right:0;bottom:15px;_bottom:10px;z-index:10;margin:0;padding:0; margin-right:40%;}
.slidContrlDiv li {float:left;width:8px;height:8px;text-align:center;display:inline;margin:0 5px 0 5px;}
.slidContrlDiv li a { display:inline;width:8px;height:8px;color:#B0B0B0;font:12px/15px "5B8B4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#d9d9d9;border-radius:7px;}
.slidContrlDiv li.current a, .slidContrlDiv li a:hover{background:#41a2d4;}
.jsAreas {width:820px;height:490px;background:#fff;position:relative;overflow:hidden;}
/*.jsAreas .preNext { width: 100px; height: 200px; position: absolute; top: 130px; cursor: pointer; z-index:99; }
.jsAreas .pre { left: 0; background: url(http://news.youth.cn/images/sprite.png) no-repeat left center; }
.jsAreas .next { right: 0; background: url(http://news.youth.cn/images/sprite1.png) no-repeat right center; }*/
.slidImgDivs {width:820px;height:490px;overflow:hidden;position:relative;}
.slidImgDivs ul{position:absolute;z-index:2;margin:0;padding:0;}
.slidImgDivs ul li{float:left;width:820px;height:490px;overflow:hidden;position:relative;z-index:3;}
.slidContrlDivs {position:absolute;left:0;bottom:0;width:100%;z-index:3;}
.slidContrlDivs ol{position:absolute;right:0;bottom:1px;_bottom:10px;z-index:10;margin:0;padding:0; margin-right:50%;}
.slidContrlDivs li {float:left;width:8px;height:8px;text-align:center;display:inline;margin:0 5px 0 5px;}
.slidContrlDivs li a  { display:inline;width:8px;height:8px;color:#B0B0B0;font:12p x/15px "5B8B4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#d9d9d9;border-radius:7px;}
.slidContrlDivs li.currents a, .slidContrlDivs li a:hover {background:#41a2d4;}
#rollText{font:12px /20px verdana;}
#footer{height:50px; background:#f3f3f3; text-align:center; padding-top:30px;color:#020000; }
#footer a{color:#020000;margin: 0px 50px}
.fabrictitle{font-size: 50px;color: #f47348;text-align: center;padding-top: 60px}
.fabriccontent{width: 850px;margin-left: auto;margin-right: auto;margin-top: 20px}
.fabriccontent p{text-align: left;font-size: 20px;color: #f47348;line-height:30px}
.fabrictop{width: 850px;margin-left: auto;margin-right: auto;margin-top: 20px;height: 118px;}
.fabrictopleft{width: 180px;float: left;color: #fff;font-size: 30px;line-height: 75px}
.fabrictopmiddle{width: 480px;float: left;color: #fff;font-size: 30px;line-height: 75px;}
.fabrictopmiddle #fabrictopmiddletitle,.fabrictopright #fabrictoprighttitle,.fabricbottomright #fabricbottomrighttitle,.fabrictopleft #fabrictoplefttitle,.fabricbottomleft #fabricbottomlefttitle,.fabricbottommiddle #fabricbottommiddletitle,.fabricbottommiddle1 #fabricbottommiddle1title{text-align: center}
.fabrictopright{width: 190px;float: left;color: #fff;font-size: 30px;line-height: 75px;}
.fabricbottom{width: 1200px;margin-left: auto;margin-right: auto;color: #fff;font-size: 30px}
.fabricbottomleft{width: 190px;float: left;line-height: 75px}
.fabricbottommiddle{width: 520px;float: left;line-height: 75px}
.fabricbottommiddle1{width: 150px;float: left;line-height: 75px}
.fabricbottomright{width: 200px;float: right;line-height: 75px}
.readflowtitle{font-size: 50px;color: #f47348;padding-top: 60px;text-align: center}
.readflowtop{width: 1200px;height: 380px;margin-left: auto;margin-right: auto;margin-top: 20px}
.readflowtopleft{width: 800px;height: 380px;float: left;}
.readflowtopright{width: 350px;float: right}
.readflowtopleft1{width: 780px;height: 70px;font-size: 22px;text-align: center;line-height: 68px}
.readflowtopright #readflowtoprighttitle{font-size: 20px;font-weight: bold;margin-top: 45px;margin-bottom: 20px}
.readflowtoprightceontent{font-size: 20px;line-height: 1.8em}
.basic{width: 175px;height: 70px;float: left;text-align: right;font-size: 22px;line-height: 83px}
.objected{width: 190px;height: 70px;float: left;font-size: 22px;line-height: 83px;text-align: center}
.jurisdiction{width: 178px;height: 70px;float: left;font-size: 22px;line-height: 83px;text-align: center}
.operation{width: 165px;height: 70px;float: left;font-size: 22px;line-height: 83px;text-align: center}
.gather{width: 70px;height: 70px;float: left;font-size: 22px;line-height: 83px;text-align: center}
.networks{width: 210px;height: 70px;text-align: center;float: left;font-size: 22px;line-height: 80px;}
.morethread{width: 90px;height: 70px;float: left;font-size: 22px;line-height: 80px;text-align: center}
.dbaprogram{width: 240px;height: 70px;float: left;font-size: 22px;line-height: 80px;text-align: center}
.reflecteds{width: 130px;height: 70px;float: left;font-size: 22px;line-height: 80px;text-align: center}
.setIntervals{width: 128px;height: 70px;float: left;font-size: 22px;line-height: 80px;text-align: center}
.servlet{width: 410px;height: 70px;text-align: center;float: left;font-size: 22px;line-height: 75px}
.servlet p{margin-top:  -52px}
.jvm{width: 100px;height: 70px;float: left;font-size: 22px;line-height: 100px;text-align: center}
.ioc{width: 273px;height: 70px;float: left;font-size: 20px;line-height: 100px;text-align: right}
.springmvc{width: 225px;height: 70px;float: left;font-size: 20px;line-height: 115px;text-align: right}
.mybatis{width: 110px;height: 70px;float: left;font-size: 18px;line-height: 115px;text-align: center}
.mysqlbasic{width: 190px;height: 70px;float: left;font-size: 19px;line-height: 115px;text-align: center}
.sqlactual{width: 130px;height: 70px;float: left;font-size: 18px;line-height: 115px;text-align: center}
.often{width: 130px;height: 70px;float: left;font-size: 19px;line-height: 115px;text-align: center;}
.readflowmiddle{width: 1200px;height: 335px;margin-left: auto;margin-right: auto;}
.readflowmiddleright #readflowmiddlerighttitle{font-size: 18px;font-weight: bold;margin-top: 25px;margin-bottom: 20px}
.readflowmiddleright{width: 390px;float: right;}
.readflowmiddleleft{width: 780px;height: 320px;float: left;}
.readflowmiddlerightceontent{font-size: 16px;line-height: 1.5em}
.readflowmiddletitle{width: 780px;height: 70px;font-size: 22px;text-align: center;line-height: 50px;}
.hadoopsystem{width: 200px;height: 70px;float: left;font-size: 20px;text-align: right;line-height: 60px}
.hadoopdesign{width: 310px;height: 70px;float: left;font-size: 20px;text-align: center;line-height: 60px}
.hadoopset{width: 260px;height: 70px;float: left;font-size: 20px;text-align: center;line-height: 60px}
.hdfss{width: 300px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 60px}
.hbased{width: 230px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 60px}
.optimize{width: 220px;height: 60px;float: left;font-size: 20px;text-align: right;line-height: 60px}
.zookeepers{width: 420px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 70px;letter-spacing: -2px}
.hives{width: 350px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 70px}
.etl{width: 320px;height: 50px;float: left;font-size: 20px;text-align: center;line-height: 70px}
.managers{width: 200px;height: 50px;float: left;font-size: 20px;text-align: center;line-height: 70px}
.flocks{width: 220px;height: 50px;float: left;font-size: 20px;text-align: right;line-height: 70px}
.readflowbottom{width: 1200px;height: 260px;margin-left: auto;margin-right: auto;}
.readflowbottomleft{width: 780px;height: 260px;float: left;}
.readflowbottomright{width: 380px;float: right;}
.readflowbottomright #readflowbottomrighttitle{font-size: 20px;font-weight: bold;margin-top: 15px;margin-bottom: 10px}
.readflowbottomrightceontent{font-size: 18px;line-height: 1.5em;letter-spacing: 3px;}
.readflowbottomtitle{width: 780px;height: 70px;font-size: 22px;text-align: center;line-height: 60px;}
.scala{width: 300px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 60px}
.wallflow{width: 250px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 60px}
.combat{width: 210px;height: 60px;float: left;font-size: 20px;text-align: right;line-height: 60px}
.summary{width: 300px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 75px}
.return{width: 470px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 75px}
.mlib{width: 400px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 85px}
.weka{width: 375px;height: 60px;float: left;font-size: 20px;text-align: center;line-height: 85px}
.grouptitle{text-align: center;font-size: 50px;color: #f47348;padding-top: 50px}
.groupleft{width: 600px;height: 500px;float: left;padding-top: 20px}
.groupright{width: 540px;height: 500px;float: left; margin-left: 20px;font-size: 14px;}
.peterintroduce{width: 540px;height: 320px;float: left;}
.matthewintroduce{width: 540px;height: 200px;float: left;}
.menu{position: absolute}
.menu ul li{width: 100px;height: 50px;border: 1px solid #000;text-align: center;background: #ffcc66;line-height: 50px;margin-bottom: 1px;}
.menu ul li a{color: #000;font-size: 22px;}
.menu ul li a:hover{color: red;}
.groupbottom{width: 1190px;height: 500px;margin-left: auto;margin-right: auto;margin-top: 50px}
input::-webkit-input-placeholder {
　　color: #D6D0CA !important; /* WebKit browsers */
    font-size: 18px;
    padding-left: 20px
　　}
.qubietitle{text-align: center;color: #fff;padding-top: 50px;font-size: 50px;}
.qubietitle1{width: 860px;height: 50px;margin-left: auto;margin-right: auto;margin-top: 30px}
.bsr{width: 150px;height: 50px;font-size: 34px;color: #fff;text-align: right;float: left;line-height: 70px;}
.traditionals{width: 150px;height: 50px;font-size: 34px;color: #fff;text-align: right;float: right;line-height: 70px;}
.qubiecontent{height: 500px;width: 1200px;margin-left: auto;margin-right: auto;margin-top: 25px}
.qubieleft{width: 570px;height: 500px;float: left}
.qubeiright{width: 550px;height: 500px;float: right}
.qubieleft1,.qubeiright1{width: 250px;height: 500px;float: left}
.qubieleft2{width: 300px;height: 500px;float: right;}
.qubeiright2{width: 290px;height: 500px;float: right;}
.polytechnics{float: left;width: 200px;height: 80px;text-align: right;font-size:22px;color: #f47348;line-height: 50px}
.duration{float: left;width: 220px;height: 70px;text-align: right;font-size:22px;color: #f47348}
.datasize{float: left;width: 230px;height: 70px;text-align: right;font-size:22px;color: #f47348}
.professionals{float: left;width: 250px;height: 65px;text-align: right;font-size:21px;color: #f47348}
.scale{float: left;width: 220px;height: 70px;text-align: right;font-size:22px;color: #f47348}
.quantity{float: left;width: 230px;height: 70px;text-align: right;font-size:22px;color: #f47348}
.level{float: left;width: 200px;height: 70px;text-align: right;font-size:22px;color: #f47348}
.complete{float: right;width: 300px;height: 75px;font-size:16px;color: #f47348}
.through{float: right;width: 300px;height: 80px;font-size:16px;color: #f47348}
.fivepb{float: right;width: 300px;height: 55px;font-size:16px;color: #f47348}
.common{float: right;width: 300px;height: 80px;font-size:16px;color: #f47348}
.useonline{float: right;width: 300px;height: 70px;font-size:16px;color: #f47348}
.grade{float: right;width: 300px;height: 60px;font-size:16px;color: #f47348}
.personally{float: right;width: 300px;height: 60px;font-size:16px;color: #f47348}
.multiple{float: left;width: 200px;height: 80px;text-align: right;font-size:22px;color: #f47348;line-height: 50px}
.projectlong{float: left;width: 200px;height: 70px;text-align: right;font-size:22px;color: #f47348;}
.datasizes{float: left;width: 190px;height: 70px;text-align: right;font-size:22px;color: #f47348;}
.arrangement{float: left;width: 230px;height: 65px;text-align: right;font-size:22px;color: #f47348;}
.dimensions{float: left;width: 180px;height: 70px;text-align: right;font-size:22px;color: #f47348;}
.codequantity{float: left;width: 190px;height: 70px;text-align: right;font-size:22px;color: #f47348;}
.horizontal{float: left;width: 200px;height: 70px;text-align: right;font-size:22px;color: #f47348}
.javademo{float: right;width: 260px;height: 75px;font-size:16px;color: #f47348;}
.notonline{float: right;width: 260px;height: 80px;font-size:16px;color: #f47348;}
.tallest{float: right;width: 260px;height: 70px;font-size:16px;color: #f47348;}
.alone{float: right;width: 260px;height: 60px;font-size:16px;color: #f47348;}
.nonsupport{float: right;width: 260px;height: 80px;font-size:16px;color: #f47348;}
.thousand{float: right;width: 260px;height: 55px;font-size:16px;color: #f47348;}
.enterprise{float: right;width: 260px;height: 60px;font-size:16px;color: #f47348;}
.topictitle{text-align: center;color: #fff;font-size: 40px}
.informationtitle{text-align: center;color: #fff;font-size: 40px;padding-top: 50px}
.xinxi{width: 1120px;height: 550px;margin-left: auto;margin-right: auto;margin-top: 80px}
.xinone{width: 270px;height: 530px;float: right;}

.photo{width: 120px;height: 140px;margin-left: auto;margin-right: auto;border: 1px solid #D0D0D0}
.mess{width: 170px;height: 70px;margin-left: auto;margin-right: auto;margin-top: 5px}
.messcontent{font-size: 15px;color: #847e7e;line-height: 24px;width: 230px;height: 300px;margin-left: auto;margin-right: auto;}
.messa{color: red;font-weight: bold;}
.messname{color: #847e7e;font-weight: bold;}
.kcdg{width: 900px;margin-left:auto;margin-right: auto;margin-top: 20px}
.dbaimg{background:#e6e6e6; padding:20px 13px;}
.dbaimg li{ width:315px; background:#fff; height:150px; float:left; margin:11px 10px 12px 0; border:1px solid #e6e6e6; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.dbaimg li.linenext{margin-right:0;}
.dbaimg li div.border1{border:1px solid #dcdcdc; border-top:0; border-bottom:1px solid #c9c9c9;  height:150px; }
.dbaimg li div.border2{border:1px solid #c9c9c9;  border-top:0; border-bottom:1px solid #ababab; padding:10px; height:130px; }
.dbaimg li img{border:1px solid #d1d1d1; margin-right:8px;}
.dbaimg li p{height:20px; line-height:20px; width:173px; overflow:hidden; color:#070000; }
.dbaimg li p span{color:#656565; display:inline-block; width:65px;}
.dbaimg li p.meny{color:#f61208;}