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


body{ color:#000}
.op0{opacity: 0;}
.wrap-div{width:100%; position:relative; z-index:2; bottom:150px; }
.wrap{ width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:5;}

.top{ padding:0; width:100%; position:fixed; left:0; top:0px; z-index:95; transition:all 0.5s ease; border-bottom:1px solid rgba(255,255,255,0.2); transition:all 0.5s ease;}
.top.on{ background:rgba(255,255,255,1); transition:all 0.5s ease; border-bottom:1px solid #ddd}
.laenls{ margin-top:35px; line-height:26px; color:#fff;}
.laenls a{ display:inline-block; width:28px; text-align:center; border:1px solid rgba(255,255,255,0); color:#fff; margin:0 5px;transition:all 0.5s ease;}
.laenls a:hover{  border:2px solid rgba(255,255,255,1);transition:all 0.5s ease;}
.laenls a.on{ border:2px solid #fff;}
.enlma{ margin-top:15px; margin-right:15px;}

.sytel{ float:right; font-size:30px; font-weight:bold; margin-top:40px;}
.sy-nav{ width:100%; background:#485ae2; height:50px; float:left}
.T-nav{ width:100%; max-width:1200px; margin:0 auto}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; height:50px; line-height:50px; color:#fff; font-size:16px; font-weight:bold;  padding:0 65px; text-align:center; position:relative; margin-top:0px}
.T-nav > li > a:hover{ }
.T-nav > li > a:after{ display:block; content:''; left:50%; bottom:0; height:3px; width:0px; background:#fff; transform:translateX(-50%); position:absolute; transition:all 0.5s ease; margin-bottom:0px;}
.T-nav > li .gdlt{ position:absolute; width:320px;/* padding-left:15px;*/ top:50px; display: none; background:#7483ef; left:-66px;}
.T-nav > li:nth-child(n+6) .gdlt{ right:0; left:auto;}
.T-nav > li .gdlt{}
.T-nav > li .gdlt .fl{ /*width:200px;*/ text-align:left;}
.T-nav > li .gdlt .fl a{ text-align:left; padding-left:20px; display:block; line-height:50px; color:#fff; /*background:url(../images/sjx.png) no-repeat left center;*/ transition:all 0.5s ease; float:left; width:160px;}
.T-nav > li .gdlt .fl a:hover{ font-weight:bold}
.T-nav > li:nth-child(n+6) .gdlt .fl a{ float:right;}

.T-nav > li .gdlt .fr{ overflow:hidden; width:220px;}
.T-nav > li .gdlt .fr img{ transition:all 0.5s ease;}
.T-nav > li .gdlt .fr:hover img{ transition:all 0.5s ease; transform:scale(1.1);}
/*.T-nav{}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; height:100px; line-height:100px; color:#fff; font-size:16px; padding:0 30px; text-align:center; position:relative; font-weight:bold;}
.T-nav > li > a:after{ display:block; content:''; left:50%; bottom:0; height:3px; width:0px; background:#fff; transform:translateX(-50%); position:absolute; transition:all 0.5s ease;}
.T-nav > li .gdlt{ position:absolute; width:120px; margin-left:-60px; left:50%; top:100px; display: none; background:#2a5ad9; text-align:center; }
.T-nav > li .gdlt a{ display:block; line-height:50px; color:#fff; transition:all 0.5s ease;}*/
@-webkit-keyframes bounce-down {
 25% {
-webkit-transform: translateY(-10px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(10px);
}
}
 @keyframes bounce-down {
 25% {
transform: translateY(-10px);
}
 50%, 100% {
transform: translateY(0);
}
 75% {
transform: translateY(10px);
}
}
 @-webkit-keyframes bounce-up {
 25% {
-webkit-transform: translateY(10px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(-10px);
}
}
 @keyframes bounce-up {
 25% {
transform: translateY(10px);
}
 50%, 100% {
transform: translateY(0);
}
 75% {
transform: translateY(-10px);
}
}
h1{ font-size:42px;}
h2{ font-size:24px;}
h3{ font-size:18px; }
h4{ font-size:16px; font-weight:normal}
.line{width: 138px;
    height: 6px;
    background: #485ae2;
    position: relative;
    top: -24px;
    margin: 0 auto;}
.sytitle1{ width:100%; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:20px; text-align:center; font-size:42px; font-weight:bold}
.sytitle2{ font-size:22px; color:#666; 
   text-align: center;
}
.sytitle3{ width:100%; max-width:1200px; margin:0 auto; margin-right:100px;font-size:22px; color:#666; text-align:left }


/*内容*/
.index1{ width:100%; background:#e9eef4; padding-top:80px; padding-bottom:80px;}
.pcvs{ width:100%; max-width:1200px; padding-top:60px; margin:0 auto}
.sjvs{ display:none}
.index2{ width:100%;padding-top:80px; }

.syzs{ width:96%; margin-left:2%; margin-right:2%;
-moz-box-shadow: 0px 0px 5px #888888; /* 老的 Firefox */
box-shadow: 0px 0px 5px #888888; float:left; height:570px; border-radius:10px;margin-bottom: 5px;}
.syzs .title{ background:url(images/zstop.png) no-repeat top; text-align:center; font-size:24px; color:#fff; font-weight:bold; line-height:60px;}
.syzscon li{ font-size:18px; line-height:38px; text-align:center; width:100%}
.syzs-button{ background:#fc6749; width:80%; margin:0 auto; font-size:18px; line-height:50px; border-radius:50px; text-align:center;    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 30px;}
.syzs-button a{font-size:18px; color:#fff; font-weight:bold}


.zymb{ width:100%; max-width:1200px; margin:0 auto; padding-top:60px;}
.zymb li{ width:45%; margin-right:5%; float: left; box-shadow:0 0 5px #888888; margin-bottom:30px;}
.zymb li.zymbcon1{ border-top:10px solid #d12427; padding:20px;}
.zymb li.zymbcon2{ border-top:10px solid #5367ff; padding:20px;}
.zymb li.zymbcon3{ border-top:10px solid #ec6a1f; padding:20px;}
.zymb li.zymbcon4{ border-top:10px solid #5dcf5d; padding:20px;}
.zymb-title{ width:20%; float:left; border-radius:10px; font-size:30px; font-weight:bold; color:#fff; text-align:center; margin-right:5%}
.zymb-list{ width:75%; float:left; font-size:16px; line-height:30px;}


.szls{ width:96%; margin-left:2%; margin-right:2%;
 float:left; margin-bottom: 5px; text-align:center}
.szls .p1{ font-size:24px; font-weight:bold; padding-top:10px;}
.szls .p2{ font-size:16px; color:#666; padding:10px 10px 0px 10px}
.szls-button{ width:400px; height:80px; background:#fc6749;  text-align:center;  margin:0 auto; margin-top:60px; border-radius:50px;}
.szls-button a{color:#fff; font-size:30px;line-height:80px;}


.synews{ width:100%; max-width:1200px; margin:0 auto; padding-top:60px;}
.synews li{ width:30%; margin-right:3%; float:left}
.synews li:nth-child(3n){ margin-right:3%;}
.newsimg{ width:100%; float:left}
.newsimg .newjs{ background:rgba(0,0,0,0.4); position:relative; bottom:0px; line-height:40px; color:#fff; font-size:18px; text-align:center; bottom:40px;}
.newscon{ width:100%; position:relative; top:-40px;}
.newscon a{font-size:16px; color:#666; line-height:40px;}


.index3{ width:100%; background:url(images/zxj.png) no-repeat center; color:#fff; padding-bottom:80px;}
.ehoutc td{ padding:20px 5px; color:#666;}
.ehoutc td.tr{width:100px; color:#fff; font-size:18px;}
.ehoutc td .obcl{ height:40px; border:1px solid #eee; padding:0 5px; width:100%;}
.ehoutc td textarea{ width:100%; height:200px; border:1px solid #eee; padding:5px;font-family:"Microsoft Yahei","微软雅黑",sans-serif;}
.ehoutc td .bree{ width:300px; height:60px; color:#fff; background:#fc6749; border:none; cursor:pointer; font-size:20px; line-height:60px; border-radius:50px; margin:0 auto}
.JFT2{ position:relative;}
.JFT2 a{display:block;width:150px; height:40px; color:#fff; background:#1b5db4; border:none; cursor:pointer; line-height:40px;text-align:center;position:absolute;top:-40px;right:0px; }
.zcfg{ width:100%; background:#f8f8f8; margin-top:60px; padding-bottom:60px;}
.zcfg-left{width:49%; float:left; margin-right:2%; margin-top:44px; padding:10px;}
.zcfg-right{width:49%;float:left; margin-top:44px; padding:10px; margin-right:0px;}
.zcfg-line{ border-bottom:3px solid #0099D9; float:left}
.zcfg-title{ width:100%; line-height:45px; border-bottom:1px solid #D8D8D8}
.zcfg-top{ width:100%; float:left}
.zcfg-top li{ width:100%; float:left; margin-bottom:0px; margin-top:30px; line-height:0px;}
.zcfg-centent{width:200px; float:left; margin-left:30px; line-height:20px;}


.ehoutc td .obc2{ height:40px; border:1px solid #ddd; padding:0 5px; width:100%;}

.bottom{ text-align:center; font-size:18px; color:#666; padding-top:10px; padding-bottom:30px; line-height:30px;}
.ehoutc td .bree1{ width:200px; height:40px; color:#fff; background:#007ae2; border:none; cursor:pointer; font-size:18px; line-height:40px; border-radius:5px; margin:0 auto}


/*首页入口*/
.rk{ margin-top:40px;}
.rk li{ width:33.33%; margin-right:0%; float:left; text-align:center; font-size:24px; color:#333; line-height:40px; font-weight:bold; margin-bottom:40px;}
.rk li:nth-child(3n){ margin-right:0px;}


/*内页*/

.ny-title{ width:100%; text-align:center;  font-size:42px; font-weight:bold; padding-top:80px; padding-bottom:20px;}
.ny-title::before,
.ny-title::after {
    font-size: 40px;
    font-weight: bold;
    content: "——";
    color: #3da5d3;
}
.subtitle {
    font-size: 20px;
    text-align: center;
    color: #505050;
    margin-bottom: 30px;
}
.ny-title1{ width:100%; font-size:24px; font-weight:bold; color:#666; text-align:center; padding-top:80px; padding-bottom:20px;}
.ny-wrap{ width:100%; max-width:1000px; margin:0 auto}


.ny-title2{ width:100%; text-align:center;  font-size:42px; font-weight:bold; padding-top:80px; }
.ny-title2::before,
.ny-title2::after {
    font-size: 30px;
    font-weight: bold;
    content: "——";
    color: #ff5b59;
}
.ny-title3{ width:100%; font-size:42px; font-weight:bold; color:#000; text-align:center; padding-top:0px; padding-bottom:20px;}



.ny-title4{ width:100%; text-align:center;  font-size:42px; font-weight:bold; padding-top:80px; }
.ny-title4::before,
.ny-title4::after {
    font-size: 30px;
    font-weight: bold;
    content: "——";
    color: #3ca5d4;
}

.redbutton{ width:430px; background:#ff5959; border-radius:10px; line-height:70px;  color:#fff; text-align:center; font-size:28px; margin:0 auto; position:relative; top:20px;}



.ny-content{ width:100%; text-align:center; padding-top:20px;}


.ny-tel{ display:none}


.ny-nav{ height:82px; background:#f7f8f8; text-align:center;}
.ny-nav span{ display:none;}
.ny-nav a{ display:inline-block; line-height:80px; border-bottom:2px solid #f7f8f8; font-size:16px; padding:0 40px; position:relative;}
.ny-nav a.cur{ border-bottom:2px solid #0079e2; color:#0079e2;}
.ny-nav a.cur:after{ content:''; position:absolute; width:10px; height:5px; bottom:-7px; left:50%; margin-left:-5px; background:url(../images/xl.png);}
.ny-01{ padding:50px 0 0;}
.piclm{ line-height:2; font-size:16px;}
.ny-02{ padding:50px 0;}
.ny-03{ padding:50px 0; background:#f8f8f9;}
.ny-04{ padding:50px 0;}


/*课程频道页*/
.kcpx { padding-bottom:80px; padding-top:60px; float:left; width:100%}
.kcpx li{ width:33.3%; float:left; text-align:center}
.kcpx li dt{ font-size:24px; font-weight:bold; color:#333; padding-top:20px; padding-bottom:10px;}
.kcpx li dd{ font-size:18px;}
.kecpx1{ width:100%; background:#f5f5f5; padding-bottom:80px;}
/*入门*/
.kecpx1 .list {
    width: 487px;
    height: 294px; float:left; text-align:center
}
.kecpx1 .list1 {
    background:url(kczx/img_001.png)no-repeat center;
    margin-right: 25px;
    margin-bottom: 35px;
}
.kecpx1 .list2 {
    background: url(kczx/img_002.png)no-repeat center;
    margin-bottom: 35px;
}
.kecpx1 .list3 {
    background: url(kczx/img_003.png)no-repeat center;
    margin-right: 25px;
}
.kecpx1 .list4 {
    background: url(kczx/img_004.png)no-repeat center;
}
.kecpx1 .list .list_first {
    padding-top: 100px;
}
.kecpx1 .list .list_first p:first-child {
    font-size: 30px;
    font-weight: bold;
    color: #3da5d3;
    margin-bottom: 15px;
}
.kecpx1 .list .list_first p+p {
    font-size: 20px;
    color: #fff;
}
.kecpx1 .list:hover {
    cursor: pointer;
    background: #3da5d3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.kecpx1 .list_second {
    display: none;
    padding-top: 80px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
}
.kecpx1 .list:hover .list_second {
    display: block;
}
.kecpx1 .list:hover .list_first {
    display: none;
}

/*进阶*/
.zzjj {
    width: 487px;
    height: 320px; float:left; text-align:center
}
.zzjj_c {
    width: 1000px;
    height: 320px; float:left; text-align:center
}
.zzjj1 {
    background:url(kczx/img_005.png)no-repeat center;
    margin-right: 25px;
    margin-bottom: 35px;
}
.zzjj2 {
    background:url(kczx/img_006.png)no-repeat center;
    margin-bottom: 35px;
}
.zzjj3 {
    background:url(kczx/img_007.png)no-repeat center;
    margin-right: 25px;
}

.zzjj .zzjj_first {
    padding-top: 100px;
}
.zzjj_c .zzjj_first{ padding-top:100px;}
.zzjj .zzjj_first p:first-child {
    font-size: 30px;
    font-weight: bold;
    color: #6fc6a1;
    margin-bottom: 15px;
}
.zzjj .zzjj_first p+p {
    font-size: 20px;
    color: #fff;
}
.zzjj_c .zzjj_first p:first-child {
    font-size: 30px;
    font-weight: bold;
    color: #6fc6a1;
    margin-bottom: 15px;
}
.zzjj_c .zzjj_first p+p {
    font-size: 20px;
    color: #fff;
}
.zzjj:hover {
    cursor: pointer;
    background: #3da5d3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.zzjj_c:hover {
    cursor: pointer;
    background: #3da5d3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.zzjj_second {
    display: none;
    padding-top: 80px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
}
.zzjj:hover .zzjj_second {
    display: block;
}
.zzjj:hover .zzjj_first {
    display: none;
}

.zzjj_c:hover .zzjj_second {
    display: block;
}
.zzjj_c:hover .zzjj_first {
    display: none;
}


.btn_group {
    font-size: 0;
}

.btn_group a {
    position: relative;
    display: inline-block;
    width: 260px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #c4c4c4;
    text-decoration: none;
    color: #505050;
    font-size: 20px;
    margin: 0 32px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; text-align:center
}

.btn_group a::before,
.btn_group a::after {
    position: absolute;
    top: 0;
    content: "|"
}

.btn_group a::before {
    left: -15px;
}

.btn_group a::after {
    right: -15px;
}

.btn_group a:hover {
    color: #3da5d3;
    border: 1px solid #3da5d3;
    font-weight: bold;
    background: #fff;
}

.ny-sztd{ background:#0f9bff; width:96%;  float:left; padding:2%}
.ny-sztd .left{ width:40%; float:left; margin-right:5%}
.ny-sztd .right{ width:55%; float:left; color:#fff}
.ny-sztd .right dt{ font-size:24px; font-weight:bold; padding-bottom:20px;}
.ny-sztd .right dd{ font-size:16px; line-height:32px;}


/*glkj-cj*/
.glkj-cj{ width:100%; max-width:1000px; position:relative; margin:0 auto; padding-top:20px}
.glkj-cj li{ width:29.3%; float:left; text-align:center; padding-right:2%; padding-left:2%}
.glkj-cj li .p1{ font-size:18px; color:#fff;}
.glkj-cj li .p2{ background:#3da5d3; color:#fff; line-height:30px; border-radius:50px; margin-top:20px; font-size:20px;}

/*招聘*/
.enlmcs dt{ margin-top:10px; background:#e1e1e1 url(images/s1.jpg) no-repeat 97% center; padding-left:4%; line-height:45px; height:45px; overflow:hidden; cursor:pointer; color:#333;}
.enlmcs dt.cur{background:#0079e2 url(images/s2.jpg) no-repeat 97% center; color:#fff;}
.enlmcs dd{ padding:2%; line-height:2; color:#464646; display:none;}
.oapre li{ padding:20px 0; border-bottom:1px solid #eee;}
.oapre li a{ display:block;}
.oapre li a .date{ width:96px; height:96px; text-align:center; font-size:12px; color:#999; background:#f7f8f8; padding-top:20px;}
.oapre li a .date strong{ display:block; font-size:26px; color:#c03034;}
.oapre li a .con{ width:1070px;}
.oapre li a .con .p1{ font-size:16px; line-height:35px; height:35px; overflow:hidden;}
.oapre li a .con .p2{ color:#999; line-height:25px; height:50px; overflow:hidden;}


/*资讯中心*/

.newswrap{ padding-top:60px;}
.ny-news li{ padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ddd; width:100%}
.ny-news li:hover{ background:#f5f5f5}
.ny-news li .left{ width:15%; float:left; margin-right:3%}
.ny-news li .right{ width:82%; float:left}
.ny-news li .right dt{ font-size:20px; color:#3565aa; width:100%; padding-bottom:6px;}
.ny-news li .right dd{ font-size:16px; color:#666; width:100%; line-height:26px;}
.ny-news li .right .time{ font-size:12px; color:#999; padding-top:6px;}


.loabt{ padding-bottom:20px; border-bottom:1px dashed #ddd; padding-top:40px;}
.loabt .p1{ font-size:28px;}
.loabt .p2{ color:#666; margin-top:12px;}
.edit-con{ line-height:2; padding:3% 0; color:#464646; font-size:16px;}
.lbalmc{ width:100%; margin-top:30px;}
.lbalmc a{ width:50%; display:table; font-size:16px; padding:0 40px; background-color:#f5f5f5; background-repeat:no-repeat; height:120px; text-align:center; transition:all 0.5s ease;}
.lbalmc a p{ display:table-cell; vertical-align:middle;}
.lbalmc a.fl{ background-image:url(../images/h1-1.png); background-position: 4% center;}
.lbalmc a.fr{ background-image:url(../images/h2-1.png); background-position: 96% center;}


/*联系方式*/
.contact li{ width:45%; margin-right:5%; float:left; border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px; float:left; text-align:left}
.contact li .left{ width:40%; float:left}
.contact li .right{ width:55%; float:left; margin-left:5%}
.contact li .p1{ font-size:24px; font-weight:bold; float:left; text-align:left; width:100%}
.contact li .p2{ font-size:16px; text-align:left}


/*翻页*/
#dcms_pager{
	width:100%;
	font-family:arial;
}
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:5px 0 10px 0;padding:0;height:auto;clear:both; content:""; text-align:right; }
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:10px 9px 0 0;padding:6px 16px;font-size:12px;   font-family:arial; float:left;}
#dcms_pager .pages a:hover {border:1px solid #aeaeae;}
#dcms_pager .pages .pgempty {border:1px solid #eee;color:#333;}
#dcms_pager .pages .pgcurrent {border:1px solid #ddd;color:#fff; background-color:#38abff;}
#dcms_pager .pages select{padding: 6px 13px; 
    margin-left: 11px;
    vertical-align: inherit;
    border: 1px solid #ddd;}


/*上下页*/
.pagelm a{ display:block; width:49%; line-height:70px; height:70px; overflow:hidden; background:#f5f5f5; padding:0 8%; transition:all 0.5s ease;}
.pagelm a.fl{ text-align:left; background:#f5f5f5 url(../images/b1.png) no-repeat 4% center;}
.pagelm a.fr{ text-align:right; background:#f5f5f5 url(../images/b2.png) no-repeat 96% center;}


.syguest{ width:100%; margin:0 auto; max-width:500px;}




/*在线客服*/
.float0831 {
	POSITION: fixed; TOP: 180px; _position: absolute; z-index:999;left:5px;
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #217ab9; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 29px; FLOAT: right; left:-12px;
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}

.float0831 .tp {
	BACKGROUND: url(kefu/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(kefu/float_bg.gif)
}
.float0831 .floatR { WIDTH: 162px; height:360px;  BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden; background:url(kefu/kefu.png) no-repeat center; padding-top:46px;
}
.kefu li{ width:135px; line-height:34px; margin:10px 12px; background:rgba(255,255,255,0.7); text-align:center;color:#333; font-size:14px; border-radius:5px;}
.kefu li:hover{background:rgba(255,255,255,1); color:#217ab9}


.float0831 .btnOpen {
	BACKGROUND:url(kefu/float_s.png) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(kefu/float_s.png) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(kefu/float_s.png) no-repeat
}

.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}

.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: -8px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}


/*弹窗*/
.sjtc{ display:none}
.bottnav{ display:none}

@media (min-width: 1201px){
/*.T-nav > li .gdlt a:hover{ background:rgba(14,87,157,1); transition:all 0.5s ease;}
.T-nav > li > a.cur:after{ width:40px; transition:all 0.5s ease;}
.T-nav > li > a.on:after{ width:40px;}*/
.T-nav > li > a.cur:after{ width:40px; transition:all 0.5s ease;}
.T-nav > li > a.on:after{ width:40px;}
.pencla li.cur .con{ background:#205bab; height:100%; transition:all 0.5s ease;}
.pencla li.cur .con .p1,.pencla li.cur .con .p2{ color:#fff; transition:all 0.5s ease;}
.pencla li.cur .con .p3{ margin-top:15px; padding-top:50px; height:129px; transition:all 0.5s ease;}
.pencla li.cur .con .p3:after{ height:40px; transition:all 0.5s ease;}
.lboura li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.zposc a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.spocl:hover img{transition:ease .5s all; margin-left:10px;}
.spomca li:hover .pic{  background-size:105%; transition:all 0.5s ease;} 
.lb-opacl li p:hover img{transform:scale(1.1); transition:all 0.5s ease;}
.news-list li:hover .pic img{transform:scale(1.1);transition:all 0.4s ease;}

}
@media (max-width: 1200px){
	
	
	.float0831{ display:none}
	
.ny-wrap{ width:94%; margin-left:3%; margin-right:3%}	
	
.sytel{ display:none}	
	.sy-nav{ background:none; height:0px;}
	
	.rk li{ width:94%; margin-left:3%; margin-right:3%}
	
	
.wrap-div{width:100%; position:relative; z-index:2; top:55px;}
.wrap{ width:100%; max-width:768px;}
.laenls{ margin-top:10px;}
.enlma{ margin-top:10px; margin-right:6px;}
.top{ background:#fff}

.top .logo{}
.top .logo img{ height:50px;}
.mob-nav{ display:block; float:right; background:url(images/mob-ct.png) no-repeat center center; background-size:auto 30%; width:50px; height:50px;}
.T-nav{ width:100%; position:absolute;  display:none;height:100%; overflow-x:hidden; overflow-y:auto; top:50px; left:0; margin:0; background:rgba(255,255,255,1);}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px; color:#666;}
.T-nav > li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; left:0; margin:0; top:0; padding:0; background:none;}
.T-nav li .gdlt a{ padding:0 5%; height:35px; line-height:35px; margin:5px 0; color:#666;}
.T-nav > li .gdlt .fl a{ color:#000}
.anouc{ display:none}
.index2{ padding-top:40px;}

.newswrap{ padding-top:0px;}


.sytitle1{ width:100%; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:20px; text-align:center; font-size:30px; font-weight:bold}
.sytitle2{ font-size:14px; color:#666; text-align:center; }
.sytitle3{font-size:14px; color:#666; text-align:center;  }

/*内容*/

.index1{ width:100%; background:#e9eef4; padding-top:40px; padding-bottom:40px;}
.pcvs{ display:none}
.sjvs{ width:100%; max-width:1200px; padding-top:40px; margin:0 auto; display:block}

.syzs{ width:96%; margin-left:2%; margin-right:2%;
-moz-box-shadow: 0px 0px 5px #888888; /* 老的 Firefox */
box-shadow: 0px 0px 5px #888888; float:left; padding-bottom:80px; border-radius:10px;margin-bottom: 5px;}
.syzs .title{ background:url(images/zstop.png) no-repeat top; text-align:center; font-size:24px; color:#fff; font-weight:bold; line-height:60px;}
.syzscon li{ font-size:18px; line-height:38px; text-align:center; width:100%}
.szls-button{ width:96%; height:60px; background:#fc6749;  text-align:center;  margin:0 auto; margin-top:60px; border-radius:50px; margin:0 auto}
.szls-button a{color:#fff; font-size:24px;line-height:60px;}


.synews{ padding-top:30px;}
.synews li{ width:46%; margin-left:2%; margin-right:2%; float:left}
.synews li:nth-child(2n){ margin-left:0%}
.synews li:nth-child(3n){ margin-right:2%}
.newscon{ display:none}

.zymb{ width:100%; max-width:1200px; margin:0 auto; padding-top:20px;}
.zymb li{ width:96%; margin-right:2%; margin-left:2%; float: left; box-shadow:0 0 5px #888888; margin-bottom:30px;}
.zymb-title { font-size:24px;}

.ehoutc td.tr{/* width:40%*/}
.ehoutc td{ /*width:60%*/}
.ehoutc td .bree{ width:280px; height:50px; color:#fff; background:#fc6749; border:none; cursor:pointer; font-size:20px; line-height:50px; border-radius:50px; margin:0 auto}


.ehoutc td .obcl{ height:40px; border:1px solid #eee; padding:0 5px; width:100%;}



.zymb-list{  font-size:14px; line-height:30px;}



.syguest{ width:100%; margin:0 auto; max-width:500px;}

/*内页*/
.ny-banner{ margin-top:50px;}
.ny-title{ width:100%; text-align:center;  font-size:28px; font-weight:bold; padding-top:40px; padding-bottom:20px;}
.ny-title::before,
.ny-title::after {
    font-size: 20px;
    font-weight: bold;
    content: "——";
    color: #3da5d3;
}



.ny-title2{ width:100%; text-align:center;  font-size:28px; font-weight:bold; padding-top:40px;}
.ny-title2::before,
.ny-title2::after {
    font-size: 20px;
    font-weight: bold;
    content: "——";
    color: #ff5b59;
}
.ny-title3{ width:100%; font-size:28px; font-weight:bold; color:#000; text-align:center; padding-top:10px; padding-bottom:20px;}


.ny-title4{ width:100%; text-align:center;  font-size:28px; font-weight:bold; padding-top:40px;}
.ny-title4::before,
.ny-title4::after {
    font-size: 20px;
    font-weight: bold;
    content: "——";
    color: #3ca5d4;
}

.redbutton{ width:90%; margin-left:5%; margin-right:5%; background:#ff5959; border-radius:10px; line-height:50px;  color:#fff; text-align:center; font-size:28px; margin:0 auto}


.ny-tel{    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    top: 60px; display:block}
	
	
	


.ny-nav{ height:auto;}
.ny-nav span{ display: block; text-align:left; line-height:50px; background:url(images/xl.png) no-repeat right center; width:90%; padding-left:5%; padding-right:5%}
.ny-nav a{ display:block; border:none; text-align:left; padding:0 4%; font-size:14px; line-height:40px;}
.ny-nav a.cur:after{ display:none;}
.ny-nav p{ display:none;}
/*课程频道页*/

.kecpx1{ width:100%; background:#f5f5f5; padding-bottom:40px;}

.kcpx { padding-bottom:40px; padding-top:30px; float:left; width:100%}
.kcpx li{ width:100%; float:left; text-align:center; padding-bottom:40px;}
.kcpx li dt{ font-size:24px; font-weight:bold; color:#333; padding-top:20px; padding-bottom:10px;}
.kcpx li dd{ font-size:18px;}
.kecpx1{ width:100%; background:#f5f5f5; padding-bottom:80px;}

/*入门*/
.kecpx1 .list {
    width:100%;
    height: 294px; float:left; text-align:center
}
.kecpx1 .list1 {
    background:url(kczx/img_001.png)no-repeat center;
    margin-right: 25px;
    margin-bottom: 35px;
}
.kecpx1 .list2 {
    background: url(kczx/img_002.png)no-repeat center;
    margin-bottom: 35px;
}
.kecpx1 .list3 {
    background: url(kczx/img_003.png)no-repeat center;
    margin-right: 25px;
	  margin-bottom: 35px;
}
.kecpx1 .list4 {
    background: url(kczx/img_004.png)no-repeat center;
	  margin-bottom: 35px;
}


/*进阶*/
.zzjj {
    width: 100%;
    height: 320px; float:left; text-align:center
}
.zzjj_c {
    width: 100%;
    height: 320px; float:left; text-align:center
}
.zzjj1 {
    background:url(kczx/img_005.png)no-repeat center;
    margin-right: 25px;
    margin-bottom: 35px;
}
.zzjj2 {
    background:url(kczx/img_006.png)no-repeat center;
    margin-bottom: 35px;
}
.zzjj3 {
    background:url(kczx/img_007.png)no-repeat center;
    margin-right: 25px;
}



.ny-sztd .right dt{ font-size:18px; padding-bottom:10px;}
.ny-sztd .right dd{ font-size:12px; line-height:20px;}

/*glkj-cj*/
.glkj-cj{ width:100%; max-width:1000px; position:relative; margin:0 auto; padding-top:20px}
.glkj-cj li{ width:100%; float:left; text-align:center; padding-right:10%; padding-left:10%}
.glkj-cj li .p1{ font-size:18px; color:#fff;}
.glkj-cj li .p2{ background:#3da5d3; color:#fff; line-height:30px; border-radius:50px; margin-top:20px; font-size:20px;}



/*联系方式*/
.contact li{ width:94%; padding-left:3%;  padding-right:3%}




/*资讯中心*/
.ny-news li{ padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ddd; width:100%}
.ny-news li .left{ width:35%; float:left; margin-right:3%}
.ny-news li .right{ width:62%; float:left}
.ny-news li .right dt{ font-size:20px; color:#3565aa; width:100%; padding-top:15px;}
.ny-news li .right dd{ display:none}

.edit-con{ padding:3% 3%}
.loabt{ padding-top:0px;}

/*翻页*/
#dcms_pager .pages{ font-size:0;}
#dcms_pager .pages select{display:none;}
	#dcms_pager .pages a {margin:10px 6px 0 0;padding:3px 14px;}
	
	
	
/*弹窗*/
.sjtc{ background:rgba(0,0,0,0.5); position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:96; display:block}
.sjtc .tccon{ width:80%;  transform:translate(-50%,-50%); left:50%; position:absolute; top:50%}
.sjtc .tccon button {
    background-image: linear-gradient(0deg, #ffc638 0%, #fcbe32 16%, #fdf380 100%);
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.4);
    border-radius: 40px;
    border: solid 1px #ffffb0;
    width: 60%;
    height: 40px;
    color: #b24f00;
    font-size: 16px;
 left:50%; transform:translateX(-50%); top:300px;
	position:absolute;
}

.sjtc .tccon img{ width:100%}
.bottnav{ position:fixed; bottom:0px; left:0px; right:0px; background:#fff; height:50px; display: block; z-index:97}
.bottnav li{ width:20%; float:left; text-align:center; font-size:12px; color:#333}
.bottnav li img{ width:32%; padding-top:6px;}
.bottnav li.botttel img{width: 60%;margin-top: -25px;}
.bottnav li.botttel{margin-top: -2px; color:#F00}

}

@media (max-width: 768px){
.syguest{ max-width:750px;}
 }
@media (max-width: 640px){


}


@media (max-width: 420px){

}