@charset "UTF-8";
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
article,
aside,
audio,
canvas,
figure,
footer,
header,
mark,
menu,
nav,
section,
time,
video {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
    display: block;
}

ul,
ol {
    list-style: none;
}

img {
    border: 0 none;
    vertical-align: top;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong,
em,
i {
    font-style: normal;
    font-weight: normal;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

mark {
    background: none;
}

input::-ms-clear {
    display: none !important;
}

body {
    font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
    background: #fff;
    word-wrap: break-word;
    font-size: 30px;
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    content: '\200B';
}
.x_center{
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%); 	/* IE 9 */
	-moz-transform:translateX(-50%);/* Firefox */
	-webkit-transform:translateX(-50%);/* Safari 和 Chrome */
	-o-transform:translateX(-50%);/* Opera */
}
.y_center{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%); 	/* IE 9 */
	-moz-transform:translateX(-50%);/* Firefox */
	-webkit-transform:translateY(-50%);/* Safari 和 Chrome */
	-o-transform:translateY(-50%);/* Opera */
}
.xy_center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%); 	/* IE 9 */
	-moz-transform:translateX(-50%) translateY(-50%);/* Firefox */
	-webkit-transform:translateX(-50%) translateY(-50%);/* Safari 和 Chrome */
	-o-transform:translateX(-50%) translateY(-50%);/* Opera */
}

/*add by sherry.yan*/
.click-53{cursor: pointer;}
.mt_30{margin-top: 30px;}
.mt_60{margin-top: 60px;}
.mt_100{margin-top: 100px;}

.orgBtn{
	display: inline-block;
	background: #ec1f24;
	color: #fff;
	text-align: center;
	border-radius: 10px;
}
.greyBtn{
	display: inline-block;
	background: #fafafc;
	text-align: center;
	border-radius: 10px;
}

