@charset "utf-8";
/*-------------初始化----------------*/
/****  文字大小初始化,使1em=10px *****/
body{font-size:62.5%;}/* for IE/Win */
html>body{font-size:12px;} /* for everything else */
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:12px;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img,input{border:0;}
address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none; vertical-align:top;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
abbr,acronym{border:0;}
a{text-decoration:none; outline:none;}
/*--------------end------------*/
body{background:#fff; font-size:14px; font-family:'微软雅黑'; color:#333;}

/*--------------ban------------*/
.ban{ width:100%; height:750px; background:url(banbg.jpg) no-repeat center;}
.ban .ban_in{ width:1200px; height:750px; position:relative; margin:0 auto;}
.ban img{ display:block; position:absolute;}
.ban img.img1{ left:341px; top:0;}
.ban img.img2{ left:16px; top:332px; animation: yun2 1.4s linear infinite alternate;  -moz-animation: yun2 1.4s linear infinite alternate; -webkit-animation: yun2 1.4s linear infinite alternate; -o-animation: yun2 1.4s linear infinite alternate;}
.ban img.img3{ right:167px; top:393px; animation: yun 1.4s linear infinite alternate;  -moz-animation: yun 1.4s linear infinite alternate; -webkit-animation: yun 1.4s linear infinite alternate; -o-animation: yun 1.4s linear infinite alternate;}
.ban img.img4{ right:0px; top:178px; animation: yun1 1.4s linear infinite alternate;  -moz-animation: yun1 1.4s linear infinite alternate; -webkit-animation: yun1 1.4s linear infinite alternate; -o-animation: yun1 1.4s linear infinite alternate;}
.ban img.img5{ left:312px; top:171px;}

/*圆圈上下浮动动画*/
@keyframes yun
{
from {top:393px;}
to {top:398px;}
}

@-moz-keyframes yun /* Firefox */
{
from {top:393px;}
to {top:398px;}
}

@-webkit-keyframes yun /* Safari 和 Chrome */
{
from {top:393px;}
to {top:398px;}
}

@-o-keyframes yun /* Opera */
{
from {top:393px;}
to {top:398px;}
}

/*圆圈上下浮动动画2*/
@keyframes yun1
{
from {top:178px;}
to {top:173px;}
}

@-moz-keyframes yun1 /* Firefox */
{
from {top:178px;}
to {top:173px;}
}

@-webkit-keyframes yun1 /* Safari 和 Chrome */
{
from {top:178px;}
to {top:173px;}
}

@-o-keyframes yun1 /* Opera */
{
from {top:178px;}
to {top:173px;}
}
/*圆圈上下浮动动画3*/
@keyframes yun2
{
from {top:332px;}
to {top:338px;}
}

@-moz-keyframes yun2 /* Firefox */
{
from {top:332px;}
to {top:338px;}
}

@-webkit-keyframes yun2 /* Safari 和 Chrome */
{
from {top:332px;}
to {top:338px;}
}

@-o-keyframes yun2 /* Opera */
{
from {top:332px;}
to {top:338px;}
}
/*-------------公用样式-------------*/
.box{width:100%; overflow:hidden; padding:70px 0;}
.box .box_in{width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.box .h2box{ width:910px; margin:0 auto 25px auto; height:90px; position:relative;}
.box .h2box h2{ width:760px; padding:0 10px; font-size:50px; line-height:88px; text-align:center; border-bottom:2px solid #333; margin:0 auto;}
.box .h2box h2 b{ color:#db1617; font-weight:normal;}
.box .h2box span{ display:block; width:65px; height:4px; background:#333; position:absolute; top:48px;}
.box .h2box .span1{ left:0;}
.box .h2box .span2{ right:0;}
.box .myp{ font-size:24px; line-height:36px; text-align:center; margin-bottom:56px;}
.box .mya{ display:block; width:380px; text-transform: uppercase; background: none; outline: none; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s; transition: all .5s; border:1px solid #333; height:48px; line-height:48px; font-size:24px; text-align:center;  position: relative; overflow: hidden; color:#333; margin:0 auto; z-index:999; margin-top:60px;}
.box .mya:before,.mya:after{ content: ""; position: absolute; bottom: 0; left: -5px; width:110%; height:0; background-color:#db1516; z-index:-1; -webkit-transition: all .5s;
transition: all .5s;}
.box .mya:hover{ color:#fff; border-color:#db1516;}
.box .mya:hover:before{ height:100%;}
/*-------------con-------------*/
.box1 .con1{ width:1018px; margin:0 auto;}
.box1 .h2box{ width:1135px;height:100px; background:url(new4.jpg) no-repeat center;}
.box1 .mybox{ width:100%; position:relative; padding-bottom:75px; background:url(box11.png) no-repeat 256px bottom; margin-bottom:75px; overflow:hidden;}
.box1 .mybox .txt{ width:442px; padding:50px 0 50px 38px; background:#db1516; color:#fff; position:relative; z-index:99; float:left;}
.box1 .txt img{ display:block; width:400px; height:164px; margin-bottom:30px;}
.box1 .txt h3{ font-size:26px; font-weight:bold; width:310px; padding-left:5px; height:46px; line-height:46px; border-bottom:2px solid #fff; margin-bottom:13px;}
.box1 p{ font-size:14px; line-height:24px; margin-bottom:18px;}
.box1 .mybox .video{ width:620px; position:absolute; right:0; top:145px; z-index:999; overflow:hidden;}
.box1 .video h3{ font-size:42px; padding-left:360px;}
.box1 .video .myvideo{ height:365px; background:#000; overflow:hidden; margin:16px 0;}
.box1 .video p{ text-align:left; margin-bottom:0; padding-left:125px;}
.box1 .mybox1{ background:url(box12.png) no-repeat 165px bottom; margin-bottom:75px; overflow:hidden;}
.box1 .mybox1 .txt{ float:right;}
.box1 .mybox1 .video{ right:395px; top:145px;}
.box1 .mybox1 .txt h3{ margin-left:67px;}
.box1 .mybox1 .txt p{ margin-left:67px;}
.box1 .mybox1 .video{ top:170px;}
.box1 .mybox1 .video h3{ padding-left:80px;}
.box1 .mybox1 .video p{ padding-left:25px;}
.box1 .mybox2 .video{ top:170px;}
.box1 .mybox4 .video{ top:194px;}
/*-------------box2-------------*/
.box2{ padding:0; position:relative;}
.box2 .con2 div{ width:100%; height:193px; background:url(box2bg_01.jpg) no-repeat center top;}
.box2 .con2 .div1{ background-image:url(box2bg_02.jpg);}
.box2 .con2 .div2{ background-image:url(box2bg_03.jpg);}
.box2 .con2 .div3{ background-image:url(box2bg_04.jpg);}
.box2 .con2 .div4{ background-image:url(box2bg_05.jpg);}
.box2 .box_in{ position:absolute; left:50%; margin-left:-613px; top:60px;}
.box2 .h2box{ width:980px; }
.box2 .h2box h2{ width:850px; border-bottom:2px solid #fff; color:#fff;}
.box2 .h2box span{ background:#fff;}
.box2 .myp{ color:#fff;}
.box2 #czimgs{ width:705px; height: 532px; position: relative; margin-left:49px;}
.box2 #czimgs #imgbox{width:705px; height:532px; overflow: hidden; position: relative; }
.box2 #czimgs ul{width:9999px; position: absolute; top:0; left: 0; }
.box2 #czimgs ul li{float: left; width: 705px; height:532px; margin-right: 0; position:relative;}
.box2 #czimgs ul li img{ width: 705px; height:532px; display:block;}
.box2 #czxinxi{position:absolute; left:780px; top:0; width:315px; height:422px;}
.box2 #czxinxi .txt{ width: 335px; height:510px; padding-top:22px; color:#fff; display:none; overflow:hidden;}
.box2 #czxinxi .current{display:block;}
.box2 #czxinxi .txt h2{ text-align:left; font-size:48px; font-weight:bold;}
.box2 #czxinxi .txt h3{ text-align:left; font-size:26px; font-weight:bold; height:44px; line-height:44px; border-bottom:2px solid #fff; margin:20px 0 15px;}
.box2 #czxinxi .txt p{ text-align:left; font-size:14px; line-height:24px;}
.box2 #czbuttons a{display:block; width:48px; height:128px; position: absolute; bottom:265px; z-index:999;}
.box2 #czbuttons #czleftbuts{ background:url(qh1.png) no-repeat 0 0; left:0px;}
.box2 #czbuttons #czleftbuts:hover{ background:url(qh1.png) no-repeat 0 -128px;}
.box2 #czbuttons #czrightbuts{ background:url(qh1.png) no-repeat -48px 0px; right:397px;}
.box2 #czbuttons #czrightbuts:hover{ background:url(qh1.png) no-repeat -48px -128px;}
.box2 .mya{ border:1px solid #333; background:#fff; opacity:0.7; filter:alpha(opacity=70);}
.box2 .mya:hover{ color:#fff; opacity:1; filter:alpha(opacity=100);}
/*-------------box3-------------*/
.box3 .h2box{ width:1120px; }
.box3 .h2box h2{ width:990px;}
.box3 .video{ height:1070px; height:608px; margin:0 auto 50px auto; overflow:hidden; background:#666;}
.box3 .h2box1{ width:715px; }
.box3 .h2box1 h2{ width:585px;}
.box3 #teacher{ width:980px; height:570px; position: relative; margin:0 auto; overflow: hidden;}
.box3 #czimg ul{width:9999px; height:570px; position: absolute; top:0; left: 0; }
.box3 #czimg li{ float:left; overflow:hidden; width:980px;}
.box3 #czimg li .mydiv{width:180px; height:500px;  background:#fff; float:left; position:relative; color:#fff; background:#333; margin-right:20px;}
.box3 #czimg li .mydiv1{ margin-right:0px;}
.box3 #czimg li .mydivs{ margin-top:65px;}
.box3 #czimg .mydiv img{ width:180px; height:260px;}
.box3 #czimg .mydiv .teapro{ width:156px; height:295px; padding:15px 12px 0;}
.box3 #czimg .mydiv .teapro h3{font-size:20px; margin-bottom:8px;}
.box3 #czimg .mydiv .teapro p{font-size:12px; line-height:20px; text-align:left;}
.box3 #czbutton a{display:block; width:48px; height:128px; position: absolute; bottom:350px; }
.box3 #czbutton #czleftbut{ background:url(qh.png) no-repeat 0 0; left:0px;}
.box3 #czbutton #czleftbut:hover{ background:url(qh.png) no-repeat 0 -128px;}
.box3 #czbutton #czrightbut{ background:url(qh.png) no-repeat -48px 0px; right:0;}
.box3 #czbutton #czrightbut:hover{ background:url(qh.png) no-repeat -48px -128px;}
/*-------------box4-------------*/
.box4{ padding:0; position:relative;}
.box4 .con4 div{ width:100%; height:185px; background:url(box4bg_01.jpg) no-repeat center top;}
.box4 .con4 .div1{ background-image:url(box4bg_02.jpg);}
.box4 .con4 .div2{ background-image:url(box4bg_03.jpg);}
.box4 .con4 .div3{ background-image:url(box4bg_04.jpg);}
.box4 .con4 .div4{ background-image:url(box4bg_05.jpg);}
.box4 .box_in{ position:absolute; left:50%; margin-left:-613px; top:80px;}
.box4 .h2box{ width:800px; }
.box4 .h2box h2{ width:670px; border-bottom:2px solid #fff; color:#fff;}
.box4 .h2box span{ background:#fff;}
.box4 .myp{ color:#fff;}
.box4 .myps{ margin-bottom:15px;}
.box4 .ulbox{ width:100%; overflow:hidden;}
.box4 .ulbox ul{ width:1220px;}
.box4 .ulbox li{ width:232px; float:left; margin-right:10px;}
.box4 .ulbox .myli{ width:232px; position:relative; overflow:hidden;}
.box4 .ulbox .myli img{ display:block; width:232px; height:227px;}
.box4 .ulbox .hov{ width:192px; height:170px; padding:60px 20px 0; background:#fff; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; position:absolute; top:227px; left:0px;}
.box4 .ulbox .hov p{ font-size:16px; line-height:24px;}
.box4 .ulbox .myh3{ width:232px; height:52px; text-align:center; line-height:52px; background:#db1516; font-size:18px; color:#fff; margin-bottom:15px;}
.box4 .ulbox .p1{ font-size:14px; line-height:24px; text-align:center; color:#fff;}
.box4 .ulbox li:hover .hov{ top:0;}
.box4 .ulbox li:hover .myh3{ background:#333;}
.box4 .mya{ border:1px solid #333; background:#fff; opacity:0.7; filter:alpha(opacity=70);}
.box4 .mya:hover{ color:#fff; opacity:1; filter:alpha(opacity=100);}
/*-------------box6-------------*/
.box6{ padding-top:0;}
.box6 .myp{ margin-bottom:35px;}
.box6 .ztp{ font-size:40px; text-align:center; margin-bottom:15px;}
.box6 .ztp span{ font-weight:bold; color:#bd0200;}
.box6 .tb_in{ width:1200px; margin:0 auto; overflow:hidden; background:url(bgs.png);}
.box6 .table_t{ width:1200px; margin:0 auto;}
.box6 .table_t td{ height:60px; line-height:60px; font-size:22px; text-align:center; background:#a0a0a0; color:#fff;}
.box6 #scrollDiv{height:549px; overflow:hidden; margin:0 auto; cursor:pointer;border-bottom:1px solid #333;}
.box6 #scrollDiv td{height:54px; line-height:54px; text-align:center; font-size:18px; border-bottom:1px solid #333;}
.box6 td.td1{width:160px;}
.box6 td.td2{width:100px;}
.box6 td.td3{width:320px;}
.box6 td.td4{width:150px; background:#db1516 !important; font-weight:bold; color:#fff;}
.box6 td.td5{width:310px;}
.box6 td.td6{width:160px;}
.box6 .p2{font-size:18px; text-align:center; margin-top:35px;}
/*-------------box7-------------*/
.box7 .h2box{ width:1140px; }
.box7 .h2box h2{ width:1010px;}
.box7 .mytab{ width:1200px; overflow:hidden;}
.box7 .tab_t{ width:295px; float:left;}
.box7 .tab_t li{ width:295px; height:86px; border-bottom:2px solid #fff; background:#c6c6c6; cursor:pointer;}
.box7 .tab_t li.nobd{ border-bottom:none;}
.box7 .tab_t li p{ font-size:22px; text-align:center; line-height:88px;}
.box7 .tab_t .mycur{ background:#db1516;}
.box7 .tab_t .mycur p{ color:#fff;}
.box7 .tab_c{ width:905px; float:left;}
.box7 .con7{ width:905px; overflow:hidden; display:none;}
.box7 .con7_v{ width:622px; height:438px; float:left; overflow:hidden; background:#000;}
.box7 .con7_t{ width:213px; height:388px; padding:50px 35px 0; float:left; background:url(box7bg.jpg) no-repeat center;}
.box7 .con7_t h3{ font-size:16px; height:42px; line-height:42px; border-bottom:1px solid #333; margin-bottom:10px;}
.box7 .con7_t p{ font-size:14px; line-height:24px;}
.box7 .con7_t p span{ color:#db1516;}
.box7 .mycurs{ display:block;}
/*-------------box8-------------*/
.box8{ padding:0; position:relative;}
.box8 .con8 div{ width:100%; height:182px; background:url(box8bg_01.jpg) no-repeat center top;}
.box8 .con8 .div1{ background-image:url(box8bg_02.jpg);}
.box8 .con8 .div2{ background-image:url(box8bg_03.jpg);}
.box8 .con8 .div3{ background-image:url(box8bg_04.jpg);}
.box8 .con8 .div4{ background-image:url(box8bg_05.jpg);}
.box8 .box_in{ position:absolute; left:50%; margin-left:-613px; top:80px;}
.box8 .h2box{ width:920px; }
.box8 .h2box h2{ width:790px;}
.box8 .mytabs{ width:1200px; overflow:hidden;}
.box8 .tab_cs{ width:100%; margin-bottom:50px;}
.box8 .imgbox{ display:none;}
.box8 .on{ display:block;}
.box8 .imgbox img{ width:100%; height:297px; display:block;}
.box8 .people{ width:890px; margin:0 auto; overflow:hidden;}
.box8 .people ul{ width:900px;}
.box8 .people li{ width:90px; height:100px; float:left; margin-right:10px; position:relative; cursor:pointer;}
.box8 .people li img{ display:block; width:90px; height:90px; position:absolute; top:10px; left:0; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.box8 .people .myon img{ top:0;}
.box8 .mybtn{ width:780px; margin:0 auto; overflow:hidden;}
.box8 .mybtn .mya{ width:310px;}
.box8 .mybtn .mya1{ float:left;}
.box8 .mybtn .mya2{ float:right;}
/*-------------box9-------------*/
.box9 .h2box{ width:680px; }
.box9 .h2box h2{ width:550px;}
.box9 .con9{ width:100%; height:760px; position:relative;}
.box9 .con9{ width:100%; height:760px; position:relative;}
.box9 .con9 img{ position:absolute;}
.box9 .con9 .img1{ display:block; left:60px; top:0; z-index:99;}
.box9 .con9 .img2{ display:block; left:0; top:90px; z-index:999;}
.box9 .con9 .btnbox{ width:380px; position:absolute; left:400px; bottom:114px; z-index:999;}
.box9 .con9 .btnbox .mya{ background:#db1516; height:64px; line-height:64px; font-size:30px; color:#fff; border-color:#db1516;}
/*-------------box10-------------*/
.box10{ padding-top:0px;}
.box10 .box_in{ padding-top:80px;}
.box10 .con10{ width:1046px; padding:80px 75px 50px; margin:0 auto; border:2px solid #333; position:relative;}
.box10 .con10 .myimg{ display:block; position:absolute; left:400px; top:-72px;}
.box10 .con10_in{ width:1046px; overflow:hidden;}
.box10 .con10_l{ width:646px; float:left;}
.box10 .con10_l li{ height:50px; line-height:50px; background:url(box102.jpg) no-repeat left center; padding-left:45px; margin-bottom:15px;}
.box10 .con10_l .a1{ height:50px; line-height:50px; font-size:22px; color:#333;}
.box10 .con10_l li:hover .a1{ color:#db1516;}
.box10 .con10_l li:hover{ background-image:url(box103.jpg);}
.box10 .con10_l .a2{ display:block; width:280px; text-align:center; height:50px; line-height:50px; background:#333; font-size:22px; color:#fff; margin-top:30px; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.box10 .con10_l .a2:hover{ background:#db1516;}
.box10 .con10_r{ width:380px; float:right;}
.box10 .que{ width:378px; height:318px; border:1px solid #a0a0a0; position:relative; margin-bottom:20px;}
.box10 .que p{ font-size:18px; position:absolute; color:#a0a0a0; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.box10 .que p:hover{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}
.box10 .que p.p1{ left:20px; top:20px;}
.box10 .que p.p2{ left:20px; top:60px; font-size:16px;}
.box10 .que p.p3{ left:50px; top:100px; font-size:14px;}
.box10 .que p.p4{ left:30px; top:140px; font-size:24px; color:#7e7e7e;}
.box10 .que p.p5{ left:120px; top:190px; font-size:14px;}
.box10 .que p.p6{ left:20px; top:230px; font-size:16px;}
.box10 .que p.p7{ left:90px; top:265px; font-size:24px; color:#7e7e7e;}
.box10 .con10_r .a3{ font-size:22px; color:#333; margin-left:127px;}
.box10 .con10_r .a3:hover{ color:#db1516;}
/*-------------box11-------------*/
.box11{ padding:0; position:relative;}
.box11 .con11 div{ width:100%; height:102px; background:url(box11_01.jpg) no-repeat center top;}
.box11 .con11 .div1{ background-image:url(box11_02.jpg);}
.box11 .con11 .div2{ background-image:url(box11_03.jpg);}
.box11 .con11 .div3{ background-image:url(box11_04.jpg);}
.box11 .con11 .div4{ background-image:url(box11_05.jpg);}
.box11 .last{ width:950px; position:absolute; left:50%; margin-left:-478px; top:83px;}
/*-------------box12-------------*/
.box12 .h2box{ width:1200px;height:165px; background:url(new1.jpg) no-repeat center;}
.box12 .zth3{ text-align:center; font-size:40px; margin-bottom:20px;}
.box12 .zth3 span{ color:#bd0200; font-weight:bold;}
.box12 .zth31{ font-size:22px;margin-bottom:40px;}
.box12 .con12{ overflow:hidden;}
.box12 .con12_l{ width:695px; float:left;}
.box12 .con12_r{ width:480px; float:right; padding-top:40px;}
.box12 .con12_r .video{ width:480px; height:330px; overflow:hidden; background:#000;}
/*-------------box13-------------*/
.box13{ background:#d00200; padding:25px 0 70px;}
.box13 .ztimg{ display:block; margin-bottom:30px;}
.box13 .mya{ display:block; width:590px; height:94px; line-height:94px; font-size:38px; font-weight:bold; background:#ffb820;}
.box13 .mya:before,.mya:after{ background-color:#ffc344; }
.box13 .mya:hover{ border-color:#ffc344; color:#333;}