@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
.left{
    float: left;
}
.right{
    float: right;
}
.hide{
    display: none;
}

body{
    margin:0 auto;
    width:100%;
    min-width:1200px;
    max-width:1920px;
    overflow-x:hidden;
    background:url("../images/bg.jpg") repeat center top;
}
#wrap{
    margin:100px auto 0;
    width:100%;
    min-width:1200px;
    max-width:1920px;
    overflow-x:hidden;
}
#header{
    margin:0 auto;
    width:100%;
}
.header-main{
    margin:0 auto;
    width:1000px;
    height:80px;
}
.logo1{
    margin-top:18px;
    margin-right:16px;
    width:156px;
    height:47px;
    background:url("../images/logo.png") no-repeat center top;
}
.logo-text{
    margin-top:25px;
    padding-left:12px;
    border-left:1px solid #b5b5b5;
}
.logo-text h1{
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    color:#04447c;
}
.logo-text p{
    margin-top:9px;
    line-height:14px;
    color:#949494;
}
.phone{
    margin-top:34px;
    padding-left:24px;
    line-height:22px;
    font-size:18px;
    background:url("../images/phone.png") no-repeat center left;
}
.phone span{
    font-size:18px;
    line-height:22px;
    color:#e61574;
}
.nav{
    width:100%;
    height:44px;
    background:#004684;
}
.nav ul{
    margin:0 auto;
    width:1200px;
}
.nav ul li{
    float:left;
}
.nav ul li a{
    color:#ffffff;
    width:149px;
    height:44px;
    display:block;
    line-height:44px;
    text-align:center;
    border-left:1px solid #00386a;
}
.nav ul li.first a{
    border-left:none;
}
.nav ul li.act a{
    background:#00386a;
}
.nav ul li a:hover{
    background:#00386a;
}
#content{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1200px;
}
#banner_student{
	width: 100%;
	height: 592px;
	margin: 0 auto;
	background: url("../images/student/banner.jpg") no-repeat center center;
}
#banenr_teacher{
	width: 100%;
	height: 592px;
	margin: 0 auto;
	background: url("../images/teacher/banner.jpg") no-repeat center center;
}
#banner_vedio{
	width: 100%;
	height: 592px;
	margin: 0 auto;
	background: url("../images/vedio/banner.jpg") no-repeat center center;
}
#banner_course{
	width: 100%;
	height: 592px;
	margin: 0 auto;
	background: url("../images/course/banner.jpg") no-repeat center center;
}
#banner_things{
	width: 100%;
	height: 592px;
	margin: 0 auto;
	background: url("../images/things/banner.jpg") no-repeat center center;
}
#banner_arm{
	width: 100%;
	height: 592px;
	margin: 0 auto;
	background: url("../images/arm/banner.jpg") no-repeat center center;
}
.banner{
    margin:0 auto;
    width:100%;
    height:592px;
    background:url("../images/banner.png") no-repeat center;
}
.banner-wrap{
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}
.banner a{
    position: absolute;
    left: 15px;
    bottom: 140px; 
    width: 291px;
    height: 69px;
    background:url("../images/banner_btn.png");
    transition:0.5s;
}
.banner a:hover{
    transition:0.5s;
    background:url("../images/banner_btn_h.png");
}
.banner-img.img0{
    background:url("../images/banner0.jpg") no-repeat center top;
}

.banner-img.img1{
    background:url("../images/banner1.jpg") no-repeat center top;
}

