@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden; }
a{color:#333; text-decoration:none;outline:none; transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#033d81}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif}
input{-webkit-appearance: none ;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.pic:hover img, .kuai:hover .pic img{transform:scale(1.1);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%; z-index:-1}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.wrap{ width:85%; max-width:1440px; margin:0 auto}
.main .wrap{ width:85%; max-width:1440px; margin:0 auto}
.section{ padding:100px 0;}
.section01{ padding:70px 0 100px 0;}
.section02{ padding:60px 0 50px 0;}
.section03{ padding:0 0 120px 0;}
.nmain.section{ padding:60px 0 100px 0;}
.sectionpre{ padding-top:100px;}
.sectionnext{ padding-bottom:100px;}

.qkuai.section01, .itraining.section01 {padding-bottom:50px;}

.container{ width:100%; height:100vh; min-height:790px; overflow:hidden; /*background: linear-gradient(to top right, #093384, #1f478f, #305dae);*/ background:url(../images/mainbg.jpg) no-repeat center center; background-size:cover; position:relative}
.container .main{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%; z-index:99}
.container .main .wrap{ position:relative}
.container .main .intro{color:#fff; position:absolute;  left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:44%;width:100%;}

.container .main .intro .title{font-weight:bold;  margin-bottom:25px; line-height:50px;}
.container .main .intro .title h3{ float:left; font-size:32px; position:relative; padding:10px 30px; font-weight:bold; margin-right:15px}
.container .main .intro .title h3:after{content:""; position:absolute; left:0; top:0; background-image: linear-gradient(to top right, rgba(64,140,219,0.4), rgba(38,139,173,0.4)); /*transform:skew(-30deg);*/ width:100%; height:100%; z-index:-1; border-radius:12px 0 12px 0}
.container .main .intro .title h4{ float:left; font-size:32px;font-weight:bold; line-height:70px; position:relative; position:relative }
/*.container .main .intro .title h4:after{content:""; position:absolute; left:0; top:0; background-image: linear-gradient(to top right, rgba(64,140,219,0.4), rgba(38,139,173,0.4)); transform:skew(-30deg); width:100%; height:100%; z-index:-1; border-radius:12px 0 12px 0}*/
.container .main .intro .title h4 span{ font-size:20px; font-weight:normal}

.container .main .intro .conn{ font-size:17px; width:60% }
.container .main .intro .conn sup{ position:relative; font-size:10px}
.container .main .intro .conn li{ position:relative; padding:5px 0; line-height:24px;}
.container .main .intro .conn li.dian{ padding-left:30px;}
.container .main .intro .conn li.dian:after{ content:""; width:10px; height:10px; background:#fff; position: absolute; left:0; top:50%; margin-top:-5px; border-radius:50%}
.container .main .intro .conn .kuai01{ margin-bottom:20px;}
.container .main .intro .conn .kuai02{ margin-bottom:20px;}
.container .main .intro .conn .kuai02 span{ display:block}
.container .main .intro .conn .kuai01 span{ font-size:120%; font-weight:bold;}
.container .main .intro .conn sup{ font-size:10px; position:relative;}

.container .main .tpic{ float:right; width:600px; position:relative; margin-top:-150px}
.container .main .tpic img{ display:block; width:100%; padding:39px; height:auto; position:relative; z-index:2}
.container .main .tpic:after{ opacity:0.3; content:""; left:0; bottom:0; position:absolute; width:600px; height:600px;background-image: linear-gradient(90deg, #4b9df2, #2383a9); border-radius:50%;}
.container .main .tpic .bbg{ position:absolute; left:39px; bottom:39px; z-index:1; width:522px; height:522px;background-image: linear-gradient(90deg, #4b9df2, #2383a9); border-radius:50%;opacity:0.5; }


@media screen and (max-width: 1600px){
.container .main .tpic{ width:570px;}	
.container .main .tpic img{ padding:35px;}
.container .main .tpic:after{ width:570px; height:570px;}
.container .main .tpic .bbg{ left:35px; bottom:35px;width:500px; height:500px;}
}

@media screen and (max-width: 1440px){
.container .main .tpic{ width:510px;}	
.container .main .tpic img{ padding:30px;}
.container .main .tpic:after{ width:510px; height:510px;}
.container .main .tpic .bbg{ left:30px; bottom:30px;width:450px; height:450px;}

.container .main .intro{ line-height:45px;}
}

@media screen and (max-width: 1280px){
.container .main .tpic{ width:450px;}	
.container .main .tpic img{ padding:25px;}
.container .main .tpic:after{ width:450px; height:450px;}
.container .main .tpic .bbg{ left:25px; bottom:25px;width:400px; height:400px;}

}

.container .footer{ position:absolute; z-index:99; bottom:4%; color:#fff; width:100%; }
.container .footer .wrap{display: flex; justify-content: space-between;}
.container .footer .copyright{ display:inline-block; line-height:38px;}
.container .footer a{ color:#fff}
.container .footer a:hover{ text-decoration:underline;}

.container .footer .enter{  text-align:center; width:170px;}
.container .footer .enter a{ display:block; border:solid 1px #fff; border-radius:25px; color:#fff;height:40px; line-height:38px; width:168px; position:relative; padding-right:25px;}
.container .footer .enter a i{ display:block;background:url(../images/jtr.png) no-repeat center center; background-size:18px auto; width:20px; height:21px; position:absolute; right:20px; top:50%; margin-top:-10.5px;  }
.container .footer .enter a:hover{background-image: linear-gradient(to top right, rgba(64,140,219,0.4), rgba(38,139,173,0.4)); text-decoration: none;}
.container .footer .enter a:hover i{animation: dongqilai 1s infinite;}
@keyframes dongqilai{
from{-webkit-transform:translateX(0);transform:translateX(0px)}
50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
to{-webkit-transform:translateX(0px);transform:translateX(0px)}
}


.waveout{ position:absolute; width:100%; height:54vh; left:0; bottom:0; opacity:0.5; z-index:1}


.header{width: 100%;top:0;left:0;position:fixed; z-index:999; height:100px;}
.header.scroll, .header:hover{ background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);} 
.header .logo{ float:left; font-weight:bold; font-size:36px; height:100px; display: flex;align-items: center;}
.header .logo a{ color:#fff; display:inline-block}
.header .logo h3{ font-size:30px; margin-bottom:3px; line-height:32px; font-weight:bold}
.header.scroll{ height:90px;}
.header.scroll .logo a, .header:hover .logo a{ color:#00469c} 
.header.scroll .logo h4, .header:hover .logo h4{ color:#ff661a}
.header.scroll .logo{ height:90px;}

.header .menu {text-align:center; float:right; line-height:100px;}
.header .menu li{ display:inline-block;position:relative; }
.header .menu li .menu_a{ line-height:100px; display:block; font-size:17px; color:#fff;position:relative; margin:0 0 0 40px}
.header.scroll .menu, .header.scroll li .menu_a{ line-height:90px;}

.header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#333}
.header .menu .menu_a:before{ content:""; width:0; height:2px; background:#00469c; position:absolute; left:50%; transform:translateX(-50%); bottom:18px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.header .menu .menu_a.cur, .header .menu li:hover .menu_a{color:#00469c; top:-0.2rem}
.header .menu li:hover .menu_a::before, .header .menu .menu_a.cur::before{ width:100%;}


.nbanner{ position:relative;  padding:60px 0 40px 0}
.nbanner .wrap{ position:relative}
.nbanner .intro{line-height:42px;color:#fff; font-size:20px;position:absolute;  left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 20px);width:100% }

.nbanner .tpic{ float:right; width:55%; max-width:500px; position:relative; text-align:center; color:#fff; font-size:20px; }
.nbanner .tpic p{ line-height:38px; display:block}
.nbanner .tpic img{ display:block; width:100%; padding:30px; height:auto; position:relative; z-index:2}
.nbanner .tpic:after{ opacity:0.3; content:""; left:0; bottom:0px; position:absolute; width:500px; height:500px;background-image: linear-gradient(90deg, #4b9df2, #2383a9); border-radius:50%;}
.nbanner .tpic .bbg{ position:absolute; left:30px; bottom:30px; z-index:1; width:440px; height:440px;background-image: linear-gradient(90deg, #4b9df2, #2383a9); border-radius:50%;opacity:0.5; }


.nbanner .intro .title{font-weight:bold;  margin-bottom:10px; line-height:40px;}
.nbanner .intro .title h3{ float:left; font-size:26px; position:relative; padding:10px 30px; font-weight:bold; margin-right:15px}
.nbanner .intro .title h3:after{content:""; position:absolute; left:0; top:0; background-image: linear-gradient(to top right, rgba(64,140,219,0.4), rgba(38,139,173,0.4)); /*transform:skew(-30deg);*/ width:100%; height:100%; z-index:-1; border-radius:12px 0 12px 0}
.nbanner .intro .title h4{ float:left; font-size:26px;font-weight:bold; line-height:70px; position:relative; position:relative }
.nbanner .intro .title h4 span{ font-size:18px; font-weight:normal}

.nbanner .intro .conn{ font-size:16px; width:60% }
.nbanner .intro .conn sup{ position:relative; font-size:10px}
.nbanner .intro .conn li{ position:relative; padding:5px 0; line-height:20px;}
.nbanner .intro .conn li.dian{ padding-left:30px;}
.nbanner .intro .conn li.dian:after{ content:""; width:10px; height:10px; background:#fff; position: absolute; left:0; top:50%; margin-top:-5px; border-radius:50%}
.nbanner .intro .conn .kuai01{ margin-bottom:10px;}
.nbanner .intro .conn .kuai02{ margin-bottom:10px;}
.nbanner .intro .conn .kuai01 span{ font-size:120%; font-weight:bold;}
.nbanner .intro .conn sup{ font-size:10px; position:relative;}





body{ background:#f3f3f3;}

.progressbar {display: none;}
@media only screen and (min-width: 650px) {
.progressbar {display: block;}
}
.progressbar .shim {display: none;width: 100%;}
.progressbar .holder {position: relative;font-size: 85%;padding: 16px 0 0 0;background-color: #fff;}
@media only screen and (min-width: 750px) {
.progressbar .holder {font-size: 90%;}
}
@media only screen and (min-width: 900px) {
.progressbar .holder {font-size: 95%;}
}
.progressbar .holder .bar {position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #ddd;}
.progressbar .holder .bar .indicator {position: absolute;top: 0;left: 0;height: 100%;background-color: #00469c;}
.progressbar .holder .labels {max-width: 920px;margin: 0 auto;padding: 0 2em;text-align: center;}
.progressbar .holder .labels i {display: block; font-size:17px;position: relative; font-style:normal;float: left;cursor: pointer;}
.progressbar .holder .labels i::before {position: absolute;bottom: 0;left: 50%;display: block;content: '';width: 8px;height: 8px;border-radius: 50%;border: solid 3px #ddd;background-color: #D6E1E5;-webkit-transform: translateX(-50%) translateY(50%);transform: translateX(-50%) translateY(50%);transition: border-color 100ms ease-in, background-color 150ms ease-in;}
.progressbar .holder .labels i::after {display: block;content: attr(data-label);position: relative;top: 0;padding-bottom: 16px;font-weight: 400;color: #333;transition: color 150ms ease-in, top 100ms ease-out;}
.progressbar .holder .labels i:hover::before, .progressbar .holder .labels i:focus::before {background-color: #ddd;}
.progressbar .holder .labels i:hover::after, .progressbar .holder .labels i:focus::after {top: -.2em;}
.progressbar .holder .labels i.read::before {border-color: #00469c;}
.progressbar .holder .labels i.read:hover::before, .progressbar .holder .labels i.read:focus::before, .progressbar .holder .labels i:hover::before {background-color: #00469c;}
.progressbar .holder .labels i.reading::after, .progressbar .holder .labels i:hover::after {color: #00469c;}
.progressbar .holder .labels i.reading:hover::after, .progressbar .holder .labels i.reading:focus::after {top: 0;}
.progressbar.fixed .holder {position: fixed;top: 90px;left: 0;width: 100%;z-index: 99;}
.progressbar.fixed .shim {display: block;}


.nab01 h2, .nab01 .conn{ width:auto; max-width:1300px; margin:0 auto; }
.nab01 h2:nth-child(2){ margin-top:80px;}
.nab01 h2 { margin:0px auto; line-height:50px; padding:50px 30px 0px 30px;font-size:20px; position:relative; background:#fff;}
.nab01 h2:after{ content:""; position:absolute; bottom:0; right:30px; width:calc(100% - 255px); height:4px; background: #00469c;transform:skew(20deg);}
.nab01 h2 span{ font-size: 18px;color: #fff;padding: 0 0px 0 50px;position: relative;background: #00469c;display: inline-block; width:180px;}
.nab01 h2 span:after{ content:""; position:absolute; right:-15px; top:0; width:0; height:0;border-bottom: 50px solid #00469c;border-right: 15px solid transparent;}
.nab01 .conn{ padding:30px 30px 40px 30px; background:#fff; position:relative;}
.nab01 .conn:last-child{ margin-bottom:100px;}

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

.nab01 .conn p{ line-height:35px;}

.nab01 .conn.nkehu p{ clear:both; margin-bottom:15px;}
.nab01 .conn.nkehu .caselist{ font-weight:bold; padding-left:30px; background:url(../images/list.png) no-repeat left center}

.nfooter .wrap{ max-width:1300px; }
.nfooter{ background:url(../images/footerbg.png) no-repeat center center; background-size:cover; text-align:center; height:320px; overflow:hidden; position:relative}
.nfooter .waveout{ bottom:-50px;}
.nfooter .fcontent{ padding:60px 0; text-align:center; position:relative; z-index:999}
.nfooter .fcontent h3{ font-size:30px; color:#fff;}
.nfooter .fcontent ul{ text-align:center; float:left; margin-top:30px;}
.nfooter .fcontent ul li{ position:relative; display:inline-block; margin:10px; }
.nfooter .fcontent ul li .sub{ display:none; width:130px; padding:5px; left:0%; margin-left:-40px; top:0%; margin-top:-140px; background-color:#fff; position:absolute }
.nfooter .fcontent ul li .sub:after{ content:""; width:0; height:0; left:50%; margin-left:-10px; top:100%; position:absolute; border-width: 10px 10px 0 10px;border-style:solid; border-color: #fff transparent transparent;}
.nfooter .fcontent ul li:hover .sub{ display:block; }
.nfooter .fcontent ul li .icon{ width:50px; height:50px; border:solid 1px #fff; cursor:pointer; border-radius:50%}
.nfooter .fcontent ul li .icon img{ display:block; width:60%; margin:20%;transition: all 0.5s;}
.nfooter .fcontent ul li:hover .icon img{width:66%; margin:17%;}
.nfooter .fcontent ul li .sub img{ display:block; width:100%; height:auto}
.nfooter .copyright{ position:absolute; z-index:99; bottom:30px; color:#fff; width:100%; z-index:999}
.nfooter .copyright a{ color:#fff}
.nfooter .copyright a:hover{ text-decoration:underline;}


.nfooter .flxfs{ float:right; font-size:16px;}
.nfooter .flxfs .erweima{ border-right:solid 1px rgba(255,255,255,0.5); padding-right:10px; margin-right:40px; float:left}
.nfooter .flxfs .erweima .kuai{ margin-right:30px; width:162px; line-height:18px; }
.nfooter .flxfs .erweima .kuai img{ width:120px; height:auto; display:block; float:left}
.nfooter .flxfs .erweima .wenzi{ width:40px; color:#fff; text-align:center; padding-top:8px; float:left} 
.nfooter .flxfs .erweima .kuai .wenzi{ line-height:24px; margin-top:7px}

.nfooter .flxfs .lxcin{ float:left; color:#fff; text-align:left;}
.nfooter .flxfs .lxcin h3{  font-size:26px; font-weight:bold; margin-top:16px; background:url(../images/ftel.png) no-repeat left center; background-size:auto 80%; padding-left:30px;}
.nfooter .flxfs .lxcin p{ line-height:30px; font-size:17px;}
.nfooter .flxfs .dan{ opacity:0.8; }
.nfooter .flxfs .lxcin p.dan{font-size:15px;}
.nbanner02{ position:relative}
.nbanner02 img{ display:block; width:100%; height:auto}
.nbanner02 .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 50px); color:#fff; width:100%}
.nbanner02 .text h3{ margin-bottom:25px; font-weight:bold;  font-size:40px; line-height:50px; margin-top:-45px; position:relative; z-index:2; text-align:center}
.nbanner02 .text p{ width:50%; font-size:20px; line-height:40px}


.nnav02{ line-height:62px; border-bottom:solid 2px #ddd; font-size:17px; background:#fff}
.nnav02 ul{ text-align:center}
.nnav02 ul li{ display:inline-block; margin:0 18px; position:relative; cursor:pointer }
.nnav02 ul li a{ display:block;}
.nnav02 ul li:after {content: '';width: 0;height: 2px;background-color: #00469c;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: -2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav02 ul li:hover:after, .nnav02 ul li.cur:after{width: 100%}
.nnav02 ul li a{ position:relative}
.nnav02 ul li a:hover{top:-0.2rem}
.nnav02 ul li:hover, .nnav02 ul .cur{ color:#00469c; font-weight:bold}
.nnav02 ul li:hover a, .nnav02 ul .cur a{color:#00469c; }


.ncase .itemli{ display:none}
.ncase li{ float:left;width: 19.2%;height: 100px; text-align: center; background:#fff; margin-right:1%; margin-bottom:1%; border-radius:10px;}
.ncase li:nth-child(5n){ margin-right:0}
.ncase li:nth-child(5n+1){ clear:both}
.ncase li img{display: inline-block;vertical-align: middle;max-width: 65%;max-height: 65%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
.ncase li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.ncase li i{ display:inline-block; width:0; height:100%; vertical-align: middle;}


.systeams .msystem .title{ text-align:center}
.systeams .msystem .title h3{ display:inline-block; padding:5px 50px; background:#00469c; font-size:24px !important; border-radius:25px; color:#fff !important; font-weight:bold}
.systeams .msystem .outer{ width:calc(100% - 40px); max-width:1260px; height:780px; margin-left:40px; border-left:solid 1px #666; border-bottom:solid 1px #666; position:relative}
.systeams .msystem .outer .leftm{ position:absolute; left:-40px; top:0; width:40px; height:100%;}
.systeams .msystem .outer .leftm span{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%; display:block;padding:0 10px; }
.systeams .msystem .outer .bottomm{position:absolute; left:0; bottom:-40px; height:40px; width:100%; text-align:center;}
.systeams .msystem .outer:before{ content:""; width:0; height:0; position:absolute; border-bottom:solid 15px #666; border-left:solid 10px transparent;border-right:solid 10px transparent; top:0; left:-10px }
.systeams .msystem .outer:after{ content:""; width:0; height:0; position:absolute; border-left:solid 15px #666; border-top:solid 10px transparent;border-bottom:solid 10px transparent; right:0; bottom:-10px }
.systeams .msystem .inner{ position:absolute; width:100%; height:100%; left:0; top:0;}


.systeams .msystem .inner .num{ position:relative; width:60px; height:100px;}
.systeams .msystem .inner .kuai .text{ width:80px; margin-left:-10px; height:100px;display:flex;align-items:center; text-align:center; position:relative; z-index:9; color:#fff; font-size:16px; white-space: nowrap;}
.systeams .msystem .inner .kuai .text span{line-height:25px; display:block; width:100%; text-align:center; cursor:pointer;}
.systeams .msystem .inner .kuai .num{ position: absolute}
.systeams .msystem .inner .kuai .num:hover .text span{ font-weight:bold}
.systeams .msystem .inner .kuai a{width:60px; height:50px; display:block}
.systeams .msystem .inner .kuai01{ position:absolute; left:100px; bottom:180px;}
.systeams .msystem .inner .kuai02{ position:absolute; left:350px; bottom:380px;}
.systeams .msystem .inner .kuai03{ position:absolute; left:580px; top:240px;}
.systeams .msystem .inner .kuai04{ position:absolute; left:900px; top:100px;}

.systeams .msystem .inner .kuai01 .num a{ background:#1f84f5}
.systeams .msystem .inner .kuai02 .num a{ background:#f57915}
.systeams .msystem .inner .kuai03 .num a{ background:#00d45f}
.systeams .msystem .inner .kuai04 .num a{ background:#8439bd}

.systeams .msystem .inner .kuai .num a:nth-child(1){transform: skew(-30deg); position:absolute; left:-15px; top:0}
.systeams .msystem .inner .kuai .num a:nth-child(2){transform: skew(30deg); position:absolute; left:-15px; bottom:0}
.systeams .msystem .inner .kuai .num a:nth-child(3){transform: skew(30deg); position:absolute; right:-15px; top:0}
.systeams .msystem .inner .kuai .num a:nth-child(4){transform: skew(-30deg); position:absolute; right:-15px; bottom:0}

.systeams .msystem .inner .kuai .num:nth-child(1){ left:0; top:0}
.systeams .msystem .inner .kuai .num:nth-child(2){top:-52.5px; left:95px;}
.systeams .msystem .inner .kuai .num:nth-child(3){top:52.5px; left:95px;}
.systeams .msystem .inner .kuai .num:nth-child(4){top:0; left:190px;}
.systeams .msystem .inner .kuai .num:nth-child(5){ left:0; top:105px}



.ndown .conn .kuai{ float:left; width:48.5%; padding:25px; line-height:30px; background:#fff; font-size:16px; margin-bottom:30px; border-radius:10px; }
.ndown .conn .kuai:nth-child(2n){ float:right}
.ndown .conn .kuai:nth-child(2n+1){ clear:both}
.ndown .conn .kuai a{display:table;background:url(../images/downa.png) no-repeat center right; }
.ndown .conn .kuai a:hover{background:url(../images/downahover.png) no-repeat center right;}
.ndown .conn .kuai .pic{display: table-cell; vertical-align: middle;width: 26%; border:solid 1px #ddd; background:#fff}
.ndown .conn .kuai .wenzi{display: table-cell; vertical-align: middle;width:74%; padding:0 80px 0 40px;  }
.ndown .conn .kuai .wenzi h3{font-size:16px; font-weight:bold; line-height:30px;}


.ncb01{background:#edf2f8; }
.ncb01 .item{ width:33.33%; float:left; text-align:center;}
.ncb01 .item .icon{  width:30%; max-width:120px; border-radius:50%; background:#00469c; overflow:hidden}
.ncb01 .item .icon.icon02{ border-radius:0%}
.ncb01 .item .icon img{ display:block; width:100%; height:auto}
.ncb01 .item span{ font-size:18px; display:block}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}


.feedback{ position:relative}
.feedback:after{ content:""; position:absolute; left:0; top:0; width:100%; height:40%; background: url(../images/feedbackbg.jpg) no-repeat center center; z-index:-1}
.feedback .title, .feedback .title h3, .feedback .title h4, .feedback .title p{ color:#fff !important}
.feedback .title p{ font-size:18px;}
.feedback .conn{ background:#fff;box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); border-radius: 10px; padding:60px 60px 95px 60px}
.feedback form{ margin:0 auto; max-width:1050px;}


.feedback .form .column{ float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px; overflow:hidden; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_1 { margin-right:-15px}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px;color:#999}
.feedback .form .row_1 select{ border:none; line-height:48px;height:48px; width:100%; padding:0 15px; color:#999}
.feedback .form .row_2{background:#fff; position:relative;margin-bottom:15px;}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .row{ position:relative; width:186px; line-height:50px; height:50px; border-radius:25px; overflow:hidden; margin:20px auto 0 auto;background:#00469c;}
.feedback .form .row .submit{ position:absolute; color:#fff; left:0; top:0;transition: 0.5s;width:186px; font-size:18px; line-height:50px; height:50px; border:none;background:url(../images/jtr.png) no-repeat 75% center; display:block; padding-right:40px; line-height:50px; font-style:normal; }
.feedback .form .row .submit:hover{ background:url(../images/jtr.png) no-repeat 80% center; }

.jvzhong{ text-align:center}
.nmain .title { margin-bottom:35px;}
.nmain .title h3{ font-size:36px; color:#000; line-height:50px;}
.nmain .title h4{ margin-bottom:15px; font-size:16px; color:#999; text-transform:uppercase;}
.nmain .title p{ margin-top:10px;}
.nmain .title p, .nmain .title p a{ color:#999; }
.nmain .title p a{ padding:0 5px}
.nmain .title p a:hover{color:#d2151a}


.newslist ul{ margin-right:-2%}
.newslist li{position:relative;margin-bottom:2%; background:#fff; padding:2%; border:solid 1px #ddd}
.newslist li:hover{border:solid 1px #00469c}
.newslist li .pic{ width:32%; float:left; overflow:hidden}
.newslist li img{ display:block; width:100%; height:auto}
.newslist li a{ display:block;}
.newslist li .time{ font-size:14px; color:#999; padding-left:30px;  background:url(../images/time.png) no-repeat left center;}
.newslist li .txt{ width:63%; float:right; padding-top:10px;}
.newslist li h3{ font-size:18px;color:#221814;margin:5px 0 15px 0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; font-weight:bold /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap*/}
.newslist li .intro{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:28px; color:#595757; margin-bottom:15px}


.newslist .txt .more{ margin-top:30px; line-height:35px; }
.newslist .txt .more{ display: inline-block;  border: solid 1px #00469c; color:#00469c; border-radius:25px;padding:0 40px 0px 26px;background:url(../images/jiantou.png) no-repeat 85% center;}
.newslist li:hover .txt .more{color:#fff; background:url(../images/jiantou02.png) #00469c no-repeat 85% center;}
.newslist li, .newslist li .intro, .newslist li h3{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.newslist li img{-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.newslist li a{ -webkit-transition:none;-moz-transition:none;transition:none;}
.newslist li:hover img{ -webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);}



.newsxiang img{ width:100%; display:block; margin:20px 0; height:auto !important}
.newsxiang video{ display:block; width:100%; height:auto}
.newsxiang .newsxleft{ float:left; width:72%; padding:30px; background:#fff }
.newsxiang .newsxright{ float:right; width:25%; }
.ntitle{ margin-bottom:35px;}
.ntitle h3{ font-size:26px; padding-bottom:10px; font-weight:bold; position:relative}
.ntitle p{ font-size:14px; color: #888;padding-left: 26px;background: url(../images/newsxqicon.png) no-repeat left center;}


.newsxq-col-btn{background:#fff;padding:30px;width: 100%;}
.newsxq-col-next{margin-top: 10px;}
.newsxq-col-btn a{display: block;width: 100%;}
.newsxq-col-btn .hint{font-size: 22px;color: #333;font-weight: 700;}
.newsxq-col-btn .name{font-size: 15px;color: #555;line-height: 24px;margin: 8px 0 10px;transition: all .4s ease;}
.newsxq-col-btn .time{font-size: 14px;color: #888;font-weight: 700;}
.newsxq-col-btn a:hover .name{color: #009e3d;}
.newsxq-col-back{width: 100%;margin-top: 10px;}
.newsxq-col-back a{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;font-size: 16px;color: #fff;background:#00469c;transition: all .4s ease;}
.newsxq-col-back a:hover{box-shadow: 0 5px 5px rgba(56,95,154,.6)}



.nprogramme .kuai{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff}
.nprogramme .kuai:nth-child(3n){ margin-right:0}
.nprogramme .kuai:nth-child(3n+1){ clear:both}
.nprogramme .kuai .text{ padding:15px 15px 30px 15px;}
.nprogramme .kuai .text h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.nprogramme .kuai .text p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:28px; color:#595757; margin-bottom:15px}

.nprogramme .kuai .text .more{ margin-top:20px; line-height:35px; display: inline-block;  border: solid 1px #00469c; color:#00469c; border-radius:25px;padding:0 40px 0px 26px;background:url(../images/jiantou.png) no-repeat 85% center; }
.nprogramme .kuai:hover .text .more{color:#fff; background:url(../images/jiantou02.png) #00469c no-repeat 85% center;}
.nprogramme .kuai .text .biaozhu{ margin:25px 0 10px 0;}
.nprogramme .kuai .text .biaozhu span{ display:inline-block; padding:0px 10px; margin-right:8px; border:solid 1px #00469c; color:#00469c; border-radius:20px; font-size:14px;}
.nprogramme .kuai .text .duix{ color:#999;font-size:15px; line-height:24px; height:48px;}


.newsxiang .newsxleft .conn02 h3{ position:relative; font-size:20px; font-weight:bold; margin-bottom:20px; padding-left:20px}
.newsxiang .newsxleft .conn02 h3:after{ content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:5px; height:20px; background:#00469c}
.newsxiang .newsxleft .conn02 p{ padding-left:20px; line-height:35px;}




.banner{ position:relative; z-index:1;  height:auto !important }
.banner .swiper-slide{ position:relative; height:auto !important}
.banner .swiper-slide .text{ position:absolute; width:100%; top:50%; margin-top:-100px; color:#fff;}
.banner .swiper-slide .text h3{ font-size:36px; line-height:70px;max-width:505px; margin-bottom:10px}
.banner .swiper-slide .text p{ font-size:20px; line-height:35px; max-width:505px;}
.banner .swiper-slide .text .more a{ display:block; width:125px; height:40px; line-height:38px; text-align:center; border:solid 1px #fff; margin-top:40px; color:#fff; border-radius:15px; overflow:hidden}
.banner .swiper-slide .text .more a:hover{background:#4278be; border:solid 1px #4278be; }
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:4% !important; text-align:center; width:100%}
.banner .swiper-pagination-bullet{ width:18px; height:18px; background:none; opacity:1; border:1px solid rgba(255,255,255,0); position:relative}
.banner .swiper-pagination-bullet:after{ content:""; width:6px; height:6px; position:absolute; background:#fff; left:5px;top:5px; border-radius:50%}
.banner .swiper-pagination-bullet-active{ border:1px solid rgba(255,255,255,1);}
.banner .swiper-slide{ position:relative}


.i-course-2{ background:#fff}

.i-course .title{ font-size:22px;color:#221814; position:relative; margin-bottom:30px; border-bottom:1px solid #e8e8e8; padding-left:15px; padding-bottom:10px; display:flex; display:-webkit-flex; align-items:center;}
.i-course .title:after{ content:""; width:3px; height:20px; display:block;background:#00469c; position:absolute; left:0;top:6px;}
.i-course .title .en{ text-transform:uppercase; font-size:16px; color:#595757; margin-left:14px}
.i-course .title .more{ font-size:14px; position:absolute;right: 0;display: block;width:130px;height: 30px;line-height: 30px;text-align:center;border-radius: 4px; background:#eee}
.i-course .title .more i{ font-style:normal; padding-right:15px; position:relative;z-index: 1;}
.i-course .title .more i:after{ content:""; width:5px; height:5px; border-top:1px solid #666; border-right:1px solid #666; transform:rotate(45deg); display:block; position:absolute; right:0;top:7px}
.i-course .title .more:after{ content: "";position: absolute;display: block;top:0;left:0px;width: 100%;height: 100%; background: #00469c; border-radius:4px; z-index: 0;opacity:0; transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -moz-transform: rotateX(180deg);-ms-transition: rotateX(180deg);-o-transition: rotateX(180deg); transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.i-course .title .more:hover:after{ opacity:1; transform: rotateX(0deg); -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); }
.i-course .title .more:hover{ color: #FFFFFF;}
.i-course .title .more:hover i:after{border-top:1px solid #fff; border-right:1px solid #fff;}
.i-courselist ul{ margin-right:-3%}
.i-courselist li{ float:left; width:30.33%; margin-right:3%;}
.i-courselist.i-courselist02 li{ margin-bottom:3%}
.i-courselist li .pic{ position:relative; overflow:hidden}
.i-courselist li .pic img{ display:block; width:100%; height:auto;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-courselist li .tit{ position:absolute;  width:100%; padding:40px 20px 20px; bottom:0; color:#fff;font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));}
.i-courselist li .txt{ padding:20px; line-height:26px; color:#666;background: #fff;}
.i-courselist li .txt p{ padding-left:90px;}
.i-courselist li .txt>div{ margin-bottom:10px}
.i-courselist li .price p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: right;width: calc(100% - 90px);padding-left: 0;}
.i-courselist li .more{ margin-top:20px; background:url(../images/ico_arrow.png) no-repeat 75px center; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-courselist li:hover .more{ background-position:85px center}
.i-courselist li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.i-courselist li .intro{ height:56px; font-size:15px;overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; line-height:28px;}
.i-courselist li .biaozhu span{ display:inline-block; padding:0px 10px; margin-right:8px; border:solid 1px #00469c; color:#00469c; border-radius:20px; font-size:14px;}
.i-courselist li .duix{ color:#999;font-size:15px;}

.i-courselist-2{ position:relative}
.i-courselist-2 .left{ width:49.3%; overflow:hidden; position: absolute; height:100%; float:left}
.i-courselist-2 .left img{ display:block; min-width:100%; min-height:100%; position:absolute}

.i-courselist-2 .left .bg{ position:absolute; left:0;top:0; background:rgba(0,0,0,.3); width:100%; height:100%}
.i-courselist-2 .left .txt{ position:absolute; left:0; width:100%; bottom:0; padding:5%; color:#fff;}
.i-courselist-2 .left .txt h3{ font-size:24px; margin-bottom:10px}
.i-courselist-2 .left .txt .intro{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.i-courselist-2 .right{ width:49%; float:right}
.i-courselist-2 .right ul{ margin-right:-3%}
.i-courselist-2 .right li{ float:left; width:47%; margin-right:3%; margin-bottom:3%; position:relative}
.i-courselist-2 .right li:nth-child(3),.i-courselist-2 .right li:nth-child(4){ margin-bottom:0}
.i-courselist-2 .right li .pic{ overflow:hidden; position:relative}
.i-courselist-2 .right li img{ width:100%; height:auto; display:block}
.i-courselist-2 .right li .bg{position:absolute; left:0;top:0; background:rgba(0,0,0,.3); width:100%; height:100%;}
.i-courselist-2 .right li h3{ position:absolute; left:0;top:0; width:100%; height:100%; color:#fff; font-size:20px;display:-webkit-flex;display:flex; align-items:center;justify-content:center; padding:8%}
.i-courselist-2 .left img,.i-courselist-2 .right li img,.i-courselist-2 .left .bg,.i-courselist-2 .right li .bg{-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-courselist-2 li:hover img,.i-courselist-2 .left:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.i-courselist-2 li:hover .bg,.i-courselist-2 .left:hover .bg{background:rgba(0,0,0,.5);}








.i-course .ad{ text-align:center; font-size:36px; font-weight:bold;}
.i-course .ad span{ color:#00469c}


.i-advantageList li{ float:left; width:25%; position:relative; text-align:center;}
.i-advantageList li:after{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}
.i-advantageList li:last-child:after{ display:none}
.i-advantageList li h3{line-height:55px; color:#00469c;font-size: 20px;text-shadow: 0.03rem 0.06rem 0.03rem rgba(0,68,176,0.11);}
.i-advantageList li h3 span{ font-size:45px; font-weight:bold}
.i-advantageList li p{ font-size:17px;}


.ntext .wrap{ background:#fff; padding:3% 3% 6% 3%}
.ntext .title sup{ font-size:20px}
.ntext .cpconn{display: table;}
.ntext .conn { width:60%; display: table-cell; vertical-align: middle;}
.ntext .conn .item{ margin-top:30px;}
.ntext .conn .item h3{ font-size:24px; margin:10px 0 15px 0; background:url(../images/list.png) no-repeat left center; padding:5px 0 5px 30px; line-height:28px;}
.ntext .conn .item h3 sup{ font-size:12px;}
.ntext .conn .item p{ line-height:35px; padding-left:30px; opacity:0.8}
.ntext .pics { width:40%;display: table-cell; vertical-align: middle; }
.ntext .pics img{ display:block; width:100%; height:auto;}

.nsynav{ background:#fff}
.nsynav li{ float:left; width:calc(20% - 12px); margin-right:15px; position:relative; text-align:center; }
.nsynav li:after{ position:absolute; content:""; width:0; height:0; left:50%; bottom:-12px; margin-left:-16px; border-left:solid 16px transparent; border-right:solid 16px transparent; border-top:solid 15px #00469c; opacity:0}
.nsynav li.cur:after{ opacity:1}
.nsynav li:last-child{ margin-right:0}
.nsynav li img{ display:block; width:100%; height:auto}
.nsynav li .lclass{ font-size:16px; margin-top:10px; display:inline-block; position: relative}
.nsynav li .lclass:before{ content:""; position:absolute; left:-20px; top:50%; margin-top:-1px; background:url(../images/sysca.png) no-repeat center center; width:8px; height:8px; background-size:100% auto; }
.nsynav li .lclass:after{ content:""; position:absolute; right:-20px; top:50%; margin-top:-1px; background:url(../images/syscb.png) no-repeat center center; width:8px; height:8px; background-size:100% auto; }
.nsynav li .lclass sup{ font-size:10px;}
.nsynav li .num{ color:#00fca8; font-size:50px; font-weight:bold; margin:20px auto}
.nsynav li  .sytit h3{ font-size:20px; }
.nsynav li  .sytit p{ font-size:10px; color:#00fca8; line-height:15px; text-transform:uppercase}


.systeams .itemli{ overflow:hidden; display:none; background:#fff; padding:3% 5% 8% 5%}
.systeams .itemli .sytitle{ font-size:30px; line-height:60px; margin-bottom:30px;}
.systeams .itemli .sytitle h3 sup{ font-size:14px;}
.systeams .itemli  p{ position:relative; padding-left:55px; margin:5px 0 10px 0;}
.systeams .itemli p:after{ position:absolute; content:""; left:0; top:-2px; width:36px; height:36px; border-radius:50%; overflow:hidden}
.systeams .itemli .duix:after{background:url(../images/icon01.png) #00469c no-repeat center center; background-size:20px auto; }
.systeams .itemli .zhouq:after{background:url(../images/icon02.png) #00469c no-repeat center center; background-size:20px auto; }
.systeams .itemli .jiej:after{background:url(../images/icon03.png) #00469c no-repeat center center; background-size:20px auto; }
.systeams .itemli .shuc:after{background:url(../images/icon04.png) #00469c no-repeat center center; background-size:20px auto; }
.systeams .itemli .kex:after{background:url(../images/icon05.png) #00469c no-repeat center center; background-size:20px auto; }

.systeams .itemli .text{ float:left; width:50%;}
.systeams .itemli .kec{ float:right; width:50%;}
.systeams .itemli .kec .list{ position:relative; width:100%;margin-top:100px; margin-left:88px;}


.systeams .itemli .num{ position:relative; width:80px; height:130px;}
.systeams .itemli .kec .word{ width:80px; height:130px;display:flex;align-items:center; text-align:center; position:relative; z-index:9; color:#fff; font-size:18px; white-space: nowrap;}
.systeams .itemli .kec .word span{line-height:25px; display:block; width:100%; text-align:center; cursor:pointer;}
.systeams .itemli .kec .num{ position: absolute}
.systeams .itemli .kec .num:hover .word span{ font-weight:bold}
.systeams .itemli .kec a{width:80px; height:65px; display:block;}

.systeams .itemli .kec01 .num a{ background:#1f84f5}
.systeams .itemli .kec02 .num a{ background:#f57915}
.systeams .itemli .kec03 .num a{ background:#00d45f}
.systeams .itemli .kec04 .num a{ background:#8439bd}

.systeams .itemli .kec .num a:nth-child(1){transform: skew(-30deg); position:absolute; left:-20px; top:0}
.systeams .itemli .kec .num a:nth-child(2){transform: skew(30deg); position:absolute; left:-20px; bottom:0}
.systeams .itemli .kec .num a:nth-child(3){transform: skew(30deg); position:absolute; right:-20px; top:0}
.systeams .itemli .kec .num a:nth-child(4){transform: skew(-30deg); position:absolute; right:-20px; bottom:0}
.systeams .itemli .kec .num:nth-child(1){ left:0; top:0}
.systeams .itemli .kec .num:nth-child(2){top:-68px; left:125px;}
.systeams .itemli .kec .num:nth-child(3){top:68px; left:125px;}
.systeams .itemli .kec .num:nth-child(4){top:0; left:250px;}
.systeams .itemli .kec .num:nth-child(5){ left:0; top:135px}

.jvzhong{ text-align:center;}
.ititle { margin-bottom:35px; }
.ititle h3{ font-size:36px; font-weight:bold; }
.ititle p{ font-size:18px; padding-top:15px;}
.ititle p a{color: #00469c; display:inline-block; padding-right:20px; background: url(../images/jts.png) no-repeat center right;}
.ititle span{color: #00469c; font-size:105%}


.qkuai { background:#fff}

.qkuai .swiper-wrapper{ height:330px;}
.qkuai .swiper-slide .inn{position:relative;transition: all 0.5s; cursor:pointer;}
.qkuai .swiper-slide{ padding:0 20px}
.qkuai .swiper-slide.swiper-slide-active{ padding:40px 20px}
.qkuai .swiper-slide .text{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,70,156,1)}
.qkuai .swiper-slide .text h3{ font-size:22px; line-height:36px; color:#fff;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%; position:absolute; text-align:center; color:#fff; font-weight:bold}
.qkuai .swiper-slide .text h3 sup{ font-size:12px;}
.qkuai .swiper-slide.swiper-slide-active h3{ font-size:30px;}

.qkuai .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0}
.qkuai .swiper-pagination-bullet{ width:18px; height:18px; background:none; opacity:1; border:1px solid rgba(255,255,255,0); position:relative}
.qkuai .swiper-pagination-bullet:after{ content:""; width:6px; height:6px; position:absolute; background:#00469c; left:5px;top:5px; border-radius:50%}
.qkuai .swiper-pagination-bullet-active{ border:1px solid #00469c;}
.qkuai .swiper-slide img{box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;}


.itraining .swiper-wrapper{ height:330px;}
.itraining .swiper-slide .inn{position:relative;transition: all 0.5s; cursor:pointer;}
.itraining .swiper-slide{ padding:0 20px}
.itraining .swiper-slide.swiper-slide-active{ padding:40px 20px}
.itraining .swiper-slide .text{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,70,156,1)}
.itraining .swiper-slide .text h3{ font-size:22px; line-height:36px; color:#fff;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%; position:absolute; text-align:center; color:#fff; font-weight:bold}
.itraining .swiper-slide .text h3 sup{ font-size:12px;}
.itraining .swiper-slide.swiper-slide-active h3{ font-size:30px;}

.itraining .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0}
.itraining .swiper-pagination-bullet{ width:18px; height:18px; background:none; opacity:1; border:1px solid rgba(255,255,255,0); position:relative}
.itraining .swiper-pagination-bullet:after{ content:""; width:6px; height:6px; position:absolute; background:#00469c; left:5px;top:5px; border-radius:50%}
.itraining .swiper-pagination-bullet-active{ border:1px solid #00469c;}
.itraining .swiper-slide img{box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;}

.qkuai .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .itraining .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0}


.qkuai .swiper-slide.swiper-slide .inn, .itraining .swiper-slide.swiper-slide .inn{box-shadow: 0 5px 5px -5px; rgb(0 0 0 / 50%);}
.qkuai .swiper-slide, .itraining .swiper-slide{transform:perspective(500px) rotatey(0deg);transform-style:preserve-3d;position: relative;}
.qkuai .swiper-slide.swiper-slide-prev .inn, .itraining .swiper-slide.swiper-slide-prev .inn{transform:rotatey(-10deg); position: absolute;top: 0;left: 0; }
.qkuai .swiper-slide.swiper-slide-next .inn, .itraining .swiper-slide.swiper-slide-next .inn{transform:rotatey(10deg); position: absolute;top: 0;left: 0;}
.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;}

.qkuai .conn, .itraining .conn{ margin-top:-40px}
.qkuai .img2, .itraining .img2{ opacity:0}


.lxlist li { cursor:pointer}
.lxlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99}
.lxlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:999}
.lxlist li .hd .closed{ width:26px; height:26px; display:block; background:url(../images/close02.png) no-repeat center; background-size:cover; position:absolute; right:50%; top:50%; margin-top:-230px;margin-right:-200px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 9999; cursor:pointer}
.lxlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.lxlist li .hd .hr_con{ background:#fff; width:460px; padding:30px 3%; height:480px; position:absolute;top:50%;left:50%; margin-left:-230px;margin-top:-250px;line-height:30px; cursor:default; z-index:999}
.lxlist li .hd .hr_con .tit_hd{ font-size:32px;font-weight:bold; color:#221814; line-height:45px; padding:20px 0; margin-bottom:10px; text-align:center}
.lxlist li .hd .hr_con form .item{height:50px; width:100%; margin-bottom:20px; border: 1px solid #ebebeb;border-radius: 26px;display:block;position: relative; overflow:hidden}
.lxlist li .hd .hr_con form .item i {width:95px;height: 100%; position:absolute; display:block; left:0; top:0}
.lxlist li .hd .hr_con form .item:after{position: absolute;left:90px;top:50%; margin-top:-9px;content: '';width: 2px;height: 18px;background: #ebebeb;}
.lxlist li .hd .hr_con form .item input{ border:none; line-height:48px; width:100%; padding-left:110px;}
.lxlist li .hd .hr_con form .item i.name{ background:url(../images/name.png) no-repeat center center; }
.lxlist li .hd .hr_con form .item i.company{ background:url(../images/company.png) no-repeat center center; }
.lxlist li .hd .hr_con form .item i.tel{ background:url(../images/tel.png) no-repeat center center; }
.lxlist li .hd .hr_con form .button input{background: #00469c; border:1px solid #00469c; color:#fff; border-radius:25px; line-height:46px; margin:0 auto; display:block; width:60%}
.lxlist li .hd .hr_con form .button{ margin-top:40px;}
.lxlist li{ width:190px; height:46px; font-size:18px; border:solid 2px #fff; color:#fff; border-radius:25px; text-align:center; line-height:42px; padding-left:25px; display:inline-block; margin:0 10px}
.lxlist li:hover{color:#00469c;}
.lxlist li:nth-child(1){ background:url(../images/lx101.png) no-repeat 30px center;}
.lxlist li:hover:nth-child(1){ background:url(../images/lx102.png) #fff no-repeat 30px center;}
.lxlist li:nth-child(2){ background:url(../images/lx201.png) no-repeat 30px center; margin-left:15px;}
.lxlist li:hover:nth-child(2){ background:url(../images/lx202.png) #fff no-repeat 30px 10px;}
.lxlist li:nth-child(2) a{ color:#fff}
.lxlist li:hover:nth-child(2) a{color:#00469c;}


.courselist .ititle h3{ font-size:30px}
.courselist .conn{box-shadow: 0 0 25px rgba(0,0,0,.08); }
.courselist li { line-height:55px; height:55px;color:#221814; font-weight:bold; border-bottom:solid 1px #ddd;}
.courselist li:nth-child(2n-1){ background-color:#fff}
.courselist li span{ float:left; width:20%; text-align:center; display:block;height:55px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.courselist li span:first-child{ width:35%; text-align:left; padding-left:2%}
.courselist li span:nth-child(2){ width:45%; text-align:left; padding-left:2%}
.courselist li a{ font-weight:normal; display:block}
.courselist li a span:nth-child(2){font-weight:bold; color:#00469c; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.courselist li a:hover{background-color:rgba(0,70,156,0.5)}
.courselist li a:hover, .courselist li a:hover span:nth-child(2){ color:#fff}
.courselist li:nth-child(1){text-align: center;background: #00469c;color: #fff;}

.kechengtable h3{ font-size:24px; text-align:center; font-weight:bold; margin-bottom:25px;}
.kechengtable table{text-align:center; border-top:solid 1px #ddd; border-left:solid 1px #ddd; margin-top:-1px;}
.kechengtable td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;padding:8px 15px;}
.kechengtable table:nth-child(1){ font-weight:bold; padding:14px 10px; color:#fff !important; background:#b6b6b6 !important; }
.kechengtable table:nth-child(1) td{color:#fff !important;}
.kechengtable table a{color: #00469c; font-weight:bold;}
.kechengtable table a:hover{ color:#00469c}
.kechengtable table:nth-child(2n+1){ background:#f9f9f9}
.kechengtable table:hover{box-shadow: 0 0 15px rgb(0 0 0 / 8%);}
.kechengtable table tr td:last-child{ color:#00469c}


.kuailist .kuai{ padding:0px 0 20px 0; margin-bottom:20px; border-bottom:solid 1px #ddd}
.kuailist .kuai .pic{ float:left; width:25%}
.kuailist .kuai .txt{ width:72%; float:right;}
.kuailist .kuai h3{ font-size:20px; margin:15px 0; font-weight:bold}
.kuailist .kuai .intro{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:28px; color:#595757; margin-bottom:15px}
.kuailist .kuai .intro p{ padding-left:0}
.kuailist .kuai .other{ margin-top:20px;color:#888;}
.kuailist .kuai .other span{ padding:5px 10px; border:solid 1px #00469c; border-radius:5px; color:#00469c; font-size:14px; margin-right:15px;}



.systeams .itemli .sytitle02 h3 { margin:0px auto 30px auto; line-height:50px; height:50px; position:relative; background:#fff;}
.systeams .itemli .sytitle02 h3:after{ content:""; position:absolute; bottom:0; right:0px; width:calc(100% - 195px); height:4px; background: #00469c;transform:skew(20deg);}
.systeams .itemli .sytitle02 h3 span{ font-size:24px; font-weight:bold; color: #fff;position: relative;background: #00469c;display: inline-block; width:180px; text-align:center}
.systeams .itemli .sytitle02 h3 span:after{ content:""; position:absolute; right:-15px; top:0; width:0; height:0;border-bottom: 50px solid #00469c;border-right: 15px solid transparent;}


.paike span{ display:inline-block; margin-right:5px; border:solid 1px #ddd; padding:0px 10px; margin-bottom:5px;}