@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}
b{font-weight:normal;}
.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;}


body{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1000px;
    overflow-x:hidden;
    background:#e8e8e8;
}
/*浏览器更新提示*/
.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:1000px;
    position:relative;
}
.header{
    margin:0 auto;
    width:100%;
}
.header-main{
    margin:0 auto;
    width:1000px;
    height:95px;
}
.logo{
    margin-top:0px;
}
.logo-text{
    margin-top:35px;
    margin-left:11px;
    padding-left:17px;
    height:42px;
    border-left:1px solid #bababa;
}
.logo-text img{
    margin-top:1px;
}
.logo-text p{
    margin-left:18px;
    line-height:20px;
    color:#222222;
}
.phone{
    margin-top:38px;
}
.phone p{
    line-height:20px;
    color:#222222;
}
.nav{
    margin:0 auto;
    width:100%;
    height:45px;
    background:#222222;
}
.nav ul{
    margin:0 auto;
    width:1000px;
}
.nav ul li{
    float:left;
}
.nav ul li a{
    width:100px;
    height:45px;
    line-height:45px;
    color:#ffffff;
    text-align:center;
    display:block;
}
.nav ul li a:hover{
    background:#bf095f;
}
.nav ul li a.act{
    background:#bf095f;
}
.nav2{
    margin:0 auto;
    width:100%;
    height:45px;
}
.nav2 ul{
    margin:0 auto;
    width:1000px;
}
.nav2 ul li{
    float:left;
}
.nav2 ul li a{
    padding-right:32px;
    padding-left:35px;
    height:45px;
    line-height:45px;
    text-align:center;
    color:#666666;
    display:block;
    background:url("../images/nva2li-tag.png") no-repeat left center;
}
.nav2 ul li a.first{
    background:none;
}
.nav2 ul li a:hover{
    color:#bf095f;
}



.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;
}

.content{
    margin:0 auto;
    width:100%;
}
.banner{
    width:100%;
    height:673px;
    position:relative;
    overflow:hidden;
}
.banner-img{
    width:100%;
    height:673px;
}

.banner-img.img-abo{
    background:url("../images/about-banner.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;
}

.hide{
    display:none;
}




.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(../images/about02-img01.jpg) 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(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
    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;}


.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;
}







.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;
}


.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;
    width:1000px;
}
.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;
}




.about08-bg{height:463px; background:#fff;}
.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;}


.footer{
    padding-bottom:70px;
    width:100%;
    height:80px;
    background:#222222;
}
.footer p{
    line-height:80px;
    color:#999999;
    text-align:center;
}
.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:1;
    background:#222222;
}
.fixbox-main{
    width:1000px;
	margin-left:4%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:16px;
    color:#ffffff;
}
.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:10px;
    width:150px;
    height:50px;
    cursor:pointer;
    background:url("../images/submit.jpg") no-repeat center top;
    border:none;
}