@charset "gb2312";
/* CSS Document */
/*
* Description: AR实景课
* Update:      22/02/2019 修改 01/03/2019
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #fff;  color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1180px;}
img{display:block;}
.btn{display: block;width: 260px;height: 70px;line-height: 70px;font-size: 24px;color: #fff;text-align: center;background: url(../images/btn.png) no-repeat;margin: 0 auto;}
.btn:hover{background-image: url(../images/btnh.png);}

/* banner */
.banner{width:100%;height:578px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}


/*创新理念与实践*/
.title{height: 64px;line-height: 64px;font-size: 44px;font-weight: bold;color: #fff;text-align: center;}
.bz{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

.new_wrap{width:100%;height:864px;background: url(../images/new_bg.jpg) center top no-repeat;padding-top: 30px;}

.new_con{margin-top:140px;padding: 0 115px 0 160px;}
.new_con p{line-height: 44px;font-size: 22px;color: #fff;}
.new_p1{width: 420px;height: 314px;}
.new_p2{width: 460px;height: 265px;margin-left: 455px;}
.new_p2 em{display:inline-block;vertical-align:middle;font-size: 28px;color:#609fff;margin-top:-8px;}

/*七大核心系统展示*/
.show_wrap{width:100%;height:640px;background: url(../images/show_bg.jpg) center top no-repeat;padding-top: 30px;}

.show_con{width:896px;margin:50px auto 0;}
.prve_btn,.next_btn{width:50px;height:50px;opacity:0.6;margin-top:170px;}
.prve_btn{float:left;background: url(../images/prve_btn.png) no-repeat;}
.next_btn{float:right;background: url(../images/next_btn.png) no-repeat;}
.prve_btn:hover,.next_btn:hover{opacity:1;}

.show_m{width:674px;height:440px;margin:0 auto;overflow: hidden;position:relative;}
.show_ul{width:5400px;position:absolute;top:0;left:0;}
.show_ul li{float:left;width:674px;height:440px;}
.show_img{width:674px;height: 372px;background-color:#fff;padding-top:15px;}
.show_img img{margin: 0 auto;}
.show_ul li p{height: 38px;line-height: 38px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;margin-top: 10px;}

/*独特的教学优势*/
.adva_wrap{width:100%;height:751px;background: url(../images/adva_bg.jpg) center top no-repeat;padding-top: 30px;}

/*p-1*/
@-webkit-keyframes cir {from{opacity: .5;} to{opacity: 1;}}
@keyframes cir {from{opacity: .5;} to{opacity: 1;}}
@-webkit-keyframes cir2 { to{ -webkit-transform: rotate(40deg); transform: rotate(40deg); }}
@keyframes cir2 { to{ -webkit-transform: rotate(40deg); transform: rotate(40deg); }}
@-webkit-keyframes e1 { to{ left: -3px; top: -20px; opacity: .7; } }
@keyframes e1 { to{ left: -3px; top: -20px; opacity: .7; } }
@-webkit-keyframes e2 { to{ left: -2px; top: -7px; opacity: .6; } }
@keyframes e2 { to{ left: -2px; top: -7px; opacity: .6; } }
@-webkit-keyframes e3 { to{ left: -15px; top: -40px; opacity: .65; } }
@keyframes e3 { to{ left: -15px; top: -40px; opacity: .65; } }
@-webkit-keyframes e4 { to{ left: -3px; top: -22px; opacity: .5; } }
@keyframes e4 { to{ left: -3px; top: -22px; opacity: .5; } }
@-webkit-keyframes huan { from{opacity: .2;} to{opacity: 1;}}
@keyframes huan { from{opacity: .2;} to{opacity: 1;}}
@-webkit-keyframes huan2 { to{-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
@keyframes huan2 { to{-webkit-transform: rotate(360deg);transform: rotate(360deg);} }
@-webkit-keyframes cir4 { to{ -webkit-transform: scale(1.1); transform: scale(1.1); }}
@keyframes cir4 { to{ -webkit-transform: scale(1.1); transform: scale(1.1); }}
	
	
.p-1{height:520px;background: url(../images/p_bg.jpg) no-repeat top center;margin-top:50px;}

.p-1 .deses{float:left;width:280px;height: 400px;position: relative;margin-left: 95px;}
.p-1 .des{width: 280px;height:400px;top:95px;left: 0;position: absolute;opacity: 0; }
.p-1 .des h4{line-height:38px;font-size: 22px;color: #fff;font-weight: bold;text-align: center;margin-top:25px;position: relative;z-index: 3;}
.p-1 .des p{line-height:34px;font-size: 16px;color: #fff;margin-top:20px;}

.p-1 .det{position: absolute; bottom: 155px;  left: 317px; display: block; font-size: 15px; color: #44c67e;  -webkit-transition: border-bottom .2s ease;  transition: border-bottom .2s ease; border-bottom: transparent 1px solid; }
.p-1 .det:hover{ border-bottom: 1px #44c67e solid; }
.p-1btn{ position: absolute; top: 344px; left: 165px;}
.p-1 .btn-zn{ margin-bottom:10px; }
.p-1btn img{ display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;}
.p-1 .i-pgot{ background:url(../images/pgot.png) no-repeat;display: block;}
.p-1 .one, .p-1 .two, .p-1 .three, .p-1 .four{position: absolute;top:0;left:0;display: block;z-index: 2;}
.p-1 .one{width: 52px;height: 94px;background-position: -860px -243px;}
.p-1 .two{width: 67px;height:94px;background-position: -926px -243px;}
.p-1 .three{width:68px;height:96px;background-position: -1006px -243px;}
.p-1 .four{ width: 70px;height: 94px;background-position: -1096px -243px;}


.p-1 .znpc{float:right;width: 500px; height: 500px;position: relative;margin-right: 70px;}
.p-1 .znpc img{position: absolute;}
.p-1 .znpc .cen-wrap{width: 208px; height: 208px; padding: 16px; position: absolute; top: 50%; left: 50%; margin-top: -104px; margin-left: -104px; /*background: #ccc;*/}
.p-1 .znpc .cen{top: 49px; left: 42px; width: 124px; height: 107px; background-position: -662px -2px; }
.p-1 .znpc .cir2{ top: 30px; left: 26px; width: 163px; height: 155px; -webkit-animation: cir2 7s ease infinite alternate; animation: cir2 7s ease infinite alternate; -webkit-transform-origin: 79px 73px; transform-origin: 79px 73px; background-position: -662px -113px;}
.p-1 .znpc .cir3{left: 15px; top: 13px; width: 179px; height: 178px; background-position: -346px -272px;}
.p-1 .znpc .shi{top: 0; left: 0; width: 208px; height: 208px; background-position: -979px -2px;}
.p-1 .znpc .cir{left: -66px; top: -66px; width: 340px; height: 339px; -webkit-animation: cir 1s ease infinite alternate; animation: cir 1s ease infinite alternate;  background-position: -2px -134px;}
.p-1 .znpc .e1{z-index: 1; left: -22px; top: -15px; -webkit-animation: e1 2s ease infinite alternate; animation: e1 2s ease infinite alternate;width: 262px; height: 288px; background-position: -537px -273px;}
.p-1 .znpc .e2{z-index: 2; left: -22px; top: -1px; -webkit-animation: e2 3s ease infinite alternate; animation: e2 3s ease infinite alternate;width: 225px; height: 268px; background-position: -2px -565px;}
.p-1 .znpc .e3{z-index: 3; left: 16px; top: -30px; -webkit-animation: e3 3s ease infinite alternate; animation: e3 3s ease infinite alternate; width: 216px; height: 258px; background-position: -231px -565px;}
.p-1 .znpc .e4{z-index: 4; left: -15px; top: -29px; -webkit-animation: e4 3s ease infinite alternate; animation: e4 3s ease infinite alternate; width: 234px; height: 281px; background-position: -451px -565px;}
.p-1 .znpc .line{left: -40px; top: 75px; background-position: -829px -134px; height: 26px; width: 0; }
.p-1 .znpc .line2{ float: right;width: 0;height: 37px;right: 385px; top:40px; background-position: right top; background-repeat: no-repeat;  background: url(../images/line2.png) no-repeat;}
.p-1 .znpc .cir4{ display: none; left: -353px; top: 35px; width: 10px; height: 11px; background-color:#0065ff; border-radius:50%; -webkit-animation: cir4 .8s ease-in infinite alternate; animation: cir4 .8s ease-in infinite alternate;}
.p-1 .znpc .huan, .p-1 .znpc .huan2, .p-1 .znpc i{ display: block; width: 128px; height: 128px; background-position: center; background-repeat: no-repeat;}
.p-1 .znpc .huan{background-position: -829px -2px;}
.p-1 .znpc .huan2{background-position: -346px -134px; -webkit-animation: huan2 10s ease infinite alternate;animation: huan2 10s ease infinite alternate;}
.p-1 .znpc i{position: absolute; top: 0;}
.p-1 .znpc .i1{background-position: -2px -2px;}
.p-1 .znpc .i2{background-position: -134px -2px;}
.p-1 .znpc .i3{background-position: -266px -2px;}
.p-1 .znpc .i4{background-position: -398px -2px;}
.p-1 .znpc .ii{-webkit-transition: .5s;transition: .5s;}
.p-1 .znpc .ii:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
.p-1 .znpc .huan{position: absolute;-webkit-animation: huan 1.5s ease infinite alternate;animation: huan 1.5s ease infinite alternate;}
@keyframes rotate {
	to{transform: rotate(-360deg);}
}
@keyframes rotate-reverse {
	to{transform: rotate(360deg);}
}

.p-1 .znpc .hh { z-index:20; position: absolute; width: 450px; height: 450px; left: 50%; top: 50%; margin-left: -225px; margin-top: -225px; transition: transform .5s; }
.p-1 .znpc .hi{ -webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s; }
.p-1 .znpc .hi p{color: #fff; text-align:center; margin-top: -10px;}
.p-1 .znpc .h1, .p-1 .znpc .h2, .p-1 .znpc .h3, .p-1 .znpc .h4, .p-1 .znpc .h5, .p-1 .znpc .h6{ position: absolute; cursor: pointer;}

.p-1 .znpc .h1{left: -23px; top: 160px;}
.p-1 .znpc .h2{left:165px; top: 345px;}
.p-1 .znpc .h3{left: 355px; top:160px;}
.p-1 .znpc .h4{left: 165px; top: -28px;}

/*七大系统*/
.sys_wrap{width:100%;height:701px;background: url(../images/sys_bg.jpg) center top no-repeat;padding-top: 30px;}

.sys_con{margin-top: 55px;}
.sys_con img{margin: 0 auto;}

/*教学课程展示*/
.video_wrap{width:100%;height:686px;background: url(../images/video_bg.jpg) center top no-repeat;padding-top: 30px;}
.til_p{line-height: 30px;font-size: 18px;color: #fff;text-align: center;margin-top: 10px;}

.video_con{width: 455px;height: 257px; padding: 78px 362px; }
.on_icon{position: absolute;width:71px;height:72px;background: url(../images/on.png) no-repeat;top:50%;left: 50%;margin: -36px 0 0 -36px;cursor: pointer;z-index: 2;}

/*课程重磅推荐*/
.tao_wrap{width:100%;height:832px;background: url(../images/tao_bg.jpg) center top no-repeat;padding-top: 30px;}
.tao_wrap .autoin{position: relative;}
.b1{width:98px;height:91px;position: absolute;background: url(../images/b1.png) no-repeat;top:135px;right: 141px;}

.tao_ul{height:545px;padding-left: 130px;margin-top:57px;}
.tao_ul li{float:left;width: 330px;margin-left: 90px;}
.tao_t{height: 110px;background-color: #1f2a82;border-radius: 20px 0 0 0;-webkit-border-radius: 20px 0 0 0;-moz-border-radius: 20px 0 0 0;-ms-border-radius: 20px 0 0 0;-o-border-radius: 20px 0 0 0;overflow: hidden;}
.tao_t h4{height: 50px;line-height: 50px;font-size: 22px;color: #fff;text-align: center;font-weight:bold;margin-top: 10px;}
.tao_t p{width:160px;height: 32px;line-height: 32px;font-size: 16px;color: #fff;text-align: center;font-weight:bold;background-color: #3b4abf;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius:10px;-ms-border-radius: 10px;-o-border-radius:10px;margin: 0 auto;letter-spacing: 4px;}

.tao_m{height:386px;background-color: #fff;border-radius: 0 0 20px 0;-webkit-border-radius: 0 0 20px 0;-moz-border-radius: 0 0 20px 0;-ms-border-radius: 0 0 20px 0;-o-border-radius: 0 0 20px 0;overflow: hidden;}
.span_t{display: block;width:268px;height:32px;line-height:32px;font-size: 16px;color: #fe0007;text-align: center;background-color: #ffe7e8;margin: 15px auto 15px;}
.tao_p{padding:0 23px;}
.tao_p1{height:60px;}
.tao_p2{height:112px;}
.tao_p3{height:95px;}
.tao_p em,.tao_p span{float:left;line-height:26px ;font-size: 16px;color: #171920;}
.tao_p em{width: 85px;font-weight: bold;}
.tao_p span{width: 192px;}
.tao_p span i{color: #ff111b;}

.tao_btn{padding-left: 5px;}
.tao_btn a{float:left;width: 134px;height: 38px;line-height: 38px;font-size:16px;color:#fff;text-align:center;background-color: #0b60e3;border-radius: 19px;-webkit-border-radius: 19px;-moz-border-radius: 19px;-ms-border-radius: 19px;-o-border-radius: 19px;margin-left: 15px;}
.tao_btn a:hover{background-color: #0f53bd;}

/*扉页*/
.feiye{width:100%;line-height:30px;font-size:12px;text-align:center;color:#1e2342;margin-top: 40px;}