@charset "utf-8";
/* CSS Document */
body {font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";margin:0;padding:0;font-size:12px;color:#000; background:#fff; } 
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;} 
ul,li{list-style-type:none;} 
img{border:0;} 
input,select,textarea{vertical-align:middle;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;} 
header, section, footer, aside, nav, main, article, figure { display: block; } 
/* Link */ 
a{color:#333333;text-decoration:none;} 
a:hover {text-decoration:none;-webkit-transition: .8s} 
/* Other */ 
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;} 
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */ 
.f_left{float:left;} 
.f_right{float:right;} 
.img{vertical-align:middle;}
p.c-fff{color:#fff;}
.tat-span{ width:100%; height:1px;display:block; min-width:1200px;}


.banner{width:100%;height:588px;min-width:1200px;}
.banner01{width:100%;height:304px; background: url(../images/banner01.jpg) center no-repeat;}
.banner02{width:100%;height:284px; background: url(../images/banner02.jpg) center no-repeat;}
.banner01 .head{width:1200px;height:auto;margin:0 auto}
.logo{width:155px;height:49px;float:left;margin:35px 0 0 35px;}
.back{width:89px;height:30px;float:right;margin:40px 35px 0 0}

.btitle{ width:100%; height:auto; font-size:36px; color:#111; padding-top:96px; font-weight:bold;}
.btitle b{color:#7493e4;}
.btitle span{font-size:16px; color:#999; display:block; margin-top:25px;font-weight:normal;}

.condiv{ width:1200px; height:auto; margin:0 auto; position:relative; min-width:1200px; text-align:center;}

/*困扰*/
.con-kun{width:100%;height:778px; background: url(../images/conbg01.jpg) center top no-repeat;min-width: 1200px}
.kunlist{width:1200px;height:auto;margin-top:140px;position:relative; }
.kunlist li{ position: absolute; width:324px; height:216px; background: url(../images/kunbg01.png) no-repeat;-webkit-transition: .8s}
.kunlist li span{font-size:18px;color:#fff; font-weight:bold;line-height:40px; display: block;}
.kunlist li p{color:#999;line-height:24px;font-size:14px; text-align: left;padding-left:60px;padding-top:12px;}
.kunlist li.kun01{top:0;left:40px;}
.kunlist li.kun02{top:0;right:40px;}
.kunlist li.kun03{top:227px;left:100px;}
.kunlist li.kun04{top:227px;right:100px;}
.kunlist li.kun02 p{padding-left:48px;}
.kunlist li.kun03 p{padding-top:22px;}
.kunlist li.kun04 p{padding-top:22px;}
.kunlist li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}

/*表单*/
.con-input{width:100%;height:485px;background:url(../images/conbg02.jpg) repeat-x;min-width:1200px;}
.input-form{width:640px;height:246px; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(34,24,21,0.2);margin:60px auto 0;}
.bm_input{ display:inline-block; width:194px; height:40px; line-height:40px; border:1px #e3e3e3 solid; padding:0 10px 0 30px; font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; font-size:14px; color:#999; margin-right:12px;}
.input-list{width:516px;height:auto;padding:22px 0 0 74px;float:left;}
.input-list li{float:left;margin:12px 10px 12px 0; position: relative;}
.input-icon{ position: absolute;left:10px;top:12px;}
.input-icon2{ position: absolute;left:10px;top:14px;}
.z_btn{display:inline-block; width:214px; height:42px; line-height:42px; font-size:14px; color:#fff; background:#7493e4; border:none; cursor:pointer; font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";  border-radius: 6px;margin-top:12px;}
input::-webkit-input-placeholder{
color:#999;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#999;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#999;	}
input:-ms-placeholder{
color:#999;	}


/*老师*/
.con-teacher{width:1200px;height:auto;margin:0 auto;margin-top:10px;margin-bottom:100px;}
.liucheng-wrap {width: 100%;margin-top: 60px;}
.liucheng-wrap:after {content: "";clear: both;display: block;}
.liucheng-item {width: 226px;height: 460px;box-shadow: 0 10px 30px rgba(34,24,21,0.2); border-radius:8px;margin-right:10px;overflow: hidden;-webkit-transition: all .3s ease;float: left;}
.liucheng-item-hover {width: 482px;}
.liucheng-item-hover .lc-top {margin:0 32px; border-bottom:1px solid #e7e7e7;}
.liucheng-item-hover .lc-top .teacher-img {width:140px;height:130px; background:#efefef;text-align: center; vertical-align: middle; border-radius:75px;padding-top:10px;float:left;}
.liucheng-item-hover .lc-top .teacher-js{margin-left:32px;float:left;padding-top:14px; opacity: 1;}
.liucheng-item-hover .lc-top .teacher-js span{font-size:18px;color:#333;line-height:32px;font-weight:bold;}
.liucheng-item-hover .lc-top .teacher-js p{font-size:14px;color:#333;line-height:32px;}
.liucheng-item-hover .lc-top .teacher-js i{font-size:12px;color:#fff;line-height:20px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:0 5px;}
.liucheng-item-hover .lc-top .teacher-js p.yl{font-size:12px;color:#999;line-height:32px;}
.liucheng-item-hover .lc-top i {color: #fff;}
.liucheng-item-hover .liucheng-content1 {display: none;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.liucheng-item-hover .liucheng-content2 {opacity:1;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.lc-top .teacher-js{  opacity: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);color:#fff;}
.lc-top {
  width: 86%;
  height: 170px;
  padding-top: 18px;
  margin:0 auto;
}
.lc-top .teacher-img {width:140px;height:130px; background:#efefef;text-align: center; vertical-align: middle; border-radius:75px;padding-top:10px;margin:0 auto;}
.liucheng-content {width: 100%; height: calc(100% - 214px);}
.liucheng-content1 {width: 86%;height: 100%;display: table;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.liucheng-content1 {display: table-cell;vertical-align: middle;padding: 0 40px;}
.liucheng-content1 .teacher-js2{ padding-top:14px; text-align: center;}
.liucheng-content1 .teacher-js2 span{font-size:18px;color:#333;line-height:32px;font-weight:bold;}
.liucheng-content1 .teacher-js2 p{font-size:14px;color:#333;line-height:32px;}
.liucheng-content1 .teacher-js2 i{font-size:12px;color:#fff;line-height:20px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:0 5px;margin-top:28px;}
.liucheng-content1 .teacher-js2 p.yl{font-size:12px;color:#999;line-height:32px; }
.liucheng-content1 .ghal-title {line-height:55px;margin-top:64px; text-align: center;}
.liucheng-content1 .ghal-title span{font-size:16px;color:#333; font-weight:bold; line-height:55px;padding-left:14px;width:100%;background: url(../images/t-icon.jpg) left  no-repeat;}
.liucheng-content2 {width: 482px;height: 100%;opacity: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.liucheng-content2 > div {display: table-cell;vertical-align: middle;padding: 0 37px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.liucheng-content2 .ghal-title {width:100%;background: url(../images/t-icon.jpg) left  no-repeat;line-height:50px;}
.liucheng-content2 .ghal-title span{font-size:16px;color:#333; font-weight:bold; line-height:55px;padding-left:14px;}
.liucheng-content2 .ghal-title a{float:right;font-size:14px;color:#999;width:100px; display:inline-block; text-align:center;line-height:30px; border:1px solid #e3e3e3; border-radius:6px;margin-top:10px;}
.liucheng-content2 .stu-list{width:100%;height:auto;}
.liucheng-content2 .stu-list li{margin:20px 0 6px 0;width:100%;float:left;}
.liucheng-content2 .stu-list li .stu-img{float:left;width:70px; margin-right:20px;}
.liucheng-content2 .stu-list li p{font-size:14px;color:#999;line-height:24px;padding-top:12px;}



/*电子书*/
.book{width:100%;height:717px;background:#f4f7fe;min-width:1200px;}
.book-l{width:526px;height:335px; position:relative;margin:50px 0 0 60px; background:#fff; border-radius:12px;float:left;}
.book-r{width:526px;height:335px; position:relative;margin:70px 70px 0 0; background:#e7eeff; border-radius:12px;float:right;}
.book-js{padding:40px 52px; position: relative;}
.book-title{float:left;width:160px;height:208px;background:#f4f7fe;border-radius:10px;}
.book-r .book-title{float:left;width:160px;height:208px;background:#fff;border-radius:10px;}
.book-title span{font-size:20px;color:#333;display:inline-block; text-align: center;padding-top:32px;}
.book-title em{width:42px;height:2px; background:#c7c7c7; margin:0 auto; display: block;margin-top:12px;}
.book-title p{font-size:12px;color:#666666;margin-top:15px;}
.book-title a{width:120px;line-height:34px; background:#f87d00; border-radius:20px;color:#fff;font-size:14px; display:block;margin:0 auto;margin-top:50px;}
.book-img{float:right;padding-right:40px;padding-top:15px;}
.book-r .book-img{float:right;padding-right:20px;padding-top:50px;}
span.book-tip{width:526px;line-height:50px;background:#c8c9ca; border-bottom-left-radius: 12px;border-bottom-right-radius: 12px; position: absolute;bottom:0;left:0;color:#333;font-size:16px; text-align: center;}
.book-r span.book-tip{width:526px;line-height:50px;background:#8ea7e9; border-bottom-left-radius: 12px;border-bottom-right-radius: 12px; position: absolute;bottom:0;left:0;color:#fff;font-size:16px; text-align: center;}
.warp_in{width:526px;height:300px; background:#8ea7e9;opacity:0.9; position: absolute;bottom:0;left:0;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px; display:none;}
.warp_in h2{font-size:16px;line-height:52px;color:#fff;}
.warp_in em{width:60px;height:2px; background:#fff; margin:0 auto; display: block;margin-bottom:24px;}
.warp_in span{font-size:14px;border:1px solid #fff;line-height:26px;width:70px; display:block;margin-left:30px;color:#fff;}
.warp_in p{font-size:12px;color:#fff;margin:8px 30px;line-height:20px; text-align: left;}
.warp_in2{width:526px;height:300px; background:#8ea7e9;opacity:0.9; position: absolute;bottom:0;left:0;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px; display:none;}
.warp_in2 h2{font-size:16px;line-height:52px;color:#fff;}
.warp_in2 em{width:60px;height:2px; background:#fff; margin:0 auto; display: block;margin-bottom:24px;}
.warp_in2 span{font-size:14px;border:1px solid #fff;line-height:26px;width:70px; display:block;margin-left:30px;color:#fff;}
.warp_in2 p{font-size:12px;color:#fff;margin:8px 30px;line-height:20px; text-align: left;}


/*课程*/
.lesson{width:100%;height:850px;background:#7493e4;min-width:1200px;}
.kecheng{width:955px;height:auto;margin:0 auto;margin-top:70px;}
.kclist{width:332px;height:430px; background:#d2deff; border-radius:12px;padding:10px 10px 0 10px;float:left;}
.kclist li{width:332px;height:129px; background:url(../images/kcbg.png) no-repeat;margin-bottom:15px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.kclist li em{padding:30px 35px 0 50px;float:left;width:61px;height:61px;}
.kclist li span{font-size:20px;font-weight:bold;color:#7493e4;margin-top:46px;float:left;}
.kclist li.hover{background:url(../images/kc01bg_03.png) no-repeat; cursor: pointer;  cursor:pointer; box-shadow: 0 5px 30px rgba(34,24,21,0.1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.con_kecheng{width:562px;height:430px;background:#d2deff; border-radius:12px;padding:10px 10px 0 10px;float:right;}
.con_kechengbg{width:562px;height:370px;background:#fff;border-radius:12px;padding-top:50px;}
.con_kechengbg h3{width:100%;display:block;margin-left:25px;padding-left:15px;font-size:20px;color:#7493e4;font-weight:bold; text-align: left; background: url(../images/lesson02.png) left no-repeat;}
.con_kechengbg p{color:#999;font-size:12px; text-align: left;line-height:22px;padding:25px;}
.con_kechengbg span{ background: url(../images/lesson01.png) left no-repeat; line-height:50px;height:50px; display:inline-block;margin:30px 0 0 0px;padding-left:60px;font-size:14px;color:#999;}
.baoming{width:275px;height:auto;float:right;margin-top:20px;}
.baoming a{width:102px;height:32px; border-radius: 6px; line-height:32px; display:inline-block;margin-right:26px; color:#fff;font-size:14px; text-align: center;}
a.bao1{background:#f87d00;}
a.bao2{background:#7493e4;}

/*底部悬浮*/
.bottom{width:100%;height:170px; position: fixed; bottom: 0;min-width:1200px;z-index:666;}
.close-warp{width:148px;height:166px; position: absolute;left:0; display:none; cursor:pointer}
.bottom-warp{width:100%;height:170px;background:url(../images/bottom-bg.png) bottom repeat-x;min-width:1200px; }
.bottom-img{width:885px;margin:0 auto; position: relative;}
.bottom-warp span{width:25px;height:25px; position: absolute;top:55px;right:-92px;cursor: pointer;}



.star-none{ width:100%; height:auto;}
.star-phone{ width:100%; height:auto;}

/*手机*/

@media screen and (min-width: 981px) {
.star-phone{ display:none;}
}

@media screen and (max-width: 980px) {
.star-none{ display:none;}
html{font-size:62.5%;background: #fff;}  
body {font:normal 100% Arial,sans-serif;font-size:14px; font-size:1.4rem; font-family:"微软雅黑" }  
img { width:100%; -ms-interpolation-mode: bicubic;} 
.ph-banner{width:100%;height:auto;margin:0 auto; position:relative}


.style-5 .btitle{ width:100%; height:auto; font-size:3.2rem; color:#111; padding-top:4rem; font-weight:bold; text-align:center;}
.style-5 .btitle b{color:#7493e4;}
.style-5 .btitle span{font-size:1.8rem; color:#999; display:block; margin-top:2.5rem;font-weight:normal;}


.ph-kun{width:100%;height:100%;overflow:hidden; background:url(../images/mobile/ph-bg01.jpg) top no-repeat; background-size:100%;}
.ph-kunlist{width:80%;height:500px; margin:4rem auto 0}
.ph-kunlist li{ width:40%; height:3.6rem; box-shadow: 0 5px 30px rgba(34,24,21,0.2); float:left; position:relative}
.ph-kunlist li span{font-size:2.2rem;color:#fff; font-weight:bold;line-height:3rem; display: block;width:100%;background:#7493e4; text-align:center}
.ph-kunlist li .kunp{width:90%;height:auto;background:#fff;box-shadow: 0 5px 30px rgba(34,24,21,0.2);padding:1rem 5%}
.ph-kunlist li p{color:#999;line-height:2.4rem;font-size:1.6rem; text-align: left; }

.ph-kunlist li.kun01{top:2rem;left:5rem }
.ph-kunlist li.kun02{top:3rem;left:6rem }
.ph-kunlist li.kun03{top:16rem;left:5rem }
.ph-kunlist li.kun04{top:17rem;left:6rem }

/*老师*/
.ph-teacher{width:100%;height:100%;overflow:hidden;background:#f4f7fe}
.four_e{ position:relative; width: 92%; height: auto; margin:0 auto;padding-bottom: 5%;}
.swiper-container{   width: 100%;   height: 100%;  }
.swiper-slide {  text-align: center;
           /* Center slide text vertically */   display: -webkit-box;   display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;   -ms-flex-pack: center;   -webkit-justify-content: center;   justify-content: center;   -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; padding-bottom:0%; }
.swiper-slide li{ width:100%; height:auto;}
.four-all{ width:97%; height:auto; border:1px #e3e3e3 solid; box-shadow:0 5px 15px 1px rgba(0,0,0,0.15); display:table;border-radius: 10px;margin-top: 4%;margin-bottom: 2%; background:#fff;padding-bottom:2rem}
.stu_right{ width:70%;float:right;margin-top:9%}
.stu_left{margin: 4% 2% 4% 5%;float:left;width:20% }
.stu_right p{ font-size:2.8rem;text-align:left}
.stu_right p b{margin-right:2%; font-size:2.8rem;}
.stu_right span{ font-size:1.8rem;margin-right: 3%; display:inline-block; float:left;line-height:5rem;color:#999}
.stu_right span i{font-size:1.8rem;color:#fff;line-height:26px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:0 5px;margin-right:0.5rem}
.stu-no{ display:none !important;}
.ph-ghan{width:92%;height:auto;border-top:1px solid #e7e7e7;vertical-align: middle;margin:0 auto;padding-top:2rem}
.ph-ghan .ghal-title {width:96%;margin:0 2%;background: url(../images/t-icon.jpg) left  no-repeat;line-height:5rem;}
.ph-ghan .ghal-title span{font-size:2.0rem;color:#333; font-weight:bold; line-height:55px; width:80%; text-align:left; display:inline-block}
.ph-ghan .ghal-title a{float:right;font-size:1.8rem;color:#999;padding:0 2rem; display:inline-block; text-align:center;line-height:2.5rem; border:1px solid #e3e3e3; border-radius:0.6rem;margin-top:1rem;}
.ph-ghan .stu-list{width:92%;height:auto;margin:0 4%;}
.ph-ghan .stu-list li{margin:1rem 0 1rem 0;width:100%;float:left;}
.ph-ghan .stu-list li .stu-img{float:left;width:15%;margin-right:2rem;}

.ph-ghan .stu-list li p{font-size:1.8rem;color:#999;line-height:3rem;text-align:left;width:76%;float:right;margin-top:1.5rem}
.stu_right i{font-size:12px;color:#fff;line-height:20px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:2px 6px; }
.stu_right p.yl{font-size:12px;color:#f4f7fe;line-height:32px;}



.ph-booklist{width:90%;margin:5% 5% 10% 5%; position:relative;  }
.ph-booklist li{width:100%;height:100%; overflow:hidden; border-radius:8px;box-shadow:0 5px 15px 1px rgba(0,0,0,0.15); margin-bottom:2rem }
.ph-booklist li .bookimg{width:20%;height:auto;float:left;margin:5% 0% 5% 8%}
.ph-booklist li .bookimg2{width:20%;height:auto;float:left;margin:10% 0% 5% 8%}
.ph-booklist li .booknr{float:right;width:60%;margin:5%;}
.ph-booklist li .booknr span{font-size:2.6rem; font-weight:bold;}
.ph-booklist li .booknr p{font-size:1.6rem;color:#999;line-height:2.6rem;padding:1rem 0 0 0}


.ph-form{width:100%;height:100%; overflow:hidden;background:#7493e4;}
.formlist{width:80%;height:100%; overflow:hidden;margin: 10%; background:#fff; border-radius:10px; box-shadow:0 5px 15px 1px rgba(0,0,0,0.15);padding:10% 0}


.enrol-shu{ width:96%; margin:0.6rem auto 0;position:relative;height:auto;}
.enrol-shu span{ float:left; height:0.43rem;line-height:0.43rem; width:7.47%; }


.img18{ width:100%; max-width:14px; margin-top:0.8rem;position:absolute;left:7.6rem;top:1.2rem; z-index:22}
.img19{ width:100%; max-width:14px; position:absolute;left:7.6rem;top:2.2rem; z-index:22}
.img20{ width:100%; max-width:14px;  margin-top:0.4rem;position:absolute;left:7.6rem;top:1.4rem; z-index:22}
.img21{ width:100%; max-width:14px;  margin-top:0.4rem;position:absolute;left:7.6rem;top:1.6rem; z-index:22}

.enrol-shu input{ line-height:3.8rem; width:75%; margin-left:1.6rem; margin-top:0.6rem; font-size:1.8rem; color:#cacaca; outline:none; font-family:"Microsoft YaHei";font-size:1.4rem; padding-left:3.2rem; position:relative; border:1px solid #cacaca;}
input::-webkit-input-placeholder{ 
color:#cacaca;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#bebebe;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#bebebe;	}
input:-ms-placeholder{
color:#bebebe;	}

.bm-sel{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}

.enrol-sub{ height:6rem; margin-top:4rem;width:50%; margin:0 25%}
.enrol-sub input{ width:100%; height:4.6rem; background: #7493e4;  border-radius:0.4rem;-webkit-border-radius:0.4rem; color:#fff; font-size:2.2rem; line-height:3.2rem;color:#fff; border:none;padding:0;margin:2rem 0 0 0 }


}

@media screen and (max-width: 740px) {
.style-5 .btitle{ width:100%; height:auto; font-size:2.8rem; color:#111; padding-top:4rem; font-weight:bold; text-align:center;}
.style-5 .btitle b{color:#7493e4;}
.style-5 .btitle span{font-size:1.6rem; color:#999; display:block; margin-top:2.5rem;font-weight:normal;}


.ph-kun{width:100%;height:100%;overflow:hidden; background:url(../images/mobile/ph-bg01.jpg) top no-repeat; background-size:100%;}
.ph-kunlist{width:80%;height:500px; margin:4rem auto 0}
.ph-kunlist li{ width:40%; height:3.6rem; box-shadow: 0 5px 30px rgba(34,24,21,0.2); float:left; position:relative}
.ph-kunlist li span{font-size:2.2rem;color:#fff; font-weight:bold;line-height:3rem; display: block;width:100%;background:#7493e4; text-align:center}
.ph-kunlist li .kunp{width:90%;height:auto;background:#fff;box-shadow: 0 5px 30px rgba(34,24,21,0.2);padding:1rem 5%}
.ph-kunlist li p{color:#999;line-height:2.4rem;font-size:1.6rem; text-align: left; }

.ph-kunlist li.kun01{top:2rem;left:5rem }
.ph-kunlist li.kun02{top:3rem;left:6rem }
.ph-kunlist li.kun03{top:16rem;left:5rem }
.ph-kunlist li.kun04{top:17rem;left:6rem }

.ph-ghan{width:92%;height:auto;border-top:1px solid #e7e7e7;vertical-align: middle;margin:0 auto;}
.ph-ghan .ghal-title {width:96%;margin:0 2%;background: url(../images/t-icon.jpg) left  no-repeat;line-height:5rem;}
.ph-ghan .ghal-title span{font-size:2.0rem;color:#333; font-weight:bold; line-height:55px; width:75%; text-align:left; display:inline-block}
.ph-ghan .ghal-title a{float:right;font-size:1.8rem;color:#999;padding:0 2rem; display:inline-block; text-align:center;line-height:2.5rem; border:1px solid #e3e3e3; border-radius:0.6rem;margin-top:1rem;}
.ph-ghan .stu-list{width:92%;height:auto;margin:0 4%}
.ph-ghan .stu-list li{margin:0.5rem 0 0.6rem 0;width:100%;float:left;}
.ph-ghan .stu-list li .stu-img{float:left;width:15%;margin-right:2rem;}
.ph-booklist li .bookimg{width:20%;height:auto;float:left;margin:8% 0% 5% 8%}
.ph-booklist li .bookimg2{width:20%;height:auto;float:left;margin:14% 0% 5% 8%}
.ph-booklist li .booknr p{font-size:1.6rem;color:#999;line-height:2.6rem;padding:1rem 0 0 0}

.img18{ width:100%; max-width:14px; margin-top:0.8rem;position:absolute;left:6.6rem;top:1.2rem; z-index:22}
.img19{ width:100%; max-width:14px; position:absolute;left:6.6rem;top:2.2rem; z-index:22}
.img20{ width:100%; max-width:14px;  margin-top:0.4rem;position:absolute;left:6.6rem;top:1.4rem; z-index:22}
.img21{ width:100%; max-width:14px;  margin-top:0.4rem;position:absolute;left:6.6rem;top:1.6rem; z-index:22}

.enrol-shu input{ line-height:3.8rem; width:72%; margin-left:1.6rem; margin-top:0.6rem; font-size:1.8rem; color:#cacaca; outline:none; font-family:"Microsoft YaHei";font-size:1.4rem; padding-left:3.2rem; position:relative; border:1px solid #cacaca;}
input::-webkit-input-placeholder{ 
color:#cacaca;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#bebebe;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#bebebe;	}
input:-ms-placeholder{
color:#bebebe;	}

.bm-sel{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}

.enrol-sub{ height:6rem; margin-top:4rem;width:50%; margin:0 25%}
.enrol-sub input{ width:100%; height:4.6rem; background: #7493e4;  border-radius:0.4rem;-webkit-border-radius:0.4rem; color:#fff; font-size:2.2rem; line-height:3.2rem;color:#fff; border:none;padding:0;margin:2rem 0 0 0 }

}
@media screen and (max-width: 640px) {
.ph-kunlist{width:100%;height:500px; margin:4rem auto 0}
.img18{ width:100%; max-width:14px; margin-top:0.8rem;position:absolute;left:6.0rem;top:1.2rem; z-index:22}
.img19{ width:100%; max-width:14px; position:absolute;left:6.0rem;top:2.2rem; z-index:22}
.img20{ width:100%; max-width:14px;  margin-top:0.4rem;position:absolute;left:6.0rem;top:1.4rem; z-index:22}
.img21{ width:100%; max-width:14px;  margin-top:0.4rem;position:absolute;left:6.0rem;top:1.6rem; z-index:22}
	.enrol-shu input{  width:70%; margin-left:1.6rem;}
	input::-webkit-input-placeholder{ 
color:#cacaca;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#bebebe;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#bebebe;	}
input:-ms-placeholder{
color:#bebebe;	}
.enrol-sub{ height:6rem; margin-top:4rem;width:50%; margin:0 25%}
.enrol-sub input{ width:100%; height:4.6rem; background: #7493e4;  border-radius:0.4rem;-webkit-border-radius:0.4rem; color:#fff; font-size:2.2rem; line-height:3.2rem;color:#fff; border:none;padding:0;margin:2rem 0 0 0 }
}
@media screen and (max-width: 568px) {
	.ph-kunlist{width:100%;height:450px; margin:1rem auto 0}
	.ph-kunlist li{ width:44%; height:3.6rem; box-shadow: 0 5px 30px rgba(34,24,21,0.2); float:left; position:relative}
	.ph-kunlist li.kun01{top:2rem;left:2rem }
.ph-kunlist li.kun02{top:3rem;left:3rem }
.ph-kunlist li.kun03{top:16rem;left:2rem }
.ph-kunlist li.kun04{top:17rem;left:3rem }
	
	
	.style-5 .btitle span{font-size:1.6rem; color:#999; display:block; margin-top:1.5rem;font-weight:normal;}


.four_e{ position:relative; width: 92%; height: auto; margin:0 auto;padding-bottom: 2%;}
.swiper-container{   width: 100%;   height: 100%;  }
.swiper-slide {  text-align: center;
           /* Center slide text vertically */   display: -webkit-box;   display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;   -ms-flex-pack: center;   -webkit-justify-content: center;   justify-content: center;   -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; padding-bottom:5%; }
.swiper-slide li{ width:100%; height:auto;}
.four-all{ width:97%; height:auto; border:1px #e3e3e3 solid; box-shadow:0 5px 15px 1px rgba(0,0,0,0.15); display:table;border-radius: 10px;margin-top: 4%;margin-bottom: 2%; background:#fff}
.stu_right{ width:70%;float:right;margin-top:10%}
.stu_left{margin: 8% 2% 8% 5%;float:left;width:20% }
.stu_right p{ font-size:2.4rem;text-align:left}
.stu_right p b{margin-right:2%; font-size:2.4rem;}
.stu_right span{ font-size:1.6rem;margin-right: 3%; display:inline-block; float:left;line-height:5rem;color:#999}
.stu_right span i{font-size:1.6rem;color:#fff;line-height:26px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:0 5px;margin-right:0.5rem}
.stu-no{ display:none !important;}
.ph-ghan{width:92%;height:auto;border-top:1px solid #e7e7e7;vertical-align: middle;margin:0 auto;}
.ph-ghan .ghal-title {width:96%;margin:0 2%;background: url(../images/t-icon.jpg) left  no-repeat;line-height:5rem;}
.ph-ghan .ghal-title span{font-size:1.8rem;color:#333; font-weight:bold; line-height:55px; width:70%; text-align:left; display:inline-block}
.ph-ghan .ghal-title a{float:right;font-size:1.6rem;color:#999;padding:0 2rem; display:inline-block; text-align:center;line-height:2.5rem; border:1px solid #e3e3e3; border-radius:0.6rem;margin-top:1rem;}
.ph-ghan .stu-list{width:92%;height:auto;margin:0 4%}
.ph-ghan .stu-list li{margin:0.5rem 0 0.6rem 0;width:100%;float:left;}
.ph-ghan .stu-list li .stu-img{float:left;width:15%;margin-right:2rem;margin-top:1.5rem}

.ph-ghan .stu-list li p{font-size:1.6rem;color:#999;line-height:2.2rem;text-align:left;width:76%;float:right}
.stu_right i{font-size:12px;color:#fff;line-height:20px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:2px 6px; }
.stu_right p.yl{font-size:12px;color:#f4f7fe;line-height:32px;}

.ph-booklist li .bookimg{width:20%;height:auto;float:left;margin:8% 0% 5% 8%}
.ph-booklist li .bookimg2{width:20%;height:auto;float:left;margin:16% 0% 5% 8%}
.ph-booklist li .booknr span{font-size:2rem; font-weight:bold;}
.ph-booklist li .booknr p{font-size:1.6rem;color:#999;line-height:2.4rem;padding:1rem 0 0 0}

}


@media screen and (max-width: 428px) {
.style-5 .btitle{ width:100%; height:auto; font-size:2.0rem; color:#111; padding-top:4rem; font-weight:bold; text-align:center;}
.style-5 .btitle b{color:#7493e4;}
.style-5 .btitle span{font-size:1.4rem; color:#999; display:block; margin-top:1.2rem;font-weight:normal;padding:0 10%}

.ph-kun{width:100%;height:100%;overflow:hidden; background:url(../images/mobile/ph-bg01.jpg) top no-repeat; background-size:100%;}
.ph-kunlist{width:100%;height:350px;}
.ph-kunlist li{ width:42%; height:3.6rem; box-shadow: 0 5px 30px rgba(34,24,21,0.2); float:left; position:relative}
.ph-kunlist li span{font-size:1.8rem;color:#fff; font-weight:bold;line-height:3rem; display: block;width:100%;background:#7493e4; text-align:center}
.ph-kunlist li .kunp{width:90%;height:auto;background:#fff;box-shadow: 0 5px 30px rgba(34,24,21,0.2);padding:1rem 5%}
.ph-kunlist li p{color:#999;line-height:1.8rem;font-size:1.0rem; text-align: left; }

.ph-kunlist li.kun01{top:2rem;left:3rem }
.ph-kunlist li.kun02{top:3rem;left:5rem }
.ph-kunlist li.kun03{top:14rem;left:3rem }
.ph-kunlist li.kun04{top:15rem;left:5rem }

.stu_right{ width:70%;float:right;margin-top:10%}
.stu_left{margin: 8% 2% 8% 5%;float:left;width:20% }
.stu_right p{ font-size:1.4rem;text-align:left}
.stu_right p b{margin-right:2%; font-size:1.8rem;}
.stu_right span{ font-size:1.2rem;margin-right: 3%; display:inline-block; float:left;line-height:2.4rem;color:#999}
.stu_right span i{font-size:12px;color:#fff;line-height:26px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:0 5px;margin-right:0.5rem}
.ph-ghan{padding-top:0}
.ph-ghan .ghal-title span{font-size:1.4rem;color:#333; font-weight:bold; line-height:55px; width:56%; text-align:left; display:inline-block}
.ph-ghan .ghal-title a{float:right;font-size:1.2rem;color:#999;padding:0 2rem; display:inline-block; text-align:center;line-height:2.5rem; height:2.5rem; border:1px solid #e3e3e3; border-radius:0.6rem;margin-top:1rem;}
.ph-ghan .stu-list li p{font-size:1.2rem;color:#999;line-height:2rem;text-align:left;width:75%;float:right}
.ph-ghan .stu-list li .stu-img{float:left;width:16%;margin-right:2rem;margin-top:2rem}
/*手机电子书*/
.ph-booklist{width:90%;margin:5% 5% 10% 5%; position:relative;  }
.ph-booklist li{width:100%;height:100%; overflow:hidden; border-radius:8px;box-shadow:0 5px 15px 1px rgba(0,0,0,0.15); margin-bottom:2rem }
.ph-booklist li .bookimg{width:20%;height:auto;float:left;margin:11% 0% 5% 8%}
.ph-booklist li .bookimg2{width:20%;height:auto;float:left;margin:20% 0% 5% 8%}
.ph-booklist li .booknr{float:right;width:60%;margin:5%;}
.ph-booklist li .booknr span{font-size:1.4rem; font-weight:bold;}
.ph-booklist li .booknr p{font-size:1.0rem;color:#999;line-height:1.8rem;padding:1rem 0 0 0}

/*手机表单*/
.ph-form{width:100%;height:100%; overflow:hidden;background:#7493e4;}
.formlist{width:80%;height:100%; overflow:hidden;margin: 10%; background:#fff; border-radius:10px; box-shadow:0 5px 15px 1px rgba(0,0,0,0.15);padding:10% 0}


.enrol-shu{ width:96%; margin:0.6rem auto 0;position:relative;height:auto;}
.enrol-shu span{ float:left; height:0.43rem;line-height:0.43rem; width:7.47%; }


.img18{ width:59.1%; max-width:14px; margin-top:0.8rem;position:absolute;left:3.8rem;top:1.2rem; z-index:22}
.img19{ width:5%; position:absolute;left:3.8rem;top:2.2rem; z-index:22}
.img20{ width:4%;  margin-top:0.4rem;position:absolute;left:3.8rem;top:1.4rem; z-index:22}
.img21{ width:5%;  margin-top:0.4rem;position:absolute;left:3.8rem;top:1.6rem; z-index:22}

.enrol-shu input{ line-height:3.8rem; width:70%; margin-left:0.6rem; margin-top:0.6rem; font-size:1.6rem; color:#cacaca; outline:none; font-family:"Microsoft YaHei";font-size:1.4rem; padding-left:3.2rem; position:relative; border:1px solid #cacaca;}
input::-webkit-input-placeholder{ 
color:#cacaca;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#bebebe;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#bebebe;	}
input:-ms-placeholder{
color:#bebebe;	}

.bm-sel{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}

.enrol-sub{ height:6rem; margin-top:4rem;width:50%; margin:0 25%}
.enrol-sub input{ width:100%; height:3.4rem; background: #7493e4;  border-radius:0.4rem;-webkit-border-radius:0.4rem; color:#fff; font-size:1.8rem; line-height:3.2rem;color:#fff; border:none;padding:0;margin:2rem 0 0 0 }


}

@media screen and (max-width: 375px) {
.style-5 .btitle{ width:100%; height:auto; font-size:1.8rem; color:#111; padding-top:4rem; font-weight:bold; text-align:center;}
.style-5 .btitle b{color:#7493e4;}
.style-5 .btitle span{font-size:1.2rem; color:#999; display:block; margin-top:1.2rem;font-weight:normal;}
.ph-kun{width:100%;height:100%;overflow:hidden; background:url(../images/mobile/ph-bg01.jpg) top no-repeat; background-size:100%;}
.ph-kunlist{width:100%;height:350px;margin:0rem auto 0}
.ph-kunlist li{ width:42%; height:3.6rem; box-shadow: 0 5px 30px rgba(34,24,21,0.2); float:left; position:relative}
.ph-kunlist li span{font-size:1.8rem;color:#fff; font-weight:bold;line-height:3rem; display: block;width:100%;background:#7493e4; text-align:center}
.ph-kunlist li .kunp{width:90%;height:auto;background:#fff;box-shadow: 0 5px 30px rgba(34,24,21,0.2);padding:1rem 5%}
.ph-kunlist li p{color:#999;line-height:1.8rem;font-size:0.8rem; text-align: left; }

.ph-kunlist li.kun01{top:2rem;left:2rem }
.ph-kunlist li.kun02{top:3rem;left:3rem }
.ph-kunlist li.kun03{top:14rem;left:2rem }
.ph-kunlist li.kun04{top:15rem;left:3rem }

}
@media screen and (max-width: 360px) {
		
}

@media screen and (max-width: 320px) {
	
.style-5 .btitle{ width:100%; height:auto; font-size:1.6rem; color:#111; padding-top:2rem; font-weight:bold; text-align:center;}
.ph-kun{width:100%;height:100%;overflow:hidden; background:url(../images/mobile/ph-bg01.jpg) top no-repeat; background-size:100%;}
.ph-kunlist{width:100%;height:340px;}
.ph-kunlist li{ width:42%; height:3.6rem; box-shadow: 0 5px 30px rgba(34,24,21,0.2); float:left; position:relative}
.ph-kunlist li span{font-size:1.8rem;color:#fff; font-weight:bold;line-height:3rem; display: block;width:100%;background:#7493e4; text-align:center}

.ph-kunlist li .kunp{width:90%;height:auto;background:#fff;box-shadow: 0 5px 30px rgba(34,24,21,0.2);padding:1rem 5%}
.ph-kunlist li p{color:#999;line-height:1.8rem;font-size:0.8rem; text-align: left; }

.ph-kunlist li.kun01{top:2rem;left:2rem }
.ph-kunlist li.kun02{top:3rem;left:3rem }
.ph-kunlist li.kun03{top:14rem;left:2rem }
.ph-kunlist li.kun04{top:15rem;left:3rem }



.stu_right p{ font-size:1.2rem;text-align:left}
.stu_right p b{margin-right:2%; font-size:1.8rem;}
.stu_right span{ font-size:1rem;margin-right: 3%; display:inline-block; float:left;line-height:2.4rem;color:#999}
.stu_right span i{font-size:1rem;color:#fff;line-height:26px;width:60px; background:#f87d00; border-radius:2px; font-style: normal;padding:0 5px;margin-right:0.5rem}
.ph-ghan .stu-list li p{font-size:1.0rem;color:#999;line-height:1.8rem;text-align:left;width:75%;float:right}
.ph-ghan .stu-list li .stu-img{float:left;width:15%;margin-right:0.5rem;margin-top:2rem}
.ph-booklist li .booknr{float:right;width:60%;margin:5%;}
.ph-booklist li .booknr span{font-size:1.2rem; font-weight:bold;}
.ph-booklist li .booknr p{font-size:1.0rem;color:#999;line-height:1.8rem;padding:1rem 0 0 0}

.enrol-shu span{ float:left; height:0.43rem;line-height:0.43rem; width:4.4%; }
.enrol-shu input{ line-height:3.8rem; width:70%;  margin-top:0.6rem; font-size:1.6rem; color:#cacaca; outline:none; font-family:"Microsoft YaHei";font-size:1.4rem; padding-left:3.2rem; position:relative; border:1px solid #cacaca;}
input::-webkit-input-placeholder{ 
color:#cacaca;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#bebebe;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#bebebe;	}
input:-ms-placeholder{
color:#bebebe;	}

.bm-sel{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}

.enrol-sub{ height:6rem; margin-top:4rem;width:50%; margin:0 25%}
.enrol-sub input{ width:100%; height:3.4rem; background: #7493e4;  border-radius:0.4rem;-webkit-border-radius:0.4rem; color:#fff; font-size:1.8rem; line-height:3.2rem;color:#fff; border:none;padding:0;margin:2rem 0 0 0 }

.img18{ width:59.1%; max-width:14px; margin-top:0.8rem;position:absolute;left:2.8rem;top:1.2rem; z-index:22}
.img19{ width:5%; position:absolute;left:2.8rem;top:2.2rem; z-index:22}
.img20{ width:4%;  margin-top:0.4rem;position:absolute;left:2.8rem;top:1.4rem; z-index:22}
.img21{ width:5%;  margin-top:0.4rem;position:absolute;left:2.8rem;top:1.6rem; z-index:22}

}