@charset "utf-8";
/* CSS Document */

/*课程详情*/
.k_banner{ width: 100%;position: relative;}
.k_banner img{ transform: scale(0); transition:all 0.4s ease 0s; transition-delay: 0.2s}

.box_a{ background: #eefbe1; width: 100%; padding: 40px 0;}
.box_a_con h3{  height: 85px; text-align: center;transform: translateX(-100px); opacity: 0;transition:all 0.5s ease 0s;
margin: 0 auto; position: relative; overflow: hidden;}
.box_a_con h3 aside{ border: 2px solid #2c8a72; height: 76px; margin: 0 27px 0 22px; border-left: none; position: relative; z-index: 10; border-right: none;}
.box_a_con h3 aside::before{ content: ""; display: block; width: 100%; height: 80px; background: #c5eec2; position: absolute; top: 3px; left:0;}
.box_a_con h3 aside::after{ content: ""; display: block; width: 100%; height: 2px; background: #2c8a72; position: absolute; left: 0; bottom: -2px;}
.box_a_con h3::before{ content: ""; display: block; width: 22px; height: 85px; background: url(../images/kc_3_01.png); position: absolute; left: 0;}
.box_a_con h3::after{ content: ""; display: block; width: 27px; height: 85px; background: url(../images/kc_3_03.png); position: absolute; right: 0; top: 0;}
.box_a_con em{ font-size: 30px; color: #fff; float: left; height: 40px; line-height: 40px; display: block; border-radius: 0 20px 20px 0; background: #2c8a72; position: relative;
padding: 0 20px; margin: 20px 0 0 -25px;}
.box_a_con h3 span{ display:block; height: 85px; line-height: 80px; font-size: 30px; color: #2c8a72; float: right; position: relative; z-index: 10;
    text-align: left}

.box_a table tr:first-child{ background: #79c57d;}
.box_a table tr{ border-bottom: 1px solid #daf1c4; background: #fff;}

.box_a_con{ max-width: 1200px; margin: 0 auto; overflow: hidden;}
.box_a_con h4{ font-size: 20px; color: #2c8a72; text-align: center; padding: 20px 0; transform: translateX(-100px); opacity: 0;transition:all 0.5s ease 0s;
transition-delay: 0.5s}
.box_a_tab{border: 1px solid #daf1c4; border-radius: 10px; overflow: hidden; transition:all 0.5s ease 0s;transform: translateX(-100px); opacity: 0;
    transition-delay: 1s}
.box_a_con table{ width: 100%; text-align: center;}
.box_a_con table td{ width: 16%; padding: 15px 10px;border-right: 1px solid #daf1c4;}
.box_a_con table tr:first-child td{ font-size: 18px; color: #fff;}
.box_a_con table tr:last-child{ border-bottom: none}
.box_a_con table tr td:last-child{ border-right:none}
.box_a_con table tr td p{ font-size: 16px; color: #79c57d;}

/**/
.box_b{ background: #cdecdd; width: 100%; padding: 40px 0;}
.box_b h4{transform: translateX(100px); opacity: 0;transition:all 0.5s ease 0s; transition-delay: 0.5s}
.box_b .box_a_tab{transform: translateX(100px); }
.box_b table tr:first-child{ background: #69a89f;}
.box_b table tr{ border-bottom: 1px solid #daf1c4; background: #eefbe1;}

/**/
.box_c{ background: #fff; width: 100%; padding: 40px 0;}
.box_c h4{transform: translateY(-50px); opacity: 0;transition:all 0.5s ease 0s; transition-delay: 0.5s}
.box_c .box_a_tab{transform: translateY(-50px); }
.box_c table tr:first-child{ background: #79c57d;}
.box_c table tr{ border-bottom: 1px solid #daf1c4; background: #eefbe1;}

/**/
.box_pic{ width: 1200px; margin: 0 auto;}
.box_pic img{ width: 100%;transform: translateY(50px); opacity: 0;transition:all 0.5s ease 0s;}

/**/
.box_foot{ width: 100%; background: #eefbe1; margin: 40px auto auto auto;}
.box_foot_con{ width: 1200px; margin: 0 auto;}

/*left*/
.box_left{ width: 120px; padding: 0 10px 20px 10px; background: #5dbe7a; position: fixed; left: -200px; border-radius: 10px;transition:all 0.5s ease 0s;
transition-delay: 0.8s}
.box_left p{ text-align: center; font-size: 16px; color: #fff; margin: 20px 0 0 0;}
.box_left p img{ margin-bottom: 10px;}

/*right*/
.box_right{ width: 215px; height: 518px;position: fixed; right: -300px;  background: url(../images/kc_right.png);transition:all 0.5s ease 0s; background-size: 100% 100%;
    transition-delay: 0.8s;}
.box_right ul{ margin: 120px 0 0 48px; width: 136px;}
.box_right ul li a{ display: block; width: 100%; height: 47px;}
.box_right ul li:last-child a{ height: 100px;}
.box_right button{ width: 100%; height: 46px; margin: 16px 0 0 0;}


/*one*/
.one_a{ width: 100%; padding: 40px 0; background: url(../images/one_2.png) center no-repeat; background-size: 100% 100%;}
.one_a h3{ transform: translateY(-80px); opacity: 0;}
.one_a .one_tab{ transform: translateY(-80px); opacity: 0;}
.one_a table tr:first-child{ background: #23b2f8;}
.one_a table tr{ border-bottom: 1px solid #23b2f8; background: #e7f6fe;}

.one_con{ max-width: 1200px; margin: 0 auto; overflow: hidden;}
.one_con h3{ background: url(../images/one_6.png) bottom center no-repeat; padding: 10px 0 60px 0;  text-align: center;transition:all 0.5s ease 0s; color: #10aeff; font-size: 36px;
    margin: 0 auto;}
.one_tab{border: 1px solid #23b2f8; border-radius: 10px; overflow: hidden; transition:all 0.5s ease 0s;
    transition-delay: 0.5s}
.one_con table{ width: 100%; text-align: center;}
.one_con table td{ width: 16%; padding: 15px 10px;border-right: 1px solid #23b2f8;}
.one_con table tr:first-child td{ font-size: 18px; color: #fff;}
.one_con table tr:last-child{ border-bottom: none}
.one_con table tr td:last-child{ border-right:none}
.one_con table tr td p{ font-size: 16px; color: #10aeff;}

.one_b{ width: 100%; padding: 40px 0; background: url(../images/one_3.png) center no-repeat; background-size: 100% 100%;}
.one_b h3{ margin: 130px auto auto auto;}
.one_b h3{ transform: translateX(-80px); opacity: 0;}
.one_b .one_tab{ transform: translateX(-80px); opacity: 0;}
.one_b table tr:first-child{ background: #1faff8;}
.one_b table tr{ border-bottom: 1px solid #23b2f8; background: #e7f6fe;}

.one_c{ width: 100%; padding: 40px 0; background: url(../images/one_2.png) center no-repeat; background-size: 100% 100%;}
.one_c h3{ transform: translateX(80px); opacity: 0;}
.one_c .one_tab{ transform: translateX(80px); opacity: 0;}
.one_c table tr:first-child{ background: #23b1f8;}
.one_c table tr{ border-bottom: 1px solid #23b2f8; background: #e7f6fe;}

.one_pic{ width: 100%; padding: 40px 0; background:#cdebff;}
.one_pic h3{ transform: translateY(80px); opacity: 0;}
.one_pic img{ width: 100%;transition:all 0.5s ease 0s; transform: translateY(80px); opacity: 0;}
.one_pic img:first-child{ transition-delay: 0.5s}

/*left*/
.one_left{ width: 120px; padding: 0 10px 20px 10px; background: #72b9fc; position: fixed; left: -200px; border-radius: 10px;transition:all 0.5s ease 0s;
    transition-delay: 0.8s}
.one_left p{ text-align: center; font-size: 16px; color: #fff; margin: 20px 0 0 0;}
.one_left p img{ margin-bottom: 10px;}

/*right*/
.one_right{ width: 215px; height: 518px;position: fixed; right: -300px;  background: url(../images/one_5.png);transition:all 0.5s ease 0s; background-size: 100% 100%;
    transition-delay: 0.8s;}
.one_right ul{ margin: 120px 0 0 48px; width: 136px;}
.one_right ul li a{ display: block; width: 100%; height: 47px;}
.one_right ul li:last-child a{ height: 100px;}
.one_right button{ width: 100%; height: 46px; margin: 16px 0 0 0;}