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

.menu-btn{ position:absolute; height:90px; top:0; right:3%;  width:25px; margin-right:10px; cursor:pointer; display:none}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.header.scroll .menu-btn span{ background:#00469c}
.header.scroll .menu-btn{ height:80px;}
.menu-btn .line1{ margin-top:32px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:22px; line-height:52px; display:block}
.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background: #284e95; color:#fff; display:none; z-index:9999999999999999}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 8px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 8px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 6px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 6px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999999999999999999999999999}
.tanchuang .text{ position:fixed;z-index:99999999999999999999999999999; left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#284e95}
.tanchuang .text .tel{ background:#284e95; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#284e95; font-size:18px; margin-top:15px}

.pcshow{ display:block}
.phshow{ display:none}
.phshow02{ display:none}

@media screen and (max-width: 1760px){
.header .menu li .menu_a{ margin:0 0 0 30px}

.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:320px;}

}

@media screen and (max-width: 1600px){
.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:300px;}
.nbanner02 img{ width:110%; margin-left:-5%;}

}
@media screen and (max-width: 1440px){
.container .main .intro .conn{ font-size:16px; }	
.container .main .intro .conn li{ padding:3px 0}
.qkuai .swiper-slide.swiper-slide-active{ padding:40px 0px}
.itraining .swiper-slide.swiper-slide-active{ padding:40px 0px}
.newslist .txt .more{ margin-top:20px;}
.newslist li h3{margin: 0px 0 10px 0;}

.systeams .msystem .inner .kuai01{ left:50px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:280px; bottom:380px;}
.systeams .msystem .inner .kuai03{ left:480px; top:240px;}
.systeams .msystem .inner .kuai04{ left:730px; top:100px;}
}
@media screen and (max-width: 1366px){
.container .main .tpic{margin-top: -100px}
.header .menu li .menu_a{ margin:0 0 0 20px}

.banner{ width:120%; margin-left:-10%}

.qkuai .swiper-slide .text h3{ font-size:18px;}
.qkuai .swiper-slide.swiper-slide-active h3{ font-size:24px;}

.itraining .swiper-slide .text h3{ font-size:18px;}
.itraining .swiper-slide.swiper-slide-active h3{ font-size:24px;}

.qkuai .swiper-slide.swiper-slide-prev .inn, .itraining .swiper-slide.swiper-slide-prev .inn, .qkuai .swiper-slide.swiper-slide-next .inn, .itraining .swiper-slide.swiper-slide-next .inn{ margin:60px 30px}
.i-courselist-2 .left .txt h3{ font-size:20px;}
.i-courselist-2 .right li h3{ font-size:18px;}
.ititle h3{ font-size:32px;}

.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:280px;}
.nfooter .flxfs .lxcin h3{ font-size:24px;}

.nbanner02 .text h3{ margin-bottom:0px; font-size:35px; line-height:40px;}

.nmain .title h3{ font-size:32px;line-height:40px;}
.nmain .title { margin-bottom:25px;}
.nmain .title h3{ font-size:32px; line-height:40px;}
.ncb01 .item span{ font-size:17px;}

.nmain.section{ padding:50px 0 80px 0;}
.nnav02 ul li{ margin:0 15px;}
.nnav02 .wrap{ width:100%}

.ntext .wrap{ padding:40px 40px 60px 40px;}

.ntext .conn .item h3{ font-size:22px; margin:0px 0 10px 0;}
.ntext .conn .item{ margin-top:20px}
.newslist .txt .more{ line-height:30px; font-size:14px;}
.ntitle{ margin-bottom:20px;}
.ntitle h3{ font-size:24px; padding-bottom:10px;}
.kuailist .kuai h3{font-size: 18px; margin: 0 0 5px 0;}
.kuailist .kuai .other{ margin-top:15px;}


.systeams .itemli .num{ width:60px; height:90px;}
.systeams .itemli .kec .word{ width:60px; height:90px; font-size:16px;}
.systeams .itemli .kec a{width:60px; height:45px;}

.systeams .itemli .kec .num a:nth-child(1){left:-15px;}
.systeams .itemli .kec .num a:nth-child(2){left:-15px;}
.systeams .itemli .kec .num a:nth-child(3){right:-15px;}
.systeams .itemli .kec .num a:nth-child(4){right:-15px;}

.systeams .itemli .kec .num:nth-child(2){top: -47px; left: 94px}
.systeams .itemli .kec .num:nth-child(3){top: 47px; left: 94px;}
.systeams .itemli .kec .num:nth-child(4){top: 0;left: 188px;}
.systeams .itemli .kec .num:nth-child(5){left: 0; top: 94px}

}
@media screen and (max-width: 1240px){
.wrap{ width:90%;}
.main .wrap{ width:90%;}

.container .main .intro .title{margin-bottom:20px; line-height:40px;}
.container .main .intro .title h3{ font-size:28px; padding:10px 30px;margin-right:10px}
.container .main .intro .title h4{ font-size:28px; line-height:60px;}
.container .main .intro .title h4 span{ font-size:18px; }
.header .menu li .menu_a{ font-size:16px;}
.header .logo h3{ font-size:26px;}
.banner{ width:130%; margin-left:-15%}

.header{height:90px;}
.header .logo{ height:90px;}
.header.scroll{ height:80px;}
.header.scroll .logo{ height:80px;}
.header.scroll .menu, .header.scroll li .menu_a{height:80px;}

.progressbar.fixed .holder {top: 80px;}

body{ font-size:15px;}

.i-advantageList li h3{line-height:45px;font-size: 18px;}
.i-advantageList li h3 span{ font-size:40px;}
.i-advantageList li p{ font-size:16px;}

.section01{ padding:60px 0 80px 0;}
.section02{ padding:40px 0 40px 0;}

.lxlist li{ width:160px; height:40px; font-size:16px; line-height:38px;}

.lxlist li:nth-child(1){ background:url(../images/lx101.png) no-repeat 20px center;}
.lxlist li:hover:nth-child(1){ background:url(../images/lx102.png) #fff no-repeat 20px center;}
.lxlist li:nth-child(2){ background:url(../images/lx201.png) no-repeat 20px center; }
.lxlist li:hover:nth-child(2){ background:url(../images/lx202.png) #fff no-repeat 20px 10px;}
.nfooter .fcontent ul li{ margin:10px 0}
.nfooter .fcontent ul li:nth-child(1){ margin-right:10px;}

.nbanner02 .text h3{ font-size:30px;}
.nbanner02 img{ width:120%; margin-left:-10%;}
.nnav02 ul li{ margin:0 12px;}
.newslist li .txt{ width:65%;}
.newslist .txt .more{ margin-top:10px;}
.newslist li h3{ margin-bottom:5px;}
.newslist li .intro{ margin-bottom:10px;}
.ncase li{ height:90px;}


.systeams .msystem .inner .kuai01{ left:50px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:280px; bottom:380px;}
.systeams .msystem .inner .kuai03{ left:480px; top:240px;}
.systeams .msystem .inner .kuai04{ left:730px; top:100px;}

.systeams .msystem .inner .kuai .text{ font-size:14px; line-height:16px;}

.systeams .msystem .inner .num{ width:50px; height:80px;}
.systeams .msystem .inner .kuai .text{ width:70px; margin-left:-10px; height:80px;}
.systeams .msystem .inner .kuai a{width:50px; height:40px;}

.systeams .msystem .inner .kuai .num a:nth-child(1){left:-12px;}
.systeams .msystem .inner .kuai .num a:nth-child(2){left:-12px;}
.systeams .msystem .inner .kuai .num a:nth-child(3){right:-12px;}
.systeams .msystem .inner .kuai .num a:nth-child(4){right:-12px;}

.systeams .msystem .inner .kuai01{ left:100px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:300px; bottom:380px;}
.systeams .msystem .inner .kuai03{ left:480px; top:240px;}
.systeams .msystem .inner .kuai04{ left:720px; top:100px;}

.systeams .msystem .inner .kuai .num:nth-child(2) {top: -42px; left: 77px}
.systeams .msystem .inner .kuai .num:nth-child(3) {top: 42px; left: 77px}
.systeams .msystem .inner .kuai .num:nth-child(4) {top: 0; left: 154px}
.systeams .msystem .inner .kuai .num:nth-child(5) {top: 84px; left:0px}
}
@media screen and (max-width: 1120px){
.container .main .intro .conn .kuai02 span{ display:none}
.container{ min-height:680px; }
.header .menu{ display:none}
.menu-btn{ display:block}
.m-foot{ display:block;}
.nfooter{ padding-bottom:55px;}
.nfooter .copyright{ bottom:70px;}
.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:260px;}

.nfooter .flxfs .erweima{ padding-right:0px; margin-right:30px;}
.nfooter .flxfs .erweima .kuai{ margin-right:30px;}
.nnav02 ul li{ margin:0 10px;}
}
@media screen and (max-width: 1024px){
.nfooter .flxfs .erweima{ margin-right:20px;}
.nfooter .flxfs .erweima .kuai{ margin-right:20px;}	
.lxlist li{ width:150px;}
.nfooter .flxfs .erweima .wenzi{ width:30px;}
.nfooter .flxfs .erweima .kuai{ width:150px;}
.nfooter .flxfs .lxcin p.dan{ font-size:14px;}
.nnav02{ line-height:32px; padding:10px 0; font-size:16px;}
.ntext .conn .item h3{ font-size:20px;}
.ntext .conn .item{ margin-top:10px}
.ntext .wrap{ padding:30px 30px 40px 30px;}


.ntitle{ margin-bottom:20px;}
.ntitle h3{ font-size:22px; padding-bottom:0px;}
.ncase li{ height:80px;}

.systeams .itemli .sytitle02 h3 { line-height:45px; height:45px;}
.systeams .itemli .sytitle02 h3:after{width:calc(100% - 155px);}
.systeams .itemli .sytitle02 h3 span{ font-size:20px; width:140px;}
.systeams .itemli .sytitle02 h3 span:after{border-bottom: 45px solid #00469c;}

.kechengtable td{ padding:5px}
.nbannerabout{ display:none}
.phshow02{ display: block}

.nsynav li{ width:calc(20% - 4px); margin-right:5px; }
.nsynav li:after{bottom:-6px; }


.systeams .itemli .sytitle{ font-size:28px; line-height:50px; margin-bottom:20px;}
.systeams .itemli .sytitle h3{font-size:28px;}
.systeams .itemli .sytitle h3 sup{ font-size:12px;}


.systeams .msystem .inner .kuai01{ left:40px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:250px; bottom:380px;}
.systeams .msystem .inner .kuai03{ left:380px; top:240px;}
.systeams .msystem .inner .kuai04{ left:580px; top:100px;}
}
@media screen and (max-width: 920px){
.wrap{ width:94%;}
.main .wrap{ width:94%;}

.container .main .intro .title{line-height:36px;}
.container .main .intro .title h3{ font-size:24px; padding:5px 20px;margin-right:10px}
.container .main .intro .title h4{ font-size:24px; line-height:46px;}
.container .main .intro .title h4 span{ font-size:16px; }

.container{ height:auto !important}
.container .main .intro .conn{ font-size:15px;}
.container .main .intro .conn .kuai01 span{ font-size:110%}

.container .main .intro{ padding:30px 0 50px 0}


.container .main .tpic{ width:360px;}	
.container .main .tpic img{ padding:20px;}
.container .main .tpic:after{ width:360px; height:360px;}
.container .main .tpic .bbg{ left:20px; bottom:20px;width:320px; height:320px;}
.container .main .intro .conn{ width:100%;}

.container .main{position: relative; left: auto;-moz-transform: translate(0%,0%); -webkit-transform: translate(0%,0%); transform: translate(0%,0%);top: auto;}
.container .main .intro{left:auto; position:relative;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;width:100%;}
.container .main .tpic{ float:none;position:relative; margin-top:0px; margin:0 auto}

.container .footer{ position:relative; padding-bottom:20px;}
.header{height:75px;}
.header .logo{ height:75px;}
.header.scroll{ height:75px;}
.header.scroll .logo{ height:75px;}
.menu-btn{height:75px;}
.header.scroll .menu-btn{ height:75px;}
.progressbar.fixed .holder {top:75px;}
.menu-btn .line1{ margin-top:28px}

.i-courselist-2 .left .txt h3{ font-size:18px;}
.i-courselist-2 .right li h3{ font-size:16px;}
.qkuai .swiper-slide .text h3, .itraining .swiper-slide .text h3{ line-height:24px;}


.ititle h3{ font-size:28px;}

.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:220px;}
.qkuai .swiper-slide .text h3{ font-size:16px;}
.qkuai .swiper-slide.swiper-slide-active h3{ font-size:20px;}
.itraining .swiper-slide .text h3{ font-size:16px;}
.itraining .swiper-slide.swiper-slide-active h3{ font-size:20px;}

.i-advantageList li h3{line-height:35px;font-size: 16px;}
.i-advantageList li h3 span{ font-size:35px;}
.i-advantageList li p{ font-size:15px;}

body{ font-size:15px;}

.lxlist li:nth-child(1){ background-size:auto 20px}
.lxlist li:hover:nth-child(1){ background-size:auto 20px;}
.lxlist li:nth-child(2){ background-size:auto 20px; }
.lxlist li:hover:nth-child(2){ background-size:auto 20px;}


.nfooter .fcontent ul{ float:none; margin:0 auto 30px auto}
.nfooter .flxfs{ float:none}
.nfooter{ height:auto}
.nfooter .flxfs{ display:inline-block; margin:0 auto}

.nfooter .fcontent{ padding:40px 0 80px 0;}
.nfooter .flxfs .lxcin h3{ font-size:20px;}

.nfooter .flxfs .erweima{ width:170px; }
.nfooter .flxfs .lxcin{ width:calc(100% - 190px)}
.nfooter .flxfs .lxcin p.dan{ line-height:16px; padding-top:10px;}


.header .logo h3{ font-size:24px;}
.banner{ width:150%; margin-left:-25%}

.qkuai .swiper-slide.swiper-slide-prev .inn, .itraining .swiper-slide.swiper-slide-prev .inn, .qkuai .swiper-slide.swiper-slide-next .inn, .itraining .swiper-slide.swiper-slide-next .inn{ margin: 30px 10px}
.qkuai .swiper-slide.swiper-slide-active, .itraining .swiper-slide.swiper-slide-active{ padding:25px 0}


.section01{ padding:45px 0 60px 0;}
.section02{ padding:35px 0 35px 0;}

.nbanner02 .text h3{ font-size:26px;}

.nbanner02 img{ width:140%; margin-left:-20%;}
.nmain .title h3{ font-size:28px;line-height:35px;}

.nmain .title h3{ font-size:28px;line-height:35px;}
.ncb01 .item span{ font-size:16px;}
.nmain.section{ padding:40px 0 50px 0;}
.nbanner02 .text h3{ margin-top:-55px;}
.feedback .conn{ padding:40px 40px 60px 40px}

.ntext .conn .item h3{ font-size:18px; margin:0px 0 5px 0;}
.ntext .conn .item p{ line-height:30px;}
.newslist li h3{ font-size:16px;}
.newsxiang .newsxleft{ padding:20px 20px 40px 20px;}
.newsxq-col-btn{ padding:10px 20px;}

.ntitle h3{ font-size:20px;}
.newsxq-col-back a{ font-size:15px;}
.courselist li{ line-height:45px; height:45px;}
.courselist li span{ height:45px;}

.newsxiang .newsxleft .conn02 h3{ font-size:18px; margin-bottom:10px;}
.newsxiang .newsxleft .conn02 h3:after{ margin-top:-8px; width:3px; height:16px;}
body{ font-size:15px;}

.ncase li{ float:left;width:24.25%;height: 80px; }
.ncase li:nth-child(5n){ margin-right:1%}
.ncase li:nth-child(5n+1){ clear:none}
.ncase li:nth-child(4n){ margin-right:0}
.ncase li:nth-child(4n+1){ clear:both}

.kuailist .kuai .other{ margin-top:10px;}
.kuailist .kuai h3{ margin:0}

.nab01 h2 { line-height:40px;font-size:18px;}
.nab01 h2 span:after{ border-bottom: 40px solid #00469c;}
.nab01 .conn p{ line-height:30px;}
.nab01 h2 span{ font-size:17px; padding: 0 0px 0 44px;}
.nab01 h2{padding: 20px 20px 0px 20px;}
.nab01 .conn{padding: 20px;}
.nab01 h2 span{ width:160px}
.nab01 h2:after{width: calc(100% - 225px);}

.nab01 h2 span.abicon01{background:url(../images/abicon01.png) #00469c no-repeat 12px center; background-size:22px auto;}
.nab01 h2 span.abicon02{background:url(../images/abicon02.png) #00469c no-repeat 12px center; background-size:25px auto;}
.nab01 h2 span.abicon03{background:url(../images/abicon03.png) #00469c no-repeat 12px center; background-size:28px auto;}
.nab01 h2 span.abicon04{background:url(../images/abicon04.png) #00469c no-repeat 12px center; background-size:25px auto;}

.nab01 h2:nth-child(2){ margin-top:30px;}
.courselist .ititle h3{font-size: 28px;}

.systeams .itemli .sytitle{ font-size:26px; line-height:40px; margin-bottom:10px;}
.systeams .itemli .sytitle h3{font-size:26px;}
.systeams .itemli .sytitle h3 sup{ font-size:10px;}
.systeams .itemli .kec .list{margin-left:40px;margin-top: 60px;}

.systeams .itemli p{ padding-left:46px;}
.systeams .itemli{ padding:20px;}


.systeams .msystem .inner .kuai01{ left:40px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:220px; bottom:380px;}
.systeams .msystem .inner .kuai03{ left:350px; top:240px;}
.systeams .msystem .inner .kuai04{ left:550px; top:100px;}
.courselist .conn{ overflow-x:auto}
.courselist .conn ul{ min-width:600px;}

}
@media screen and (max-width: 860px){
.container .footer .wrap{ display:block; line-height:22px;  }
.container .footer .enter{ margin:30px auto;}

.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:200px;}

.systeams .itemli .text{ float:none; width:100%;}
.systeams .itemli .kec{ float:none; width:100%; margin-top:30px; height:300px;}


.systeams .msystem .inner .kuai01{ left:40px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:150px; bottom:400px;}
.systeams .msystem .inner .kuai03{ left:280px; top:240px;}
.systeams .msystem .inner .kuai04{ left:380px; top:100px;}

.systeams .msystem .outer .leftm{ width:15px; left:-22px;}
.systeams .msystem .outer .leftm span{ padding:0}
.systeams .msystem .outer{ margin-left:20px;width: calc(100% - 20px);}
}


@media screen and (max-width: 768px){
.i-courselist-2 .left{ width:100%; overflow:hidden; position: relative; height:auto; float:none; margin-bottom:30px;}
.i-courselist-2 .left img{ position: relative}
.i-courselist-2 .right{ width:100%; float:none}


.i-advantageList li{ width:50%;}
.i-advantageList li:nth-child(2n):after{ display:none}
.i-advantageList li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd;}
.i-advantageList li:nth-child(3):before, .i-advantageList li:nth-child(4):before{ display:none}
.i-advantageList li:nth-child(1), .i-advantageList li:nth-child(2){ padding-bottom:20px;}
.i-advantageList li:nth-child(3), .i-advantageList li:nth-child(4){ padding-top:20px;}

.i-advantageList li h3{line-height:25px;font-size: 15px;}
.i-advantageList li h3 span{ font-size:30px;}

.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:230px;}	

.nbanner02 .text h3{ font-size:23px;}
.nbanner02 img{ width:160%; margin-left:-30%;}
.feedback .title p{ font-size:16px;}
.feedback .conn{ padding:30px 30px 40px 30px}


.newslist li .pic{ width:100%; float:none;}
.newslist li .txt{ width:100%; float:none; padding:10px;}

.newsxiang .newsxleft{ float:none; width:100%;}
.newsxiang .newsxright{ float:none; width:100%; margin-top:30px }

.kechengtable{ width:100%; overflow:auto}
.kechengtable table{ width:auto !important}

}
@media screen and (max-width: 640px){
.container .main .tpic{ width:300px;}	
.container .main .tpic img{ padding:20px;}
.container .main .tpic:after{ width:300px; height:300px;}
.container .main .tpic .bbg{ left:20px; bottom:20px;width:260px; height:260px;}	

.container .main .intro .title{line-height:36px; margin-bottom:10px;text-align:center; }
.container .main .intro .title h3{ font-size:22px; padding:5px 25px; margin-right:10px; float:none; display:inline-block;  margin:0 auto 8px auto}
.container .main .intro .title h4{ font-size:20px; line-height:46px;  display:inline-block; float:none}
.container .main .intro .title h4 span{ font-size:16px; }

.container .main .intro .conn li.dian{ padding-left:25px;}
.container .main .intro .conn .kuai01{ margin-bottom:5px;}
.container .main .intro .conn .kuai02{ margin-bottom:10px;}

.ititle h3{ font-size:24px;}

.i-advantageList li h3 span{ font-size:26px;}
.nfooter .flxfs .lxcin h3{ font-size:18px; margin-top:12px;}

.nfooter .flxfs .erweima .kuai .wenzi { line-height: 20px;margin-top: 2px;}
.nfooter .flxfs .erweima .kuai img{ width:100px;}
.nfooter .flxfs .erweima{ width:150px; }
.nfooter .flxfs .lxcin{ width:calc(100% - 170px)}
.nfooter .flxfs .lxcin p.dan{ padding-top:5px;}
.nfooter .flxfs .lxcin{ margin-top:-5px}
.nfooter .copyright{ line-height:24px;}
.nfooter .copyright{ width:92%; left:4%}

.header .logo h3{ font-size:22px;}
.container .footer .copyright{ line-height:25px;}
.nfooter .flxfs .erweima .kuai .wenzi{ font-size:14px;}

.nfooter .wrap{ width:96%;}
.nfooter .flxfs .erweima{ margin-right:15px;}
.nfooter .flxfs .erweima .kuai{ margin-right:15px;}	
.nfooter .flxfs .lxcin h3{ padding-left:18px;}
.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:220px;}	


.nmain .title h3{ font-size:23px;line-height:30px;}
.nmain .title { margin-bottom:20px;}
.nmain .title h3{ font-size:23px;line-height:30px;}

.ncb01 .item{ width:100%; float:none; margin-bottom:25px;}
.ncb01 .item:last-child{ margin-bottom:0}
.ncb01 .item .icon{ width:25%}
.feedback .form .row_1 { margin-right:0px}
.feedback .form .column{ float:none; width:100%; margin-right:0}
.feedback .form .row_1 input {line-height: 38px; height: 38px}
.feedback .form .row{ width:160px; font-size:16px;line-height: 40px; height: 40px;}
.feedback .form .row .submit{ width:160px; font-size:16px;line-height: 40px; height: 40px; background: url(../images/jtr.png) no-repeat 80% center;}

.ntext .conn .item h3{ font-size:17px; }

.ntext .cpconn{display: block;}
.ntext .conn { width:100%; display: block;}
.ntext .pics { width:100%;display: block; margin-top:20px}
.ntext .wrap{ padding:20px 20px 40px 20px;}
.ntext .conn .item{ margin-top:0}

.ntext.nmain .title{ margin-bottom:10px;}
.ntext .conn .item h3{background: url(../images/list.png) no-repeat left 12px}
.ntitle{ margin-bottom:10px;}
.newsxiang .newsxleft .conn02 p{ line-height:30px;}

.ncase li{width:32%; margin-right:2%; margin-bottom:2%; height:60px; }
.ncase li:nth-child(5n){ margin-right:2%}
.ncase li:nth-child(4n){ margin-right:2%}
.ncase li:nth-child(4n+1){ clear:none}
.ncase li:nth-child(3n){ margin-right:0}
.ncase li:nth-child(3n+1){ clear:both}

.kuailist .kuai .pic{ float:none; width:100%; margin-bottom:20px}
.kuailist .kuai .txt{ width:100%; float:none;}

.pcshow{ display:none}
.phshow{ display:block}
.newslist li{ margin-bottom:20px;}
.newslist .txt .more{ margin-bottom:15px;}

.courselist .ititle h3{font-size: 24px;}
.ititle { margin-bottom: 20px;}

.systeams .itemli .sytitle{ font-size:23px;}
.systeams .itemli .sytitle h3{font-size:23px;}

.systeams .msystem .inner .kuai01{ left:30px; bottom:180px;}
.systeams .msystem .inner .kuai02{ left:120px; bottom:400px;}
.systeams .msystem .inner .kuai03{ left:240px; top:240px;}
.systeams .msystem .inner .kuai04{ left:340px; top:100px;}



.systeams .msystem .inner .kuai .text{ font-size:10px; line-height:12px;}

.systeams .msystem .inner .num{ width:40px; height:60px;}
.systeams .msystem .inner .kuai .text{ width:60px; margin-left:-10px; height:60px;}
.systeams .msystem .inner .kuai a{width:40px; height:30px;}
.systeams .msystem .inner .kuai .text span{ line-height:16px}
.systeams .msystem .inner .kuai .num a:nth-child(1){left:-10px;}
.systeams .msystem .inner .kuai .num a:nth-child(2){left:-10px;}
.systeams .msystem .inner .kuai .num a:nth-child(3){right:-10px;}
.systeams .msystem .inner .kuai .num a:nth-child(4){right:-10px;}

.systeams .msystem .inner .kuai .num:nth-child(2) {top: -31px; left: 62px}
.systeams .msystem .inner .kuai .num:nth-child(3) {top: 31px; left: 62px}
.systeams .msystem .inner .kuai .num:nth-child(4) {top: 0; left: 124px}
.systeams .msystem .inner .kuai .num:nth-child(5) {top: 62px; left:0px}

.systeams .msystem .inner .kuai01{left: 30px; bottom: 110px;}
.systeams .msystem .inner .kuai02{left: 100px; bottom: 280px}
.systeams .msystem .inner .kuai03{left: 140px; top:auto; bottom:410px}
.systeams .msystem .inner .kuai04{left: 200px; top:auto; bottom:520px}
.systeams .msystem .outer{ height:580px}
}


@media screen and (max-width: 580px){
.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:200px;}	
}

@media screen and (max-width: 480px){
.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:180px;}	
.nbanner02 img{ width:180%; margin-left:-40%;}
.feedback .conn{ padding:20px 20px 40px 20px}
.systeams .msystem .outer{ margin-left:10px;width: calc(100% - 10px);}

.systeams .msystem .inner .kuai01{left: 30px; bottom: 110px;}
.systeams .msystem .inner .kuai02{left: 85px; bottom: 280px}
.systeams .msystem .inner .kuai03{left: 125px; top:auto; bottom:410px}
.systeams .msystem .inner .kuai04{left: 185px; top:auto; bottom:520px}
}

@media screen and (max-width: 420px){
.qkuai .swiper-wrapper, .itraining .swiper-wrapper{ height:160px;}	
}