.mySwiper{
	width: 100%;
	height: 600px;
	overflow:hidden;
	position: relative;
	text-align: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction{
	left: 50%;
}
.swiper-pagination-bullet{
	width:12px ;
	height:12px ;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #fff;
}
.banner{
	position: relative;
	width: 100%;
    height: 720px;  
    text-align: center;
    background: url(../images/banner.jpg) top center no-repeat;
}
.banner>.bannerBtn{
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    margin-top: 510px;   
}
.main{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.main:after{
	content: "";
	display: block;
}

ul.menu{
	width: 100%;
	height: 66px;
	line-height: 66px;	
	background: #f05a24;
	margin-bottom: 30px;
}
ul.menu li{
	float: left;
	width: 20%;
	text-align: center;
}
ul.menu li:hover{
	background: #c63914;
}
ul.menu li a{
	color: #fff;
}

.section{	
	width: 100%;
	margin: 0 auto;
}
.section .title{
	text-align: center;
}
.section .title img{
	display: inline-block;	
}
.greyBg{
	background: #efefef;
}
.block1{
	width: 1200px;	
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
}
.block1 p{
	font-size: 18px;
	color: #0294c6;
	text-decoration: underline;
}
.block1 .orgBtn{
	width: 500px;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
}

.block2{
	width: 1200px;	
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
}
.block2 .orgBtn{
	width: 600px;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
}


.block2 .floor2 {
    background: #efefef;
    padding-bottom: 76px; }
    .block2 .floor2 .title1 {
      width: 513px;
      height: 100px;
      margin: 0 auto;
      clear: both;
      padding-top:20px; }
      .block2 .floor2 .title1 .line {
        width: 12px;
        height: 54px;
        background: #f4b34b;
        float: left; }
      .block2 .floor2 .title1 .p1 {
        width: 430px;
        height: 50px;
        font-size: 40px;
        color: #0294c6;
        margin: 0 auto;
        padding-bottom: 18px; }
      .block2 .floor2 .title1 .p2 {
        width: 525px; }
        .block2 .floor2 .title1 .p2 .span1 {
          font-size: 24px;
          color: #595656; }
        .block2 .floor2 .title1 .p2 .span2 {
          font-size: 24px;
          color: #595656; }
    .block2 .floor2 .picture1 {
      width: 1168px;
      height: 357px;
      margin: 0 auto;
      padding-bottom: 81px; }
      .block2 .floor2 .picture1 .ListBox {
        width: 1168px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 45px;
        background: red;
        clear: both; }
        .block2 .floor2 .picture1 .ListBox .title {
          width: 276px;
          height: 56px;
          line-height: 56px;
          font-size: 26px;
          color: #FFFFFF;
          background: url(../images/545454.png) no-repeat center;
          background-size: cover;
          margin-left: 15px;
          margin-right: 15px;
          text-indent: 5px;
          float: left;
          margin-top: 40px; }
        .block2 .floor2 .picture1 .ListBox ul {
          float: left;
          margin-top: 40px; }
          .block2 .floor2 .picture1 .ListBox ul li {
            width: 146px;
            height: 56px;
            font-size: 24px;
            color: #38b9e0;
            text-align: center;
            line-height: 56px;
            background: url(../images/dfdsdfsdfsf.png) no-repeat center;
            background-size: cover;
            float: left;
            margin-right: 15px;
            cursor: pointer;
            }
          .block2 .floor2 .picture1 .ListBox ul .bg {
            width: 146px;
            height: 56px;
            color: #FFFFFF;
            background: url(../images/4545454.png); }
    .block2 .floor2 .btn3 {
      width: 601px;
      height: 81px;
      font-size: 32px;
      color: #ffffff;
      background: #ec1f24;
      border-radius: 8px;
      margin: 0 auto;
      display: block;
      outline: none;
      border: 1px solid transparent; }


.block3{
	width: 1200px;	
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.block3 .btn{
	width: 248px;
	height: 80px;
	display: inline-block;
	position: absolute;
	top: 190px;
}
.block3 .btn1{
	left:288px
}
.block3 .btn2{
	right:48px
}

.block4{
	width: 1200px;	
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.block4 .btn{
	width: 301px;
	height: 60px;
	display: inline-block;
	position: absolute;
	bottom: 71px;
}
.block4 .btn1{
	left:151px
}
.block4 .btn2{
	right:151px
}

.block5{
	width: 1200px;	
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.block5 .btn{
	width: 301px;
	height: 60px;
	display: inline-block;
	position: absolute;
}
.block5 .btn1{
	width: 282px;
	left: 135px;
    top: 317px;   
}
.block5 .btn2{
	width: 300px;
    right: 167px;
    top: 323px;
}
.block5 .btn3{
	left:66px;
	bottom: 81px;
}
.block5 .btn4{
	left:451px;
	bottom: 81px;
}
.block5 .btn5{
	right:63px;
	bottom: 81px;
}

.block6 .floor5 {
    max-width: 1920px;
    min-width: 1250px;
    height: 1004px;
    margin: 0 auto;
    padding-bottom: 60px;
    background: #efefef; }
    .block6 .floor5 .title4 {
      width: 403px;
      margin: 0 auto;
      padding-top: 71px;
      clear: both; }
      .block6 .floor5 .title4 .line {
        width: 12px;
        height: 54px;
        background: #f4b34b;
        float: left; }
      .block6 .floor5 .title4 .p1 {
        color: #0294c6;
        font-size: 40px;
        padding-bottom: 21px;
        font-weight: bold;
        text-align: center; }
      .block6 .floor5 .title4 .p2 {
        width: 360px;
        font-size: 24px;
        color: #595656;
        margin: 0 auto;
        padding-bottom: 42px; }
    .block6 .floor5 .wrap {
      width: 1203px;
      height: 1004px;
      margin: 0 auto; }
    .block6 .floor5 .top {
      width: 802px;
      height: 486px;
      background: url(../images/所授课目.png) no-repeat center;
      background-size: cover;
      margin-left: 401px;
      position: relative; }
      .block6 .floor5 .top .icon4 {
        width: 1098px;
        height: 486px;
        background: url(../images/郑倪云柯.png) no-repeat center;
        background-size: cover;
        position: absolute;
        left: -400px;
        display: none; }
      .block6 .floor5 .top .icon5 {
        width: 1098px;
        height: 486px;
        background: url(../images/张文婷.png) no-repeat center;
        background-size: cover;
        position: absolute;
        left: -400px;
        display: none; }
      .block6 .floor5 .top .icon6 {
        width: 1097px;
        height: 486px;
        background: url(../images/李施春.png) no-repeat center;
        background-size: cover;
        position: absolute;
        left: -400px;
        display: none; }
      .block6 .floor5 .top .icon7 {
        width: 1097px;
        height: 486px;
        background: url(../images/贾奕婕.png) no-repeat center;
        background-size: cover;
        position: absolute;
        left: -400px; }
      .block6 .floor5 .top .btn12 {
        width: 251px;
        height: 61px;
        font-size: 24px;
        color: #FFFFFF;
        display: block;
        border-radius: 8px;
        background: #ec1f24;
        outline: none;
        border: 1px solid transparent;
        position: absolute;
        right: 17px;
        bottom: 105px; }
    .block6 .floor5 .bottom {
      width: 1200px;
      height: 235px;
      margin-top: 35px;
      margin-bottom: 60px;
      clear: both; }
      .block6 .floor5 .bottom .icon8 {
        width: 294px;
        height: 235px;
        background: url(../images/teacher1.png) no-repeat center;
        background-size: cover;
        float: left;
        margin-right: 8px; }
        .block6 .floor5 .bottom .icon8 .layer1 {
          width: 294px;
          height: 235px;
          background: rgba(139, 141, 144, 0.3);
          display: none; }
          .block6 .floor5 .bottom .icon8 .layer1 p {
            font-size: 24px;
            color: #FFFFFF;
            padding-top: 192px;
            text-align: center; }
      .block6 .floor5 .bottom .icon9 {
        width: 294px;
        height: 235px;
        background: url(../images/teacher2.png) no-repeat center;
        background-size: cover;
        float: left;
        margin-right: 8px; }
        .block6 .floor5 .bottom .icon9 .layer2 {
          width: 294px;
          height: 235px;
          background: rgba(139, 141, 144, 0.3); }
          .block6 .floor5 .bottom .icon9 .layer2 p {
            font-size: 24px;
            color: #FFFFFF;
            padding-top: 192px;
            text-align: center; }
      .block6 .floor5 .bottom .icon10 {
        width: 294px;
        height: 235px;
        background: url(../images/teacher3.png) no-repeat center;
        background-size: cover;
        float: left;
        margin-right: 8px; }
        .block6 .floor5 .bottom .icon10 .layer3 {
          width: 294px;
          height: 235px;
          background: rgba(139, 141, 144, 0.3);
          display: none; }
          .block6 .floor5 .bottom .icon10 .layer3 p {
            font-size: 24px;
            color: #FFFFFF;
            padding-top: 192px;
            text-align: center; }
      .block6 .floor5 .bottom .icon11 {
        width: 294px;
        height: 235px;
        background: url(../images/teacher4.png) no-repeat center;
        background-size: cover;
        float: left; }
        .block6 .floor5 .bottom .icon11 .layer4 {
          width: 294px;
          height: 235px;
          background: rgba(139, 141, 144, 0.3);
          display: none; }
          .block6 .floor5 .bottom .icon11 .layer4 p {
            font-size: 24px;
            color: #FFFFFF;
            padding-top: 192px;
            text-align: center; }


.btnCon{
	text-align: center;
	padding-bottom: 80px;	
}
.btnCon .orgBtn{
	width: 582px;
	height: 80px;
	line-height: 80px;
}
.btnCon .btn1{
	background: #0294c6;
	margin-right: 20px;
}

.block6{
	width: 1200px;	
	margin: 0 auto;
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.block6 .btn{
	width: 251px;
	height: 61px;
	display: inline-block;
	position: absolute;
	right: 27px;
	top: 367px;
}

.footer{
	padding: 20px 0;
	text-align: center;
	background: #161616;
	font-size: 16px;
}
.footer p{	
	line-height: 24px;
	color: #fff;
}
.footer p.line1{
	font-size: 30px;
	padding-bottom: 30px;
}
.footer p.line1 a{
	color: #fff;
	margin-right: 40px;
}