/*页面通用样式*/

body { background: #000840 !important; }
.box_In { width: 1200px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.clear { overflow: hidden; }
/*标题通用样式*/

.box_hd { overflow: hidden; margin-bottom: 75px; }
.box_hd .hd_left { float: left; padding-top: 40px; position: absolute; left: -360px; }
.box_hd .hd_left span { display: inline-block; }
.box_hd .hd_left .span1 { width: 370px; height: 64px; background: #006FE5; margin-right: 10px; }
.box_hd .hd_left .span2 { width: 5px; height: 64px; background: #006FE5; }
.box_hd .hd_right { float: left; margin-left: 60px; }
.box_hd .hd_right p { font-size: 48px; color: #fff; font-weight: bold; margin-top: 40px; }
/*按钮*/

.btn { width: 240px; height: 45px; margin: 40px auto 80px; text-align: center; line-height: 45px; display: block; border: 5px solid #fff; color: #fff; border-radius: 40px; font-size: 22px; background: #F22323; background: -moz-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #E90303), color-stop(100%, #FE4D4D)); background: -webkit-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -o-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -ms-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: linear-gradient(to right, #E90303 0%, #FE4D4D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E90303', endColorstr='#FE4D4D', GradientType=0 );
}
.btn:hover { background: #00A0F1; color:#fff; background: -moz-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #007AE6), color-stop(100%, #00DAFE)); background: -webkit-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -o-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -ms-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: linear-gradient(to right, #007AE6 0%, #00DAFE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007AE6', endColorstr='#00DAFE', GradientType=0 );
}
.btn_lan { width: 270px; margin: 0 auto 30px; background: #00A0F1; background: -moz-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #007AE6), color-stop(100%, #00DAFE)); background: -webkit-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -o-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -ms-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: linear-gradient(to right, #007AE6 0%, #00DAFE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007AE6', endColorstr='#00DAFE', GradientType=0 );
}
.btn_lan:hover { background: #F22323; background: -moz-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #E90303), color-stop(100%, #FE4D4D)); background: -webkit-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -o-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -ms-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: linear-gradient(to right, #E90303 0%, #FE4D4D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E90303', endColorstr='#FE4D4D', GradientType=0 );
}
/*ban页面开始*/

.ban img { display: block; }
.ban .box_In { position: relative; width: 900px; padding-top: 55px; }
.ban .slideBox { width: 100%; height: 700px; overflow: hidden; position: relative; }
.ban .slideBox .hd { width: 36px; height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -18px; bottom: 16px; z-index: 1; }
.ban .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.ban .slideBox .hd ul li { float: left; margin-right: 4px; width: 12px; height: 12px; background: #fff; cursor: pointer; border-radius: 50%; }
.ban .slideBox .hd ul li.on { background: #8BD1F3; width: 13px; height: 13px; }
.ban .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.ban .slideBox .bd li { zoom: 1; vertical-align: middle; }
.ban .slideBox .bd .ban1 { background: url(../images/ban1_bg.jpg) no-repeat center; height: 700px; }
.ban .ban_btn { width: 266px; height: 60px; position: absolute; top: 136px; left: 50%; margin-left: -133px; display: block; z-index: 99; }
.ban .ban1 .fr { margin-top: 100px; }
.ban .ban1 .btn { width: 225px; border: none; margin: 60px auto; height: 50px; line-height: 50px; }
.ban .li2 { background: url(../images/ban2_img1.jpg) no-repeat center; height: 700px; }
.ban .li2 img { display: block; margin: 0 auto; }
.ban .li2 .li2_btn { width: 420px; margin: 0 auto; overflow: hidden; height: 90px; }
.ban .li2 a { width: 178px; height: 66px; font-size: 17px; color: #004FD2; display: block; margin-top: 15px; background: url(../images/li2_img3.png) no-repeat center; text-align: center; transition: all .6s; -moz-transition: all .6s; /* Firefox 4 */ -webkit-transition: all.6s; /* Safari 和 Chrome */ -o-transition: all .6s; /* Opera */ }
.ban .li2 a b { font-weight: 400; display: block; margin-top: 30px; text-decoration: underline; }
.ban .li2 .img2 { height: 167px; overflow: hidden; }
.ban .li2 .img2 img { margin-top: 20px; animation: mytop 2s infinite; -moz-animation: mytop 2s infinite; -webkit-animation: mytop 2s infinite; -o-animation: mytop 2s infinite; }
.ban .li2 .box_In { padding-top: 30px; }
.ban .li2 a:hover { margin-top: 10px; }
/*开班样式*/

.kb_box1 { background: #01083F; }
.kb_box1 .kb_subject { background: #01083F; color: #fff; }
/*box1开始*/

.box1 .box_hd { margin-bottom: 25px; }
.box1 .main { width: 1120px; margin: 0 auto; overflow: hidden; }
.box1 .main li { float: left; width: 300px; margin: 45px 36px 0; position: relative; }
.box1 .main li p { font-size: 20px; color: #fff; text-align: center; margin-top: 20px; }
.rotate { width: 300px; height: 110px; position: relative; transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; }
.rotate .befores, .rotate .afters { content: ""; display: block; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-image: url("../images/box1_img1.jpg"); }
.rotate .afters { background-position: 0px 0px; transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); }
.rotate .befores { background-position: -300px 0px; }
.box1 .main li:hover .rotate { transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); }
.box1 .main li:hover .rotate .befores { display: none; }
.ro_li2 .rotate .befores, .ro_li2 .rotate .afters { background-image: url("../images/box1_img2.jpg") }
.ro_li3 .rotate .befores, .ro_li3 .rotate .afters { background-image: url("../images/box1_img3.jpg") }
.ro_li4 .rotate .befores, .ro_li4 .rotate .afters { background-image: url("../images/box1_img4.jpg") }
.ro_li5 .rotate .befores, .ro_li5 .rotate .afters { background-image: url("../images/box1_img5.jpg") }
.ro_li6 .rotate .befores, .ro_li6 .rotate .afters { background-image: url("../images/box1_img6.jpg") }
.ro_li7 .rotate .befores, .ro_li7 .rotate .afters { background-image: url("../images/box1_img7.jpg") }
.ro_li8 .rotate .befores, .ro_li8 .rotate .afters { background-image: url("../images/box1_img8.jpg") }
.ro_li9 .rotate .befores, .ro_li9 .rotate .afters { background-image: url("../images/box1_img9.jpg") }
/*box2开始*/

.box2 .box2_main { position: relative; }
.box2 ul { width: 1160px; margin: 30px auto; background: #0F174E; overflow: hidden; }
.box2 ul li { color: #FBEEF6; text-align: center; width: 330px; float: left; border-right: 1px solid #626387; margin: 20px 0; padding: 50px 0; }
.box2 ul li .p1 { font-size: 24px; }
.box2 ul li .p1 span { font-size: 48px; }
.box2 ul li .p2 { font-size: 18px; margin: 15px 0; }
.box2 ul .li1 { width: 390px; }
.box2 ul .li2 { border: none; width: 380px; }
.box2 .ul2 { margin-top: 20px; }
.box2 .ul2 li { width: 578px; }
/*box3开始*/

.box3 { position: relative; }
.box3 .box_hd { margin-bottom: 30px; }
.box3 .box_hd .hd_right p { color: #000743; }
.box3 .video { background: url(../images/video_bg.jpg) no-repeat center; height: 720px; }
.box3 .top { padding-top: 30px; width: 970px; margin: 0 auto; overflow: hidden; }
.box3 h2, .box4 h2 { height: 24px; line-height: 24px; font-size: 24px; color: #000840; }
.box3 h2 { margin-bottom: 50px; }
.box3 h3 { font-size: 30px; margin-top: 45px; margin-left: 58px; }
.box3 h3 span, .box3 h2 span, .box4 h2 span { width: 24px; height: 24px; background: #006FE5; display: inline-block; margin-right: 10px; }
.box3 h3 b { font-weight: normal; }
.box3 .con { width: 1156px; overflow: hidden; height: 400px; margin-top: 30px; margin-left: 20px; }
.box3 .con .fl { width: 706px; }
.box3 .con .fr { width: 420px; padding-left: 30px; height: 400px; background: #49C1FF; }
.box3 .con p { color: #fff; font-size: 18px; line-height: 44px; margin-top: 20px; padding-left: 0px; }
.box3 .con .p5 { line-height: 36px; font-size: 17px; }
.box3 .con .my_video { display: none; }
.box3 .con .top1 { position: relative; cursor: pointer; }
.box3 .con .video_play { width: 86px; height: 86px; position: absolute; top: 130px; left: 49px; display: block; cursor: pointer; }
.box3 h2 { font-size: 30px; }
.box3 h2 span { width: 10px; }
.box3 .box3_top { width: 100%; margin-top: 20px; }
.box3 .box3_top ul { width: 970px; height: 48px; line-height: 48px; background: #00A0F1; overflow: hidden; background: -moz-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #007AE6), color-stop(100%, #00DAFE)); background: -webkit-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -o-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -ms-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: linear-gradient(to right, #007AE6 0%, #00DAFE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007AE6', endColorstr='#00DAFE', GradientType=0 );
}
.box3 .box3_top ul li { font-size: 20px; float: left; color: #fff; text-align: center; font-weight: bold; }
.box3 .scrollDiv { width: 100%; float: left; height: 340px; }
.box3 .scrollDiv ol { width: 100%; background: #fff; }
.box3 .scrollDiv ol li { overflow: hidden; height: 50px; line-height: 50px; }
.box3 .scrollDiv p { font-size: 20px; color: #000; float: left; text-align: center; }
.box3 li .p2 { color: #006FE5; font-weight: bold; }
.box3 .scr1 { width: 190px; }
.box3 .scr2 { width: 150px; }
.box3 .scr3 { width: 300px; }
.box3 .scr4 { width: 140px; }
.box3 .scr5 { width: 190px; }
.box3 .scr6 { width: 340px; }
.box3 .xinzi { background: #000743; }
.box3 .scrollDiv .xinzibg { background: url(../images/box3-xinzibg.jpg) no-repeat center; padding-top: 3px; color: #fff; font-weight: bold; }
.box3 .btm { width: 1020px; margin: 75px 0 40px 0px; overflow: hidden; }
.box3 .btm .box3_top { margin-left: 70px; }
.box3 .btm .box3_top ul { background: #E57100; }
.box3 .box3_main h3 { margin-left: 0; color: #fff; }
.box3 .box3_top .ul_xz { background: url(../images/ul_zxbg.png) no-repeat center; width: 190px; background-size: 100%; }
/*box4开始*/
.box4 { margin-top: 68px; }
.box4 h2, .box3 h2 { font-size: 30px; color: #fff; line-height: 50px; }
.box4 h2 span, .box3 h2 span { width: 10px; background: #fff; }
.box4 .img1 { margin-top: 50px; }
.box4 .btn_lan { width: 360px; margin: 10px auto 70px; }
.box4 .btm { position: relative; }
.box4 .btm h2 { margin-bottom: 100px; }
.box4 .btm .btn { width: 270px; margin-top: -20px; }
.box4 .btm .img3, .box4 .btm .img4 { position: absolute; }
.box4 .btm .img3 { top: 190px; left: -115px; animation: myfirst 2s infinite; -moz-animation: myfirst 2s infinite; -webkit-animation: myfirst 2s infinite; -o-animation: myfirst 2s infinite; }
.box4 .btm .img4 { top: 390px; right: -38px; animation: myfirst 2.5s infinite; -moz-animation: myfirst 2.5s infinite; -webkit-animation: myfirst 2.5s infinite; -o-animation: myfirst 2.5s infinite; }
/*box5开始*/
.box5 { background: #1D1577; padding-bottom: 1px; }
.box5 .top .fl { width: 600px; background: #fff; }
.box5 .top .fl .img { width: 585px; height: 286px; overflow: hidden; margin: 7px auto 0; }
.box5 .top .fl img { display: block; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; }
.box5 .top .fl:hover img { transform: scale(1.04); }
.box5 .top .fl p { font-size: 22px; text-align: center; line-height: 65px; height: 65px; color: #313131; }
.box5 .top .fr { width: 520px; margin-right: 40px; }
.box5 .top .fr p { font-size: 18px; color: #fff; line-height: 30px; margin: 43px 0 60px; }
.box5 .top .btn { width: 280px; margin-top: 50px; margin-left: 70px; }
.box5 .btm h3 { color: #fff; font-size: 30px; text-align: center; padding: 0px 0 40px; }
.box5 .btm li { width: 583px; height: 49px; line-height: 49px; background: #140D67; overflow: hidden; margin-top: 20px; }
.box5 .btm li img { float: left; }
.box5 .btm li p { float: left; color: #D3D3D3; line-height: 49px; font-size: 18px; margin: 0 12px; width: 390px; overflow: hidden; }
.box5 .btm li .span1 { float: left; }
.box5 .btm li .span2 { float: right; }
.box5 .btm li a { float: left; display: block; width: 103px; height: 36px; line-height: 36px; text-align: center; background: #fff; border-radius: 40px; margin-top: 6px; font-size: 16px; color: #1D1677; }
.box5 .btm li a:hover { background: #007BE6; color: #fff; }
/*box6开始*/
.box6 .btm { position: relative; }
.box6 ul { width: 906px; height: 350px; margin: 30px auto; background: #1A2154; overflow: hidden; }
.box6 ul li { color: #fff; text-align: center; width: 280px; height: 175px; float: left; }
.box6 ul li .p1 { font-size: 30px; margin-top: 30px; }
.box6 ul li .p1 span { font-size: 56px; }
.box6 ul li .p2 { font-size: 25px; }
.box6 ul .li1 { margin-left: 30px; }
.box6 ul .li2 { margin-right: 30px; }
.box6 .line1 { width: 1px; height: 300px; position: absolute; left: 480px; top: 25px; background: #44496E; }
.box6 .line2 { width: 1px; height: 300px; position: absolute; right: 475px; top: 25px; background: #44496E; }
.box6 .line3 { width: 850px; height: 1px; position: absolute; left: 172px; top: 175px; background: #44496E; }
/*box7开始*/
.box7 { margin-bottom: 70px; }
.box7 .btn { width: 300px; margin-top: 0px; }
.box7 .top, .box7 .btm { width: 1160px; margin: 50px auto 40px; background: #1A2154; position: relative; padding-bottom: 40px; }
.box7 .top h3, .box7 .btm h3 { font-size: 22px; color: #fff; width: 420px; height: 40px; line-height: 40px; text-align: center; background: #F52F2F; position: absolute; top: -20px; left: 50%; margin-left: -210px; }
.box7 .top ul { width: 910px; margin: 0 auto; padding-top: 50px; overflow: hidden; }
.box7 .top ul li { width: 910px; overflow: hidden; float: left; }
.box7 .top ul li img { float: left; }
.box7 .top ul li .right { float: right; width: 460px; margin-top: 30px; }
.box7 .top ul li .right p { font-size: 18px; color: #fff; line-height: 36px; text-indent: .8em; text-indent: 2em; }
.box7 .top ul li .right .img1 { margin-top: 8px; }
.box7 .top ul .li2 img { float: right; }
.box7 .top ul .li2 .right { float: left; }
.box7 .top ul .right span { color: #00FEFB; }
.box7 .top ul .img2 { margin-top: 37px; margin-right: 20px; }
.box7 .btm { margin: 76px auto 0px; background: #000840; border-top: 1px dashed #4F8BB5; }
.box7 .btm ul { width: 1160px; margin: 60px auto; overflow: hidden; }
.box7 .btm ul li { float: left; }
.box7 .btm ul .li1 { width: 40px; }
.box7 .btm ul .li2 { width: 465px; color: #11E0FF; text-align: right; }
.box7 .btm ul .li4 { width: 465px; color: #fff; text-align: left; }
.box7 .btm ul .li3 { width: 150px; }
.box7 .btm ul .li3 img { margin: 87px auto 0; display: block; }
.box7 .btm ul .li1 img { margin: 140px auto 0; display: block; }
.box7 .btm .li2 h2, .box7 .btm .li4 h2 { font-size: 60px; }
.box7 .btm .li2 b, .box7 .btm .li4 b { font-size: 38px; display: block; }
.box7 .btm .li2 p, .box7 .btm .li4 p { font-size: 16px; line-height: 32px; margin-top: 30px; font-weight: bold; }
.box7 .btm .li4 p { line-height: 33px; }
.box7 .btm .li4 h2 span { font-size: 38px; font-weight: bold; padding-left: 25px; }
.box7 .btm .span2 { display: block; margin-top: -13px; }
.box7 .btm .btm_btn { width: 630px; overflow: hidden; margin: 50px auto 40px; }
.box7 .btm .btm_btn .btn { width: 240px; margin: 0; }
/*box8开始*/
.box8 { padding-bottom: 30px; position: relative; }
.box8 .box_hd { margin-bottom: 40px; }
.box8 .box_hd p { color: #363636; }
.box8 .bg1 { background: url(../images/box7-bg1.jpg) no-repeat top center; height: 300px; }
.box8 .bg3 { background: url(../images/box7-bg3.jpg) no-repeat top center; height: 234px; }
.box8 .box8_main { position: absolute; left: 0; top: 0; width: 100%; }
.box8 .box8_main ul { width: 980px; margin-left: 140px; margin-top: 25px; overflow: hidden; }
.box8 .box8_main ul li { width: 150px; float: left; font-size: 22px; color: #fff; height: 40px; line-height: 40px; text-align: center; margin-right: 15px; margin-top: 10px; border-radius: 0 40px 40px 50px; background: #00A0F1; background: -moz-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #007AE6), color-stop(100%, #00DAFE)); background: -webkit-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -o-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: -ms-linear-gradient(left, #007AE6 0%, #00DAFE 100%); background: linear-gradient(to right, #007AE6 0%, #00DAFE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007AE6', endColorstr='#00DAFE', GradientType=0 );
transition: all .5s; -moz-transition: all .5s; /* Firefox 4 */ -webkit-transition: all .5s; /* Safari 和 Chrome */ -o-transition: all .5s; }
.box8 .box8_main ul .last { margin-right: 0; }
.box8 .box8_main .cur { margin-top: 5px; background: #F22323; background: -moz-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%, #E90303), color-stop(100%, #FE4D4D)); background: -webkit-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -o-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: -ms-linear-gradient(left, #E90303 0%, #FE4D4D 100%); background: linear-gradient(to right, #E90303 0%, #FE4D4D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E90303', endColorstr='#FE4D4D', GradientType=0 );
}
.box8 .box8_main ol { width: 1136px; margin: 30px auto 0; height: 450px; }
.box8 .box8_main ol li { width: 100%; overflow: hidden; display: none }
.box8 .box8_main ol li .img1 { float: left; }
.box8 .box8_main ol li .right { float: right; overflow: hidden; }
.box8 .box8_main ol li .right img { float: left; margin-right: 10px; }
.box8 .box8_main ol li .right .word { width: 360px; float: right; }
.box8 .box8_main ol li .right p { color: #000840; font-size: 20px; line-height: 30px; }
.box8 .box8_main ol li .right .p1 { font-size: 30px; color: #333; font-weight: bold; }
.box8 .box8_main ol li .right .p2 { margin-bottom: 28px; }
.box8 .box8_main ol .first { display: block; }
.box8 .btm_btn { width: 590px; overflow: hidden; margin: 30px auto 0; }
.box8 .btm_btn .btn { width: 250px; margin: 0; }
/*box9开始*/
.box9 img { margin: 0 auto; display: block; }
.box9 .btn { width: 255px; margin: 50px auto 80px; }
/*box10开始*/
.box10 .box10_main { width: 1142px; margin: 10px auto; overflow: hidden; }
.box10 .box10_main .left { width: 382px; height: 550px; float: left; position: relative; z-index: 99; }
.box10 .box10_main .center { float: left; }
.box10 .box10_main .right { width: 370px; float: right; height: 550px; position: relative; }
.box10 .box10_main .left p { font-size: 22px; color: #fff; text-align: right; position: absolute; }
.box10 .box10_main .left .p1 { top: 30px; right: 10px; }
.box10 .box10_main .left .p2 { top: 142px; right: -20px; }
.box10 .box10_main .left .p3 { top: 258px; right: -33px; }
.box10 .box10_main .left .p4 { bottom: 143px; right: -22px; }
.box10 .box10_main .left .p5 { bottom: 31px; right: 8px; }
.box10 .box10_main .right p { font-size: 22px; color: #fff; position: absolute; }
.box10 .box10_main .right .p1 { top: 25px; left: -30px; }
.box10 .box10_main .right .p2 { top: 115px; left: -47px; }
.box10 .box10_main .right .p3 { top: 208px; left: -64px; }
.box10 .box10_main .right .p4 { bottom: 223px; left: -63px; }
.box10 .box10_main .right .p5 { bottom: 129px; left: -47px; }
.box10 .box10_main .right .p6 { bottom: 39px; left: -29px; }
.box10 .btn { width: 280px; margin: 20px auto 70px; }
/*box11开始*/
.teacher .btn { margin-top: 10px; margin-bottom: 0; }
.teacher { width: 100%; height: 840px; background: #000840 url("../images/szbg.jpg") no-repeat center bottom; }
.teacher .teacher-bot { width: 1200px; height: 508px; margin-top: 40px; overflow: hidden; padding-top: 10px; position: relative; }
.teacher .teacher-bot li { width: 1200px; height: 458px; position: relative; float: left; }
.teacher .teacher-bot li .teabot { position: absolute; padding: 8px 0; }
.teacher .teacher-bot li .teabot_wrap { position: relative; display: block; }
.teacher .teacher-bot li .teabot em { display: block; border: 5px solid #0179de; border-radius: 50%; width: 100px; height: 100px; overflow: hidden; float: left; }
.teacher .teacher-bot li .teabot em img { width: 100%; margin-top: -10px; }
.teacher .teacher-bot li .teabot span { float: left; font-size: 26px; color: #fff; padding-left: 15px; line-height: 110px; }
.teacher .teacher-bot li .teabot1 { left: 265px; top: 0; }
.teacher .teacher-bot li .teabot2 { left: 586px; top: 0; }
.teacher .teacher-bot li .teabot3 { left: 100px; top: 145px; }
.teacher .teacher-bot li .teabot4 { left: 380px; top: 145px; }
.teacher .teacher-bot li .teabot5 { right: 120px; top: 120px; }
.teacher .teacher-bot li .teabot6 { left: 610px; top: 262px; }
.teacher .teacher-bot li .teabot7 { left: 259px; top: 330px; }
.teacher .teacher-bot li .teabot8 { right: 80px; top: 325px; }
.teacher .teabot .teabotlis { position: absolute; left: 120px; top: 80px; width: 402px; background: #007ae6; border-radius: 15px; font-size: 18px; color: #fff; padding: 10px 15px; z-index: 999; display: none; }
.teacher .teabot:hover .teabotlis { display: block; }
.teacher .teabot .onteabotlis { }
.teacher .teabot5 .teabotlis, .teacher .teabot8 .teabotlis { left: auto; right: 0px; }
.teacher .button .button_left { position: absolute; top: 200px; left: 10px; cursor: pointer; }
.teacher .button .button_right { position: absolute; top: 200px; right: 10px; cursor: pointer; }
 @keyframes myfirst {
0% {
opacity: 1;
}
50% {
opacity: .4;
}
100% {
opacity: 1;
}
}
 @-moz-keyframes myfirst /* Firefox */ {
0% {
opacity: 1;
}
50% {
opacity: .4;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes myfirst /* Safari 和 Chrome */ {
0% {
opacity: 1;
}
50% {
opacity: .4;
}
100% {
opacity: 1;
}
}
 @-o-keyframes myfirst /* Opera */ {
0% {
opacity: 1;
}
50% {
opacity: .4;
}
100% {
opacity: 1;
}
}
 @keyframes mytop {
0% {
margin-top: 14px;
}
50% {
margin-top: 18px;
}
100% {
margin-top: 14px;
}
}
 @-moz-keyframes mytop /* Firefox */ {
0% {
margin-top: 14px;
}
50% {
margin-top: 18px;
}
100% {
margin-top: 14px;
}
}
 @-webkit-keyframes mytop /* Safari 和 Chrome */ {
0% {
margin-top: 14px;
}
50% {
margin-top: 18px;
}
100% {
margin-top: 14px;
}
}
 @-o-keyframes mytop /* Opera */ {
0% {
margin-top: 14px;
}
50% {
margin-top: 18px;
}
100% {
margin-top: 14px;
}
}