<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
/* common */

*{ margin:0; padding:0; }
body{ font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#FFFFFF; }
form,input,button {margin: 0px;padding: 0px;border: 0px; vertical-align:middle;}
ul, li {list-style-type:none;}
h1, h2, h3, h4, h5, h6 { font-size:14px;font-weight:normal;}
img { border:0; vertical-align:top}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* link */
a{text-decoration:none;}
a:hover{text-decoration:none;}

/*浏览器更新提示*/
.browserupgrade{
    margin:0;
    z-index:9999;
    width:100%;
    height:42px;
    color:#ec1c32;
    text-indent:20px;
    line-height:42px;
    background:#222222;
    border-bottom:4px solid #000000;
}
.browserupgrade a{
    font-size:16px;
    color:#ffffff;
    cursor:pointer;
}
.browserupgrade a.close{
    font-size:14px;
    margin-right:20px;
    float:right;
}
.wrap{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.main{
    margin:0 auto;
    width:1115px;
    position:relative;
}

.main-nav{
    margin:0 auto;
    width:1125px;
    position:relative;
	}
	
.header{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.header-top{
    height:102px;
}
.logo{
    float:left;
    margin-top:30px;
    padding-right:22px;
    width:151px;
    height:44px;
    display:block;
    border-right:1px solid #dbdbdb;
}
.logo-text{
    float:left;
    margin-top:37px;
    margin-left:12px;
    line-height:20px;
}
.phone{
    float:right;
    margin-top:35px;
    text-align:right;
    line-height:20px;
}
.nav{
    width:100%;
    height:50px;
    background:#222222;
}
.nav-act{
    width:125px;
    height:50px;
    transition:0.2s;
    z-index:1;
    position:absolute;
    background:#ec1c32;
}
.nav ul{
    top:0;
    left:0;
    z-index:999;
    position:absolute;
}
.nav ul li{
    float:left;
    width:125px;
}
.nav ul li a{
    line-height:50px;
    color:#ffffff;
    text-align:center;
    display:block;
}
.content{
    margin:0 auto;
    width:100%;
}
.banner{
    width:100%;
    height:673px;
    position:relative;
    overflow:hidden;
}
.banner-img{
    width:100%;
    height:673px;
}


.banner-img.img9{
    background:url("../images/banner6.jpg") no-repeat center top;
}
.pagination {
    position: absolute;
    z-index: 20;
    bottom: 55px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #a0a0a0;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
}
.swiper-active-switch {
    background: #e60012;
}
#canvas{
    top:0;
    left:50%;
    margin-left:-960px;
    z-index:10;
    position:absolute;
}
.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.part.bg1{
    padding-bottom:50px;
    background:url("../Images/bg1.jpg") repeat center center;
}
.part-title{
    padding-top:100px;
    padding-bottom:60px;
}
.part-title h1{
    font-size:42px;
    line-height:45px;
    text-align:center;
}
.part-title.c1 h1{
    color:#ffffff;
}
.part-title p{
    padding-top:12px;
    font-size:16px;
    line-height:28px;
    text-align:center;
    color:#989898;
}
.part-title h1 b{
    color:#ec1c32;
}
.java-engineer{
    width:1020px;
}
.java-engineer .box{
    margin-right:20px;
    float:left;
    width:320px;
    height:465px;
    transition:0.5s;
    position:relative;
    background:#e4e4e4;
}
.java-engineer .box img{
    margin:63px auto 0;
    display:block;
    transition:0.5s;
}
.java-engineer .box .info{
    top:320px;
    width:100%;
    position:absolute;
}
.java-engineer .box .info h1{
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    color:#535353;
    text-align:center;
}
.java-engineer .box .info p{
    margin-top:12px;
    font-size:16px;
    line-height:24px;
    color:#898989;
    text-align:center;
}
.java-engineer .box .info p span{
    font-size:20px;
    color:#ec1c32;
}
.java-engineer .box:hover{
    transition:0.5s;
    background:#ffffff;
}
.java-engineer .box:hover img{
    transition:0.5s;
    animation: scaling 1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.msb_six{width:1020px; height:auto; overflow:hidden; margin:20px auto;}
.msb6_p1{width:100%; height:auto; overflow:hidden; margin:30px auto}
.msb6_p1 img{float:left; margin-left:48px; display:inline-block}
@keyframes scaling {
    0% {    transform:scale(1);}
    25% {    transform:scale(1.05);}
    50% {    transform:scale(1);}
    75% {    transform:scale(0.95);}
    100% {    transform:scale(1);}
}
.part.bg2{
    height:1130px;
    background:url("../Images/bg2.jpg") repeat center center;
}
/*.java{
    margin-top:60px;
    margin-bottom:85px;
    width:100%;
    height:618px;
    position:relative;
    background:url("../Images/java-img.png") no-repeat center center;
}
.java:hover .java-text{
    transition:1s;
}
.java-text{
    width:179px;
    height:78px;
    opacity:0;
    transition:1s;
    position:absolute;
    border:1px solid #989898;
    border-radius:8px;
}
.java-text p{
    padding:2px 18px;
    line-height:24px;
    color:#ffffff;
}
.java-text.jtp1{
    top:-90px;
    left:410px;
}
.java-text.jtp1 p{
    padding:16px 18px;
}
.java-text.jtp2{
    top:94px;
    left:40px;
}
.java-text.jtp3{
    top:444px;
    left:45px;
}
.java-text.jtp4{
    top:571px;
    left:562px;
}
.java-text.jtp5{
    top:444px;
    left:779px;
}
.java-text.jtp6{
    top:94px;
    left:781px;
}
.java-tag{
    width:100px;
    height:113px;
    position:absolute;
}
.java-tag.t1{
    top:0;
    left:452px;
}
.java-tag.t2{
    top:122px;
    left:232px;
}
.java-tag.t3{
    top:383px;
    left:236px;
}
.java-tag.t4{
    top:505px;
    left:452px;
}
.java-tag.t5{
    top:383px;
    left:667px;
}
.java-tag.t6{
    top:122px;
    left:669px;
}
.java-tag:hover{
    animation: rotating 0.5s;
    animation-timing-function:linear;
}
.java-tag:hover .rotating{
    animation: rotating 0.5s;
    animation-timing-function:linear;
}*/
@keyframes rotating {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}
.btn{
    margin:0 auto;
    width:276px;
    height:60px;
    line-height:60px;
    color:#ffffff;
    font-size:24px;
    text-align:center;
    display:block;
    transition:0.5s;
    border:1px solid #ffffff;
    border-radius:28px;
}
.btn:hover{
    transition:0.5s;
    color:#363636;
    background:#ffffff;
}
.teach{
    width:1016px;
}
.teach .box{
    margin-right:16px;
    float:left;
    width:238px;
    height:450px;
    background:#ffffff;
}
.teach .box img{
    margin:0 auto;
    padding-top:45px;
    display:block;
}
.teach .box h1{
    margin-top:16px;
    font-size:25px;
    line-height:42px;
    text-align:center;
    color:#ec1c32;
}
.teach .box ul{
    margin-top:35px;
}
.teach .box ul li{
    margin-left:20px;
    font-size:12px;
    line-height:26px;
    color:#898989;
}
.teach .box a{
    margin:20px auto 0;
    width:180px;
    height:46px;
    line-height:46px;
    text-align:center;
    color:#ffffff;
    display:block;
    transition:0.5s;
    background:#d2d2d2;
    border-radius:20px;
}
.teach .box a:hover{
    transition:0.5s;
    background:#ec1c32;
}
.teach .box:hover img{
    transition:0.5s;
    animation: scaling 1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.advantage .box{
    width:100%;
    height:972px;
    display:none;
    position:relative;
    padding-bottom:50px;
    background:url("../Images/adv-img.png") no-repeat top center;
}
.advantage .box .adv-text{
    left:-100px;
    width:570px;
    text-align:right;
    position:absolute;
}
.advantage .box .adv-text.t2{
    left:540px;
    text-align:left;
}
.advantage .box .adv-text h1{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
}
.advantage .box .adv-text p{
    margin-top:10px;
    line-height:16px;
    color:#898989;
}
.advantage .box .adv-text.atp1{
    top:0;
}
.advantage .box .adv-text.atp2{
    top:160px;
}
.advantage .box .adv-text.atp3{
    top:322px;
}
.advantage .box .adv-text.atp4{
    top:482px;
}
.advantage .box .adv-text.atp5{
    top:646px;
}
.advantage .box .adv-text.atp6{
    top:790px;
}
.advantage .box .adv-text.atp7{
    top:78px;
}
.advantage .box .adv-text.atp8{
    top:240px;
}
.advantage .box .adv-text.atp9{
    top:402px;
}
.advantage .box .adv-text.atp10{
    top:562px;
}
.advantage .box .adv-text.atp11{
    top:726px;
}
.advantage .box a{
    left:461px;
    top:894px;
    width:78px;
    height:78px;
    display:block;
    transition:0.5s;
    position:absolute;
    border-radius:50%;
    background:#ec1c32;
}
.advantage .box a:hover{
    transition:0.5s;
    opacity:0.9;
    background:#ff001b;
}
.advantage .box a p{
    padding-top:14px;
    color:#ffffff;
    font-size:16px;
    line-height:24px;
    text-align:center;
}
.part.bg3{
    height:766px;
    background:url("../Images/bg3.jpg") repeat center center;
}
.series-img{
    margin:0 auto;
    padding-bottom:50px;
}
.series{
    width:1000px;
    height:430px;
    display:none\9;
}
.ss__card{
    width:1000px;
    height:408px;
    position: relative;
}
.ss__card.hover-in {
    transition: .3s ease-out; }
.ss__card.hover-out {
    transition: .3s ease-out; }
.series [class*="ss"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
/*.series .ss-1 {
    background-image: url(../Images/ss1.png);
    background-size: cover;
    transform: translateZ(10px);
}

.series .ss-2 {
    background-image: url(../Images/ss2.png);
    background-size: cover;
    transform: translateZ(20px);
}
.series .ss-3 {
    background-image: url(../Images/ss3.png);
    background-size: cover;
    transform: translateZ(30px);
}
.series .ss-4 {
    background-image: url(../Images/ss4.png);
    background-size: cover;
    transform: translateZ(40px);
}*/
.teacher{
    width:980px;
    height:374px;
    overflow:hidden;
    background:#ffffff;
    border:14px solid #ffffff;
}
.teacher-main{
    width:1200px;
}
.teacher .box{
    margin-right:1px;
    float:left;
    width:120px;
    height:374px;
    overflow:hidden;
    transition:1s;
    background:#f2f2f2;
}
.teacher .box.act{
    width:392px;
    transition:1s;
}
.teacher .box .img{
    float:left;
    width:120px;
    height:374px;
    position:relative;
}
.teacher .box .img img{
    width:120px;
    height:374px;
}
.teacher .box .img .tname{
    top:292px;
    width:120px;
    height:82px;
    opacity:1;
    transition:1s;
    background:rgba(0,0,0,.8);
    position:absolute;
}
.teacher .box .img .tname h1{
    margin-top:15px;
    margin-left:12px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.teacher .box .img .tname p{
    margin-top:8px;
    margin-left:12px;
    font-size:14px;
    line-height:14px;
    color:#ffffff;
}
.teacher .box.act .img .tname{
    opacity:0;
    transition:1s;
}
.teacher .box .info{
    float:left;
    opacity:0;
    width:0;
    transition:1s;
    margin-top:35px;
    margin-left:15px;
}
.teacher .box.act .info{
    float:left;
    opacity:1;
    width:240px;
    transition:1s;
    margin-top:35px;
    margin-left:15px;
}
.teacher .box .info h1{
    padding-bottom:20px;
    font-size:24px;
    font-weight:bold;
    line-height:24px;
    color:#535353;
    border-bottom:1px solid #b5b5b5;
}
.teacher .box .info h1 b{
    padding-left:10px;
    font-size:16px;
}
.teacher .box .info p{
    margin-top:15px;
    line-height:24px;
    font-size:12px;
    color:#898989;
}
.teacher .box .info a{
    margin-top:12px;
    width:126px;
    height:37px;
    display:block;
    line-height:37px;
    text-align:center;
    color:#ffffff;
    transition:0.5s;
    background:#ec1c32;
}
.teacher .box .info a:hover{
    transition:0.5s;
    background:#ff001b;
}
.student{
    padding-bottom:50px;
    width:1026px;
}
.student .box{
    margin-bottom:30px;
    margin-right:14px;
    float:left;
    width:157px;
    height:192px;
    overflow:hidden;
    position:relative;
}
.student .box img{
    width:157px;
    height:192px;
}
.student .box .info{
    top:192px;
    width:157px;
    height:192px;
    opacity:0;
    transition:0.5s;
    position:absolute;
    background:rgba(0,0,0,.7);
}
.student .box:hover .info{
    top:0px;
    opacity:1;
    transition:0.5s;
}
.student .box .info h1{
    margin-top:79px;
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#ffffff;
}
.student .box .info p{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    text-align:center;
    color:#ffffff;
}
.part.bg4{
    height:900px;
    background:url("../Images/bg4.jpg") repeat center center;
}
.tab-ul{
    width:1002px;
    height:59px;
}
.tab-ul li{
    float:left;
    margin-right:1px;
    width:333px;
    height:59px;
    font-size:20px;
    line-height:59px;
    text-align:center;
    cursor:pointer;
    color:#1f2033;
    transition:0.5s;
    background:#e9e9ea;
}
.tab-ul li.selected{
    color:#ffffff;
    transition:0.5s;
    background:#ec1c32;
}
.tab-box{
    margin-top:35px;
    width:1000px;
    height:442px;
    position:relative;
}
.hide{
    display:none;
}
.jt{
    top:-35px;
    width:19px;
    height:9px;
    position:absolute;
    background:url("../Images/jt.png") no-repeat center;
}
.jt.pn1{
    left:157px;
}
.jt.pn2{
    left:494px;
}
.jt.pn3{
    left:831px;
}
.tb1 .title{
    float:left;
}
.tb1 .title.t2{
    float:right;
}
.tb1 h1{
    float:left;
    color:#ec1c32;
    font-weight:bold;
    font-size:25px;
    line-height:58px;
}
.tb1 p{
    float:left;
    margin-left:10px;
    padding:3px 10px;
    color:#ec1c32;
    line-height:24px;
    border:2px solid #ec1c32;
}
.tb1 .img{
    width:1012px;
}
.tb1 .img img{
    margin-top:11px;
    margin-right:11px;
    float:left;
    width:242px;
    height:161px;
}
.tb2 .img{
    margin-top:12px;
    width:1016px;
}
.tb2 .img img{
    margin-right:12px;
    margin-top:12px;
    float:left;
    width:242px;
    height:189px;
}
.tb3 .img{
    margin-top:12px;
    width:1014px;
}
.tb3 .img img{
    margin-right:13px;
    margin-top:13px;
    float:left;
    width:156px;
    height:189px;
}
.part.bg5{
    height:496px;
    background:url("../Images/bg5.jpg") repeat center center;
}
.stu40w{
    padding-top:130px;
}
/*.stu40w .img{
    margin:0 auto;
    margin-bottom:58px;
    width:748px;
    height:174px;
    background:url("../Images/stu40w.png") no-repeat center top;
}*/
.stu40w a{
    float:left;
    width:274px;
    height:58px;
    line-height:58px;
    font-size:24px;
    text-align:center;
    display:block;
    border-radius:28px;
}
.stu40w a.c1{
    transition:0.5s;
    margin-left:208px;
    color:#3e6edf;
    border:2px solid #3e6edf;
}
.stu40w a.c2{
    transition:0.5s;
    margin-left:32px;
    color:#ec1c32;
    border:2px solid #ec1c32;
}
.stu40w a.c1:hover{
    transition:0.5s;
    color:#ffffff;
    background:#3e6edf;
}
.stu40w a.c2:hover{
    transition:0.5s;
    color:#ffffff;
    background:#ec1c32;
}
.footer{ width:100%; height:310px;  padding-top:40px;}

.footer dl{ width:500px; height:200px;  float:left;}
		
.footer dt{ font:22px/35px 'Microsoft YaHei'; color:#5c5c5c; 
		text-align:center; margin:0 auto; 
		}

.footer dd{ width:500px; text-align:center; margin:0 auto; }

.footer dd img{ margin:0 auto; padding:30px 0;}

/*.footer .weibo{ width:280px; height:152px; background:url(../Images/foot_02.png) no-repeat center; padding:30px 0;}*/

.dibu{
	width: 100%;
	height: 170px;
	background: #333;
	text-align: center;
	color: #fff;
	padding-top: 15px;
	font-family: '微软雅黑';
	font-size: 14px;
	line-height: 23px;
	padding-bottom: 36px;
}



.part-title2{
    padding-top:80px;
    padding-bottom:50px;
}
.part-title2 .num{
    padding-bottom:3px;
    font-size:80px;
    color:#ec1c32;
    text-align:center;
    font-family:Agency FB,sans-serif;
    background:url("../Images/tag1.png") no-repeat center bottom;
}
.part-title2 h1{
    margin-top:8px;
    font-size:45px;
    line-height:45px;
    text-align:center;
}
.part-title2 h1.c2{
    color:#ffffff;
}
.part-title2 p{
    margin:0 auto;
    margin-top:8px;
    font-size:16px;
    line-height:24px;
    text-align:center;
    width:635px;
    color:#888888;
}
.part-title2 p.big{
    width:1000px;
}
.course01{
    padding-bottom:50px;
    width:1015px;
}
.course01 .box{
    margin-right:15px;
    float:left;
    margin-top:53px;
    width:188px;
    height:295px;
    position:relative;
    background:#ffffff;
}
.course01 .box .tag{
    top:-51px;
    left:40px;
    width:102px;
    height:102px;
    position:absolute;
    background:#ec1c32;
    border-radius:50%;
    transition:0.5s;
    border:3px solid #ffffff;
}
.course01 .box .tag img{
    margin:24px auto 0;
    display:block;
}
.course01 .box .tag.t2 img{
    margin:30px auto 0;
}
.course01 .box h1{
    padding-top:100px;
    font-size:20px;
    font-weight:bold;
    color:#565656;
    line-height:26px;
    text-align:center;
    position:relative;
}
.course01 .box h1.double{
    padding-top:85px;
}
.course01 .box .info{
    top:140px;
    left:20px;
    width:155px;
    position:absolute;
}
.course01 .box .info p{
    margin-top:10px;
    line-height:26px;
    color:#888888;
}
.course01 .box .info h2{
    margin-top:4px;
    line-height:26px;
    color:#ec1c32;
}
.course01 .box:hover .tag{
    left:0;
    transition:0.5s;
    width:188px;
    border:none;
    border-radius:50% 50% 0 0;
}
.course01 .box img.sj{
    bottom:-45px;
    transition:0.5s;
    position:absolute;
}
.course01 .box:hover img.sj{
    transform: rotateY(90deg);
    transition:0.2s;
}
.part.course02-bg{
    height:743px;
    overflow:hidden;
    background:url("../Images/course02-bg.jpg") repeat center center;
}
.course02{
    padding-bottom:35px;
    width:1020px;
}
.course02 .box{
    margin-right:20px;
    float:left;
    width:320px;
    height:275px;
    background:rgba(0,0,0,0.5);
}
.course02 .box h1{
    width:320px;
    height:50px;
    line-height:50px;
    font-size:24px;
    color:#ffffff;
    position:relative;
    text-align:center;
    background:#ec1c32;
}
.course02 .box h1 img.jt1{
    left:84px;
    top:50px;
    position:absolute;
}
.course02 .box h1 img.jt2{
    left:142px;
    top:50px;
    position:absolute;
}
.course02 .box h1 img.jt3{
    left:218px;
    top:50px;
    position:absolute;
}
.course02 .box .info{
    margin-top:34px;
    margin-left:45px;
}
.course02 .box .info h2{
    font-size:18px;
    line-height:18px;
    color:#ec1c32;
}
.course02 .box .info p{
    margin-bottom:22px;
    margin-top:5px;
    font-size:14px;
    line-height:24px;
    color:#888888;
}
.course02 .box .info h2 span{
    margin-top: 5px;
    font-size: 14px;
    color: #ffffff;
}
/*.course03{
    margin-top:45px;
    height:330px;
    position:relative;
    background:url("../Images/course03-img.png") no-repeat center top;
}
.course03 .box{
    position:absolute;
}
.course03 .box h1{
    float:right;
    margin-right:35px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    color:#565656;
}
.course03 .box p{
    float:right;
    margin-right:35px;
    margin-top:10px;
    line-height:26px;
    color:#888888;
}
.course03 .box.bg1{
    top:-40px;
    width:454px;
    background:url("../Images/course03-line1.png") no-repeat center 6px;
}
.course03 .box.bg1 p{
    width:365px;
}
.course03 .box.bg2{
    top:63px;
    width:412px;
    background:url("../Images/course03-line2.png") no-repeat center 6px;
}
.course03 .box.bg2 p{
    width:315px;
}
.course03 .box.bg3{
    top:164px;
    width:355px;
    background:url("../Images/course03-line3.png") no-repeat center 6px;
}
.course03 .box.bg3 p{
    width:260px;
}
.course03 .box.bg4{
    top:265px;
    width:289px;
    background:url("../Images/course03-line4.png") no-repeat center 6px;
}
.course03 .box.bg4 h1{
    margin-right:10px;
}
.course03 .box.bg4 p{
    margin-right:0px;
    width:235px;
}
.course03 .box.b2 h1{
    float:left;
    margin-left:35px;
}
.course03 .box.b2 p{
    float:left;
    margin-left:35px;
}
.course03 .box.bg5{
    top:40px;
    right:0;
    width:410px;
    background:url("../Images/course03-line5.png") no-repeat center 6px;
}
.course03 .box.bg5 p{
    width:350px;
}
.course03 .box.bg6{
    top:165px;
    right:0;
    width:354px;
    background:url("../Images/course03-line6.png") no-repeat center 6px;
}
.course03 .box.bg6 p{
    width:260px;
}
.course03 .box.bg7{
    top:265px;
    right:0;
    width:278px;
    background:url("../Images/course03-line7.png") no-repeat center 6px;
}*/
.course03 .box.bg7 h1{
    margin-left:25px;
}
.course03 .box.bg7 p{
    margin-left:25px;
    width:200px;
}
.course04{

}
.course04 h1{
    font-size:25px;
    line-height:25px;
    color:#ec1c32;
    text-align:center;
}
.course04 .box-main{
    margin-top:50px;
    padding-bottom:40px;
    width:1017px;
}
.course04 .box-main .box{
    float:left;
    margin-right:16px;
    margin-bottom:16px;
    width:321px;
    height:241px;
    border:1px solid #e0e0e0;
}
.course04 .box-main .box .img{
    margin:33px auto 24px;
    width:70px;
    height:83px;
    transition:0.5s;
    background:url("../Images/course04-img.png") no-repeat center top;
}
.course04 .box-main .box:hover .img{
    transition:0.5s;
    background:url("../Images/course04-img-act.png") no-repeat center top;
}
.course04 .box-main .box h2{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    text-align:center;
    color:#ec1c32;
}
.course04 .box-main .box p{
    margin-top:16px;
    font-size:22px;
    line-height:22px;
    text-align:center;
    color:#565656;
}
.part.course05-bg{
    height:731px;
    background:url("../Images/course05-bg.jpg") no-repeat center top;
}
.course05{
    margin-top:-30px;
    width:387px;
    height:377px;
    position:relative;
    background:url("../Images/course05-img.png") no-repeat center center;
}
.course05 .info{
    padding-top:145px;
    margin-left:125px;
}
.course05 .info h1{
    font-size:60px;
    line-height:60px;
    color:#ffffff;
}
.course05 .info h2{
    margin-top:8px;
    font-size:30px;
    line-height:30px;
    color:#ffffff;
}
.text{
    height:37px;
    position:absolute;
}
.text p{
    line-height:37px;
    color:#ffffff;
}
.text p b{
    font-size:16px;
    color:#ec1c32;
}
.text.t1{
    top:23px;
    left:258px;
    width:741px;
 /*   background:url("../Images/course05-border1.png") no-repeat;*/
}
.text.t1 p{
    text-indent:96px;
}
.text.t2{
    top:72px;
    left:324px;
    width:677px;
  /*  background:url("../Images/course05-border2.png") no-repeat;*/
}
.text.t2 p{
    text-indent:69px;
}
.text.t3{
    top:121px;
    left:354px;
    width:645px;
    /*background:url("../Images/course05-border3.png") no-repeat;*/
}
.text.t3 p{
    text-indent:55px;
}
.text.t4{
    top:171px;
    left:368px;
    width:633px;
  /*  background:url("../Images/course05-border4.png") no-repeat;*/
}
.text.t4 p{
    text-indent:42px;
}
.text.t5{
    top:219px;
    left:358px;
    width:641px;
   /* background:url("../Images/course05-border5.png") no-repeat;*/
}
.text.t5 p{
    text-indent:44px;
}
.text.t6{
    top:268px;
    left:331px;
    width:668px;
   /* background:url("../Images/course05-border6.png") no-repeat;*/
}
.text.t6 p{
    text-indent:63px;
}
.text.t7{
    top:316px;
    left:273px;
    width:727px;
   /* background:url("../Images/course05-border7.png") no-repeat;*/
}
.text.t7 p{
    text-indent:78px;
}
.course06{
    height:500px;
    position:relative;
}
.course06 .box{
    width:221px;
    height:245px;
    position:absolute;
   /* background:url("../Images/course06-bg1.png") no-repeat center top;*/
}
.course06 .box .tag{
    margin:0 auto;
    padding-top:37px;
    display:block;
}
.course06 .box .info{
    top:100px;
    width:221px;
    position:absolute;
}
.course06 .box h1{
    font-size:22px;
    font-weight:bold;
    line-height:22px;
    color:#565656;
    text-align:center;
}
.course06 .box p{
    margin:0 auto;
    margin-top:9px;
    font-size:16px;
    line-height:22px;
    width:155px;
    color:#565656;
    text-align:center;
}
.course06 .box.b1{
    top:0;
    left:0;
}
.course06 .box.b2{
    top:250px;
    left:192px;
}
.course06 .box.b3{
    top:0;
    left:386px;
}
.course06 .box.b4{
    top:250px;
    left:584px;
}
.course06 .box.b5{
    top:0px;
    left:779px;
}
.course06 .jt{
    width:158px;
    height:131px;
    position:absolute;
    background:url("../Images/course06-bg2.png") no-repeat center top;
}
.course06 .jt h1{
    padding-top:60px;
    font-size:22px;
    line-height:22px;
    text-align:center;
    color:#ffffff;
}
.course06 .jt.j1{
    top:217px;
    left:32px;
}
.course06 .jt.j2{
    top:217px;
    left:419px;
}
.course06 .jt.j3{
    top:217px;
    left:811px;
}
.course06 .jt.j4{
    top:148px;
    left:227px;
    background:url("../Images/course06-bg3.png") no-repeat center top;
}
.course06 .jt.j4 h1{
    padding-top:40px;
}
.course06 .jt.j5{
    top:148px;
    left:616px;
    background:url("../Images/course06-bg3.png") no-repeat center top;
}
.course06 .jt.j5 h1{
    padding-top:50px;
}
.part.course07-bg{
    height:781px;
    background:url("../Images/course07-bg.jpg") no-repeat center top;
}
.course07{
    width:1000px;
    height:440px;
    position:relative;
    background:url("../Images/course07-img.png") no-repeat 317px 20px;
}
.course07 .box{
    position:absolute;
}
.course07 .box p{
    color:#ffffff;
    line-height:24px;
    width:155px;
}
/*.course07 .box.b1{
    top:-20px;
    left:0;
    width:319px;
    height:110px;
    background:url("../Images/course07-t1.png") no-repeat center top;
}
.course07 .box.b1 p{
    margin-top:15px;
    margin-left:16px;
}
.course07 .box.b2{
    top:-20px;
    left:659px;
    width:341px;
    height:110px;
    background:url("../Images/course07-t2.png") no-repeat center top;
}
.course07 .box.b2 p{
    margin-top:15px;
    margin-left:176px;
}
.course07 .box.b3{
    top:100px;
    left:0;
    width:319px;
    height:80px;
    background:url("../Images/course07-t3.png") no-repeat center top;
}
.course07 .box.b3 p{
    margin-top:15px;
    margin-left:15px;
}
.course07 .box.b4{
    top:100px;
    left:659px;
    width:341px;
    height:80px;
    background:url("../Images/course07-t4.png") no-repeat center top;
}
.course07 .box.b4 p{
    margin-top:5px;
    margin-left:176px;
}
.course07 .box.b5{
    top:186px;
    left:0px;
    width:319px;
    height:180px;
    background:url("../Images/course07-t5.png") no-repeat center top;
}
.course07 .box.b5 p{
    margin-top:50px;
    margin-left:15px;
}
.course07 .box.b6{
    top:186px;
    left:682px;
    width:315px;
    height:180px;
    background:url("../Images/course07-t6.png") no-repeat center top;
}*/
.course07 .box.b6 p{
    margin-top:50px;
    margin-left:148px;
}
.tab-ul2{
}
.tab-ul2 li{
    margin-right:1px;
    float:left;
    width:332px;
    height:45px;
    cursor:pointer;
    font-size:18px;
    color:#ffffff;
    position:relative;
    transition:0.5s;
    line-height:45px;
    text-align:center;
    background:#222222;
}
.tab-ul2 li img{
    top:45px;
    left:158px;
    opacity:0;
    transition:0.5s;
    display:none \9;
    position:absolute;
}
.tab-ul2 li.selected{
    transition:0.5s;
    background:#ec1c32;
}
.tab-ul2 li.selected img{
    opacity:1;
    transition:0.5s;
}
.tab-box2{
    margin-top:34px;
    width:1024px;
}
.tab-box2 h2{
    font-size:18px;
    line-height:18px;
    text-align:center;
}
/*.tab-box2 .box{
    margin-top:30px;
    margin-right:20px;
    float:left;
    width:236px;
    height:226px;
    background:url("../Images/course08-box.png") no-repeat center top;
}*/
.tab-box2 .box h1{
    padding-top:40px;
    margin-left:20px;
    padding-bottom:12px;
    font-size:20px;
    line-height:20px;
    width:195px;
    border-bottom:1px solid #dedede;
}
.tab-box2 .box p{
    padding-top:22px;
    margin-left:20px;
    color:#888888;
    line-height:25px;
    width:195px;
}
.course09 h1{
    width:1000px;
    height:55px;
    line-height:55px;
    font-size:24px;
    text-align:center;
    color:#ffffff;
    background:#333333;
}
.course09-table{
    margin-top:44px;
    padding-bottom:40px;
    position:relative;
}
.course09-table h2{
    padding-bottom:23px;
    font-size:18px;
    line-height:18px;
    color:#ec1c32;
    text-align:center;
}
.swiper-container2{
    width:1000px;
    height:600px;
    overflow:hidden;
}
.prev{
    width:30px;
    height:53px;
    position:absolute;
    background:url("../Images/prev.png") no-repeat center top;
}
.next{
    width:30px;
    height:53px;
    position:absolute;
    background:url("../Images/next.png") no-repeat center top;
}
.btn1-1{
    top:275px;
    left:-50px;
}
.btn1-2{
    top:275px;
    right:-50px;
}
/*.teacher01{
    width:1000px;
    height:419px;
    position:relative;
    background:url("../Images/teacher01-img.png") no-repeat center top;
}
.teacher-tag{
    top:88px;
    left:396px;
    width:209px;
    height:209px;
    position:absolute;
    background:url("../Images/teacher01-tag.png") no-repeat center center;
}
.teacher-tag1{
    top:4px;
    left:0;
    width:437px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag1.png") no-repeat center center;
}
.teacher-tag2{
    top:105px;
    left:0;
    width:388px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag2.png") no-repeat center center;
}
.teacher-tag3{
    top:157px;
    left:91px;
    width:294px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag3.png") no-repeat center center;
}
.teacher-tag4{
    top:210px;
    left:0;
    width:388px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag4.png") no-repeat center center;
}
.teacher-tag5{
    top:303px;
    left:0;
    width:448px;
    height:100px;
    position:absolute;
    background:url("../Images/teacher01-tag5.png") no-repeat center center;
}
.teacher-tag6{
    top:4px;
    right:0;
    width:451px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag6.png") no-repeat center center;
}
.teacher-tag7{
    top:105px;
    right:0;
    width:387px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag7.png") no-repeat center center;
}
.teacher-tag8{
    top:156px;
    right:94px;
    width:292px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag8.png") no-repeat center center;
}
.teacher-tag9{
    top:210px;
    right:0;
    width:387px;
    height:89px;
    position:absolute;
    background:url("../Images/teacher01-tag9.png") no-repeat center center;
}
.teacher-tag10{
    top:303px;
    right:0;
    width:460px;
    height:100px;
    position:absolute;
    background:url("../Images/teacher01-tag10.png") no-repeat center center;
}*/
.part.teacher02-bg{
    height:647px;
    overflow:hidden;
    background:url("../Images/teacher02-bg.jpg") no-repeat center center;
}
.teacher02{
    width:1025px;
    padding-bottom:40px;
}
.teacher02 .box{
    float:left;
    margin-right:18px;
    width:187px;
}
.teacher02 .box img{
    width:187px;
    height:187px;
}
.teacher02 .box p{
    margin-top:5px;
    font-size:16px;
    line-height:25px;
    text-align:center;
    color:#ffffff;
}
.teacher03{
    width:1026px;
}
.teacher03 .box{
    margin-right:26px;
    margin-bottom:16px;
    float:left;
    width:316px;
    height:296px;
    background:#e4e4e4;
}
.teacher03 .box img{
    float:left;
    width:150px;
    height:296px;
}
.teacher03 .box .info{
    margin-left:14px;
    padding-top:34px;
    float:left;
    width:140px;
}
.teacher03 .box .info h1{
    font-size:24px;
    line-height:24px;
}
.teacher03 .box .info h2{
    margin-top:16px;
    padding-bottom:12px;
    font-size:16px;
    line-height:16px;
    border-bottom:1px solid #5c6673;
}
.teacher03 .box .info p{
    margin-top:12px;
    line-height:24px;
}
.part.teacher04-bg{
    height:692px;
    background:url("../Images/teacher04-bg.jpg") no-repeat center center;
}
.teacher04 .box{
    float:left;
    width:200px;
}
.teacher04 .box img{
    margin:0 auto;
    margin-top:5px;
    display:block;
}
.teacher04 .box img.tag{
    margin-top:0px;
    margin-bottom:0px;
}
.teacher04 .box h1{
    width:200px;
    height:42px;
    line-height:42px;
    font-size:18px;
    text-align:center;
    color:#ffffff;
    background:#ec1c32;
}
.teacher04 .box p{
    margin-top:10px;
    line-height:24px;
    padding:0 15px;
    color:#ffffff;
}
.teacher04 .box.b2 img{
    margin-top:0;
    margin-bottom:5px;
}
.teacher04 .box.b2 h1{
    margin-top:10px;
}
.teacher04 .box.b2 p{
    margin-top:58px;
}


.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:999;
    background:#222222;
}
.fixbox-main{
	width: 1000px;
	margin-left: 13.5%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:18px;
    color:#ffffff;
	padding-top:10px;
	line-height:24px;
}
.fixbox-main p span{ color:#ffc000;
	font-size: 18px;
    line-height: 24px;
}

.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
	margin-right: 8px;
	margin-top: 20px;
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-indent: 15px;
	background: #ffffff;
	border: none;
	position: relative;
}
.fixbox-main input.submit{
	margin-left: 5px;
	margin-top: 15px;
	width: 150px;
	height: 40px;
	cursor: pointer;
	background: url("../Images/submit.png") no-repeat center top;
	border: none;
}



.students01{width:1016px; height:232px;}
.students01 .div-list{float:left; width:238px; height:232px; text-align:center; line-height:40px; margin-right:16px;}
.students01 .div-list img{
	transition:0.2s ease;
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	}
.students01 .div-list img:hover{
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	}
.students01 .div-list .p-01{width:238px; height:198px; background:#fff;}


.students05{width:1019px; padding-bottom:86px;}
.students05 .ul01{width:1000px; text-align:center; margin-bottom:90px;}
.students05 .ul01 .li01{float:left; width:125px; margin-top:6px;}
.students05 .ul01 .li02{float:left; width:1000px; text-align:center; font-size:35px; color:#616272;}
.students05 .ul01 .li03{float:right; width:125px; margin-top:6px;}

.students05-ul02{float:left; width:235px; margin-right:15px;}
.students05-ul02 .li01{width:235px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#fff;}
.students05-ul02 .li02{width:227px; height:310px; background:#383944; padding:8px 0 0 8px;}
.students05-ul02 .li02 .p01{width:219px; height:28px; line-height:28px; background:url(../Images/student03-img03.jpg) no-repeat top center; margin:10px 0;}
.students05-ul02 .li02 .p01 .span01{float:left; height:28px; line-height:28px; color:#fff; text-indent:3px;}
.students05-ul02 .li02 .p01 .span02{float:right; height:28px; line-height:28px; color:#fff; padding-right:10px;}
.students05-ul02 .li02 .p02{color:#96979f; font-size:14px;}
.students05-ul02 .li02 .p02 span{ float:right; padding-right:10px; color:#96979f;}


/*.students05-prev{
    width:125px;
    height:35px;
    position:absolute;
    background:url("../Images/student03-img02.jpg") no-repeat center top;
	cursor:pointer;
}
.students05-next{
    width:125px;
    height:35px;
    position:absolute;
    background:url("../Images/student03-img01.jpg") no-repeat center top;
	cursor:pointer;
}*/
.students05-btn1-1{
    top:240px;
    left:0;
}
.students05-btn1-2{
    top:240px;
    right:0;
}


.students-loop-bg{height:887px; overflow:hidden; background:url(../Images/bg-loop1.jpg) top center;}

.students02{width:1001px;}
.students02 .ul01{float:left; width:1001px; margin-bottom:12px;}
.students02 .ul01 .li01{float:left; width:79px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}
.students02 .ul01 .li02{float:left; width:188px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}
.students02 .ul01 .li03{float:left; width:201px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}
.students02 .ul01 .li04{float:left; width:71px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}
.students02 .ul01 .li05{float:left; width:275px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}
.students02 .ul01 .li06{float:left; width:95px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}
.students02 .ul01 .li07{float:left; width:91px; height:52px; line-height:52px; background:#ec1c32; text-align:center; font-size:16px; color:#fff;}

.students02 .ul02{float:left; width:1001px; margin-top:1px;}
.students02 .ul02 .li01{float:left; width:79px; height:42px; line-height:42px; background:#e4e4e4; text-align:center; font-size:14px; color:#5d5c5c;}
.students02 .ul02 .li02{float:left; width:187px; height:42px; line-height:42px; background:#ffffff; text-align:center; font-size:14px; color:#5d5c5c; margin-right:1px;}
.students02 .ul02 .li03{float:left; width:200px; height:42px; line-height:42px; background:#ffffff; text-align:center; font-size:14px; color:#5d5c5c; margin-right:1px;}
.students02 .ul02 .li04{float:left; width:70px; height:42px; line-height:42px; background:#ffffff; text-align:center; font-size:14px; color:#5d5c5c; margin-right:1px;}
.students02 .ul02 .li05{float:left; width:274px; height:42px; line-height:42px; background:#ffffff; text-align:center; font-size:14px; color:#5d5c5c; margin-right:1px;}
.students02 .ul02 .li06{float:left; width:94px; height:42px; line-height:42px; background:#ffffff; text-align:center; font-size:14px; color:#5d5c5c; margin-right:1px;}
.students02 .ul02 .li07{float:left; width:91px; height:42px; line-height:42px; background:#ffffff; text-align:center; font-size:14px; color:#5d5c5c;}


.myscroll { width: 1001px; height: 414px; margin: 0 auto; overflow: hidden;}
.myscroll li {}
.myscroll a { color: #333; text-decoration: none;}
.myscroll a:hover { color: #ED5565; text-decoration: underline;}

.students03{height:956px; background:url(../Images/bg-loop1.jpg);}
.students03 ul{width:1000px; height:125px; background:#383944; margin-bottom:14px;}
.students03 ul .li01{float:left; width:173px; margin:10px 0 0 36px;}
.students03 ul .li02{float:right; width:677px; font-size:14px; color:#96979f; line-height:24px; margin:20px 47px 0 0;}
.students03 ul .li03{float:right; width:677px; font-size:14px; color:#fff; line-height:24px; text-align:right; margin:15px 47px 0 0;}


.students04{width:1038px;}
.students04 img{float:left; margin:40px 38px 0 0;}



.job-analyze{

}
.job-analyze .title{
    width:1000px;
    height:30px;
    position:relative;
    background:url("../Images/job-title.png") no-repeat center center;
}
.job-analyze .title h1{
    font-size:30px;
    line-height:30px;
    text-align:center;
    text-indent:40px;
    color:#ec1c32;
}
.job-analyze .title p{
    top:0;
    font-size:40px;
    line-height:30px;
    text-align:center;
    color:#ec1c32;
    position:absolute;
    font-family:'Haettenschweiler', sans-serif;
}
.job-analyze .title p.num{
    left:422px;
}
.job-analyze .title p.num2{
    left:385px;
}
.job-analyze .title p.num3{
    left:400px;
}
.job-analyze .title p.num4{
    left:400px;
}
.job-analyze .box{
    margin:36px 0 50px;
    width:1000px;
    height:425px;
    background:#ffffff;
}

.job-analyze .box img{
    margin-top:70px;
    margin-left:65px;
    float:left;
    display:block;
}
.job-analyze .box .info{
    margin-left:90px;
    margin-top:140px;
    float:left;
    width:305px;
}
.job-analyze .box .info h1{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
}
.job-analyze .box .info p{
    margin-top:25px;
    font-size:16px;
    line-height:30px;
}
.job-analyze .box.b2 img{
    margin-top:70px;
    margin-right:48px;
    float:right;
}
.job-analyze .box.b2 .info{
    margin-left:120px;
}
.job-analyze .box.b3 img{
    margin-top:70px;
    margin-left:136px;
    float:left;
}
.job-analyze .box.b3 .info{
    margin-left:200px;
}
.job-analyze .box.b4 img{
    margin-top:70px;
    margin-right:154px;
    float:right;
}
.job-analyze .box.b4 .info{
    margin-left:120px;
}
.part.job-bg{
    height:846px;
    background:url("../Images/job-bg.jpg") repeat center center;
}
.job-multi h1{
    font-size:16px;
    line-height:24px;
    color:#888888;
}
.tab3{
    margin-top:50px;
}
.tab-ul3{
    float:left;
    width:100px;
}
.tab-ul3 li{
    margin-bottom:10px;
    width:86px;
    height:86px;
    line-height:86px;
    text-align:center;
    font-size:24px;
    color:#ffffff;
    position:relative;
    border:1px solid #585858;
}
.tab-ul3 li img{
    top:36px;
    left:87px;
    display:none;
    position:absolute;
}
.tab-ul3 li.selected{
    color:#32333f;
    background:#ffffff;
    border:1px solid #ffffff;
}
.tab-ul3 li.selected img{
    display:block;
}
.tab-box3{
    float:left;
    width:898px;
    height:481px;
    overflow:hidden;
    border:1px solid #ffffff;
}
.tab-box3 &gt; div{
    width:898px;
    height:474px;
    overflow:hidden;
}
.tab-box3 div .info{
    float:left;
    margin-top:80px;
    margin-left:65px;
    width:305px;
}
.tab-box3 div .info h1{
    font-size:40px;
    font-weight:bold;
    line-height:46px;
    color:#ec1c32;
    text-align:right;
}
.tab-box3 div .info p{
    margin-top:30px;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    text-align:right;
}
.tab-box3 div .info a{
    margin-top:10px;
    float:right;;
    width:99px;
    height:30px;
    line-height:30px;
    color:#ffffff;
    display:block;
    text-align:center;
    background:#ec1c32;
}
.tab-box3 div img{
    margin-top:10px;
    margin-right:10px;
    float:right;
}
.job-speech{
    width:1016px;
    padding-bottom:50px;
}
.job-speech .box{
    margin-right:16px;
    float:left;
    width:238px;
    height:425px;
    background:#ffffff;
}
.job-speech .box img{
    margin:33px auto 0;
    padding-bottom:30px;
    width:126px;
    height:126px;
    display:block;
    border-bottom:1px solid #ec1c32;
}
.job-speech .box h1{
    margin-top:37px;
    font-size:18px;
    line-height:18px;
    text-align:center;
}
.job-speech .box p{
    margin:12px auto 0;
    line-height:26px;
    color:#8a8a8a;
    width:190px;
    text-align:center;
}
.btn.c2{
    color:#ec1c32;
    border:1px solid #ec1c32;
}
.btn.c2:hover{
    color:#ffffff;
    background:#ec1c32;
}
.part-title2.mt2{
    padding-top:0px;
}
.job-school{
    width:1016px;
}
.job-school .box{
    margin-right:15px;
    float:left;
    width:112px;
    height:155px;
}
.job-school .box img{
    width:112px;
    height:112px;
}
.job-school .box p{
    margin-top:4px;
    text-align:center;
}
.part.job-img{
    height:418px;
    background:url("../Images/job-img.jpg") repeat center center;
}





.data01{
    width:1002px;
	height:auto; overflow:hidden;
	margin:0 auto;
}
.data01 .box{
    float:left;
    margin-right:1px;
    width:333px;
    height:354px;
    overflow:hidden;
    position:relative;
    background:#ffffff;
}
.data01 .box .info1{
    left:0;
    width:333px;
    height:354px;
    transition:0.5s;
    position:absolute;
}
.data01 .box .info1 h1{
    margin-top:87px;
    font-size:24px;
    line-height:24px;
    color:#646464;
    text-align:center;
}
.data01 .box .info1 img{
    margin:58px auto 0;
    display:block;
}
.data01 .box .info2{
    left:333px;
    width:333px;
    height:354px;
    transition:0.5s;
    position:absolute;
}
.data01 .box .info2 p{
    padding:50px;
    font-size:16px;
    line-height:28px;
}
.data01 .box:hover .info1{
    left:-333px;
    transition:1s;
}
.data01 .box:hover .info2{
    left:0px;
    transition:1s;
}
.part.data02-bg{
    height:716px;
    background:url("../Images/data02-bg.jpg") repeat center center;
}
.data02{
    width:1074px;
    padding-bottom:55px;
}
.data02 .box{
    margin-right:80px;
    float:left;
    width:278px;
    position:relative;
}
.data02 .box &gt; img{
    transition:0.5s;
}
.data02 .box:hover &gt; img{
    transition:1s;
    transform:rotate(45deg);
}
.data02 .box .info{
    top:16px;
    left:16px;
    width:246px;
    height:246px;
    position:absolute;
    background:#ffffff;
    border-radius:50%;
}
.data02 .box .info img{
    margin:0 auto;
    margin-top:40px;
    display:block;
}
.data02 .box .info h1{
    margin-top:18px;
    font-size:16px;
    line-height:30px;
    text-align:center;
}
.data02 .box .info h1 b{
    color:#ec1c32;
}
.data03{
    width:1110px;
	height:auto;
	overflow:hidden;
	margin:20px auto
}
.data03 table{
    width:100%;
}
.data03 table th{
    text-align:center;
    height:58px;
    line-height:58px;
    font-size:24px;
    font-weight:normal;
    color:#ffffff;
}
.data03 table th.bg1{
    background:#de9214;
}
.data03 table th.bg2{
    background:#238cb7;
}
.data03 table th.bg3{
    background:#e46161;
}
.data03 table th.bg4{
    background:#58af7a;
}
.data03 table td{
    text-align:center;
    height:58px;
    line-height:58px;
    font-size:16px;
    color:#ffffff;
}
.data03 table td.bg1{
    background:#de9214;
}
.data03 table td.bg2{
    background:#238cb7;
}
.data03 table td.bg3{
    background:#e46161;
}
.data03 table td.bg4{
    background:#58af7a;
}
.part.data04-bg{
    height:628px;
    background:url("../Images/data04-bg.jpg") repeat center center;
}
.data04 img{
    margin:0 auto;
    display:block;
}
.data05 h1{
    padding:30px;
    line-height:30px;
    font-size:30px;
    text-align:center;
}
.data05-main{
    margin-bottom:30px;
}
.data05-main .box{
    float:left;
    width:248px;
    height:380px;
    background:#ffffff;
    border:1px solid #ffffff;
}
.data05-main .box h2{
    margin-top:60px;
    font-size:20px;
    line-height:20px;
    text-align:center;
}
.data05-main .box img{
    margin:0 auto;
    margin-top:40px;
    display:block;
}
.data05-main .box p{
    margin:0 auto;
    margin-top:20px;
    width:180px;
    line-height:24px;
    color:#939393;
}
.part.data06-bg{
    height:932px;
    background:url("../Images/data06-bg.jpg") repeat center center;
}
.data06{
    width:1012px;
}
.data06 .box{
    margin-bottom:13px;
    margin-right:12px;
    width:494px;
    height:296px;
    float:left;
    background:#33343f;
}
.data06 .box img{
    float:left;
    width:222px;
    height:296px;
}
.data06 .box .info{
    float:left;
    margin-top:36px;
    margin-left:20px;
    width:230px;
}
.data06 .box .info h1{
    font-size:24px;
    line-height:24px;
    color:#ffffff;
}
.data06 .box .info h2{
    margin-top:16px;
    padding-bottom:16px;
    font-size:16px;
    line-height:16px;
    color:#ffffff;
    border-bottom:1px solid #6d6d73;
}
.data06 .box .info p{
    margin-top:10px;
    line-height:24px;
    color:#a2a2a2;
}
.data07{
  width:1112px;
  height:auto;
  overflow:hidden;
  margin:0 auto;
}
.data07 .box{
    margin-right:12px;
    margin-bottom:18px;
    float:left;
    width:264px;
    height:194px;
    overflow:hidden;
    position:relative;
    background:#ffffff;
    border:1px solid #ededed;
    box-shadow:2px 2px 4px #ededed;
}
.data07 img{
    padding:15px;
}
.data07 .box .info{
    top:97px;
    left:119px;
    width:0px;
    height:0px;
    transition:0.5s;
    position:absolute;
    background:#222222;
    background:rgba(0,0,0,0.6);
}
.data07 .box .info h1{
    margin-top:50px;
    font-size:18px;
    text-align:center;
    color:#ffffff;
    width:0;
    overflow:hidden;
}
.data07 .box .info p{
    margin-top:10px;
    font-size:16px;
    text-align:center;
    color:#ffffff;
    width:0;
    overflow:hidden;
}
.data07 .box:hover .info{
    top:15px;
    left:15px;
    width:208px;
    height:164px;
    transition:0.5s;
}
.data07 .box:hover .info h1{
    width:208px;
}
.data07 .box:hover .info p{
    width:208px;
}
.tab-ul4{
    margin-top:50px;
    margin-left:187px;
}
.tab-ul4 li{
    margin-right:7px;
    float:left;
    width:100px;
    height:109px;
    font-size:18px;
    line-height:109px;
    cursor:pointer;
    text-align:center;
    background:url("../Images/tab4-li.png") no-repeat center top;
}
.tab-ul4 li.selected{
    background:url("../Images/tab4-li-act.png") no-repeat center top;
}
.tab-box4{
    width:1000px;
    height:375px;
    overflow:hidden;
}
.tab-box4 &gt; div{
    width:1000px;
    height:375px;
}
.tab-box4 &gt; div .info{
    float:left;
    width:425px;
}
.tab-box4 &gt; div .info h1{
    font-size:30px;
    line-height:30px;
}
.tab-box4 &gt; div .info h2{
    margin-top:16px;
    font-size:20px;
    line-height:35px;
    width:276px;
    height:35px;
    text-indent:16px;
    color:#ffffff;
    background:#eb1c32;
}
.tab-box4 &gt; div .info h2 span{
    margin-top:1px;
    margin-right:1px;
    float:right;;
    font-size:20px;
    line-height:33px;
    width:147px;
    height:33px;
    text-indent:12px;
    color:#eb1c32;
    display:block;
    background:#f3f3f3;
}
.tab-box4 &gt; div .info p{
    margin-top:10px;
    line-height:24px;
}
.tab-box4 &gt; div .info p b{
    color:#eb1c32;
}
.tab4-img{
    float:right;
    width:521px;
    height:371px;
    position:relative;
    overflow:hidden;
    background:#ffffff;
}
.tab4-img img{
    margin:30px;
    width:461px;
    height:311px;
    overflow:hidden;
}
.pagination-data08-1,
.pagination-data08-2,
.pagination-data08-3,
.pagination-data08-4,
.pagination-data08-5{
    bottom:5px;
    position: absolute;
    z-index: 20;
    width: 100%;
    text-align: center;
}





.bg-about01{padding-bottom:50px;}
.bg-about01 div.about01-list{width:1000px;}
.about01-list a{float:left; display:block;}
.about01-list a img{
	float:left;
	margin:15px 13px 0 0;
	cursor:pointer;
	transition:0.5s;
}
.about01-list a img:hover{
	transition:0.5s;
    animation: scaling 0.5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.bg-about01 div.about01-video{width:1000px;}
.bg-about01 div.about01-video ul{width:703px; height:371px; background:url(http://www.sdxhcc.com/zhuanye/dsjkf/Images/about02-img01.png) no-repeat top center; margin:auto; position:relative;}
.bg-about01 div.about01-video ul img{cursor:pointer; transition:0.5s; overflow:hidden;}

.bg-about01 div.about01-video ul img:hover{
	cursor:pointer;
	transition:0.5s;
	filter: url(http://www.sdxhcc.com/zhuanye/dsjkf/css/blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(2px); /* Chrome, Opera */
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);    
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}


.about02-bg{height:764px; overflow:hidden; background:url(../Images/about-bg01.jpg) no-repeat top center;}
.about02 ul{width:1000px; height:437px;}
.about02 ul li img{float:left;}
.about02 ul .li01{float:left; width:167px;}
.about02 ul .li02{float:left; width:166px;}
.about02 ul .li03{float:left; width:169px;}
.about02 ul .li04{float:left; width:164px;}



.btn-about01{
    margin:0 auto;
    width:268px;
    height:60px;
    line-height:60px;
    color:#ec1c32;
    font-size:24px;
    text-align:center;
    display:block;
    transition:0.5s;
    border:1px solid #ec1c32;
    border-radius:28px;
}
.btn-about01:hover{
    transition:0.5s;
    color:#fff;
    background:#ec1c32;
}



.about03{width:1016px; margin-top:61px;}
.about03 ul{float:left; width:238px; height:274px; background:#fff; margin:0 16px 0 0; transition:0.5s;}
.about03 ul .li01{width:238px; text-align:center; height:131px;}
.about03 ul .li01 img{margin-top:30px;}
.about03 ul:hover .li01 img{
	transition:0.5s;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.about03 ul .li02{width:181px; font-size:20px; color:#ec1c32; margin:auto; text-align:center;}
.about03 ul .li03{width:181px; font-size:16px; color:#888888; line-height:29px; margin:auto; text-align:justify;}

.about04{width:1016px; padding-bottom:46px;}
.about04 img{float:left; margin:17px 16px 0 0;}



.about05-bg{height:860px; background:url(../Images/bg-loop1.jpg);}
.about05-ul01{width:1000px;}
.about05-ul01 li{float:left; height:43px; line-height:43px; padding:0 13px; background:#1d1d29; font-size:14px; border-bottom:1px solid #ec1c32; border-right:1px dashed #4b4b4b; color:#ffffff; text-align:center; position:relative; cursor:pointer; transition:0.5s;}
.about05-ul01 li img{opacity:0; transition:0.5s; display:none \9; position:absolute; top:44px;}
.about05-tab-box{width:1002px; margin:27px 0 0 0;}
.about05-tab-box .about05-tab-box-div{}
.about05-tab-box ul.about05-ul-tab-box{float:left; width:165px; margin-right:2px; cursor:pointer;}
.about05-tab-box ul.about05-ul-tab-box:hover .li02{background:#000; transition:0.5s;}
.about05-tab-box ul.about05-ul-tab-box img{float:left;}
.about05-tab-box ul.about05-ul-tab-box .li01{float:left; width:154px; height:46px; background:#353647; color:#fff; font-size:14px; line-height:20px; padding:6px 0 0 11px;}
.about05-tab-box ul.about05-ul-tab-box .li02{float:left; width:165px; height:101px; background:#1d1d29;}
.about05-tab-box ul.about05-ul-tab-box .li02 .p01{float:left; width:165px;}
.about05-tab-box ul.about05-ul-tab-box .li02 .p01 img{float:left; margin-left:12px;}
.about05-tab-box ul.about05-ul-tab-box .li02 .p02{float:left; width:150px; line-height:20px; color:#c7c7c7; font-size:12px; margin:3px 0 0 8px; text-align:justify;}

.about05-ul01 li.about05-ul01-selected{
    transition:0.5s;
    background:#ec1c32;
}
.about05-ul01 li.about05-ul01-selected img{
    opacity:1;
    transition:0.5s;
}


#triangle-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
}




.about06-bg{height:750px;}









/*.about07-bg{height:719px; background:url(../Images/about07-bg.jpg) no-repeat top center;}*/
.about07-bg h1{color:#fff;}
.about07{
    width:1000px;
    height:420px;
    background:url("../Images/about07-line.png") no-repeat 176px 19px;
}
.about07 .box{
    padding-bottom:20px;
}
.about07 .box h1{
     padding-right:28px;
     float:left;
     width:160px;
     height:35px;
     font-size:16px;
     line-height:35px;
     text-align:right;
     background:url("../Images/about07-tag1.png") no-repeat 171px center;
}
.about07 .box.selected h1{
    background:url("../Images/about07-tag2.png") no-repeat 176px center;
}
.about07 .box .info{
    float:right;
    width:797px;
    height:33px;
    transition:0.5s;
    overflow:hidden;
    border:1px solid #5a5a5b;
}
.about07 .box.selected .info{
    height:193px;
    transition:0.5s;
}
.about07 .box .info h2{
    margin-left:13px;
    text-indent:15px;
    line-height:33px;
    color:#a7a7a7;
    background:url("../Images/about07-jt.png") no-repeat left center;
}
.about07 .box.selected .info h2{
    display:none;
}
.about07 .box .info h3{
    padding:16px 12px;
    font-size:16px;
    color:#ffffff;
    line-height:16px;
}
.about07 .box .info .img{
    margin-left:12px;
}
.about07 .box .info .img img{
    margin-right:7px;
    float:left;
    width:149px;
    height:126px;
}







.about08-bg{height:463px;}
.about08{padding-left:79px;}
.about08 ul{float:left; width:208px; height:178px; border:1px solid #e3e3e3; border-radius:10px; text-align:center; margin-right:97px; cursor:pointer;}
.about08 ul .li01{float:left; width:208px; height:100px; margin:23px 0 0 0;}
.about08 ul .li02{float:left; width:208px; text-align:center; color:#000; font-size:24px;}
.about08 ul .li01 img{transition:0.5s;}
.about08 ul:hover .li01 img{
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}




.about09{height:839px; background:url(../Images/bg-loop1.jpg);}


.about10{height:682px;}
.about10-div{width:1015px;}
.about10-div ul{float:left; width:223px; height:179px; -webkit-box-shadow:0 0 5px #cccccc; -moz-box-shadow:0 0 5px #cccccc; box-shadow:0 0 5px #cccccc; padding:15px 0 0 15px; margin:15px 15px 0 0;}
.about10-div ul img{transition:0.5s;}
.about10-div ul:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.about11-div{width:1016px;}
.about11-div img{float:left; margin:17px 16px 0 0;}







.about12-bg{height:737px; background:url(../Images/about12-bg.jpg) no-repeat top center;}
.about12{width:1015px;}
.about12 ul{float:left; width:112px; text-align:center; margin:17px 14px 0 0;}
.about12 ul p{font-size:14px; color:#FFF;}
.main2{width:1118px; height:auto; overflow:hidden; margin:30px auto}
/*5个月，开启职场新时代*/
.zc {
	widtH: 1100px;
	margin: 0 auto;
	margin-top: 15px;
	background: url(../images/zc_5_05.png) center bottom no-repeat;
	height: 500px;
}
.zc_1 {
	widtH: 198px;
	height: auto;
	position: relative;
	top: 150px;
	left: 70px;
}
.zc h2 {
	font-size: 18px;
	text-align: center;

}
.zc_2 {
	widtH: 198px;
	height: 198px;
	position: relative;
	top: 15px;
}
.zc_3 {
	animation: 25s jyRotate linear infinite;
	-webkit-animation: 25s jyRotate linear infinite;
}
.zc_4 {
	position: absolute;
	top: 14px;
	left: 14px;
	animation: 25s jyRotate1 linear infinite;
	-webkit-animation: 25s jyRotate1 linear infinite;
}
@keyframes jyRotate {
 0% {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes jyRotate1 {
 0% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
 100% {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}
}
.zc_2 h3 {
	font-size: 18px;
	text-align: center;

	line-height: 1.8;
	position: relative;
	top: -130px;
}
.zj {
	widtH: 198px;
	height: auto;
	float: left;
	position: relative;
	top: -120px;
	left: 350px;
}
.gj {
	widtH: 198px;
	height: auto;
	float: left;
	position: relative;
	top: -180px;
	left: 398px;
}
.gc {
	widtH: 198px;
	height: auto;
	float: left;
	position: relative;
	top: -220px;
	left: 430px;
}
.xzwt{width:298px; height:82px; background:#F30000 repeat; overflow:hidden; font-size:35px; color:#FFF; text-align:center; line-height:80px; border-radius:10px; display:block; margin:30px auto}
.xxhj_zs{width:1122px; height:auto; overflow:hidden; margin:30px auto;}
.xxh_show{width:100%; height:auto; overflow:hidden;}
.xxh_show .hd{width:100%; height:auto; overflow:hidden;}
.xxh_show .hd ul{width:100%; height:auto; overflow:hidden;}
.xxh_show .hd ul li{width:50%; height:auto; overflow:hidden; background:#DADEDF repeat; font-size:18px; text-align:center; line-height:45px; float:left}
.xxh_show .hd ul li.on{background:#FF0000 repeat; color:#FFF;}
.xxhs_b{width:100%; height:auto; overflow:hidden; margin-top:15px}
.xxh_p img{float:left;margin-left: 2px;margin-top: 2px; display:inline-block}
.part_b{width:100%; height:445px; background:#1A1A22 repeat; overflow:hidden}
.parb_zs{width:1080px; height:auto; overflow:hidden; margin:20px auto;}
.parb_l{width:810px; height:340px; overflow:hidden; margin-top:90px}
.parb_l p{font-size:38px; color:#FFF; text-align:center; line-height:65px;}
.ck_two{width:100%; height:auto; overflow:hidden;}
.heng{width:100%; height:10px; background:#CC2A1E repeat; overflow:hidden;}
.rxdh{background: url(../images/bg31.png) no-repeat;width: 303px;height: 70px;}
.zxp1{font-size: 15px;color: #8a8a8a; text-align:center}
.zxp2{font-size: 30px;color: #CC2A1E;padding-left: 50px;}
.yiwen{width:1130px; height:615px; overflow:hidden; margin:0 auto;}
.yw_left{ width:750px; height:565px; overflow:hidden;}
.gdyw{font-size:47px; font-weight:bold; margin-top:40px;}
.gdyw span{color:#CC2A1E;font-size:47px; }
.ys_show{ width:750px; height:405px; overflow:hidden; margin-top:60px;}
.ys_show p{width: 750px;height: 39px;border-bottom: 1px dashed #D3D3D3;padding-top: 10px;}
.ys_show p span{font-size:17px; color:#666666; padding-left:20px;line-height: 39px;}
.ys_show p a{ width:93px; height:28px; border:1px solid #BD0000; display:block; text-align:center; line-height:28px; color:#BD0000; font-weight:bold}
.yw_right{ width:313px; height:560px; overflow:hidden; background:#F0F0F0 repeat;}
.zx_show{width:285px; height:324px; overflow:hidden; margin:40px auto; margin-bottom:15px;}
.bm{font-size:17px; color:#666666;}
.bm span{font-size:28px; color:#333333;}
.bm_show{width:285px; height:325px; overflow:hidden; margin:20px auto;}

.baoming2{ width:285px; height:320px; overflow:hidden;}
.ch{font-size:15px; font-weight:bold; padding-top:10px; color:#666666}
.srk input{width: 200px;height: 30px;border: 1px solid #D0CFCF;font-size: 14px;}
.srk1 input{width: 115px;height: 30px;border: 1px solid #D0CFCF;font-size: 14px;}
.srk select{width:200px; height:30px; border:1px solid #D0CFCF;font-size:14px;}
.baoming2 p{margin-top:20px;}
.qqzx{width: 313px;height: 100px;background: #E3E3E3 repeat;overflow: hidden;margin-top: 55px;}
.qqzx img{display:block; margin:15px auto;}

.ybm{width:100px; height:36px; margin:0 auto;}
#tijiao1{ width:100px; height:36px; font-size:18px; color:#FFFFFF; line-height:18px; background:#CC2A1E repeat; text-align:center;}
</pre></body></html>