@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
body{font-family:"Microsoft YaHei","Verdana";font-size:12px;color:#333;background:#fff; line-height:24px;}
ul,li,dl,dt,dd{list-style:none}
img{border:0}
em{FONT-STYLE:normal;FONT-WEIGHT:normal}
a{TEXT-DECORATION:none;color:#333}
a:hover{TEXT-DECORATION:none;}

#demo tr:hover{ background:#efefef}
.fl{ float:left}
.fr{ float:right}
.red{color:#bf1c1f; font-weight:bold }
.gray{ color:#999}
.clear{ height:10px; font-size:10px; clear:both}
.layout{width:1024px; margin:0 auto}
.header{ background:#333434; height:75px;}
.header .logo_area{padding-left:5px;margin-top:12px;width:510px;}
.header .logo_area h1{ width:164px; height:50px; background:url(../images/logo.jpg) no-repeat 0px 0px; float:left; overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#B4B3B3 1px solid; float:left;white-space:nowrap;}
.header .logo_area a{margin-left:15px;}
.header .logo_area   strong{  color:#fff;font-size:15px; display:block; float:left;padding-left:15px; font-weight:normal}
.header .logo_area  span{  color:#fff;font-size:17px;}
.header   p{ float:right; color:#fff;margin-top:30px; line-height:35px; height:35px;}
.header  p span{color:#DCDDDD; font-size:14px;padding-left:35px; display:block; height:35px; float:left;padding-right:20px;}
.header p{margin-top:5px}
.header p.fr{ position:relative;width:500px;}
.header p.fr .tel{ position:absolute; top:5px; left:50px;}
.header p.fr .hour24{position:absolute;top:10px; left:50px; background:none; line-height:24px; text-align:center}
/*
.banner{background:url(../images/banner-bg.jpg) no-repeat center top; width:100%; height:535px; }
.banner .layout{ position:relative}
.banner .layout .img01{ position:absolute; top:135px; left:70px;}
.banner .layout .img02{ position:absolute; top:410px; left:165px;}
.banner .layout .img03{ position:absolute; top:50px; left:660px;}
*/
.banner{
    margin:0 auto;
    width:100%;
    height:535px;
    position:relative;
    overflow:hidden;
}
#banner{
    left:50%;
    margin-left:-831px;
    width:1663px;
    height:535px;
    position:absolute;
}
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #ffffff;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #2cb1b5;
}

.layout02{ width:1276px; margin:0 auto; overflow:hidden}
.tit{ height:170px; text-align:center;padding-top:50px;background:url(../images/title-bg-bot.jpg) no-repeat 0px 165px;}
.tit h5{color:#00b597; margin:0 auto;font-size:28px; font-weight:normal; font-style:italic;background:url(../images/h5-bg.jpg) no-repeat center top; width:286px; height:39px; line-height:39px; text-align:center}
.tit h2{ font-size:26px; color:#2e2e2e; font-weight:normal; line-height:60px;}
.con01 .layout02{ position:relative;padding-top:35px;}
.con01 .layout02 .arrow-fl{ position:absolute; top:50px; left:142px;}
.con01 .layout02 .arrow-fr{ position:absolute; top:50px; right:142px;}
.con01 {background:url(../images/ans-bg.jpg) repeat-x left top; width:100%; overflow:hidden}
.con01 .que-t{ text-align:center; padding-top:20px; height:113px;}

.do-what{margin:0 auto;width:1202px;}
.do-con {width:360px; float:left;padding:10px 20px; overflow:hidden}
.do-con  .do-con-img{width:350px; height:200px; overflow:hidden;padding:4px; border-radius:5px; border:1px solid #dbdbdb}
.do-con img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
.do-con dl{ overflow:hidden}
.do-con dl dt{color:#2e2e2e; font-size:22px; line-height:36px; text-align:center}
.do-con dl dd{ font-size:14px;color:#6a6a6a;padding:0 10px;}

.con03 .yous-info{ width:830px; margin:0 auto; color:#2e2e2e; line-height:24px; font-size:14px; font-style:italic}
.con03 .yous-con{ background:#00b597; height:257px;margin-top:25px;}
.con03 .yous-con .yous-c{width:736px;margin:0 auto}
.con03 .yous-con .yous-cont{ font-style:italic;width:182px; float:left; text-align:center;padding-top:42px;font-size:18px; color:#fff;}
.con03 .yous-con .yous-cont a{margin: 0 auto;width:141px; height:141px; display:block;background:url(../images/ph-ys1.jpg);}
.con03 .yous-con #yous-cont01 a{background-position:0 0}
.con03 .yous-con #yous-cont02 a{background-position:-180px 0}
.con03 .yous-con #yous-cont03 a{background-position:-360px 0}
.con03 .yous-con #yous-cont04 a{background-position:-540px 0}
.con03 .yous-con #yous-cont05 a{background-position:-720px 0}
.con03 .yous-con #yous-cont06 a{background-position:-899px 0}
.con03 .yous-con #yous-cont01 a:hover{background-position:-1040px 0; }
.con03 .yous-con #yous-cont02 a:hover{background-position:-1220px 0}
.con03 .yous-con #yous-cont03 a:hover{background-position:-1400px 0}
.con03 .yous-con #yous-cont04 a:hover{background-position:-1580px 0}
.con03 .yous-con #yous-cont05 a:hover{background-position:-1760px 0}
.con03 .yous-con #yous-cont06 a:hover{background-position:-1940px 0}

.con04 .huli .huli-img{ text-align:center;width:100%;margin:50px auto 10px}
.con04 .huli .bail{ background:url(../images/Python-sub-bg.jpg) no-repeat left top; font-style:italic; text-align:center;color:#2e2e2e; font-size:18px;  width:600px; height:39px; line-height:39px;margin:0 auto}
.con04 .huli .hui-text{margin:45px auto; font-size:14px; line-height:34px; background:url(../images/top-left.jpg) no-repeat left top;width:930px;}
.con04 .huli .hui-text p{  background:url(../images/bot-right.jpg) no-repeat right bottom;padding:0 48px;}
.con04 .huli .hui-text p span{color:#eb3700}
.con04 .huli .hui-text p font{color:#00b597}
.con05{ background:url(../images/Python-learn.jpg) no-repeat center top; height:400px;}
.con05 a{ display:block; height:400px;}
.con06{ height:4000px;background:#f5faff;}

.course { color:#fff;width:1000px;margin:0 auto;}

.linux-cour {
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    font-size: 14px;
    margin: 0 auto;
}
.linux-cour-tit{
    color:#fff;
    text-align: center;
	background:#00b597;
	line-height: 24px;
    padding: 6px 8px;
}
.linux-cour td {
    border-left: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    color: #797979;
    line-height: 22px;
    padding: 6px 8px;
}
.con07 .tea-tit { background:#ebf2f8;padding-bottom:20px;}
.con07 .tea-tit .tea-img{ text-align:center;padding:30px 0 10px}
.con07 .tea-tit p{ text-align:center;color:#2e2e2e; font-size:18px; line-height:28px; font-style:italic}
.con07 .tea{ background:#2d2a3f}
.con07 .tit{ background:url(../images/tit-tea-bg.jpg) no-repeat 0px 165px;}
.con07 .tit h5{background:url(../images/tea-eng-bg.png) no-repeat center top; }
.con07 .tit h2{color:#fff;}
.tea-con{width:1220px;margin:0 auto;marign-left:;margin-bottom:67px; overflow:hidden}
.con07 .tea-con .teacont {width:198px; position:relative; height:372px; float:left;margin-right:5px;}
.con07 .tea-con .teacont .tea-img{ text-align:center; width:198px;position:absolute;top:0;z-index:2000px;}
.con07 .tea-con .teacont dl{ height:230px;width:168px;padding:50px 12px 15px 12px;  background:#fff; position:absolute; top:70px;}
.con07 .tea-con .teacont dl dt{font-size:18px;color:#1b1714; line-height:24px; text-align:center}
.con07 .tea-con .teacont dl dt span{color:#6d6c6a; font-size:14px;}
.con07 .tea-con .teacont dl dd{ font-size:12px;color:#6d6c6a; line-height:22px;}
.tit h2 span{color:#00b597}
.con08{ background:#f3f7fb;}
.con08 .yous-info{ color:#2e2e2e; line-height:28px; font-size:18px;font-style:italic; text-align:center}
.con08 .qiye-logo{ overflow:hidden;width:1024px;margin:0 auto;margin-top:20px;}
.con08 .qiye-logo img{ display:block; float:left;margin-right:15px;margin-bottom:15px;}
.con08 .baom{padding:40px; text-align:center}
.con08 .tit{ background:url(../images/title-bg-bot1.jpg) no-repeat 0px 165px;}
.con06 .tit{ background:url(../images/title-bg-bot2.jpg) no-repeat 0px 165px;}
.con08 .tit h5,.con06 .tit h5{background:url(../images/h5-bg.png) no-repeat center top;}
.con09{  text-align:center;padding-top:20px;background:url(../images/cont-bg.gif) no-repeat center top #b5f0fe; height:291px; width:100%}
.footer{	padding-bottom:70px;  width:100%; text-align:center; background:#333434; line-height:70px;color:#fff}

.navigator{ background:#00b597; font-size:16px; height:25px;padding:6px 0}
.navigator ul{width:886px;margin:0 auto;}
.navigator ul li{float:left;padding:0 50px;border-right:1px solid #fff}
.navigator ul li a{color:#fff;}
.navigator ul li.nav-baom{border-right:none}





.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:1;
    background:#222222;
}
.fixbox-main{
    width:1000px;
    margin-left:4%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:16px;
    color:#ffffff;
}
.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:10px;
    width:150px;
    height:50px;
    font-size:18px;
    cursor:pointer;
    color:#ffffff;
    border:none;
    background:#42cab4;
}