.banner-img.img2{
    background:url("../images/banner2.jpg") no-repeat center top;
}
.banner-img.img3{
    background:url("../images/banner3.jpg") no-repeat center top;
}
.banner-course{
    height:592px;
    background:url("../images/course/banner.jpg") no-repeat center top;
}
.banner-teacher{
    height:592px;
    background:url("../images/teacher/banner.jpg") no-repeat center top;
}
.banner-student{
    height:592px;
    background:url("../images/student/banner.jpg") no-repeat center top;
}
.banner-vedio{
    height:592px;
    background:url("../images/vedio/banner.jpg") no-repeat center top;
}
.banner-arm{
    height:592px;
    background:url("../images/arm/banner.jpg") no-repeat center top;
}
.banner-things{
    height:592px;
    background:url("../images/things/banner.jpg") no-repeat center top;
}
.part1{
    margin:0 auto;
    padding-bottom:52px;
    width:1200px;
}
.title{
    margin:0 auto;
    padding-top:71px;
    padding-bottom:34px;
    width:1200px;
    background:url("../images/title-border.png") no-repeat left bottom;
}
.title h1{
    padding-top:17px;
    padding-left:27px;
    font-size:55px;
    line-height:55px;
    font-weight:bold;
    text-align:center;
    color:#ff2b77;
}
.title h1 span{
    font-size:55px;
    font-weight:bold;
    color:#00437d;
}
.title h1.c2 span{
    color:#05a7ff;
}
.part1-main{
    margin:0 auto;
    margin-top:45px;
    margin-bottom:38px;
    width:1050px;
    height:421px;
    position:relative;
    background:url("../images/part1-main.png") no-repeat 374px top;
}
.part1-text1{
    top:118px;
    left:214px;
    width:428px;
    height:47px;
    position:absolute;
    background:url("../images/part1-text1.png") no-repeat center top;
}
.part1-text2{
    top:252px;
    left:84px;
    width:318px;
    height:45px;
    position:absolute;
    background:url("../images/part1-text2.png") no-repeat center top;
}
.part1-text3{
    top:304px;
    left:142px;
    width:299px;
    height:48px;
    position:absolute;
    background:url("../images/part1-text3.png") no-repeat center top;
}
.part1-text4{
    top:341px;
    left:269px;
    width:228px;
    height:48px;
    position:absolute;
    background:url("../images/part1-text4.png") no-repeat center top;
}
.part1-text5{
    top:80px;
    right:141px;
    width:414px;
    height:46px;
    position:absolute;
    background:url("../images/part1-text5.png") no-repeat center top;
}
.part1-text6{
    top:166px;
    right:106px;
    width:416px;
    height:45px;
    position:absolute;
    background:url("../images/part1-text6.png") no-repeat center top;
}
.part1-text7{
    top:221px;
    right:90px;
    width:413px;
    height:47px;
    position:absolute;
    background:url("../images/part1-text7.png") no-repeat center top;
}
.part1-text8{
    top:355px;
    right:218px;
    width:412px;
    height:47px;
    position:absolute;
    background:url("../images/part1-text8.png") no-repeat center top;
}
.part-btn{
    margin:0 auto;
    width:272px;
    height:59px;
    line-height:59px;
    font-size:20px;
    text-align:center;
    color:#ffffff;
    display:block;
    z-index:9999;
    transition:0.5s;
    background:url("../images/btn.png");
}
.part-btn:hover{
    transition:0.5s;
    background:url("../images/btn-h.png");
}
.part2{
    margin:0 auto;
    width:100%;
    height:710px;
    overflow:hidden;
    position:relative;
    background-color: #00182d;
}
.part2-main{
    margin:0 auto;
    margin-top:35px;
    padding-bottom:49px;
    width:1160px;
}
.part2-main-fl{
    width:348px;
    height:315px;
    overflow:hidden;
    border:8px solid #4c4d52;
}
.part2-main-fr{
    width:780px;
    height:329px;
    border:1px solid #5d5e61;
}
.part2-main-fr img{
    margin-top:45px;
    margin-left:10px;
}
.part2-main-fr table{
    margin-left:10px;
    width:217px;
    border-collapse:collapse;
}
.part2-main-fr table tr{
    line-height:36px;
    height:36px;
    border-bottom:1px solid #035480;
}
.part2-main-fr table tr td{
    line-height:36px;
    height:32px;
    color:#ffffff;
}
.part2-main-fr table tr td div.bar{
    height:17px;
    border-radius:6px;
}
.part2-main-fr table tr td div.bar.b1{
    width:5px;
    background:#ff9655;
}
.part2-main-fr table tr td div.bar.b2{
    width:23px;
    background:#24cbe5;
}
.part2-main-fr table tr td div.bar.b3{
    width:43px;
    background:#50b432;
}
.part2-main-fr table tr td div.bar.b4{
    width:39px;
    background:#ed561b;
}
.part2-main-fr table tr td div.bar.b5{
    width:84px;
    background:#058dc7;
}
.part2-main-fr table tr td div.bar.b6{
    width:35px;
    background:#dddf00;
}
.part2-main-fr table tr td div.bar.b7{
    width:24px;
    background:#64e572;
}
.part2-info{
    margin-top:14px;
    width:288px;
    height:302px;
    border-left:2px solid #164763;
}
.part2-info h1{
    padding-top:26px;
    font-size:43px;
    line-height:43px;
    font-weight:bold;
    text-align:center;
    color:#ff2b77;
}
.part2-info h2{
    padding-top:30px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#a7a7a7;
}
.part2-info h3{
    padding-top:12px;
    font-size:16px;
    line-height:16px;
    text-align:center;
    color:#a7a7a7;
}
.part2-info h4{
    padding-top:54px;
    font-size:25px;
    line-height:25px;
    text-align:center;
    color:#ffffff;
}
.part2-info h4 span{
    font-size:30px;
    line-height:30px;
    color:#ffffff;
}
.part2-info a{
    margin:0 auto;
    margin-top:20px;
    width:150px;
    height:31px;
    line-height:31px;
    display:block;
    color:#ffffff;
    text-align:center;
    border-radius:3px;
    background:#05a7ff;
    animation:light 3s infinite;
}
@keyframes light
{
    from { background-color: #05a7ff; -webkit-box-shadow: 0 0 9px #006297;}
    50% { background-color: #37b9ff; -webkit-box-shadow: 0 0 18px #37b9ff;}
    to { background-color: #05a7ff; -webkit-box-shadow: 0 0 9px #006297;}
}
.part3{
    margin:0 auto;
    padding-bottom:65px;
    width:1200px;
}
.part3-main{
    margin:0 auto;
    margin-top:64px;
    margin-bottom:68px;
    width:1140px;
    height:360px;
    position:relative;
    background:url("../images/part3-main.png") no-repeat center top;
}
.part3-text1{
    top:0;
    left:79px;
    width:414px;
    height:239px;
    position:absolute;
    background:url("../images/part3-text1.png") no-repeat center top;
}
.part3-text2{
    top:0;
    right:74px;
    width:414px;
    height:238px;
    position:absolute;
    background:url("../images/part3-text2.png") no-repeat center top;
}
.part3-text3{
    top:140px;
    left:0px;
    width:414px;
    height:239px;
    position:absolute;
    background:url("../images/part3-text3.png") no-repeat center top;
}
.part3-text4{
    top:140px;
    right:0px;
    width:414px;
    height:238px;
    position:absolute;
    background:url("../images/part3-text4.png") no-repeat center top;
}
.part3-text5{
    top:280px;
    left:122px;
    width:414px;
    height:239px;
    position:absolute;
    background:url("../images/part3-text5.png") no-repeat center top;
}
.part3-text6{
    top:280px;
    right:115px;
    width:414px;
    height:238px;
    position:absolute;
    background:url("../images/part3-text6.png") no-repeat center top;
}
.part4{
    margin:0 auto;
    width:100%;
    height:780px;
    overflow:hidden;
    position:relative;
     background-color: #00182d;
}
.part4-title{
    padding-top:66px;
    line-height:30px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
}
.part4-title span{
    color:#e23373;
    font-size:18px;
    text-align:center;
}
.part4-main{
    margin:0 auto;
    margin-top:34px;
    width:1200px;
    position:relative;
}
.swiper-container3{
    margin-left:72px;
    width:1060px;
    overflow:hidden;
}
.part4-box{
    margin:0 auto;
    width:240px;
    height:510px;
    background:url("../images/part4-box-bg.png") no-repeat center top;
}
.part4-box h1{
    padding-top:20px;
    padding-bottom:15px;
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#ffffff;
}
.part4-box img{
    margin-left:10px;
    width:215px;
    height:236px;
    display:block;
}
.part4-info{
    margin-left:10px;
    width:213px;
    height:204px;
    position:relative;
    overflow:hidden;
    border:1px solid #ffffff;
    background:#ffffff;
    border-radius:0px 0px 5px 5px;
}
.part4-info p{
    padding:6px;
    line-height:24px;
    z-index:999;
    position:absolute;
}
.part4-color{
    top:210px;
    width:213px;
    height:210px;
    position:absolute;
    z-index:2;
    background:#007ec4;
}
.part4-box:hover .part4-color{
    top:0px;
    transition:0.5s;
}
.part4-box:hover .part4-info p{
    color:#ffffff;
    transition:0.8s;
}
.prev{
    top:185px;
    left:0;
    width:48px;
    height:114px;
    cursor:pointer;
    position:absolute;
    background:url("../images/prev.png") no-repeat center top;
}
.next{
    top:185px;
    right:0;
    width:48px;
    height:114px;
    cursor:pointer;
    position:absolute;
    background:url("../images/next.png") no-repeat center top;
}
.part5{
    margin:0 auto;
    width:1200px;
}
.part5-vedio{
    margin:0 auto;
    margin-top:28px;
    width:650px;
    height:319px;
    background:url("../images/part5-vedio.png") no-repeat center top;
}
.part5-vedio iframe{
    margin-top:11px;
    margin-left:74px;
}
.part5-main{
    margin:0 auto;
    margin-top:30px;
    padding-bottom:60px;
    width:1200px;
    overflow:hidden;
}
.part5-box{
    width:286px;
    height:231px;
}
.part5-box img{
    display:block;
}
.part5-box p{
    width:286px;
    height:45px;
    line-height:45px;
    text-align:center;
    color:#ffffff;
    background:#0e81d5;
}
.part6{
    margin:0 auto;
    width:100%;
    height:920px;
    background-color: #00182d;
}
.part6-title{
    padding-top:12px;
    line-height:32px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
}
.part6-title span{
    color:#e23373;
    font-size:18px;
    text-align:center;
}
.part6-main{
    margin:0 auto;
    margin-top:32px;
    width:1110px;
}
.part6-stu{
    margin-left:-12px;
    width:1200px;
}
.part6-stu:hover .part6-box{
    opacity:0.5;
    transition:0.5s;
}
.part6-stu .part6-box:hover{
    opacity:1;
    transition:0.5s;
}
.part6-box{
    margin-left:14px;
    margin-bottom:19px;
    float:left;
    width:270px;
    height:184px;
    position:relative;
    background:#ffffff;
    border-top:2px solid #ff2b77;
}
.part6-box-tag{
    top:0;
    left:0;
    width:117px;
    height:32px;
    position:absolute;
    background:url("../images/part6-box-tag.png") no-repeat center top;
}
.part6-box-tag p{
    font-size:18px;
    line-height:32px;
    text-indent:26px;
    color:#ffffff;
}
.part6-box img{
    margin-top:50px;
    margin-left:10px;
    float:left;
    width:110px;
    height:110px;
}
.part6-info{
    margin-top:63px;
    margin-left:23px;
    float:left;
}
.part6-info h1{
    font-size:24px;
    line-height:24px;
    color:#ff2b77;
}
.part6-info p{
    padding-top:15px;
    line-height:14px;
    color:#595959;
}
.part6-logo{
    margin:0 auto;
    margin-top:57px;
    width:280px;
    height:109px;
    background:url("../images/part6-logo.png") no-repeat center top;
}
.part7{
    margin:0 auto;
    padding-top:100px;
    width:100%;
    background:url("../images/part7-bg.jpg") repeat center top;
}
.part7-main{
    margin:0 auto;
    padding-bottom:55px;
    width:1140px;
}
.part7-img{
    margin:0 auto;
    margin-left:-3px;
    margin-bottom:38px;
    width:1140px;
}
.part7-img:hover img{
    opacity:0.5;
    transition:0.5s;
}
.part7-img img:hover{
    opacity:1;
    transition:0.5s;
}
.part7-img img{
    margin-right:2px;
    margin-bottom:3px;
    float:left;
    display:block;
    transition:0.5s;
}
.part8{
    margin:0 auto;
    width:1200px;
    padding-bottom:49px;
}
.part8-title{
    padding-top:18px;
    line-height:32px;
    font-size:18px;
    color:#131418;
    text-align:center;
}
.part8-title span{
    color:#e23373;
    font-size:18px;
    text-align:center;
}
.part8-main{
    margin:0 auto;
    margin-top:24px;
    width:1200px;
    overflow:hidden;
}
.part8-box{
    margin:0 auto;
    width:297px;
    height:239px;
}
.part8-table{
    margin-top:32px;
    width:1000px;
    overflow:hidden;
    border-top:1px solid #d1d1d1;
    border-left:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
}
.part8-table tr th{
    height:46px;
    line-height:46px;
    font-size:16px;
    color:#ffffff;
    background:#0089d2;
    border-right:1px solid #d1d1d1;
}
.part8-table tr td{
    height:40px;
    line-height:40px;
    text-indent:15px;
    border-right:1px solid #d1d1d1;
}
.part8-table tr.tr1 td{
    background:#e7f0f6;
}
.part8-table tr.tr2 td{
    background:#ffffff;
}
.scroll{
    width:1000px;
    height:761px;
    overflow:hidden;
}
.xbgdxx{
    width:1000px;
    height:761px;
}
.student-main{
    margin: 30px auto 0;
    width: 1000px;
}
.stu-info-title{
    padding-left: 40px;
    width: 960px;
    height: 60px;
    background-color: #009ddc;
}
.stu-info-title li{
    float: left;
    padding: 0 60px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}
.stu-info-cont{
    position: relative;
    margin-left: 20px;
    width: 960px;
    height: 690px;
    overflow: hidden;
}
.stu-info-slider{
    position: absolute;
    top: 0;
    left: 0;
}
.stu-info-slider li{
    height: 46px;
}
.stu-info-slider li:nth-child(odd){
    background-color: #fff;
}
.stu-info-slider li:nth-child(even){
    background-color: #e9f2f7;
}
/*.stu-info-slider li:nth-child(even) span{
    color: #fff;
}*/
.stu-info-slider span{
    float: left;
    height: 100%;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #666;
}
.stu-info-slider .col1,
.stu-info-slider .col2{
    margin-left: 45px;
    width: 122px;
}
.stu-info-slider .col3{
    width: 250px;
}
.stu-info-slider .col4{
    margin-left: 10px;
    width: 130px;
    font-weight: bold;
    color: #FF4200;
}
.stu-info-slider .col5{
    margin: 0 50px 0 70px;
    width: 115px;
}
.student .h5-bottom{
    margin: 65px auto 0;
}
.part9{
    margin:0 auto;
    width:100%;
    height:441px;
    background:url("../images/part9-bg.jpg") center;
}
.part9-main{
    margin:0 auto;
    padding-top:55px;
    width:1200px;
    height:351px;
    position:relative;
}
.part-btn.p9{
    right:200px;
    bottom:70px;
    position:absolute;
}