@charset "gb2312";
/*
* Description: 医卫云私塾套餐
* Update:     22/02/2017
* Author:     xuyongmei
*/

/* reset css */
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; position: relative; 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{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}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}
.tao_btn{display:block;width:158px;height:40px;line-height:40px;font-size:20px;text-align:center;color:#1e4085;background-color:#fbfb29;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;margin:25px auto 0;}
.tao_btn:hover{background-color:#fff;}


/*nav*/
.nav_wrap{width:100%;height:60px;background-color:#143b7d;border-bottom:1px solid #044768;box-shadow:3px 0 10px #093d67;-webkit-box-shadow:3px 0 10px #093d67;-moz-box-shadow:3px 0 10px #093d67;-ms-box-shadow:3px 0 10px #093d67;-o-box-shadow:3px 0 10px #093d67;}
.nav_con{padding-left:145px;}
.nav_con li{float:left;width:166px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;cursor:pointer;}
.nav_con li.cur{background-color:#082351;}

/*banner*/
.banner{width:100%;}
.banner_01{height:110px;background:url(../images/banner_01.jpg) center top no-repeat;}
.banner_02{height:210px;background:url(../images/banner_02.jpg) center top no-repeat;}
.banner_03{height:70px;background:url(../images/banner_03.jpg) center top no-repeat;}

.banner_in{padding-left:212px;}
.banner_in p{float:left;width:200px;line-height:30px;font-size:24px;color:#fff;padding-left:30px;background:url(../images/icon_01.png) left center no-repeat;}

/*导语*/
.dyu_top{height:178px;background:url(../images/dyu_01.jpg) center top no-repeat;}
.dyu_top p{font-size:20px;line-height:36px;color:#fff;padding:20px 60px 0 410px;}

.dyu_bot{padding:45px 0 65px 145px;}
.dyu_bot li{float:left;width:176px;height:203px;margin-right:88px;cursor:pointer;position:relative;overflow:hidden;}
.dyu_bt{width:176px;height:155px;padding-top:48px;background:url(../images/dyu_bg.png) no-repeat;position:absolute;top:0;left:0;}
.dyu_bt span{display:block;height:62px;}
.dyu_icon1{background:url(../images/icon_02.png) center center no-repeat;}
.dyu_icon2{background:url(../images/icon_03.png) center center no-repeat;}
.dyu_icon4{background:url(../images/icon_05.png) center center no-repeat;}
.dyu_icon5{background:url(../images/icon_06.png) center center no-repeat;}
.dyu_bt p{line-height:44px;font-size:24px;text-align:center;}

.dyu_bb{width:170px;height:197px;background:url(../images/dyu_bg2.png) no-repeat;margin:3px 0 0 3px;}
.dyu_bb p{line-height:20px;font-size:14px;color:#3160c2;text-align:center;padding:50px 7px 0;}
@-webkit-keyframes flipOutYtest {
  from { -webkit-transform: perspective(1400px); transform: perspective(1400px); }
  40% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity: 1; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
  to { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); opacity: 0; }
}
@-moz-keyframes flipOutYtest {
  from { -webkit-transform: perspective(1400px); transform: perspective(1400px); }
  40% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity: 1; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
  to { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); opacity: 0; }
}
@-ms-keyframes flipOutYtest {
  from { -webkit-transform: perspective(1400px); transform: perspective(1400px); }
  40% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity: 1; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
  to { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); opacity: 0; }
}
@-o-keyframes flipOutYtest {
  from { -webkit-transform: perspective(1400px); transform: perspective(1400px); }
  40% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity: 1; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
  to { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); opacity: 0; }
}
.test { -webkit-animation: flipOutYtest 0.75s linear; animation: flipOutYtest 0.75s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes flipInYtest {
  from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity: 0; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity: 0; }
  60% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity: 1; }
  to { -webkit-transform: perspective(1400px); transform: perspective(1400px); opacity: 1; }
}
@-moz-keyframes flipInYtest {
  from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity: 0; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity: 0; }
  60% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity: 1; }
  to { -webkit-transform: perspective(1400px); transform: perspective(1400px); opacity: 1; }
}
@-ms-keyframes flipInYtest {
  from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity: 0; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity: 0; }
  60% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity: 1; }
  to { -webkit-transform: perspective(1400px); transform: perspective(1400px); opacity: 1; }
}
@-o-keyframes flipInYtest {
  from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity: 0; }
  50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity: 0; }
  60% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity: 1; }
  to { -webkit-transform: perspective(1400px); transform: perspective(1400px); opacity: 1; }
}
.test2 { -webkit-animation: flipInYtest 0.75s linear; animation: flipInYtest 0.75s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*班次套餐*/
.tao_wrap{height:520px;background:url(../images/tao_bg.jpg) center top no-repeat;padding-top:55px;}

.tao_con{margin-bottom:45px;}
.tao_con table{border-top:1px solid #787878;border-left:1px solid #787878;margin:0 auto;background-color:#fff;}
.tao_con td{border-bottom:1px solid #787878;border-right:1px solid #787878;font-size:16px;color:#484848;}
.tao_con .th{font-size:20px;font-weight:normal;color:#fff;background-color:#75a2ff;}
.tao_con td.th1{background-color:#4877d9;}
.tao_con td.th2{font-size:16px;}
.tao_con td .p1{line-height:28px;}
.tao_con td.td1{font-size:18px;background-color:#b9d0ff;}
.tao_con td.td2{font-size:14px;}
.tao_con td .p2,.td_a1{line-height:20px;padding:0 25px;}
.td_a1{display:block;color:#4877d9;}
.td_a1:hover{color:#75a2ff;}
.tao_con td input{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:-2px 3px 0 0;}
.listen_a{display:inline-block;vertical-align:middle;width:20px;height:18px;margin:-5px 0 0 6px;background:url(../images/listen.png) no-repeat;}

/*适合人群*/
.fit_wrap{height:263px;background:url(../images/fit_bg.jpg) center top no-repeat;padding-top:24px;}

.fit_l{float:left;width:400px;margin:10px 0 0 80px;}
.fit_l h4{line-height:84px;font-size:40px;font-weight:bold;color:#666;text-align:right;padding-right:30px;}
.fit_l p{line-height:26px;font-size:20px;color:#686868;}
.fit_r{float:right;width:256px;margin-right:230px;}

/*移动学习*/
.mobile_wrap{padding:10px 0 65px; height:280px;}

.mobile_l{float:left;width:341px;margin:0 0 0 70px;}
.mobile_r{float:right;width:500px;margin:70px 0 0 70px;}
.mobile_r h4{line-height:60px;font-size:40px;font-weight:bold;color:#666;}
.mobile_r h5{line-height:34px;font-size:20px;color:#484848;}
.mobile_r p{line-height:24px;font-size:18px;color:#686868;}
.mobile_r a{display:block;width:185px;height:36px;line-height:36px;border:2px solid #4877d9;font-size:18px;color:#4877d9;text-align:center;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-o-border-radius:18px;-ms-border-radius:18px;margin:10px auto 20px;}
.mobile_r a:hover{color:#fff;background-color:#4877d9;}

/*课程体系*/
.sysm_wrap{height:590px;background:url(../images/sysm_bg.jpg) center top no-repeat;}
.sysm_wrap h3{line-height:124px;font-size:40px;font-weight:bold;color:#fff;text-align:center;}

.sysm_til,.sysm_mcon{width:908px;margin:0 auto;}
.sysm_til li{float:left;width:176px;height:57px;margin-right:7px;text-align:center;color:#6c6c6c;background-color:#e6e6e6;padding-top:13px;cursor:pointer;}
.sysm_til li.cur{color:#1e4085;background-color:#fbfb29;}
.sysm_til li h4{font-size:20px;font-weight:bold;}

.sysm_mcon{height:300px;border-top:1px solid #979797;background-color:#e6e6e6;}
.sysm_mcon li{padding:20px 25px 0;display:none;}
.sysm_mcon li p{line-height:36px;color:#6c6c6c;overflow:hidden;}
.sysm_pl{float:left;font-size:20px;font-weight:bold;}
.sysm_pl1{width:150px;}
.sysm_pl2{width:108px;}
.sysm_pr{float:left;width:750px;font-size:16px;}
.sysm_mcon li p .sysm_pr1{width:708px;}
.sysm_mcon li p .sysm_pr2{line-height:24px;margin-top:8px;}
.sysm_mcon li p .te_em{color:#1e4085;}

/*six*/
.title{ padding-top:35px; text-align:center;}
.title h3{ font-weight:bold; font-size:40px; line-height:72px;}
.title p{ font-size:26px;}
.title_01{ color:#fff;}
.btn{ display:block; text-align:center; color:#fff; margin:0 auto; border-radius:30px;  font-size:20px;} 

.six{ width:100%; background-color:#f7f7f7;}
.six_con{ position:relative; height:680px; background:url(../images/six_01.jpg) 357px 175px no-repeat;  }
.six_con li{ position:absolute; background-color:#fff; box-shadow:rgba(105,105,105,0.4) 0 0 16px 4px;}
.six_con li h4{ background-color:#4877d9; height:40px; line-height:40px; text-align:center; color:#fff; font-size:22px; font-weight:bold; }
.six_con li p{ line-height:22px; padding:10px 15px 15px; }
.six_con .li01{ width:232px; top:60px; left:160px;}
.six_con .li02{ width:142px; top:45px; right:245px;}
.six_con .li03{ width:376px; top:303px; left:30px;}
.six_con .li04{ width:142px; top:465px; left:505px;}
.six_con .li05{ width:142px; top:425px; right:148px;}
.six_con .li06{ width:278px; top:230px; right:25px;}

/*teacher*/
.teacher{ width:100%; background-color:#2350b1; padding-bottom:45px;}
.tea_con{ padding:30px 0;}
.tea_l,.tea_r,.tea_r ul,.tea_rd{ float:left;}
.tea_l{ padding-left:43px; cursor:pointer; width:263px;}
.tea_l li{ float:left; margin:0 17px 18px 0; position:relative; width:99px; height:99px; border-radius:50%; overflow:hidden; }
.tea_l li p{ height:28px; line-height:28px; background:rgba(0,0,0,0.6); color:#fff; text-align:center; position:absolute; left:0; bottom:0; width:100%; }
.tea_l li span{ display:block;width:99px; height:99px; background:rgba(0,0,0,0.6); border-radius:50%;}
.tea_l .li01{ background:url(../images/tea_01.png) no-repeat;}
.tea_l .li02{ background:url(../images/tea_02.png) no-repeat;}
.tea_l .li03{ background:url(../images/tea_03.png) no-repeat;}
.tea_l .li04{ background:url(../images/tea_04.png) no-repeat;}
.tea_l .li05{ background:url(../images/tea_05.png) no-repeat;}
.tea_l .li06{ background:url(../images/tea_06.png) no-repeat;}
.tea_l li.current span{  background:rgba(0,0,0,0);}
.tea_r{ width:693px; padding-top:18px;}
.tea_r li{ display:none;}
.tea_r li.current,.tea_rd.current{ display:block;}
.tea_rd{ display:none; width:350px; color:#fff; padding:13px 0 0 28px; }
.tea_rd h4{ font-size:26px; font-weight:bold;}
.tea_rd b{ font-size:20px; font-weight:bold; line-height:44px;}
.tea_rd p{ height:175px;font-size:18px; line-height:24px; }
.btna a{ float:left; width:156px; height:38px; line-height:38px; border:1px solid #fbfb29; color:#fbfb29; }
.btn_1{ margin-right:23px;}
.btna a:hover{ background-color:#fbfb29; color:#333; }
.btna1{
	overflow: hidden;
	height: 71px;
	padding-left: 330px;
}
	.btna1 .btn{ display:block;width:158px;height:40px;line-height:40px;font-size:20px;text-align:center;color:#1e4085;background-color:#fbfb29;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;margin:25px auto 0;  float:left;}
	.btna1 .btn_01{ margin-left:20px;}


/*student*/
.stu_ul{ margin:30px auto; height:614px; position:relative;}
.stu_ul li{ cursor:pointer; box-shadow:rgba(0,0,0,0.5) 0 0 15px 0; position:absolute; z-index:2; }
.stu_ul .li01{ width:413px; height:438px; background:url(../images/stu_01.jpg) no-repeat;  top:48px; left:8px;}
.stu_ul .li02{ width:410px; height:332px; background:url(../images/stu_02.jpg) no-repeat;  top:0; left:186px;}
.stu_ul .li03{ width:413px; height:449px; background:url(../images/stu_03.jpg) no-repeat;  top:60px; left:450px;}
.stu_ul .li04{ width:418px; height:422px; background:url(../images/stu_04.jpg) no-repeat;  top:25px; right:160px;}
.stu_ul .li05{ width:488px; height:383px; background:url(../images/stu_05.jpg) no-repeat;  top:192px; left:86px;}
.stu_ul .li06{ width:488px; height:383px; background:url(../images/stu_06.jpg) no-repeat;  top:113px; right:15px;}
.stu_ul .li07{ width:440px; height:383px; background:url(../images/stu_07.jpg) no-repeat;  bottom:48px; right:38px;}
.stu_ul .li08{ width:440px; height:383px; background:url(../images/stu_08.jpg) no-repeat;  top:130px; left:177px;}
.stu_ul .li09{ width:488px; height:383px; background:url(../images/stu_09.jpg) no-repeat;  top:135px; left:275px;}
.stu_ul li span{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.stu_ul li.current{ z-index:10;} 
.stu_ul li.current span{ background:rgba(0,0,0,0);}

/*erwm*/
.erwm{ width:100%; height:469px; background:url(../images/erwm.jpg) no-repeat top center;}
.erw_ul { padding:40px 0 0 30px;}
.erw_ul li{ width:210px; float:left; margin-right:34px; text-align:center; color:#fff;}
.erw_ul li img{ margin:0 auto;}
.erw_ul li p{ font-size:20px; line-height:70px; }



/*扉页*/
.feiye{ line-height:30px;font-size:12px; color:#2776C1;text-align:center;}