/* CSS Document */
@charset "gb2312";
/*
* Description: 云私塾
* Update:      02/06/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}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}


/*banner开始*/
.banner{ width:100%; }
.banner_01{height:97px;background:url(../images/banner_01.jpg) center top no-repeat; }
.banner_02{height:308px;background:url(http://hqkc.hqwx.com/uploadfile/2017/1218/20171218103715420.jpg) center top no-repeat;padding-top:24px;}
.banner_03{height:97px;background:url(../images/banner_03.jpg) center top no-repeat;}

.banner_video{width:472px;height:284px;margin-left:502px;overflow:hidden;}

/*云私塾*/
.yuns_wrap{padding:100px 0 50px;}
.title img{margin:0 auto; display:block;}
.title p{  letter-spacing:1px;font-size:16px; text-align:center; color:#616161; line-height:30px; padding-top:23px;}
.yuns_wrap .title p{ padding-left: 129px; width:747px; text-align:left;}
.title p em{ color:#51b8f1;}

.yuns_con{margin-top:70px;}
.yuns_con li{width:322px;height:175px;margin-bottom:40px;padding:98px 0 0 166px;}
.yuns_01,.yuns_03{float:left;}
.yuns_02,.yuns_04{float:right;}
.yuns_01{background:url(../images/yuns_01.jpg) no-repeat;}
.yuns_02{background:url(../images/yuns_02.jpg) no-repeat;}
.yuns_03{background:url(../images/yuns_03.jpg) no-repeat;}
.yuns_04{background:url(../images/yuns_04.jpg) no-repeat;}
.yuns_lic{width:322px;height:142px;background-color:#3e8be2;}
.yuns_lic p{line-height:28px;font-size:16px;color:#F0F0F0;padding:25px 19px 0;}
.yuns_lic p em{ color:#fff;line-height:34px;font-size:22px;font-weight:bold;}

/*六大功能*/
.six_wrap{height:780px;background:url(../images/six_bg.jpg) center top no-repeat;padding-top:92px;}
.six_wrap .title p{ padding-left: 103px; width:803px;text-align:left;}

.six_con{margin-top:40px;}
.six_con li{float:left;width:280px;height:178px;background-color:rgba(255,255,255,0.4);padding:10px;margin:0 50px 42px 0;cursor:pointer;position:relative;}
.six_con li.cur{z-index:9;}
.six_m{width:280px;height:150px;background-color:#fff;padding-top:28px;}
.six_m img{ display:block;margin:0 auto;}
.six_m p{line-height:28px;font-size:20px;color:#252525;text-align:center;margin-top:20px;}

.six_mb{width:0;height:0;background-color:rgba(255,255,255,0.4);padding:10px;position:absolute;display:none;overflow:hidden;}
.six_mb1{top:0;left:0;}
.six_mb2{top:0;left:-350px;}
.six_mb3{top:0;right:0;}
.six_mb4{bottom:0;left:0;}
.six_mb5{bottom:0;left:-350px;}
.six_mb6{bottom:0;right:0;}

.six_mbc{width:876px;height:346px;background-color:#fff;padding:72px 42px 0 62px;overflow:hidden;}
.six_mbl{float:left;width:342px;padding-top:58px;}
.six_mbl h4{display:inline-block;height:44px;line-height:44px;font-size:24px;color:#51b8f1;border-bottom:1px solid #51b8f1;}
.six_mbc .six_mbl p{line-height:30px;font-size:16px;color:#838383;margin-top:20px;text-align:left;}
.six_mbr{float:right;width:490px;}

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

.fit_con{margin-top:55px;}
.fit_con li{float:left;overflow:hidden;width:220px;margin:0 17px;}
.fit_l{float:left;width:150px;}
.fit_l p{height:43px;line-height:42px;font-size:30px;color:#fff;}
.fit_l p em{display:inline-block;vertical-align:middle;height:42px;font-weight:bold;border-bottom:1px dashed #fff;margin-top:-5px;}
.fit_l span{display:block;height:28px;line-height:28px;font-size:14px;color:#fff;}

.fit_r{float:left;width:42px;margin-top:17px;}

/*tea_tui*/
	.tea_tui .bg_con{ padding:100px 0 66px 0;}
	.tui_t h4,.tui_t p{ float:left;} 
	.tui_t h4{ margin-top:5px; width:148px; height:52px; line-height:52px; font-size:24px; text-align:center; background-color:#3ca7e2; color:#fff; }
	.tui_t p{ line-height:30px; color:#51b8f1; padding-left:20px; }
	.tui_p{ padding-top:40px;  width:557px; position:relative;} 
	.tui_p p{ font-size:16px; line-height:30px; color:#545454;}
	.tui_p p a{ color:#51b8f1; cursor:pointer;}
	.tui_p p a:hover{ color:#333; }
	.timg_l{ position:absolute; top:48px; left:-68px;}
	.timg_r{ position:absolute; bottom:-20px; right:-45px;}
	.tui_i{ position:absolute; top:40px; right:44px;}
	.teat_con{  cursor:pointer; overflow:hidden; height:490px; position:relative;}
	.teat_con .tet_a{ display:none; z-index:50; position:absolute; top:250px;}
	.tet_al{ left:0;}
	.tet_ar{ right:0;}
	.tui_con{ width:900px; position:relative; padding:90px 0 0 100px; }
	.teat_con ul{ position:absolute; width:6000px;  top:0; left:0;}
	.teat_con ul li{ float:left;}

/*teacher*/
	.bg{ width:100%;  background:url(../images/tea_bg.jpg) no-repeat top center; position:relative;background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
	.bg.cur .bg_con { width:100%; height:100%; background-color: rgba(255, 255, 255, 1); }
	.teacher.bg{ height:754px;padding-top:100px;  background:url(../images/tea_bg.jpg) top center; position:relative;background-attachment: fixed; background-size: cover;   }
	.tea_con{ padding-top:65px;}
	.tea_ul{ position:relative; overflow:hidden; height:369px; }
	.tea_ul ul{ width:8000px; position:absolute; top:0; left:0;}
	.tea_ul li{ cursor:pointer; color:#9a9a9a; float:left; width:234px; height:369px; background-color:#fff; margin-right:20px;}
	.tli_it{ overflow:hidden; position:relative;}
	.tli_itd{width:234px; height:166px; padding-top:67px; background-color:rgba(81,184,241,0.7); position:absolute; top:-100%; z-index:10; left:0; }
	.tli_itd img{ display:block; margin:0 auto;}
	.tli_b{ padding:15px 20px 0 10px;}
	.tli_b h4{ line-height:34px; font-size:20px; color:#51b8f1;letter-spacing:2px; }
	.tli_b h4 span{ display:inline-block; vertical-align:middle; width:19px; height:14px; background:url(../images/tea_02.png) no-repeat; margin-left:5px; }
	.tli_b h5{ line-height:30px;}
	.tli_b p{ font-size:14px; line-height:18px; }
	.btnb{ padding:32px 0 0 440px;}
	.btnb a,.tet_a{ display:block; float:left; width:53px; height:53px; border:1px solid #72c5f2; border-radius:50%; }
	.tea_al,.tet_al{ margin-right:10px; background:url(../images/tea_03h.png) no-repeat center center;}
	.tea_al:hover,.tet_al:hover{background:url(../images/tea_03.png) no-repeat center center; background-color:#51b8f1; }
	.tea_ar,.tet_ar{ background:url(../images/tea_04.png) no-repeat center center;}
	.tea_ar:hover,.tet_ar:hover{background:url(../images/tea_04h.png) no-repeat center center; background-color:#51b8f1; }

/*student*/
	.student .bg_con { padding:100px 0 95px 0; }
	.stu_ul { padding-top:123px;}
	.stu_ul li{margin-right:19px;-moz-transition: .5s linear;-ms-transition: .5s linear;-o-transition: .5s linear;-webkit-transition: .5s linear;transition: .5s linear;cursor:pointer; padding-left:22px; width:296px; height:457px; border-radius:5px; float:left; border:1px solid #ccc;}
	.sli_t{line-height:24px; padding-top:56px; position:relative; text-align:center; }
	.sli_t img{ position:absolute; top:-57px; left:103px;}
	.sli_t h4{ color:#252525;  }
	.sli_t span{ color:#51b8f1;}
	.sli_p p{ padding-bottom:24px; font-size:14px; color:#737373; line-height:24px;}

	.sli_p{ padding:0px 10px 0 0; margin-top:20px; overflow:hidden; height: 290px; }
	.stu_ul li.cur{animation:1s ;  border:1px solid #51b8f1;box-shadow:#e7e7e7  0 4px 0 0; }
	.stu_ul li.cur .sli_p{ overflow-x: hidden; overflow-y: auto;  }
    /*滚动条样式*/
    .sli_p::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px;height: 20px;   /*高宽分别对应横竖滚动条的尺寸*/}
    .sli_p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background:#d4d4d4; border-radius:10px;}
    .sli_p::-webkit-scrollbar-track {/*滚动条里面轨道*/  background:#f4f4f4; }

/*tao_bg*/
	.tao_bg{ width:100%; padding-top:78px; height:735px; background-color:#fff;}
	.tao_con{ margin-top:64px; height:464px; background-color:#fff; box-shadow:rgba(6,0,1,0.12) 0 0 32px 1px; }
	.tao_ul{ width:320px; height:464px; background:url(../images/tao_01.jpg) no-repeat; }
	.tao_ul li{ padding-top:10px; width:79px; float:left; height:454px; cursor:pointer; text-align:center; background-color:rgba(255,255,255,0.3); margin-right:1px; font-size:18px; font-weight:bold; color:#fff;}
	.tao_ul li.cur{ background-color:rgba(255,255,255,0); }
	.tad_l,.tad_r,.tao_ul,.tao_d{ float:left;}
	.tao_d{ padding:18px 0; width:680px;}
	.tad_con{ display:none;}
	.tad_con.cur{ display:block;}
	.tad_con p,.tad_r dd{ line-height:24px;color:#999; font-size:14px; }
	.tad_l{ border-right:1px solid #eeeeee; height:432px; padding-left: 40px; width:350px;}
	.tal_t{ padding-top:24px; height:103px;}
	.tal_t h4{ padding-bottom:20px; line-height:20px; font-size:24px; color:#009df0; }
	.tal_t span{ display:inline-block; vertical-align:middle; margin:-5px 0px 0 10px;font-size:12px; color:#f52f3e; border:1px solid #f52f3e; border-radius:3px; height:20px; line-height:20px; width:158px; text-align:center;}
	.tal_c dt{ font-size:14px; color:#444444; line-height:30px; }
	.tal_c dt em{ color:#ff6e6e;}
	.tal_c dd{ overflow:hidden; padding-bottom:13px;}
	.tal_c dd p{ float:left; padding-right:10px;}

	label{ overflow:hidden; cursor:pointer; position:relative; float:left; margin:5px 5px 0 5px;}
	label input{ position:absolute; top:-16px; left:-16px;}
	label span{ float:left;  width:14px; height:14px; border:1px solid #bfbfbf; background-color:#fff; }
	.checked{ background-color:#487fce;}
	.btna { padding-top:23px;}
	.btna a{ font-size:14px; display:block; text-align:center; border-radius:5px; color:#fff; float:left; width:91px; height:32px; line-height:32px;}
	.btna .btn1{ background-color:#009df0; margin-right:11px;}
	.btna .btn1:hover{ background-color:#47b8f3; }
	.btna .btn2{ background-color:#ed664b; }
	.btna .btn2:hover{ background-color:#ff937d; }
	.tad_r{ padding:10px 0 0 25px;}
	.tad_r dt{ font-size:18px; color:#444; line-height:38px; }
	.tad_r .dd_01{ height:166px;}
	.tad_r .dd_02{ height:80px;}
	.tad_r .dd_03{ height:60px;}
	.tad_r dd em{ color:#f52f3e;}

/*扉页*/
.feiye{ line-height:30px;font-size:12px; text-align:center;color:#D7E4E5; padding-top:70px;}