@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#3f6ffb; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ overflow:hidden; background:#fff;}


.pz_top{ float:left; width:100%; position:fixed; left:0; top:0; height:88px; background:#fff; z-index:999;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; margin-top:88px; }
.pz_main{ float:left; width:100%; min-height:200px;}
.pz_down{ float:left; width:100%; background:#242d47;}
@font-face {
    font-family: myFirstFont;
    src: url('fonts/SourceHanSansCN-Regular_1.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: myFirstFontBold;
    src: url('fonts/SourceHanSerifSC-SemiBold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: sysl;
    src: url('fonts/NotoSansHans-Light.otf');
    font-weight: normal;
    font-style: normal;
}

/*top*/
.logo{ float:left; width:160px; height:48px; margin:20px 0;}

/*menu*/
.menu{ float:left;margin-left: 51px;}
.menu .nli{ float:left; margin:0 27px; position:relative;}
.menu .nli span a{float:left; color:#333333; font-size:18px; line-height:88px; font-weight: bold;}
.menu .nli.active span a,
.menu .nli:hover span a{ color:#3f6ffb;}
.menu .sub{ float:left; display: none; position:absolute; left:0; top:88px; left:0; z-index:66; padding-top:19px;}
.menu .sub .box{ float:left; min-width:456px;border:1px solid #fff;border:1px solid rgba(255,255,255,0.6); border-top:none; position:relative;}
.menu .sub .box:after{ float:left; width:100%; height:9px; content:''; position:absolute; left:0; top:-9px; background:url(images/top2.png) left 0 no-repeat;}
.menu .sub li{ float:left; margin:9px 20px;}
.menu .sub li a{ float:left; color:#fff; font-size:16px; line-height:30px;}
.menu .sub li a:hover{ text-decoration:underline;}
.phone_pc{float: right; color:#ff484b; font-size:30px; line-height: 88px; font-family:Arial; background: url("images/top1.png") no-repeat left center; padding-left:38px;}

.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}

@media screen and (max-width:1395px ) {
.menu{margin-left: 44px;}
.menu .nli{ margin:0 20px; position:relative;}	
}
@media screen and (max-width:1229px ) {
.menu{margin-left: 30px;}
.menu .nli{ margin:0 14px; position:relative;}	
.menu .nli span a{ font-size:16px;}
.phone_pc{ font-size:24px;}
.menu .sub .box{ padding:0 5px; min-width:350px;}
.menu .sub li{ margin:6px 10px;}
.menu .sub li a{ font-size:14px; line-height:28px;}
}
@media screen and (max-width:1023px ) {

.pz_top{ height:62px;}
.pz_banner{ margin-top:62px;}
.logo{ width:147px; height:44px; margin:8px 0;}
.so_but_ph{ float:left; width:100%; margin:15px 0;}


.phone_pc{ display:none;}		
.menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}


/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:22px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #3f6ffb;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #3f6ffb;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:62px 0 100px 0;  display: none;  z-index:98; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:60%; color: #333333;  font-size:16px; line-height: 55px;}
.xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;}
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #3f6ffb; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:100%;  color: #1f1f1f;  font-size:14px; line-height: 45px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 10px;}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #3c3a3a;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }
}


/*banner*/
.slide_banner{ float:left; width:100%; margin:0; overflow:hidden; text-align:center;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{bottom:20px; height:4px;}
.slide_banner .slick-dots li{ background:#fff; width:10px; height:4px; margin:0 5px; opacity:0.4; filter:alpha(opacity=40); text-indent:-9999px; vertical-align:top; border-radius:4px;}
.slide_banner .slick-dots li.slick-active{ width:20px; opacity:0.8; filter:alpha(opacity=180); }
.zy_banner{ float:left; width:100%; line-height:0;}



.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}	
.ImgHover{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ImgHover:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}



/*手机底部漂浮*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#3f6ffb; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
.pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255,0.2); text-transform:uppercase;}
.pf_down li:last-child{ border:none;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(images/btn14.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn13.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l4 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}

/*右侧漂浮*/
.rightPuon{ float:left; width:57px; position:fixed; right:0; top:50%; z-index:66; margin-top:-90px; padding-bottom:40px;}
.rightPuon .box1{ float:right; width:57px;}
.rightPuon .fankui{ float:right; width:40px; background:url(images/pf5.png) center 7px no-repeat #3f6ffb; color:#fff; font-size:16px; line-height:17px; text-align:center; padding:48px 5px 17px 5px;}
.rightPuon .fabhui{ float:right; width:40px; height:40px; background:url(images/pf4.png) center no-repeat #3e4351; cursor:pointer; position:absolute; right:0; bottom:0;}
.rightPuon .fabhui:hover{ background:url(images/pf4.png) center no-repeat #3f6ffb;}
.rightPuon .box2{ display:none; float:left; width:380px; position:absolute; right:57px; top:50%; background:#fff; border-radius:8px; box-shadow:0 0 6px rgba(56,64,71,.1); padding:0 22px; margin-top:-139px;}
.rightPuon .box2::after{ float:left; width:0; height:0; position:absolute; right:-6px; top:50%; margin-top:-7px; content:''; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-left: 6px solid #fff; }
.rightPuon .box2 li{ float:left; width:100%; position:relative; padding:23px 0 23px 67px; min-height:52px; border-bottom:1px dashed #b2b2b2;}
.rightPuon .box2 .img{ float:left; width:52px; height:52px; position:absolute; left:0; top:50%; margin-top:-26px;}
.rightPuon .box2 .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; font-weight:bold; text-transform:uppercase;}
.rightPuon .box2 .tit span{ font-size:18px; color:#3f6ffb; font-family:Arial; padding-left:12px; font-style:italic; font-weight:normal;}
.rightPuon .box2 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:22px;}
.rightPuon .box1:hover .box2{ display:block;}
.rightPuon .er{ display:none; float:left; position:absolute; left:65; bottom:5px; width:120px; line-height:0; padding:5px; background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.rightPuon .weixin:hover .er{ display:block;}
@media screen and (max-width:1023px ) {
	
.rightPuon{ display:none;}

}


/*foot*/
.foot2{ float:left; width:100%; padding:25px 0 29px 0;}
.footLogo{ float:left; width:159px; height:48px;}
.Copyright{ float:right; color:#bcbec3; font-size:14px; line-height:24px; text-align:right;}
.Copyright a{ color:#bcbec3; }
.Copyright a:hover{ color:#3f6ffb; }


.foot1{ float:left; width:100%; background-size:cover; padding:57px 0 70px 0; border-bottom:1px solid #50576c;}
.fooTit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; margin-bottom:25px;}
.footQQ{ float:left; width:49.78%;}
.footQQ ul{ float:left; width:100%;}
.footQQ li{ float:left; width:50%; padding-right:40px; color:#bcbec3; font-size:14px; line-height:23px; margin-bottom:19px;}
.footQQ li a{ float:right; color:#bcbec3; font-size:14px; line-height:19px; height:23px; text-align:center; border-radius:3px; border:1px solid #bcbec3; padding:0 7px;}
.footQQ li span{ padding-left:10px;}
.footQQ li:hover a{ background:#ff484b; border:1px solid #ff484b; color:#fff;}
.footNav{ float:left; width:21.96%; margin-left:5.71%;}
.footNav ul{ float:left; width:100%;}
.footNav li{ float:left; width:50%; margin-bottom:7px;}
.footNav a{ float:left; color:#bcbec3; font-size:14px; line-height:23px;}
.footNav a:hover{ color:#3f6ffb;}
.footEWM{ float:right; margin-top:46px;}
.footEWM .l1{ float:left; margin-left:30px; width:120px;}
.footEWM .img{ float:left; width:100%; line-height:0; background:#fff; padding:6px;}
.footEWM .tit{ float:left; width:100%; text-align:center; color:#bcbec3; font-size:14px; line-height:24px; margin-top:10px;}

@media screen and (max-width:1395px ) {
.footQQ { width:52%;}	
.footQQ li{ padding-right:30px;}	
.footEWM .l1{ margin-left:20px; width:120px;}	
.footNav{ margin-left:1.5%;}
}
@media screen and (max-width:1229px ) {
.fooTit{ margin-bottom:12px;}	
.footQQ { width:42%;}		
.footQQ li{ margin-bottom:12px; position:relative; padding-right:20px;}
.footQQ li span{ display:block; padding-left:0;}
.footQQ li a{ position:absolute; right:20px; top:50%; margin-top:-12px;}
.footNav{ margin-left:5%;}

}
@media screen and (max-width:1023px ) {
.foot1{ padding:15px 0;}	
.footQQ{ width:100%;}
.footQQ ul{ display:none; padding:0 15px;}
.footQQ li{ width:48%; padding-right:0;}
.footQQ li:nth-child(2n){ float:right;}
.footQQ li a{ right:0;}
.footNav{ width:50%; margin:0;}
.footNav li{ width:50%;}
.footNav{ width:100%;}
.footNav ul{ display:none; padding:0 15px;}
.footNav li{ width:20%; margin-bottom:3px;}
.footEWM{ width:100%; text-align:center;margin-top:15px}
.footEWM .l1{ float:none; display:inline-block; vertical-align:top; margin:0 8px; width:100px;}
.footEWM .img{ padding:4px;}
.footEWM .tit{ margin-top:5px;}
.fooTit{ background:#50576c; border-radius:3px; font-size:16px; padding:5px 15px; position:relative;}
.fooTit:after{ float:left; width:15px; height:8px; margin-top:-4px; content:''; position:absolute; right:15px; top:50%; background:url(images/xiap1.png) center no-repeat;}
}

@media screen and (max-width:767px ) {
.foot2{  padding:15px 0;}
.footLogo{ width:100%; height:auto; text-align:center;}
.footLogo img{ width:147px; height:44px;}
.Copyright{ width:100%; text-align:center;}
.footEWM{ margin-top:5px;}
.footQQ li{ width:100%;}
.footQQ li span{ display:inline-block; padding-left:10px;}
.footNav li{ width:33.33%;}	

}

/*main*/
.hTit{ float:left; width:100%; text-align:center; margin-top:80px; position:relative;}
.hTit .tit{ float:left; width:100%; color:#222222; font-size:36px; line-height:36px; font-weight:bold;}
.hTit .ico{ float:left; width:100%; line-height:0; margin-top:20px; background:url(images/main1.png) center no-repeat;}
.hTit .ico img{ width:32px; height:32px;}
.hTit1 .tit{ color:#fff;}
.hTit1 .ico{ background:url(images/main1_2.png) center no-repeat;}
.hMore{ float:left; position:absolute; right:0; top:20px; background:url(images/ico9.png) right center no-repeat; padding-right:19px; color:#666666; font-size:14px; line-height:22px;}
.hMore:hover{ color:#3f6ffb;}
.hMore1{ color:#fff; background:url(images/ico9_1.png) right center no-repeat;}

@media screen and (max-width:1229px ) {
.hTit .tit{ font-size:24px; line-height:24px;}
.hMore{ top:15px;}
}
@media screen and (max-width:1023px ) {
.hTit{ margin-top:30px;}
.hTit .tit{ font-size:18px; line-height:18px;}
.hTit .ico{ margin-top:10px; background:url(images/main1_1.png) center no-repeat;}
.hTit .ico img{ width:24px; height:24px;}	
.hTit1 .ico{ background:url(images/main1_3.png) center no-repeat;}
.hMore{ top:6px;}
}


/*机构风采*/
.hBanner{ float:left; width:100%; line-height:0; border-radius:3px; overflow:hidden; margin-bottom:80px;}
.hBanner .slick-dots{ width:auto; right:15px; bottom:20px; height:4px;}
.hBanner .slick-dots li{ background:#fff; width:20px; height:4px; margin:0 5px; opacity:0.4; filter:alpha(opacity=40); text-indent:-9999px; vertical-align:top; border-radius:4px;}
.hBanner .slick-dots li.slick-active{ opacity:0.8; filter:alpha(opacity=180); }
@media screen and (max-width:1023px ) {
.hBanner{ margin-bottom:30px;}	
.hBanner .slick-dots{ width:auto; right:6px; bottom:8px; height:2px;}
.hBanner .slick-dots li{ width:12px; height:2px; margin:0 3px;}	

}

/*hJffc*/
.hJffc{ float:left; width:100%; margin:20px 0 50px 0;}
.hJffc ul{ margin:0 -10px;}
.hJffc .li{ float:left; padding:10px;}
.hJffc .la{ float:left; width:100%; position:relative; overflow:hidden;}
.hJffc .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.hJffc .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.hJffc .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.hJffc .tit{ float:left; width:100%; position:absolute; left:0; bottom:-60px; text-align:center; background:#000; background:rgba(0,0,0,0.6); color:#fff; padding:10px 12px; font-size:18px; line-height:32px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.hJffc .la:hover .tit{ bottom:0;}

.hJffc .box{ float:left; width:43.12%;}
.hJffc .l1{width:32.95%;}
.hJffc .l2{width:24.95%;}
.hJffc .l3{width:18.05%;}
.hJffc .l4{width:18.6%;}
.hJffc .l5{width:24.25%;}
.hJffc .l6{width:23.93%; float:right;}
@media screen and (max-width:1229px ) {
.hJffc ul{ margin:0 -5px;}
.hJffc .li{ padding:5px;}	
.hJffc .box{ float:left; width:43.12%;}
.hJffc .l1{width:33.05%;}
.hJffc .l6{width:23.73%;}
.hJffc .tit{ font-size:16px; padding:5px 12px;}
}
@media screen and (max-width:1023px ) {
.hJffc{ margin:10px 0 15px 0;}
}
@media screen and (max-width:767px ) {
.hJffc ul{ margin:0 -4px;}
.hJffc .li{ padding:4px;}	
.hJffc .l1{width:58%;}
.hJffc .l2{width:58%;}
.hJffc .l3{width:42%;}
.hJffc .l4{width:43%;}
.hJffc .l5{width:57%;}
.hJffc .l6{width:42%;}
.hJffc .tit{ font-size:16px; padding:5px 12px;}	

}

/*精品提升课堂*/
.hJPTSKT{ float:left; width:100%; margin:11px 0 80px 0;}
.hJPTSKT .ul1{ margin:0 -13px;}
.hJPTSKT .li{ float:left; width:25%; padding:0 13px; margin-top:26px;}
.hJPTSKT .la{ float:left; width:100%; border-radius:10px; overflow:hidden; box-shadow:0 4px 7px rgba(0,0,0,.09);}
.hJPTSKT .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;}
.hJPTSKT .img .pic{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.hJPTSKT .la:hover .img .pic{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.hJPTSKT .la:hover{ box-shadow:0 4px 7px rgba(255,72,75,.22);}

.hJPTSKT .l1{ float:left; width:50%;}
.hJPTSKT .l1 .cont{ float:left; width:100%; padding:0 20px;}
.hJPTSKT .l1 .tit{ float:left; width:100%; color:#222222; font-size:18px; line-height:36px; padding:20px 9px;}
.hJPTSKT .l1 .info{ float:left; width:100%; color:#222222; font-size:14px; line-height:24px; padding:15px 0; text-indent:9px; border-top:1px solid #e4e5ea;}
.hJPTSKT .l1 .time{ float:right; color:#3f6ffb;}
.hJPTSKT .l1 .la:hover .tit{ color:#ff484b;}

.hJPTSKT .l2 .time{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:36px; padding:0 6px; position:absolute; left:0; bottom:0; background:#000; background:rgba(0,0,0,.4);}
.hJPTSKT .l2 .tit{ float:left; width:100%; text-align:center; color:#222222; font-size:18px; line-height:28px; padding:16px 12px;}
.hJPTSKT .l2 .la:hover .tit{ color:#ff484b;}
@media screen and (max-width:1229px ) {
.hJPTSKT .ul1{ margin:0 -8px;}
.hJPTSKT .li{ padding:0 8px; margin-top:17px;}	
.hJPTSKT .l1 .tit{ font-size:16px; padding:10px 9px;}
.hJPTSKT .l1 .info{ padding:7px 0;}
.hJPTSKT .l2 .tit{font-size:16px; line-height:28px; padding:8px 8px;}
.hJPTSKT .l2 .time{ line-height:30px;}
}
@media screen and (max-width:1023px ) {
.hJPTSKT{ margin:6px 0 30px 0;}
.hJPTSKT .li{ width:50%;}	
.hJPTSKT .l1{ width:100%;}	

}

@media screen and (max-width:767px ) {
.hJPTSKT .ul1{ margin:0 -5px;}
.hJPTSKT .li{ padding:0 5px; margin-top:12px;}
.hJPTSKT .l1 .tit{ padding:6px 0;}	
.hJPTSKT .l1 .time{ font-family:Arial;}	
.hJPTSKT .l2 .time{ font-size:12px; line-height:16px; padding:5px 0; font-family:Arial;}
.hJPTSKT .l1 .info{ text-indent:0;}	

}

/*适合人群*/
.hSHRQ{ float:left; width:100%; margin:26px 0 49px 0;}
.hSHRQ ul{ margin:0 -13px;}
.hSHRQ li{ float:left; width:33.33%; padding:0 13px;}
.hSHRQ .la{ float:left; width:100%;}
.hSHRQ .cont{ float:left; width:100%; position:relative;}
.hSHRQ .img{ float:left; width:100%; line-height:0;}
.hSHRQ .tit{ float:left; position:absolute; left:0; top:50%; color:#fff; font-size:22px; line-height:31px; padding:0 9.11%;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.hSHRQ .info{ float:left; width:100%; color:#444444; font-size:16px; line-height:30px; padding:23px 9.11%;}
.hSHRQ .la:hover .tit{opacity:0.8; filter:alpha(opacity=80);}
@media screen and (max-width:1229px ) {
.hSHRQ ul{ margin:0 -8px;}
.hSHRQ li{ padding:0 8px; margin-top:12px;}	
.hSHRQ .tit{font-size:18px; line-height:27px; padding:0 15px;}
.hSHRQ .info{ font-size:14px; line-height:26px; padding:12px 15px;}
}
@media screen and (max-width:1023px ) {
.hSHRQ{ margin:6px 0 8px 0;}
}
@media screen and (max-width:767px ) {
.hSHRQ li{ width:100%; margin-top:0;}	

}

/*精品免费课程*/
.hJPMFKC{ float:left; width:100%; margin:30px 0 0 0;}
.hJPMFKC ul{ margin:0 -13px;}
.hJPMFKC li{ float:left; width:25%; padding:0 13px;}
.hJPMFKC .la{ float:left; width:100%;}
.hJPMFKC .img{ float:left; width:100%; line-height:0; overflow:hidden; border-radius:8px;}
.hJPMFKC .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.hJPMFKC .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.hJPMFKC .cont{ float:left; width:100%; padding:15px 8px;}
.hJPMFKC .tit{ float:left; width:100%; color:#222222; font-size:16px; line-height:26px;}
.hJPMFKC .info{ float:left; width:100%; color:#444444; font-size:14px; line-height:24px; margin-top:6px;}
.hJPMFKC .btn{ float:right; color:#3f6ffb;}
.hJPMFKC .la:hover .img{ box-shadow:0 4px 7px rgba(255,72,75,.22);}
.hJPMFKC .la:hover .tit{ color:#ff484b;}
@media screen and (max-width:1229px ) {
.hJPMFKC ul{ margin:0 -8px;}
.hJPMFKC li{ padding:0 8px;}	

}
@media screen and (max-width:1023px ) {
.hJPMFKC{ margin:18px 0 0 0;}
.hJPMFKC .cont{padding:8px 4px;}
.hJPMFKC .info{ margin-top:0;}
}

@media screen and (max-width:767px ) {
.hJPMFKC ul{ margin:0 -5px;}
.hJPMFKC li{ padding:0 5px; width:50%;}	
.hJPMFKC .info{ font-size:12px; line-height:22px;}
}

/*最近开课信息*/
.hZJLKXX{ float:left; width:100%; margin:35px 0 81px 0;}
.hZJLKXX .l1{ float:left; width:100%; margin-top:3px;}
.hZJLKXX .l1 .tit{ float:left; width:23.35%; background:url(images/main14.jpg) center top repeat-y; background-size:100% 100%; color:#fff; font-size:18px; line-height:28px; padding:16px 15px 16px 2.92%; border-right:1px solid #f7f8fc; position:relative;}
.hZJLKXX .l1 .tit::after{ float:left; width:20px; height:100%; position:absolute; right:-20px; top:0; content:''; background:url(images/main15.png) right center no-repeat; background-size:100% 100%;}
.hZJLKXX .l1 .cont{ float:left; width:76.65%; background:#fff; color:#222222; font-size:16px; line-height:38px; padding:7px 20px; margin:4px 0;}
.hZJLKXX .l1 div{ float:left;}
.hZJLKXX .l1 .ico{ display:inline-block; width:24px; height:24px; vertical-align:middle; margin-top:-2px; margin-right:13px;}
.hZJLKXX .l1 .now{ color:#ff484b; width:14.42%; text-align:right;}
.hZJLKXX .l1 .time{ width:38.47%; text-align:center;}
.hZJLKXX .l1 .r{ color:#3f6ffb;}
.hZJLKXX .l1 .data{ font-size:14px; width:19.23%;}
.hZJLKXX .l1 .nub{ color:#fff; background:#f68020; display:inline-block; vertical-align:middle; width:28px; height:28px; border-radius:3px; font-size:18px; margin:-2px 10px 0 10px; text-align:center; line-height:28px; font-family:Arial;}
.hZJLKXX .l1 .btn{ float:right; background:#ff484b; width:119px; text-align:center; line-height:36px; padding-bottom:2px; color:#fff; font-size:16px; border-radius:38px; margin-right:2px;}
.hZJLKXX .l1 .btn:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.hZJLKXX .ykb .btn{ background:#c5c5c5;}
.hZJLKXX .ykb .nub{ background:#c5c5c5;}
.hZJLKXX .ykb .now{ color:#222222;}
.hZJLKXX .l1:first-child .tit{ border-radius:10px 0 0 0;}
.hZJLKXX .l1:last-child .tit{ border-radius:0 0 0 10px;}
@media screen and (max-width:1395px ) {
.hZJLKXX .l1 .time{ width:36.47%;}	
.hZJLKXX .l1 .tit{ padding:11px 15px 11px 2%;}
}
@media screen and (max-width:1229px ) {
.hZJLKXX .l1 .tit{ font-size:16px; line-height:26px; padding:15px 15px;}	
.hZJLKXX .l1 .cont{ font-size:16px; line-height:34px;}
.hZJLKXX .l1 .ico{ width:20px; height:20px; margin-right:6px;}
.hZJLKXX .l1 .btn{ width:100px; margin-right:0; font-size:15px; line-height:32px;}
.hZJLKXX .l1 .nub{ font-size:16px;}
.hZJLKXX .l1 .nub{ width:26px; height:26px; margin:-2px 6px 0 6px; line-height:26px;}
}
@media screen and (max-width:1023px ) {
.hZJLKXX{ margin:15px 0 30px 0;}	
.hZJLKXX .l1 .tit{ width:100%; padding:8px 15px;}
.hZJLKXX .l1 .tit::after{ background:none;}	
.hZJLKXX .l1 .cont{ width:100%; padding:8px 15px; line-height:30px;}
.hZJLKXX .l1 .now{ text-align:left;}
.hZJLKXX .l1 .btn{ line-height:28px;}
.hZJLKXX .l1:first-child .tit{ border-radius:10px 10px 0 0;}
.hZJLKXX .l1:last-child .tit{ border-radius:0;}
.hZJLKXX .l1:last-child .cont{ border-radius:0 0 10px 10px ;}
}

@media screen and (max-width:767px ) {
.hZJLKXX .l1 .now{ width:40%; margin-bottom:2px;}	
.hZJLKXX .l1 .time{ width:60%; text-align:right; margin-bottom:2px;}	
.hZJLKXX .l1 .data{ width:33%;}	
.hZJLKXX .l1 .tool{ width:33%; text-align:center;}

}
@media screen and (max-width:374px ) {
.hZJLKXX .l1 .tit{ font-size:16px; line-height:26px; padding:8px 12px;}
.hZJLKXX .l1 .cont{ padding:7px 12px; font-size:15px;}
.hZJLKXX .l1 .btn { width:88px;}


}
/*hTame*/
.hTame{ float:left; width:100%; margin:31px 0 37px 0;}
.hTame .box1{ float:left; width:100%;}
.hTame .box1 .la{ float:left; width:100%; background:#fff; background:rgba(255,255,255,0.9); border-radius:10px; position:relative; min-height:260px; p}
.hTame .box1 .img{ float:left; width:240px; height:240px; line-height:0; border-radius:50%; overflow:hidden; position:absolute; left:2.92%; top:50%; margin-top:-120px;}
.hTame .box1 .cont{ float:left; width:100%; padding:50px 140px 50px 406px;}
.hTame .box1 .tit{ float:left; width:100%; color:#222222; font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.hTame .box1 .p1{ float:left; width:100%; color:#444444; font-size:14px; line-height:24px; margin:6px 0 32px 0;}
.hTame .box1 .p2{ float:left; width:100%; color:#222222; font-size:16px; line-height:30px; margin-bottom:3px; position:relative; text-align:justify;}
.hTame .box1 .p2::after,
.hTame .box1 .p2::before{ float:left; width:38px; height:38px; position:absolute; content:'';}
.hTame .box1 .p2::after{ background:url(images/ico13.png) center no-repeat; background-size:100% 100%; left:-78px; top:4px;}
.hTame .box1 .p2::before{ background:url(images/ico14.png) center no-repeat; background-size:100% 100%; right:-78px; bottom:7px;}

.hTame .box2{ float:left; width:100%;padding:0 9px;}
.hTame .box2 .l2{ line-height:0; position:relative; padding:43px 0; }
.hTame .box2 .ico{ display:block; margin:0 auto; width:116px; height:116px; border-radius:50%; cursor:pointer;}
.hTame .box2 .l2.slick-current{ background:url(images/ico15.png) center top no-repeat;}
.hTame .box2 .slick-prev,
.hTame .box2 .slick-next{ width:17px; height:30px; background:url(images/ico12.png) left center no-repeat; background-size:auto 100%; left:-47px; margin-top:-15px;}
.hTame .box2 .slick-next{ background:url(images/ico12.png) right center no-repeat; background-size:auto 100%; left:auto; right:-47px;}

@media screen and (max-width:1229px ) {
.hTame .box1 .la{ min-height:220px;}	
.hTame .box1 .tit{ font-size:18px; line-height:28px;}
.hTame .box1 .img{ width:200px; height:200px; margin-top:-100px;}	
.hTame .box1 .cont{ padding:30px 80px 30px 310px;}
.hTame .box1 .p1{ margin:6px 0 16px 0;}
.hTame .box1 .p2{ font-size:14px; line-height:28px;}
.hTame .box1 .p2::after,
.hTame .box1 .p2::before{ width:28px; height:28px;}
.hTame .box1 .p2::after{ left:-48px; top:4px;}
.hTame .box1 .p2::before{ right:-48px; bottom:7px;}
.hTame .box2 .ico{ width:90px; height:90px;}
}
@media screen and (max-width:1023px ) {
.hTame{ margin:20px 0 10px 0;}	
.hTame .box1 .la{ min-height:220px;}	
.hTame .box1 .tit{ font-size:18px; line-height:28px;}
.hTame .box1 .img{ width:160px; height:160px; margin-top:-80px; left:15px;}	
.hTame .box1 .cont{ padding:15px 45px 15px 220px;}
.hTame .box1 .p1{ margin:3px 0 8px 0;}
.hTame .box1 .p2{ line-height:26px;}
.hTame .box1 .p2::after,
.hTame .box1 .p2::before{ width:20px; height:20px;}
.hTame .box1 .p2::after{ left:-30px; top:4px;}
.hTame .box1 .p2::before{ right:-30px; bottom:7px;}	
.hTame .box2 .ico{ width:80px; height:80px;}
.hTame .box2{ padding:0 5px;}
.hTame .box2 .l2{ padding:20px 0; }
.hTame .box2 .l2.slick-current{ background-size:20px auto;}
.hTame .box2 .slick-prev,
.hTame .box2 .slick-next{ width:12px; height:20px; left:-5px; margin-top:-10px;}
.hTame .box2 .slick-next{ left:auto; right:-5px;}
}

@media screen and (max-width:767px ) {
.hTame .box1 .img{ width:140px; height:140px; margin-top:12px; left:15px; top:0;}
.hTame .box1 .cont{ width:100%; padding:15px 32px;}
.hTame .box1 .tit{ padding-left:140px; margin-top:30px;}
.hTame .box1 .p1{ padding-left:140px; min-height:78px;}
.hTame .box1 .p2::after,
.hTame .box1 .p2::before{ width:14px; height:14px;}
.hTame .box1 .p2::after{ left:-24px; top:4px;}
.hTame .box1 .p2::before{ right:-24px; bottom:7px;}
.hTame .box2 .ico{ width:70px; height:70px;}
}
@media screen and (max-width:375px ) {
.hTame .box2 .ico{ width:60px; height:60px;}
}

/*hMtxys*/
.hMtxys{ float:left; width:100%; margin-top:40px;}
.hMtxys ul{ margin:0 -2px;}
.hMtxys li{ float:left; width:14.286%; text-align:center; position:relative;}
.hMtxys .la{ float:left; width:100%;}
.hMtxys .img{ float:left; width:100%; height:194px;}
.hMtxys .img .ico{ display:block; margin:44px auto; width:106px; height:106px;}
.hMtxys .cont{ float:left; width:100%; height:194px; background:#f7f8fc; position:relative;}
.hMtxys .cont::after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:-13px; margin-left:-17px; border-left:17px solid transparent; border-right:17px solid transparent;border-bottom: 14px solid #f7f8fc; }
.hMtxys .cont::before{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-13px; margin-left:-17px; border-left:17px solid transparent; border-right:17px solid transparent;border-top: 14px solid #f7f8fc; }
.hMtxys .cont .infn{ float:left; width:100%; text-align:center; color:#222222; font-size:26px; line-height:34px; position:absolute; left:0; top:50%; margin-top:-34px; padding:0 6px;}
.hMtxys .cont .col{ color:#fe474a; font-weight:bold; font-style:italic; padding-right:8px;}
.hMtxys .l2{ padding-top:194px;}
.hMtxys .l2 .cont{ position:absolute; left:0; top:0;}
.hMtxys .l2 .cont::after{ display:none;}
.hMtxys .l2 .cont::before{ display:block;}

.hMtxys .la:hover .img .ico{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.hMtxys .slick-dots{ bottom:-25px; height:10px;}
.hMtxys .slick-dots li{ float:none; background:#3f6ffb; width:10px; height:10px; margin:0 5px; text-indent:-9999px; vertical-align:top; border-radius:50%;}
.hMtxys .slick-dots li.slick-active{ background:#ff484b;}
		
@media screen and (max-width:1395px ) {
.hMtxys .cont .infn{ font-size:18px; line-height:26px; margin-top:-26px;}
.hMtxys .img{ height:172px;}
.hMtxys .img .ico{ margin:40px auto; width:92px; height:92px;}
.hMtxys .cont{ height:172px;}
.hMtxys .l2{ padding-top:172px;}
}

@media screen and (max-width:1023px ) {
.hMtxys{ margin-top:20px; margin-bottom:20px;}	
.hMtxys .img{ height:152px;}
.hMtxys .img .ico{ margin:40px auto; width:72px; height:72px;}
.hMtxys .cont .infn{ font-size:16px; line-height:24px; margin-top:-24px;}
.hMtxys .cont{ height:152px;}
.hMtxys .l2{ padding-top:152px;}
}


/*就业企业*/
.hBg1{ float:left; width:100%; background:#f7f8fc;}
.hJyqy{ float:left; width:100%; margin:39px 0 82px 0;}
.hJyqy ul{ margin:0 -13px;}
.hJyqy li{ float:left; width:12.5%; text-align:center; padding:0 13px;}
.hJyqy li a{ float:left; width:100%; text-align:center; position:relative; line-height:0; text-align:center; padding:24px 0;}
.hJyqy li a::after{ float:left; width:104px; height:104px; background:#fff; position:absolute; left:50%; top:50%; content:''; margin:-52px 0 0 -52px; transform:rotate(-135deg);} 
.hJyqy li a img{ width:104px; height:44px; position:relative; z-index:6;}

.hJyqy li:nth-child(9){ margin-left:6.25%;}
.hJyqy li:nth-child(16){ margin-left:12.5%;}

.hJyqy li a:hover::after{ box-shadow:0 -4px 7px rgba(255,72,75,.22);}
@media screen and (max-width:1229px ) {
.hJyqy li a{ padding:18px 0;}	
.hJyqy li a::after{ width:84px; height:84px; margin:-42px 0 0 -42px;}
.hJyqy li a img{ width:84px; height:35px;}

}
@media screen and (max-width:1023px ) {
.hJyqy li{ width:16.66%;}	
.hJyqy li:nth-child(9){ margin-left:0%;}
.hJyqy li:nth-child(16){ margin-left:0%;}
.hJyqy li:nth-child(1){ margin-left:8.33%;}
.hJyqy li:nth-child(12){ margin-left:8.33%;}

}

@media screen and (max-width:767px ) {
.hJyqy{ margin:10px 0 30px 0;}	
.hJyqy ul{ margin:0 -6px;}
.hJyqy li{ padding:0 6px; width:33.33%;}	
.hJyqy li:nth-child(1){ margin-left:0%;}
.hJyqy li:nth-child(12){ margin-left:0%;}
.hJyqy li a{ padding:5px 0; background:#fff; margin:5px 0; position:relative;}
.hJyqy li a::after{ display:none;}
}

/*9案例详情*/
.caseBg{ float:left; width:100%; background:#fff; margin:31px 0 80px 0; padding:60px 4.39% 0 4.39%;}
.iTit{ float:left; width:100%; text-align:center; background:url(images/case4.jpg) center repeat-x;}
.iTit .tit{ display:inline-block; vertical-align:top; width:262px; height:62px; background:#fff; line-height:60px; border:1px solid #3f6ffb; font-weight:bold;  color:#3f6ffb; font-size:24px;}
.xinshui{ float:left; width:100%; text-align:center; margin:38px 0 80px 0; padding:0 12px;}
.Offer{ float:left; width:100%; margin:46px 0 80px 0;}
.Offer .img{ float:left; width:25%; padding:0 12px; text-align:center; margin-top:12px;}
.pinlun{ float:left; width:100%; text-align:center; margin:58px 0 80px 0; padding:0 12px;}
.liaotian{ float:left; width:100%; margin:40px 0 80px 0;}
.liaotian .img{ float:left; width:25%; padding:0 12px; text-align:center; margin-top:12px;}

.jyqy{ padding:0 20px; margin:70px 0 100px 0}
.jyqy li a::after{ border:1px solid #ededed;}
@media screen and (max-width:1395px ) {
.caseBg{ padding:60px 2% 0 2%;}	
.jyqy li a::after{ width:94px; height:94px; margin:-47px 0 0 -47px;}
.jyqy li a img{ width:92px; height:38px;}
}
@media screen and (max-width:1229px ) {
	
.jyqy li a::after{ width:80px; height:80px; margin:-40px 0 0 -40px;}
.jyqy li a img{ width:74px; height:35px;}

}
@media screen and (max-width:1023px ) {
.caseBg{ margin:20px 0 30px 0; padding:30px 12px 0 12px}	
.iTit .tit{ width:160px; height:40px;line-height:36px;font-size:18px;}
.xinshui{ margin:20px 0 30px 0; padding:0 6px;}
.Offer{  margin:8px 0 30px 0;}
.Offer .img{ padding:0 6px;}
.liaotian{ margin:8px 0 30px 0;}
.liaotian .img{ padding:0 6px;}
.pinlun{ margin:20px 0 30px 0; padding:0 6px;}
.jyqy{ margin:40px 0 50px 0}
}

@media screen and (max-width:767px ) {
.liaotian .img{ width:50%;}
.Offer .img{ width:50%;}	
.jyqy{ padding:0 6px; margin:15px 0 25px 0}
.jyqy li a{ border:1px solid #ededed;}
}

/*7讲师团队*/
.tameList{ float:left; width:100%; margin:30px 0 0 0;}
.tameList .ul1{ margin:0 -13px;}
.tameList .l1{ float:left; width:100%;}
.tameList .la{ float:left; width:25%; padding:0 13px ; position:relative; margin-top:40px;}
.tameList .la::after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; bottom:-43px; content:''; border-left:20px solid transparent; border-right:20px solid transparent;border-bottom:20px solid #fff; margin-left:-20px;}
.tameList .cont{ float:left; width:100%; background:#fff; border-radius:5px; text-align:center; padding:71px 6px 25px 6px; margin:71px 0 25px 0;}
.tameList .p1{ float:left; width:100%; color:#444444; font-size:14px; line-height:30px;}
.tameList .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; padding:18px 0 16px 0; position:relative; margin-bottom:15px;}
.tameList .tit::after{ float:left; width:180px; height:1px; position:absolute; left:50%; bottom:0; content:''; background:#e5e5e5; margin-left:-90px; z-index:1;}
.tameList .tit::before{ float:left; width:20px; height:3px; position:absolute; left:50%; bottom:0; content:''; background:#3f6ffb; margin-left:-10px; z-index:2;}
.tameList .more{ float:left; width:50px; height:50px; position:absolute; left:50%; bottom:0; margin-left:-25px; background:url(images/tame5.png) center no-repeat #ff484b; border-radius:50%; box-shadow:0 9px 10px rgba(255,72,75,0.1); cursor:pointer;}
.tameList .img{ float:left; width:142px; height:142px; position:absolute; left:50%; top:0; margin-left:-71px; background:#fff; overflow:hidden; padding:8px; border-radius:50%; box-shadow:0 0 4px rgba(0,0,0,0.09);
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.tameList .img img{border-radius:50%;}
.tameList .pord_li1{ float:left; width:100%;}
.tameList .pord_sub{ float:left; width:100%; padding:0 13px;}
.tameList .p2{ float:left; width:100%; background:#fff; color:#444444; font-size:16px; line-height:42px; padding:23px 40px; border-radius:5px; display:none; margin-top:43px;}

.tameList .la:hover::after{ display:block;}
.tameList .la:hover .more{ background:url(images/tame4.png) center no-repeat #3f6ffb; box-shadow:0 9px 10px rgba(63,111,251,0.1);}

@media screen and (max-width:1023px ) {
.tameList{ float:left; width:100%; margin:20px 0 0 0;}	
.tameList .ul1{ margin:0 -6px;}
.tameList .la{ padding:0 6px ; position:relative; margin-top:15px;}	
.tameList .la::after{ bottom:-20px; content:''; border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid #fff; margin-left:-10px;}
.tameList .img{ width:100px; height:100px; margin-left:-50px; padding:4px;}
.tameList .cont{ padding:50px 6px 25px 6px; margin:50px 0 16px 0;}	
.tameList .p1{ line-height:26px;}
.tameList .tit{ font-size:16px; line-height:26px; padding:9px 0 8px 0; margin-bottom:8px;}
.tameList .tit::after{ width:120px;margin-left:-60px;}
.tameList .more{ width:32px; height:32px; background-size:32px 32px; margin-left:-16px;}
.tameList .la:hover .more{ background-size:32px 32px;}

.tameList .pord_sub{  padding:0 6px;}
.tameList .p2{ font-size:14px; line-height:28px; padding:8px 12px;margin-top:20px;}
.tameList .la:hover{ background-size:20px auto;}

}

@media screen and (max-width:767px ) {
	
.tameList .la{ width:50%;}
}

/* 分页 */
.wack1{ float:left; width:100%; padding:60px 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:38px; height:38px; line-height:38px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#ff484b 1px solid; background-color:#ff484b;}
.pz_fy a.l_fy,
.pz_fy a.r_fy{ font-size:12px; width:100px;}


@media  screen and (max-width:1023px){
.wack1{padding:30px 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #ff484b; background:#ff484b; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/*2精品提升课堂*/
.JPTSKT1{ margin:0;}
.JPTSKT1 .ul1{ margin:-16px 0 0 0;}
.JPTSKT1 .img{ width:440px; height:294px; position:absolute; left:0; top:0;}
.JPTSKT1 .la{ border-radius:0; height:294px; position:relative; background:#fff; padding-left:440px; box-shadow:none;}
.JPTSKT1 .l1{ width:100%; padding:0; margin-top:40px;}
.JPTSKT1 .l1 .cont{ padding:0 40px;}
.JPTSKT1 .l1 .p1{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; height:90px; overflow:hidden; margin:18px 0 46px 0;}
.JPTSKT1 .l1 .tit{ padding:0 !important; margin-top:36px;}
.JPTSKT1 .l1 .info{ text-indent:0 !important;}
@media screen and (max-width:1229px ) {
	
.JPTSKT1 .img{ width:380px; height:254px;}
.JPTSKT1 .la{ height:254px; padding-left:380px;}
.JPTSKT1 .l1 .p1{ margin:12px 0 25px 0;}
.JPTSKT1 .l1 .tit{ margin-top:25px;}
}
@media screen and (max-width:1023px ) {
.JPTSKT1 .ul1{ margin-top:8px;}	
.JPTSKT1 .img{ width:200px; height:134px;}
.JPTSKT1 .la{ height:134px; padding-left:200px;}
.JPTSKT1 .l1{ margin-top:12px;}
.JPTSKT1 .l1 .cont{ padding:0 12px;}
.JPTSKT1 .l1 .p1{ margin:0 0 6px 0;}
.hJPTSKT .l1 .tit{ margin-top:5px;}	
.JPTSKT1 .l1 .p1{ height:48px; line-height:24px;}
}

@media screen and (max-width:767px ) {
.JPTSKT1 .ul1{ margin-top:8px;}	
.JPTSKT1 .img{ width:171px; height:114px;}
.JPTSKT1 .la{ height:114px; padding-left:171px;}
.JPTSKT1 .l1{ margin-top:12px;}
.JPTSKT1 .l1 .cont{ padding:0 10px;}
.JPTSKT1 .l1 .p1{ margin:0 0 6px 0;}
.JPTSKT1 .l1 .tit{ margin-top:5px; line-height:26px;}	
.JPTSKT1 .l1 .p1{ height:22px; line-height:22px;white-space: nowrap; text-overflow:ellipsis; font-size:12px;}	
.JPTSKT1 .l1 .time{ display:block; width:100%;}
.JPTSKT1 .l1 .info{ line-height:20px; font-size:12px; padding:5px 0;}
}
@media screen and (max-width:413px ) {
.JPTSKT1 .ul1{ margin-top:8px;}	
.JPTSKT1 .img{ width:130px; height:87px;}
.JPTSKT1 .la{ height:87px; padding-left:130px;}	
.JPTSKT1 .l1 .p1{ display:none;}	
.JPTSKT1 .l1 .info{ line-height:20px; font-size:12px; padding:5px 0; margin-top:5px;}
}

/*JPMFKC1*/
.JPMFKC1 { margin:-11px 0 0 0;}
.JPMFKC1 li{ width:33.33%; margin-top:35px;}
.JPMFKC1 .cont{ padding-bottom:0 !important;}
.JPMFKC1 .tit{ font-size:18px; line-height:28px; margin-top:10px;}
@media screen and (max-width:1229px ) {
.JPMFKC1 { margin:0;}	
.JPMFKC1 li{ width:33.33%; margin-top:18px;}
.JPMFKC1 .tit{ font-size:16px; line-height:26px; margin-top:0px;}	

}
@media screen and (max-width:1023px ) {
.JPMFKC1 li{ margin-top:12px;}	

}

@media screen and (max-width:767px ) {
.JPMFKC1 li{ width:50%; }
}


/*1关于我们*/
.pageBanner{ float:left; width:100%; position:relative;}
.pageBanner .imgBlack{ float:left; width: 100%; opacity:0.3;filter:alpha(opacity=30)}

.crumbs{ float: left; width: 100%; margin-top: 24px;}
.crumbs a{float: left; color:#333333; font-size:14px;line-height: 24px; padding-right:7px; }
.crumbs span{ float: left; font-family:宋体; padding: 0 8px; line-height: 26px;}
.crumbs a:hover,
.crumbs a.on{ padding: 0 10px; background: #e0e5f5; color:#3f6ffb; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}

/*banner上的文字*/
.Location{position: absolute; left:50%; top:50%; margin-top: -47px; float:left; width:500px; text-align:center; margin-left:-250px; overflow:hidden;}
.Location:after,
.Location:before{ float:left; width:3px; height:53px; background:#ff5d5f; position:absolute; left:0; top:50%; margin-top:-18px; content:'';}
.Location:before{ left:auto; right:0;}
.Location span{ position:relative; padding:0 19px;}
.Location span:after,
.Location span:before{position: absolute;content: ''; left:100%; top:50%; margin-top:-1px; width:500px; height: 3px; background: #ff5d5f;}
.Location span:before{ left: auto; right: 100%;}
.Location .titleH1{ float: left; width: 100%; text-align: center; font-size:48px;color:#fff;font-family:sysl; line-height:48px; height:48px;letter-spacing: 5px; position: relative;}
.Location .titleEN{ float: left;width:100%; text-align: center; text-transform: uppercase;color:#ffffff; font-size:24px;line-height: 24px; height:24px; letter-spacing: 3px;position: relative; margin-top:18px;}
.Location .titleH1 b{font-family: myFirstFontBold;}

/*-------end---------*/
@media screen and (max-width:1395px ) {
.Location{ margin-top:-36px; width:460px; margin-left:-230px;}	
.Location .titleH1{ font-size:36px; line-height:36px;height:36px}
.Location:after,
.Location:before{ height:44px; margin-top:-16px}	
.Location .titleEN{ margin-top:16px; font-size:20px; line-height:20px; height:20px;}


}
@media screen and (max-width:767px ) {
.crumbs{ display:none;}	
.Location{ margin-top:-36px; width:280px; margin-left:-140px; margin-top:-25px;}
.Location:after,
.Location:before{ height:30px; margin-top:-12px}		
.Location .titleH1{ font-size:24px; line-height:24px;height:24px}
.Location .titleEN{ margin-top:10px; font-size:16px; line-height:16px; height:16px;}


}


/*导航*/
.locationNav{ float: left; width: 100%;position: relative}
.navSecond{ position: absolute; left:0; width: 100%; bottom:0; background: rgba(0,0,0,0.2); height: 57px; z-index: 88;}
.navSecond ul{ float: left; width: 100%; display: table-cell;  text-align: center;}
.navSecond ul li{ display:inline-block;}
.navSecond ul li a{ float: left; color:#fff;font-size:18px; line-height: 57px; padding: 0 30px; margin: 0 8px;}
.navSecond ul li:hover a,
.navSecond ul li.on a{ background: #ff484b;}
@media screen and (max-width:1023px ) {
    .navSecond{ height: 47px; position: static}
    .navSecond ul li a{font-size:16px; line-height: 47px; padding: 0 20px; margin: 0 8px;}
}

@media screen and (max-width:767px ) {
    .navSecond{ height: 40px;}
    .navSecond ul li a{font-size:12px; line-height:40px; padding: 0 13px;}
}


.aboutBox{ float: left; width: 100%; margin-top:12px; padding-bottom: 30px;}
h1.headline{float: left; width: 100%; text-align: center; color:#fe5c5e; font-size:48px; line-height: 68px; text-transform: uppercase;  letter-spacing: 1px;font-family: sysl;}
h3.subheading{ float: left; width: 100%; text-align: center; line-height: 36px; color:#333333; font-size:30px; font-weight: bold;}
.aboutBox .aboutInfor{ float: left; width: 100%; color:#333333; font-size:16px; line-height: 36px; text-align: center; margin-top: 26px; padding-bottom: 40px;}
.aboutBox .aboutInfor.marTop{ margin-top: 40px;}
.aboutBox .synopsis{ float: left; width: 100%;}
.aboutBox .synopsis .li{ float: left; width: 25%; background: #f7f7f7; text-align: center; padding-bottom: 29px;}
.aboutBox .synopsis .li:nth-child(2n){ background: #f2f3f5}
.aboutBox .synopsis .li span{display: table; width: 100%; text-align: center; color:#3f6ffb;font-size:48px;font-weight: bold; margin-top: 17px; line-height: 76px; position: relative}
.aboutBox .synopsis .li span:after{ position: absolute; content: ''; width: 58px; height: 1px; background: #d3d3d3; left: 50%; margin-left: -29px; bottom: -1px;}
.aboutBox .synopsis .li p{width: 100%;font-size:16px; text-align: center; margin-top: 10px; line-height: 36px;}
.aboutBox .synopsis .li span sub{font-size:24px; line-height:0;}
.aboutBox .synopsis .li span.rad{color:#ff484b}

@media screen and (max-width:1024px ) {
    h1.headline{font-size:42px; line-height:60px;}
    h3.subheading{font-size:24px;line-height: 28px;}
    .aboutBox{ padding-bottom: 20px;}
    .aboutBox .aboutInfor{font-size:14px; line-height: 28px;margin-top: 18px;padding-bottom:30px;}
    .aboutBox .synopsis .li{ padding-bottom: 20px;}
    .aboutBox .synopsis .li span{ font-size:32px; margin-top: 10px;line-height: 62px;}
    .aboutBox .synopsis .li span::after{ width: 48px; margin-left: -24px;}
    .aboutBox .synopsis .li span sub{font-size:18px;}
    .aboutBox .synopsis .li p{ font-size:14px; line-height: 28px;}
    .aboutBox .aboutInfor.marTop{ margin-top: 30px;}
}
@media screen and (max-width:767px ) {
    .crumbs{ margin-top: 15px;}
    .crumbs a{font-size:12px;}
    h1.headline{font-size:28px; line-height:48px;}
    h3.subheading{font-size:20px;line-height: 24px;}
    .aboutBox .aboutInfor{font-size:12px; line-height: 24px;margin-top: 10px; padding-bottom: 20px;}
    .aboutBox .synopsis .li{ width: 50%;}
    .aboutBox .synopsis .li span{font-size: 24px;line-height: 38px;}
    .aboutBox .synopsis .li p{font-size: 12px;line-height: 22px;}
    .aboutBox .synopsis .li:nth-child(2n){background: #f7f7f7}
    .aboutBox .synopsis .li:nth-child(3),
    .aboutBox .synopsis .li:nth-child(2){background: #f2f3f5}
    .aboutBox .aboutInfor.marTop{ margin-top: 20px; padding-bottom: 10px;}
}
/*关于我们 优势*/
.advantageBage{ background: #f7f7f7; float: left; width: 100%; padding: 50px 0 80px 0;}
@media screen and (max-width:1024px ) {
    .advantageBage{padding: 40px 0 60px 0;}
}
@media screen and (max-width:767px ) {
    .advantageBage{padding: 20px 0 30px 0;}
}
/*关于我们 联系*/
.aboutContact{ float: left; width: 100%; padding: 50px 0 80px 0;}
.leftContact{float: left; width: 57.54%; margin-top: 36px;}
.leftContact .informationLi{ float: left; width: 100%;background: #f7f7f7; padding:22px 0 22px 85px;}
.leftContact .informationLi:nth-child(2n){ background: #ffffff}
.leftContact .informationLi i{ float: left; width: 42px; height: 42px; margin-top: 7px; background: #3f6ffb; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}
.leftContact .informationLi:nth-child(2n) i{ background: #ff484b}
.leftContact .informationLi p{ float: left;margin-left: 20px; width: 85%;font-size:16px; line-height: 28px;}
.leftContact .informationLi p em{ float: left; width: 100%; font-style: unset; color:#3f6ffb;}
.leftContact .informationLi:nth-child(2n) em{ color:#ff484b}
.leftContact .informationLi p span{ float: left; width: 100%; color:#444444; }
.rightContact{ float: right; width: 40.56%; background: #f7f7f7; padding: 61px 61px 65px 61px; margin-top: 36px;}
.rightContact h5{ float: left; width: 100%; color:#ff484b; font-size:30px; font-family: sysl; text-align: center;}
.rightContact .QR_code{ float: left; width: 100%; margin-top: 24px;}
.rightContact .QR_code span{ float: left; width: 50%; padding: 0 29px;}
.rightContact .QR_code span i{ float: left; width: 100%; padding: 9px; background: #fff;}
.rightContact .QR_code span em{ float: left; width: 100%; font-size: 16px; line-height: 32px; margin-top: 12px; font-style: unset; text-align:center; color:#666666}

@media screen and (max-width:1230px ) {
    .leftContact .informationLi{ padding: 17px 0 17px 40px;}
    .leftContact .informationLi p{ font-size:14px;}
    .rightContact .QR_code span{ padding: 0 10px;}
}
@media screen and (max-width:1024px ) {
    .leftContact{ width: 100%; margin-top: 28px;}
    .rightContact{ width: 100%; margin-top: 0; padding: 40px 30px}
    .rightContact h5{ font-size:24px;}
    .rightContact .QR_code span{ padding: 0 8%;}
    .aboutContact{padding: 40px 0 60px 0;}
}
@media screen and (max-width:767px ) {
    .aboutContact{ padding:20px 0 30px 0;}
    .leftContact{ margin-top: 20px;}
    .leftContact .informationLi{ padding: 15px 15px;}
    .leftContact .informationLi p{ width: 78%; margin-left: 10px;font-size:12px;line-height: 20px;}
    .leftContact .informationLi i{ width: 35px; height: 35px;margin-top: 3px;}
    .rightContact{ padding: 25px 20px;}
    .rightContact h5{ font-size:18px;}
    .rightContact .QR_code{ margin-top: 15px;}
    .rightContact .QR_code span em{ margin-top:10px;font-size:14px; line-height: 28px; }
}
@media screen and (max-width:413px ) {
    .leftContact .informationLi{ padding: 15px 0 15px 10px;}
	.leftContact .informationLi p{ width:80%;}
}


/*3精品提升课程-详情*/
.backgroundBox{ background: #f7f8fc; padding-bottom: 80px;}
.qualityIntro{float: left; width: 100%; margin-top: 24px; background: #fff;}
.qualityImg{ float: left; width: 580px;line-height: 0; font-size:0;}
.qualityText{ float: left; width: 786px; padding:28px 40px;}
.qualityText h3{ float: left;width: 100%; color:#333333; font-size:24px; line-height: 50px;}
.qualityText .qualityBrief{ float: left; width: 100%;margin-top: 10px;background:#f7f8fc; padding: 19px 25px;color:#666666; font-size:14px; line-height: 24px;}
.qualityText .qualityTime{float: left; width: 100%; font-size:14px; line-height: 36px; color:#666666; margin-top: 14px;}
.qualityText .qualityTime p{display: block; width: 100%; padding-left: 30px; position: relative; min-height:36px;}
.qualityText .qualityTime p i{ position: absolute; width: 18px; height: 16px; vertical-align: middle; left: 0; top:11px;}
.qualityText a.button{float: left; width: 166px; height: 50px; background: #ff484b; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; font-size:16px; color:#fff; margin-top: 35px; text-align: center; line-height: 50px;}
.qualityText a.button:hover{background: #50576c;}

@media screen and (max-width:1395px ) {
    .qualityImg{ width: 580px;}
    .qualityText{ width: 620px; padding: 25px 35px;}
    .qualityText a.button{ margin-top: 31px;}
}
@media screen and (max-width:1230px ) {
    .qualityImg{ width: 450px;}
    .qualityText{ width: 544px; padding: 15px 20px;}
    .qualityText h3{ font-size:18px; line-height: 42px;}
    .qualityText .qualityBrief{ margin-top: 5px; padding: 10px 15px;}
    .qualityText .qualityTime{ margin-top: 10px; line-height: 28px;}
    .qualityText .qualityTime p i{ height: 28px;}
    .qualityText a.button{ height: 40px; line-height: 40px; font-size: 14px; margin-top: 25px;}
    .backgroundBox{ padding-bottom: 70px;}
}
@media screen and (max-width:1023px ) {
    .qualityImg{ width: 100%;}
    .qualityText{ width: 100%;}
    .qualityText a.button{margin-top: 15px;}
    .backgroundBox{ padding-bottom: 50px;}
}
@media screen and (max-width:767px ) {
    .qualityIntro{margin-top: 15px;}
    .qualityText{ padding:10px 15px 15px 15px;}
    .qualityText h3{ line-height: 38px;}
    .qualityText .qualityBrief{ padding:12px;}
    .qualityText .qualityTime{ line-height: 28px;}
    .qualityText .qualityTime p i{height: 28px;}
    .qualityText a.button{ height: 35px; line-height: 35px;}
    .backgroundBox{ padding-bottom:30px;}
}

.courseIntro{ float: left; width:988px; margin-top: 60px; background: #fff; }
.courseIntro.porTab .hd{ float:left; width:100%; border-bottom:1px solid #e7e7e7; padding: 0 4px;}
.courseIntro.porTab .hd  li{ float:left; color:#333333; font-size:18px; line-height:61px; margin:0 35px; padding: 0 1px; position: relative; cursor: pointer;
transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;}
.courseIntro.porTab .hd  li:after{ position:absolute; content: ''; width: 100%; left:0; bottom:-1px; background: #ff484b; height:0;transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;}
.courseIntro.porTab .hd  li.on{color:#ff484b;}
.courseIntro.porTab .hd  li.on:after{ height: 2px;}
.courseIntro.porTab .bd{ float:left; width:100%; color:#333; font-size:14px; line-height:26px; padding:4% 4.2%; min-height: 800px;}
.courseIntro.porTab div img{ float:left; width:100%; line-height:0; margin:0;}

.courseRecom{ float: right; width: 348px; margin-top:60px; }
.courseRecomImg{float: left; width: 100%; padding: 21px; background: #fff;}
.courseRecomImg .slick_res1l{float: left; width: 100%; font-size:0; line-height: 0;}
.courseRecomImg .slick_res1l .slick-dots{bottom: 0;}
.courseRecomImg .slick_res1l .slick-dots li{
    width:16px;height:30px;margin: 0;
}
.courseRecomImg .slick_res1l .slick-dots li button {
    font-size: 0;line-height: 0;display: block;width: 16px;height: 30px;padding:10px 3px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;
}
.courseRecomImg .slick_res1l .slick-dots li button::before {
    position: absolute;top:10px;left: 3px; width: 10px;height: 10px;content: '';text-align: center;opacity: 0.4;color: black;background: #fff;border-radius:50px;}
.courseRecomImg .slick_res1l .slick-dots li.slick-active  button:before {background: #3f6ffb;opacity: 1;}

.courseRecomInfor{ float: left; width: 100%; background: #fff; margin-top: 20px; padding: 0 21px 21px 21px;}
.courseRecomInfor h5{ float: left; width: 100%; color:#222222; font-size:18px; font-weight: bold; line-height: 57px; position: relative;}
.courseRecomInfor h5:after{ position: absolute; content: ''; width: 3px; height: 22px; background: #ff484b; left: -21px; top:50%; margin-top: -11px;}
.courseRecomInfor ul{ float: left; width: 100%;}
.courseRecomInfor ul li{ float: left; width: 100%; margin-top: 17px;}
.courseRecomInfor ul li:first-child{ margin-top: 0;}
.courseRecomInfor ul li a{ float: left; width: 100%; line-height: 44px;}
.courseRecomInfor ul li a em{ float: left; width: 26%; color:#ff484b; font-size:16px; text-transform: unset; padding-left: 22px; background: url("images/page8.jpg") no-repeat left center;}
.courseRecomInfor ul li a span{ float: left; width: 74%; padding-left: 15px; color:#333333; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.courseRecomInfor ul li a:hover span{ color:#3f6ffb}

.courseRecomInfor ul li .classTime{ float: left; width: 100%; background: #f7f8fc; height: 34px; padding: 0 20px; line-height: 34px; font-size:14px;}
.courseRecomInfor ul li .classTime em{ float: left; color:#666666; text-transform: unset;}
.courseRecomInfor ul li .classTime span{float: right; color:#666666;}
.courseRecomInfor ul li .classTime span i{ color:#3f6ffb; font-style: normal;}

@media screen and (max-width:1395px ) {
    .courseIntro{ width: 850px; margin-top: 50px;}
    .courseRecom{ width: 320px; margin-top: 50px;}
}
@media screen and (max-width:1230px ) {
    .courseIntro{ width:650px; margin-top: 35px;}
    .courseRecom{ width: 320px; margin-top:35px;}
    .courseIntro.porTab .hd li{ font-size:16px; line-height: 50px;}
    .courseRecomInfor h5{ font-size:16px; line-height: 48px;}
    .courseRecomInfor ul li{margin-top: 10px;}
    .courseRecomInfor ul li a{ line-height: 36px;}
    .courseRecomInfor ul li a em{ font-size:14px;}
    .courseRecomInfor ul li a span{ font-size:14px;}
}

@media  screen and (max-width:1023px){
    .courseIntro{ width: 100%; margin-top: 20px;}
    .courseIntro.porTab .hd li{ margin: 0 2.5%;}
    .courseIntro.porTab .bd{padding: 3.2% 3.6%;}
    .courseRecom{ width: 100%; margin-top: 20px;}
    .courseRecomImg{ padding: 15px;}
    .courseRecomInfor{ padding: 5px 15px 15px 15px; margin-top: 15px;}
    .courseRecomInfor h5::after{ left: -15px;}
}
@media  screen and (max-width:767px){
    .courseIntro{ margin-top: 15px;}
    .courseIntro.porTab .bd{ padding: 15px;}
    .courseRecom{ margin-top: 15px;}
    .courseRecomInfor ul li{ margin-top: 7px;}
    .courseRecomInfor ul li .classTime{ font-size:15px; line-height: 30px; height: 30px;}
    .courseRecomInfor ul li .classTime em,
    .courseRecomInfor ul li .classTime span{font-size:12px;}
    .courseRecomInfor ul li a{ font-size:12px; line-height: 36px;}
}

   /*3精品提升课程-详情课程讲师*/
.teacherBack{float: left; width: 100%;}
.teacherTit{float: left; margin-top: -125px; text-align: center; display: block; width: 100%;}
.teacherTit .img{ display:inline-block; width: 206px; height: 206px; overflow: hidden; border-radius:80%;-moz-border-radius:80%; -webkit-border-radius:80%;}
.teacherTit .name{ display: inline-block; width: 100%; color:#222222; font-size:24px; font-weight: bold; line-height: 32px;}
.teacherTit .p1{ display: inline-block; color:#444444; font-size:14px; line-height: 26px;}
.teacherText{ float: left; width: 100%; margin-top: 38px;}
.teacherText .tit{ display: block; padding-left: 15px; border-bottom: 1px dashed #cccccc; position: relative;color:#444444; font-size:20px;line-height: 60px; height: 60px;}
.teacherText .tit:after{ position: absolute; content: ''; width: 5px;height: 18px; background: #3f6ffb; left: 0; top:50%; margin-top: -9px;}
.teacherText .p1{font-size:16px; line-height: 42px;color:#444444;margin-top: 18px;}
@media screen and (max-width:1230px ) {
    .courseIntro.porTab .bd{min-height: 750px;}
    .teacherTit .img{ width: 170px; height: 170px;}
    .teacherTit .name{ font-size:18px;}
    .teacherTit .p1{ font-size:14px; line-height: 22px;}
    .teacherText{ margin-top: 25px;}
    .teacherText .tit{font-size:18px; line-height: 50px; height: 50px;}
    .teacherText .tit:after{ width: 3px; height: 16px; margin-top: -8px;}
    .teacherText .p1{ margin-top: 10px; font-size:16px; line-height:36px;}
}
@media screen and (max-width:1024px ) {
    .courseIntro.porTab .bd{min-height: auto;}
    .teacherTit{ margin-top: -95px;}
    .teacherTit .img{ width: 150px; height: 150px;}
    .teacherText{ margin-top: 20px;}
    .teacherText .p1{font-size:14px; line-height: 28px; }
}
@media screen and (max-width:767px ) {
    .teacherTit{ margin-top: -75px;}
    .teacherTit .name{line-height: 28px;}
    .teacherTit .p1{ font-size:14px; line-height: 24px;}
    .teacherTit .img{ width: 120px; height: 120px;}
    .teacherText{ margin-top: 12px;}
    .teacherText .p1{ font-size:14px; line-height: 26px;}
}

.page { float:left; width:100%; margin:60px 0; color:#333; font-size:14px; line-height:30px;}
@media screen and (max-width:767px ) {
.page { margin:30px 0; line-height:26px;}
}

.aboutH1 { float: left; width: 100%;}
.locationNav.on{ position:fixed; top:0; height:57px; z-index:66;}
.locationNav.on .navSecond{ background:rgba(0,0,0,0.8);}
.pz_top.on { top:-200px;}

.qualityText a.button { position:relative;}
.qualityText a.button .erweima{ display:none; float:left; width:120px; height:120px; background:#fff; padding:5px;  position:absolute; left:100%; top:50%; margin-top:-60px; margin-left:10px; box-shadow:0 0 6px rgba(0,0,0,0.2); border:1px solid #f2f2f2; }

.h60 { float:left; width:100%; height:100px;}
@media screen and (max-width:1023px ) {
    .h60 { height:30px;
    }	

}


/*

3f6ffb
 box-shadow:0 5px 10px rgba(0,0,0,0.2);


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

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

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

}

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

}
*/