@charset "utf-8";
/* CSS Document */
*{margin:0;font-family:"微软雅黑";}
li{ list-style-type:none}
body{ background:#fff}
a{ text-decoration:none}
.fl{ float:left}
.fr{ float:right}
.top{ background:#20252c; height:40px; line-height:38px;padding:10px 0}
.top-con{width:1000px; margin:0 auto;font-size:12px;}
.top-con .logo{ float:left; width:295px;}
.top-con .logo img{ display:block; float:left;  border-right:1px solid #3a3a3a;margin-top:5px;padding-right:11px;border-right:1px solid #e0e0e7}
.top-con .logo span{ color:#e0e0e7;margin-left:0px; font-size:14px; display: block; float:right; line-height:20px; }
.top-con  p{ float:right;padding-top:12px;background:url(../images/tel.jpg) no-repeat 290px 10px;padding-left:33px;color:#e0e0e7; font-size:16px; font-style:italic; line-height:24px}
.banner{ background:#000000; width:100%}
.banner-con01{ background:url(../images/web_banner01.jpg) no-repeat center top; height:203px;}
.banner-con02{ background:url(../images/web_banner02.jpg) no-repeat center top; height:202px;}
.banner-con03{ background:url(../images/web_banner03.jpg) no-repeat center top; height:203px;}
h2{ font-size:60px; font-weight:bold; font-family:"微软雅黑"; color:#0067dc; line-height:175px; background:url(../images/tit_bg.jpg) no-repeat 0 140px}
h2 span{color:#222225;}
.con01{width:100%; background:url(../images/what_webbg.jpg) repeat-x; height:650px}
.con01 h2{margin-left:50px}
.con01-con{width:1020px;margin:0 auto; overflow:hidden}
.what-web{  height:604px;width:100%;background:url(../images/what_web.jpg) no-repeat center top;}
.what-web-con{width:900px; margin:0 auto}
.what-web h2{ font-size:64px; color:#0067dc; line-height:160px; background:none}
.what-web  .what-web-r .ty{ color:#0067dc; font-size:18px; font-weight:bold; line-height:30px;padding-bottom:20px}
.what-web  .what-web-r .tech{ color:#565968; font-size:14px; line-height:24px;padding-top:30px; width:475px;}
.what-web  .what-web-r .anniu{padding-top:30px; width:475px;}
.what-web  .what-web-r .anniu a{ width:135px; height:45px; text-align:center; display:block; line-height:45px; float:right}
.what-web  .what-web-r .anniu a:hover{ text-decoration:underline}
.what-web  .what-web-r .anniu a.a01{ background:#0267dc; font-size:18px; color:#fff;border:2px #0267dc solid;margin-right:15px;}
.what-web  .what-web-r .anniu a.a02{ border:2px #000 solid; font-size:18px; color:#0267dc}

.con02{ background:url(../images/futu_bg.jpg) repeat }
.con02 h1{color:#222225; font-size:60px; text-align:center;padding:45px 0;background:url(../images/tit_bg.jpg) no-repeat 0 178px}
.con02 h1 span{ font-size:36px}
.con02 h1 font{color:#0067dc;}
.con02-con{ width:925px; overflow:hidden; margin:0 auto; }
.con02-con .future-con{width:415px;}
.con02-con .future-con dl dt{ color:#0067dc; font-size:18px; font-weight:bold; line-height:40px; border-bottom:1px solid #0067dc}
.con02-con .future-con dl dd{color:#1d1b1b; font-size:14px; line-height:24px;padding-top:8px}
.con02-con .future-con dl dd span{color:#0067dc;}
.con02-con .future-con .fenb{padding-left:58px; margin-top:45px; position:relative}
.con02-con .future-con .fenb p{ position:absolute; left:12px; top:120px; width:145px; font-size:15px;}
.con02-con .future-con .xinz{margin-top:20px}
.con02-intro{color:#1d1b1b; font-size:14px; line-height:24px; clear:both;padding:30px 0}
.con03-con{width:942px; margin:0 auto; background:url(../images/web_36.jpg) bottom right no-repeat; height:368px}
.con03-con h2{ line-height:71px;padding-top:59px;background:url(../images/tit_bg.jpg) no-repeat 0 210px; height:158px}
.con03-con p{ width:605px;color:#1d1b1b; font-size:14px; line-height:24px;margin-top:25px}
.con04{ background:#f0f1f8;padding-top:65px;}
.con04-con{width:990px; margin:0 auto; overflow:hidden;padding-bottom:65px;}
.con04-con dl{ float:left; width:210px;padding: 0 15px; background:url(../images/dl_bg.jpg) no-repeat right 35px}
.con04-con dl dd.con04-img{ text-align:center; height:170px;}
.con04-con dl dt{ text-align:center; font-size:18px; font-weight:bold; line-height:80px;} 
.con04-con dl dd{color:#565968; font-size:14px; line-height:24px}
.con05-con{ width:942px; margin:0 auto; clear:both}
.con05-con .yous-l{ float:left;width:430px; background:url(../images/yous-lbg.jpg) repeat-y right;padding-right:30px;height:780px;margin-bottom:20px;}
.con05-con  .yous-r{ float:right; width:480px;height:780px;overflow:hidden;padding-right:0px;}
.con05-con  .yous-r ul{ padding-left:20px}
.con05-con  .yous-r ul li { background:url(../images/icon-integrity-b.jpg)  160px  17px no-repeat;border-bottom: 1px dotted #e6e6e6;padding: 14px 10px; height:50px;overflow:hidden;}
.con05-con  .yous-r ul li i{ color:#f00; font-size:16px; line-height:20px; font-style:normal }
.con05-con  .yous-r ul li dl{padding-top:10px;}
.con05-con  .yous-r ul li dl dt{ font-size:12px;  color:#999}
.con05-con  .yous-r ul li dl .salary{ float:right}
.con05-con  .yous-r ul li dl .company{color:#454545;}
.con05-con  .yous-r ul li dl .company,.con05-con  .yous-r ul li dl .date{ float:left;padding-right:20px;}
.con05-con  .yous-r ul li dl .salary em{ font-style:normal;font-size: 22px;
font-family: Arial,"microsoft yahei";
font-weight: 400;
color: #ff7f00;
vertical-align: middle;}

.con06-con h2 span{color:#c8cdd3}
.con06{ background:#00152c; clear:both;padding-bottom:75px}
.con06-con,.con08-con{width:925px; overflow:hidden; margin:0 auto}
.con06-con{ width:950px}
.con06-con .export{ width:455px; float:left; height:244px; overflow:hidden;margin-left:20px;margin-bottom:20px;}
.con06-con .export .export-r{ float:left; width:290px; position:relative; overflow:visible}
.con06-con .export .export-r .vedio-area{margin-left:4px;}
.con06-con .export .export-r .vedio-are-intro{ position:absolute; top:179px; left:-6px; height:45px;background:url(../images/ls.png) no-repeat left top; color:#c8cdd3; font-size:14px;padding:10px 10px 10px 20px;width:265px;}
.con06-con .export .export-l{ float:left;width:164px; position:relative}
.con06-con .export .export-l .img-area-intro{ width:144px;position:absolute; bottom:0; left:0;color:#c8cdd3; background:rgba(0,0,30,.80); font-size:22px;padding:10px; line-height:24px; height:52px; overflow:hidden}
.con06-con .export .export-l .img-area-intro span{ font-size:13px}
.con07{width:943px; margin:20px auto}
.con07 p{font-size:14px;color:#4f4f4f; line-height:24px;width:805px;padding-left:114px;padding-top:20px; padding-bottom:20px}
.con07 img{ display:block}
.con08{ background:url(../images/futu_bg.jpg) repeat;padding-bottom:30px}
.con08 table{border-top:1px solid #adacad; border-left:1px solid #adacad; font-size:14px}
.con08 table td{border-bottom:1px solid #adacad;border-right:1px solid #adacad;padding:10px;}
.border-tit{ background:url(../images/border-tit.jpg) repeat; color:#fff}
.border-left{ background:url(../images/border-left.jpg) repeat; color:#787879}
.footer {
line-height: 24px;
font-size: 14px;
background: #24272e;
text-align: center;
color: #fff;
padding:30px;
}
.con001{ background:#f1f6fa; }

.con002{ background:#e9f0f5;}
.con002-con{width:1040px; margin:0 auto; height:500px;}
.con002 .con002-l{ float:left;width:273px;padding-left:50px;}
.con002 .con002-l .con00-titsub{padding-top:65px; position:relative; height:140px; background:url(../images/tit_bg.jpg) no-repeat 0 200px }
.con002 .con002-l .con00-titsub h3 em{ font-style:normal;font-size:48px; position:absolute; top:62px; left:0px;color:#2c2a28;font-weight:normal;z-index:100000000}
.con002 .con002-l .con00-titsub h3 span{ font-size:24px;color:#c2c2c2; position:absolute; top:80px; left:75px;font-weight:normal;}
.con002 .con002-l .con00-titsub h4{position:absolute; top:136px; left:0px; font-size:18px; font-weight:normal; line-height:24px;}
.con002 .con002-l .con00-titsub h4 font{ font-size:26px;}
.con002 .con002-l p{ font-size:14px; color:#2c2a28;padding-top:25px; line-height:24px}
.con002-r{ float:right; width:693px;padding-top:10px;}
.con002-r p{ font-size:14px; color:#2c2a28;padding-top:42px;line-height:24px}

.con003{ background:url(../images/con003bg.png) no-repeat center top #050505;}
.con003-con{width:1040px; margin:0 auto; height:430px;}
.con003 .con003-l{ float:left;width:273px;padding-left:50px;}
.con003 .con003-l .con00-titsub{padding-top:65px; position:relative; height:140px; background:url(../images/tit_bg.jpg) no-repeat 0 180px }
.con003 .con003-l .con00-titsub h3 em{ font-style:normal;font-size:48px; position:absolute; top:62px; left:0px;color:#e6e6f4;font-weight:normal;z-index:100000000}
.con003 .con003-l .con00-titsub h3 span{ font-size:24px;color:#585255; position:absolute; top:87px; left:57px;font-weight:normal;}
.con003 .con003-l .con00-titsub h4{position:absolute; top:136px; left:0px; font-size:18px; font-weight:normal; line-height:24px; color:#e6e6f4}
.con003 .con003-l .con00-titsub h4 font{ font-size:26px;}
.con003 .con003-l p{ font-size:14px; color:#c2c2c2;padding-top:25px; line-height:24px; }
.con003-r{ float:right; width:693px;padding-top:10px;}
.lc{ text-align:center;padding:30px 0; background:#f7f7f7} 

/* 以下是课程图标移上去旋转的效果*/
.con003-r  .course-icon {
width: 170px;
margin:0 auto;
height: 170px;
background: no-repeat url("../images/ui_01.gif") center top;
-webkit-background-size: 170px 170px;
-moz-background-size: 170px 170px;
background-size: 170px 170px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
.con003-r  .course-icon:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
/* 课程图标移上去旋转的效果结束*/

.con003-r .course-list{width:170px;text-align:center; float:left;width:170px;padding:110px 0px 0; margin-left:27px;}
.con003-r .course-list b{ font-size:14px; color:#faefd4;line-height:36px;}
.con003-r .course-list #course-icon01{background: no-repeat url("../images/con001.png") center top;}
.con003-r .course-list #course-icon02{background: no-repeat url("../images/con002.png") center top;}
.con003-r .course-list #course-icon03{background: no-repeat url("../images/con003.png") center top;}


.yous-l .yous-list{width:430px; float:left; height:174px;}
.yous-l #course-icon01{background:url(../images/web_60.jpg) no-repeat 0 0; }
.yous-l #course-icon02{background:url(../images/web_63.jpg) no-repeat 0 0; }
.yous-l #course-icon03{background:url(../images/web_68.jpg) no-repeat 0 0; }
.yous-l #course-icon04{background:url(../images/web_69.jpg) no-repeat 0 0; }
.yous-l #course-icon05{background:url(../images/web_72.jpg) no-repeat 0 0; }
.yous-l .yous-list p{ font-size:14px;color:#999; line-height:24px; width:330px; float:right}
.yous-l .yous-list p strong{ color:#4e8dd4; font-size:18px; display:block}
.yous-l   .course-icon {
width: 72px;
margin:0 auto; float:left;
height: 72px;
background: no-repeat url("../images/ui_01.gif") center top;
-webkit-background-size: 72px 72px;
-moz-background-size: 72px 72px;
background-size: 72px 72px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
.yous-l .course-icon:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}


.con00-con01{ float:left; width:470px;}
.con00-con02{ float:right; width:470px;}
.con00-tit {
height: 218px;
text-align: center;
background: #0067dc;
}
.con00{ background:#e9f0f5; overflow:hidden; clear:both}
.con00-con{ width:982px;margin:0 auto}
.con00-con dl dt{ font-size:44px; color:#2c2a28;  font-weight:bold;padding-top:65px; line-height:80px;}
.con00-con dl dd{ text-align:left;padding-bottom:50px; font-size:14px;}
.course{ background:#3f535c; width:100%;background:url(../images/course-bg.jpg) no-repeat center bottom;height:972px; }
.course-con{ width:1200px; margin:0 auto;}
.course-con table{color:#ddd; font-size:12px; line-height:16px; float:right;border-left:1px solid #C9CACA;border-top:1px solid #C9CACA ;}
.course-con table td{padding:4px 10px;border-right:1px solid #C9CACA;border-bottom:1px solid #C9CACA}
.course-con table .table-tit td{ font-size:13px; font-weight:bold}
.course-con table td img{margin:0 1px}
.con05-con h6{ font-size:32px; line-height:45px; text-align:center;padding:50px 0}
.xuan{ text-align:center; height:560px; overflow:hidden}
.huod{background:url(../images/huod.jpg) no-repeat center top; height:391px; width:100%;padding-top:90px; }
.huod a{ display:block; width:690px; height:260px;margin:0 auto;}