/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; box-sizing: border-box }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
body { font: 13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333; background: #fff; overflow-x: hidden; }
a { text-decoration: none; color: #333; }
p { color: #434343; }
a:hover { text-decoration: none }
a img { border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none }
div { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
li { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
p, strong, em { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-weight: normal; }
form { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
em { font-style: normal; font-weight: normal }
table { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
dt { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
dl { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
dd { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; line-height: inherit }
tr { padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
input, textarea { outline: none; }
.cl { height: 0px; clear: both; }
.fl { float: left; display: block; }
.fr { float: right; }
.container { width: 1200px; margin: 0 auto; height: 100%; }
.c { *zoom: 1; }
.c:after { content: ""; display: block; height: 0; clear: both; }
.txt-c { text-align: center; }
.txt-l { text-align: left !important; }
.txt-r { text-align: right; }
.bg-black { background: #000; }
.col-black { color: #000; }
.col-white { color: #fff !important; }
strong { font-weight: bold; }
i { font-style: normal; }
.m { margin: 0 auto; }
.blue { color: #0056a1; }

@font-face { font-family: 'siyuan'; src: url('../font/nongsuo.ttf'); }
.head-zw { height: 60px; width: 100%; display: none; }

.head-top { background: #f2f2f2; line-height: 40px; }
.head-top ul { display: flex; justify-content: space-between; }
.head-top ul li { }
.head-top ul li:nth-child(1) { }
.head-top ul li:nth-child(1) a { font-size: 14px; color: #666666; }
.head-top ul li:nth-child(2) { display: flex; }
.head-top ul li:nth-child(2) dd { position: relative; margin-left: 20px; }
.head-top ul li:nth-child(2) dd::after { content: ''; position: absolute; right: -10px; top: 14px; width: 1px; height: 13px; background: #b3b3b3; }
.head-top ul li:nth-child(2) dd:last-child::after { content: none; }
.head-top ul li:nth-child(2) dd a { font-size: 14px; color: #666666; }

.head-main { height: 130px; background: #FFFFFF; }
.head-main .logo { margin-top: 25px; }
.head-main .logo img { width: 110%; }
.head-main .phone { background: url(../imgs/head-phone.png)no-repeat center left; padding-left: 60px; margin-top: 30px; }
.head-main .phone em { font-size: 14px; color: #999999; position: relative; top: 5px; }
.head-main .phone p { font-size: 26px; color: #333333; font-weight: bold; font-family: 'siyuan'; position: relative; bottom: -3px; }


#nav li { position: relative; }
#nav li { width: 137px; }
#nav li:nth-child(1) { width: 240px; background: #1d2087; }
#nav li:nth-child(1) > a { font-size: 17px; font-weight: bold; color: #FFFFFF; }
#nav li .hide { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); float: left; left: 40%; margin-left: -86px; width: 215px; position: absolute; z-index: 2; background: rgba(0,0,0,.3); }
#nav li .hide dd { height: 70px; border-bottom: 1px solid #586aaa; overflow: hidden; }
#nav li .hide dd em { font-size: 16px; font-weight: bold; color: #ffffff; background: url(../imgs/head-arrow.png)no-repeat right center; display: block; width: 190px; margin-left: 13px; margin-top: 23px; }
#nav li .hide dd p { font-size: 14px; color: #ffffff; margin-left: 13px; }


.head { width: 100%; background: #f2f2f2; }
.head .logo { margin-top: 10px; }
/* .head .container{height: 85px;line-height: 85px;} */
.head .logo img { margin-top: 20px; }
.head-nav { display: flex; height: 60px; color: #666666; width: 100%; }
.head-nav li { width: calc(100%/8); }
.head-nav li > a { color: #333333; line-height: 60px; display: block; text-align: center; font-size: 16px; }
.head-nav li:hover > a { color: #1d2087; }
.head-nav li.on > a { color: #1d2087; }
.head .phone { margin-top: 12px; }
.head .phone p { font-size: 22px; font-family: arial; font-weight: bold; color: #FFFFFF; padding-left: 25px; background: url(../imgs/phone-icon.png)no-repeat left center; }
.navfixed { position: fixed; width: 100%; top: 0; z-index: 2222; background: #FFFFFF; }
.navfixed #nav li .hide { display: none; }
/*搜索*/
.en { margin-top: 40px; }
.search { margin-top: 40px; margin-right: 30px; margin-left: 200px; }
.search img { cursor: pointer; position: relative; top: 5px; }
.search i { color: #FFFFFF; font-size: 14px; margin-left: 10px; }
.search p { cursor: pointer; }
.search p span { font-size: 15px; color: #222222; font-weight: bold; position: relative; bottom: 6px; left: 10px; }
.search form { width: 410px; height: 50px; background: #fff; overflow: hidden; z-index: 2 }
.search form input { outline: none; }
.search form .text { width: 338px; height: 48px; background: #fff; border: 1px solid #e6e6e6; display: block; text-indent: 20px; float: left }
.search form .submit { width: 70px; text-align: center; background: #1d2087; color: #fff; float: right; height: 50px; line-height: 50px; text-align: center; border: none; cursor: pointer; }

/*banner*/
.banner .swiper-slide { height: 400px; width: 100%; }
.ny-banner .swiper-slide { height: 600px; width: 100%; margin-top: -75px; }
.banner .swiper-slide img { display: block; }
.banner .swiper-pagination { bottom: 15px; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; background: #FFFFFF; opacity: 1; margin: 2px 10px; }
.banner .swiper-pagination-bullet-active { background: #e50012; opacity: 1; }

.course { margin-top: 40px; }
.course ul { display: flex; justify-content: space-between; }
.course ul li { width: 290px; height: 180px; overflow: hidden; border-radius: 10px; }
.course ul li:nth-child(1) { background: url(../imgs/product-nav_bg.jpg)no-repeat center; }
.course ul li:nth-child(2) { background: url(../imgs/product-nav_bg2.jpg)no-repeat center; }
.course ul li:nth-child(3) { background: url(../imgs/product-nav_bg3.jpg)no-repeat center; }
.course ul li:nth-child(4) { background: url(../imgs/product-nav_bg4.jpg)no-repeat center; }
.course ul li em { font-size: 17px; color: #ffffff; font-weight: bold; display: block; margin-top: 40px; margin-left: 20px; }
.course ul li p { font-size: 14px; color: #FFFFFF; margin-left: 20px; }
.course ul li img { margin-left: 20px; margin-top: 10px; }

.develop { margin-top: 30px; }
.develop .title { display: flex; justify-content: space-between; }
.develop .title dl { display: flex; }
.develop .title dl dt { font-size: 30px; color: #333333; font-weight: bold; }
.develop .title dl dd { position: relative; top: 20px; }
.develop .title dl dd a { font-size: 15px; color: #333333; font-weight: 300; margin-left: 36px; font-family: "微软雅黑"; }
.develop .title dl dd a:hover { color: #e50012; }
.develop .arrow { width: 30px; height: 30px; border-radius: 100%; background: #e6e6e6; text-align: center; margin-top: 13px; }
.develop .arrow:hover { background: #E50012; }
.develop .arrow img { margin-top: 10px; }
.develop ul { display: flex; justify-content: space-between; margin-top: 40px; }
.develop ul li { width: 280px; border-radius: 10px; overflow: hidden; }
.develop ul li .pic { width: 280px; height: 260px; overflow: hidden; position: relative; }
.develop ul li .pic span { position: absolute; right: 10px; bottom: 5px; z-index: 100; }
.develop ul li .pic a { height: 100%; }
.develop ul li .pic img { display: block; transition: 0.4s; width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast; }
.develop ul li:hover .pic img { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
.develop ul li .info { background: #f5f5f5; padding: 14px 18px 18px 18px; }
.develop ul li .info a em { font-size: 16px; color: #333333; display: block; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.develop ul li .info-list { display: flex; justify-content: space-between; margin-top: 10px; }
.develop ul li .info span:nth-child(2) { font-size: 18px; color: #e50012; font-weight: bold; font-family: arial; margin-right: 10px; }
.develop ul li .info span:nth-child(3) em {text-decoration:line-through;}
.develop ul li .info span:nth-child(3) { font-size: 14px; color: #808080; }
.develop ul li .info p { font-size: 12px; font-weight: 400; line-height: 16px; color: #333; color: #d7d7d7; }
.develop ul li .info .info-list a { cursor:pointer; width: 78px; height: 28px; border: 1px solid #d9d9d9; border-radius: 15px; text-align: center; line-height: 30px; font-size: 14px; color: #666666; display: inline-block; }
.develop ul li .info-list1:hover { background: #e50012; color: #FFFFFF !important }
.develop ul li .info-list2:hover { background: #e50012; color: #FFFFFF !important }

/*mobile 导航*/
.list-num { display: none; }


/* 线下培训 */
.training { margin-top: 95px; }
.training .title { padding-bottom: 20px; }
.training .title em { font-size: 30px; font-weight: bold; color: #333333; }
.training .training-con { }
.training .training-con .hd { float: right; position: relative; bottom: 35px; }
.training .training-con .hd ul { display: flex; }
.training .training-con .hd ul li { font-size: 16px; color: #666666; width: 135px; line-height: 35px; border-radius: 22px; text-align: center; }
.training .training-con .hd ul li.on { background: #e50012; color: #FFFFFF; }
.training .training-con .bd { }
.training .training-con .bd ul li img { width: 100%; }
.training .training-con .bd ul li:nth-child(2) { position: relative; margin-top: 50px; }
.training .training-con .bd ul li:nth-child(2) { overflow: hidden; }
.training .training-con .bd ul li:nth-child(2) .swiper-slide { border-radius: 10px; overflow: hidden; }
.training .training-con .bd ul li:nth-child(2) .swiper-slide img { display: block; }

.news { background: #fafafa; padding: 5% 0; margin-top: 5%; }
/*.news-con { display: flex; justify-content: space-between; }*/
.news-con {  }
.news-con.news-con-index { display: flex; justify-content: space-between; }
.news .title { display: flex; background: #101381; border-radius: 10px 10px 0 0; justify-content: space-between; line-height: 70px; padding: 0 30px; }
.news .title em { font-size: 24px; color: #FFFFFF; font-weight: bold; }
.news .title a { font-size: 14px; color: #FFFFFF; }
.news-con ul { width: 100%; }
.news-con-index .col-6 { width: 49%; }
.news-con ul li:nth-child(2) { background: #FFFFFF; }
.news-con ul li dl { padding: 0px 29px; border-radius: 0px 0px 10px 10px; }
.news-con ul li dd { padding-top: 8px; padding-bottom: 8px; background: #FFFFFF; border-bottom: 1px dashed #e6e5e5; }

.news-con ul li dd:last-child { border-bottom: 0; }
.news-con ul li dd em { font-size: 14px; color: #666666; display: inline-block; width: 45px; height: 25px; border-radius: 12px; background: #f2f2f2; margin-right: 10px; text-align: center; }
.news-con ul li dd span { font-size: 16px; color: #333333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80%;display:inline-block; }
.news-con ul li dd i { font-size: 16px; font-family: arial; color: #333333; float: right; }
.news-con ul li:nth-child(2) dd:hover em { background: #e50012; color: #FFFFFF; }
.news-con ul li:nth-child(2) dd:hover span { color: #e50012; }
.news-con ul li:nth-child(2) dd:hover i { color: #e50012; }



/* 技术支持 */
/*.support-con ul { width: 100% !important }*/

/* 学院作品 */
.work { overflow: hidden; }
.work .title { text-align: center; margin: 3% 0; }
.work .title em { font-size: 30px; font-weight: bold; color: #333333; }
.work .title i { display: block; width: 40px; height: 3px; background: #101381; margin: auto; margin-top: 5px; }
.work .work-container { position: relative; }
.work .work-container .swiper-containerw { overflow: hidden; }
.work .work-container .swiper-slide { width: 280px; height: 200px; }
.work .work-container .swiper-slide img { display: block; }
.work .work-container .swiper-button-prev, .work .work-container .swiper-button-next { width: 40px; height: 50px; background: #f2f2f2; text-align: center; overflow: hidden; }
.work .work-container .swiper-button-prev:hover, .work .work-container .swiper-button-next:hover { background: #101381; }
.work .work-container .swiper-button-prev:hover img, .work .work-container .swiper-button-next:hover img { transform: translateY(-80px); filter: drop-shadow(#fff 0 80px); }
.work .work-container .swiper-button-prev { left: -90px; }
.work .work-container .swiper-button-next { right: -90px; }

/* 需求 */
.need { background: url(../imgs/need-bg.jpg)no-repeat center; height: 630px; overflow: hidden; margin-top: 90px; }
.need .title { text-align: center; margin: 3% 0; }
.need .title em { font-size: 30px; font-weight: bold; color: #333333; }
.need .title i { display: block; width: 40px; height: 3px; background: #101381; margin: auto; margin-top: 5px; }
.need .need-con { display: flex; justify-content: space-between; }
.need .need-con ul { }
.need .need-con ul li { display: flex; margin-top: 95px; }
.need .need-con ul li dd { margin: auto; }
.need .need-con ul:nth-child(1) li dd:nth-child(1) { margin-right: 25px; }
.need .need-con ul:nth-child(2) li dd:nth-child(1) { margin-left: 25px; }
.need .need-con ul:nth-child(1) li { text-align: right; }
.need .need-con ul:nth-child(2) li { text-align: left; flex-direction: row-reverse; }
.need .need-con ul li em { font-size: 20px; font-weight: bold; color: #333333; }
.need .need-con ul li p { font-size: 14px; color: #666666; width: 280px; }
.need .need-con ul li img { }

/* 伙伴 */
.partner { overflow: hidden; margin-bottom: 60px; padding-top: 20px; }
.partner .title { text-align: center; margin: 3% 0; }
.partner .title em { font-size: 30px; font-weight: bold; color: #333333; }
.partner .title i { display: block; width: 40px; height: 3px; background: #101381; margin: auto; margin-top: 5px; }
.partner ul { display: flex; justify-content: space-around; flex-wrap: wrap; }
.partner ul li { width: 220px; height: 90px; border: 1px solid #e6e5e5; margin-bottom: 15px; }
.partner ul li img { }

/* 资讯 */
.consult { background: url(../imgs/consult-bg.jpg)no-repeat center; height: 354px; overflow: hidden; }
.consult a { width: 192px; height: 55px; border-radius: 27px; background: #e50012; text-align: center; line-height: 55px; margin: auto; color: #FFFFFF; font-size: 20px; margin-top: 19%; }

/* foot */
.foot { height: 360px; background: #333333; }
.foot .foot-ys { border-bottom: 1px solid #424242; padding-bottom: 30px; padding-top: 30px; }
.foot .foot-ys ul { display: flex; justify-content: space-between; }
.foot .foot-ys ul li { display: flex; position: relative; }
.foot .foot-ys ul li::after { content: ''; width: 1px; background: #424242; height: 20px; position: absolute; right: -75px; top: 15px; }
.foot .foot-ys ul li:last-child::after { content: none; }
.foot .foot-ys ul li dd { margin: auto; }
.foot .foot-ys ul li dd img { }
.foot .foot-ys ul li dd em { font-size: 18px; color: #FFFFFF; margin-left: 15px; }
.foot .foot-ys ul li dd p { font-size: 14px; color: #999999; position: relative; bottom: 4px; margin-left: 15px; }

.foot .f-t-left { width: 200px; margin-right: 120px; margin-top: 45px; }
.foot .f-t-left dl { }
.foot .f-t-left dl dt { font-size: 18px; display: block; color: #f2f2f2; font-weight: bold; margin-bottom: 15px; }
.foot .f-t-left dl dd { float: left; margin-right: 44px; }
.foot .f-t-left dl dd a { font-size: 14px; color: rgba(255,255,255,.7); line-height: 30px; }
.foot .f-t-left dl dd a:hover, .foot .f-t-main dl dd a:hover { color: #FFFFFF; }
.foot .f-t-main { width: 480px; display: flex; justify-content: space-between; margin-top: 45px; }
.foot .f-t-main dl { }
.foot .f-t-main dl dt { font-size: 18px; display: block; color: #f2f2f2; font-weight: bold; margin-bottom: 15px; }
.foot .f-t-main dl dd { font-size: 14px; color: rgba(255,255,255,.7); line-height: 30px; }
.foot .f-t-main dl dd a { font-size: 14px; color: rgba(255,255,255,.7); line-height: 30px; }
.foot .f-t-right { margin-top: 45px; width: 222px; }
.foot .f-t-right dl { }
.foot .f-t-right dl dl { }
.foot .f-t-right dl dt { font-size: 18px; display: block; color: #f2f2f2; font-weight: bold; margin-bottom: 20px; }
.foot .f-t-right dl dd { display: flex; justify-content: space-between; }
.foot .f-t-right dl dd img { display: block; }
.end { width: 100%; height: 50px; color: rgba(255,255,255,.3); text-align: center; font-size: 14px; overflow: hidden; background: #222222; }
.end a { color: rgba(255,255,255,.3); display: inline-block; }
.end p { color: rgba(255,255,255,.3); margin-top: 3px; }
.end span { margin-left: 14px; color: rgba(255,255,255,.3); margin-top: 15px; }
.end p a(1) { margin-left: 38px; }
.beian { margin-left: 20px; }
.end .container div { display: flex; justify-content: center; }


/* 左侧固定 */
.left-fixed { width: 138px; height: 678px; border-radius: 20px; border: 1px solid #e6e5e5; position: fixed; top: 15%; left: -150px; text-align: center; background: #FFFFFF; z-index: 99; transition: 0.5s; }
.left-fixed .top-logo { margin-top: 20px; margin-bottom: 10px; }
.left-fixed ul { margin-bottom: 40px; }
.left-fixed ul li { line-height: 54px; border-bottom: 1px solid #e6e5e5; }
.left-fixed ul li.on, .left-fixed ul li.on a, .left-fixed ul li:hover a, .left-fixed ul li:hover { background: #101381; color: #FFFFFF; }
.left-fixed ul li:last-child { border-bottom: 0; }
.left-fixed ul li a { font-size: 16px; color: #333333; }
.wap-click { position: absolute; right: 3px; top: -8px; cursor: pointer; }
.wap-click span { width: 30px; height: 2px; background: #333; transform: rotate(-45deg); top: 12px; display: block; margin: 10px auto; transition: all 277ms ease-in-out; position: relative; }
.active span.cl-2 { opacity: 0; }
.active span.cl-3 { transform: rotate(45deg); top: -12px; }
.wap-click:hover .left-fixed { left: -150px; }
/* 内页筛选 */
.filter ul { box-shadow: 0px 0px 5px 5px #FAFAFA; padding: 30px 50px; margin: 45px 0; }
.filter-list { }
.filter-list { display: flex; margin-top: 30px; margin-bottom: 30px; }
.filter-list dt { font-size: 18px; font-weight: bold; color: #333333; }
.filter-list dd { font-size: 18px; color: #333333; margin-left: 52px; cursor: pointer; }
.filter-list dd.on { color: #e50012; font-weight: bold; }
.filter-list dd:hover { color: #e50012; font-weight: bold; }
.filter-list2 { display: flex; margin-bottom: 30px; }
.filter-list2 dt { font-size: 18px; font-weight: bold; color: #333333; }
.filter-list2 dd { font-size: 18px; color: #333333; margin-left: 52px; cursor: pointer; }
.filter-list2 dd.on { color: #e50012; font-weight: bold; }
.filter-list2 dd:hover { color: #e50012; font-weight: bold; }
.choose { margin-bottom: 30px; }
.choose dt { font-size: 16px; color: #333333; line-height: 36px; }
.choose { display: flex; flex-wrap: wrap; }
.choose dd { margin-right: 15px; margin-bottom: 10px }
.choose dd em { float: left; padding-right: 20px; background: #fff; text-indent: 20px; width: 210px; line-height: 35px; border: 1px solid #f2f2f2; font-size: 14px; color: #666666; height: 35px; }
.choose dd span { float: left; width: 37px; height: 37px; background: url(../imgs/close-icon.png) no-repeat center #333; cursor: pointer; }
.choose dd:hover span { background: url(../imgs/close-icon.png) no-repeat center #101381; }
.results { display: flex; font-size: 16px; color: #333333; }

.ny-kc ul { display: flex; justify-content: flex-start; margin-top: 40px; flex-wrap: wrap; margin-bottom: 80px; }
.ny-kc ul li { width: 280px; border-radius: 10px; overflow: hidden; margin-bottom: 38px; margin-right: 20px; }
.ny-kc ul li .pic { width: 280px; height: 260px; overflow: hidden;position:relative; }
.ny-kc ul li .pic span { position: absolute; right: 10px; bottom: 5px; z-index: 100; }
.ny-kc ul li .pic a { height: 100%; }
.ny-kc ul li .pic img { display: block; width: 100%; height: 100%; transition: 0.4s; image-rendering: -webkit-optimize-contrast; }
.ny-kc ul li:hover .pic img { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
.ny-kc ul li .info { background: #f5f5f5; padding: 14px 18px 18px 18px; }
.ny-kc ul li .info a em { font-size: 16px; color: #333333; display: block; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.ny-kc ul li .info span:nth-child(2) { font-size: 18px; color: #e50012; font-weight: bold; font-family: arial; margin-right: 10px; }
.ny-kc ul li .info span:nth-child(3) em { text-decoration: line-through; }
.ny-kc ul li .info span:nth-child(3) { font-size: 14px; color: #808080; }
.ny-kc ul li .info .info-list a { width: 78px; height: 28px; border: 1px solid #d9d9d9; border-radius: 15px; text-align: center; line-height: 30px; font-size: 14px; color: #666666; display: inline-block; }
/* .ny-kc ul li:hover .info a:last-child{background: #e50012;color: #FFFFFF;} */
.ny-kc ul .info-list { display: flex; justify-content: space-between; margin-top: 10px; }
.ny-kc ul li .info-list1:hover { background: #e50012; color: #FFFFFF !important }
.ny-kc ul li .info-list2:hover { background: #e50012; color: #FFFFFF !important }

.pagination { width: 100%; text-align: center; display: block !important; margin: 10px 0px !important; }
.pagination li { display: inline-block; width: 40px !important; }
.pagination li a { border: solid 1px #ddd; display: inline-block; padding: 5px 10px; border-radius: 5px; }


/* 详情 */
.video-xq { background: #FAFAFA; }
.video-xq .xq-content { overflow: hidden; }
.video-xq .xq-content .xq-content-top { margin: 40px 0; display: flex; justify-content: space-between; box-shadow: 0 0 5px #999; border-radius: 10px; }
.video-xq .xq-content .xq-content-top li { position: relative; width: 50%; }
.video-xq .xq-content .xq-content-top li:nth-child(2) { background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top-right-radius: 89px; border-bottom-right-radius: 10px; }
.video-xq .xq-content .xq-content-top li a img { display: block; width: 100%; }
.video-xq .xq-content .xq-content-top li i { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0; cursor: pointer; }
.video-xq .xq-content .xq-content-top li .video-btn { width: 10%; position: absolute; top: 42%; left: 44%; }
.video-xq .xq-content .xq-content-top li em { font-size: 20px; color: #666; width: calc(100% - 30px); text-align: center; font-weight: bold; }
.video-xq .xq-content .xq-content-top li .detail { padding: 0 15px; display: flex; font-size: 14px; color: #aaa; display: none; }
.video-xq .xq-content .xq-content-top li .detail span { color: red; }

.xq-content-top .video-links { display: flex; justify-content: space-around; background: #fff; width: 100%; padding: 20px 0; border-radius: 10px; }
.xq-content-top .video-links a { cursor:pointer; width: 150px; height: 50px; border: 1px solid #d9d9d9; border-radius: 30px; text-align: center; line-height: 50px; font-size: 16px; color: #666666; display: inline-block; }
.xq-content-top .video-links a.btn-danger { background: red; color: #FFFFFF; border: 1px solid red; }
.xq-content-top .video-links a.btn-danger:hover { background: red; color: #FFFFFF; border: 1px solid red; }
.xq-content-top .video-links a:nth-child(2):hover { background: yellow; color: #333; border: 1px solid yellow; }


#navtabber ul { cursor: pointer; display: flex; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; background: rgba(54,139,233,.6); /* min-height: 500px; */ /* background: #fff; */ box-shadow: 0 0 5px #999; /* border-radius: 10px; */ }

#navtabber ul li { width: 50%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; }
#navtabber ul .act { background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #333; font-weight: 700; }

#navtabber-con { min-height: 500px; padding: 20px; background: #fff; box-shadow: 0 0 5px #999; /* border-radius: 10px; */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

/* #navtabber li{
    display: inline;
    width: 24%;
    text-decoration: none;
    padding: 15px;
}
#navtabber li:hover{
    background-color: lightblue;
}
#navtabber li section{
    height: 300px;
} */

.related-course .title { position: relative; margin-top: 40px; }
.related-course .title::after { width: 24px; height: 24px; background: #1d2087; border-radius: 0 7px 0 7px; margin-right: 5px; content: ''; position: absolute; left: 0; top: 8px; }
.related-course .title { }
.related-course .title em { color: #333; font-size: 22px; padding-left: 35px; margin-bottom: 10px; display: flex; align-items: center; }
.related-course ul { margin-top: 10px; margin-bottom: 80px; }
.related-course ul li { width: 220px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.related-course ul li .pic { width: 220px; overflow: hidden; }
.related-course ul li .pic img { display: block; transition: 0.4s; width: 100%; image-rendering: -webkit-optimize-contrast; }
.related-course ul li:hover .pic img { transform: scale(1.1); }
.related-course ul li .info { background: #f5f5f5; padding: 14px 18px 18px 18px; }
.related-course ul li .info a em { font-size: 16px; color: #333333; display: block; margin-bottom: 10px; }
.related-course ul li .info span { font-size: 18px; color: #e50012; font-weight: bold; font-family: arial; }
.related-course ul li .info a:last-child { width: 78px; height: 28px; border: 1px solid #d9d9d9; border-radius: 15px; text-align: center; line-height: 30px; font-size: 14px; color: #666666; display: inline-block; float: right; }
.related-course ul li:hover .info a:last-child { background: #e50012; color: #FFFFFF; }

/*QQ 样式*/
.zx-service { position: fixed; right: 5px; top: 30%; z-index: 9999; }
.zx-service ul li { margin-bottom: 1px; position: relative; }
.zx-service ul li a { display: block; width: 80px; height: 52px; padding: 14px 0; background: #000; }
.zx-service ul li:hover a { background: #CB1A23; }
.zx-service ul li a img { display: block; margin: 0 auto 10px; }
.zx-service ul li a span { display: block; width: 80px; color: #fff; text-align: center; line-height: 14px; }
.zx-service ul li dl { width: 150px; padding: 0 15px; background: #CB1A23; text-align: center; display: none; position: absolute; right: 81px; top: 0; }
.zx-service ul li dl dd { font-family: arial; color: #fff; font-size: 20px; height: 50px; width: 150px; line-height: 50px; }
.weixin-hide { width: 130px; padding: 140px 10px 0; background: url(../imgs/right-wechat.jpg) no-repeat center top 10px #CB1A23; position: absolute; right: 81px; top: 0; display: none; }
.weixin-hide span, .weixin-hide b, .weixin-hide em { display: block; width: 100%; text-align: center; color: #fff; }
.weixin-hide span { line-height: 36px; }
.weixin-hide em { line-height: 35px; }
.weixin-hide b { line-height: 13px; font-family: arial; font-size: 18px }
.tel-hide li span, .tel-hide li b { display: block; color: #fff; }
.tel-hide li span { line-height: 12px; font-size: 14px; }
.tel-hide li b { line-height: 15px; font-size: 19px; font-family: arial; padding-top: 10px; }
.zx-service03:hover .weixin-hide { display: block; }
.zx-service ul li:hover dl { display: block; }






/* 图片列表 */
.imagaes-list { margin-top: 50px; }
.imagaes-list .title { text-align: center; margin-bottom: 40px; }
.imagaes-list .title em { font-size: 30px; font-weight: bold; color: #333333; }
.imagaes-list ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.imagaes-list ul li { margin-bottom: 25px; text-align: center; width: 23%; margin-right: 20px; }
.imagaes-list ul li img { display: block; border: 1px solid #e6e5e5; width: 100%; }
.imagaes-list ul li em { font-size: 16px; color: #666666; margin-top: 15px; display: block; }


/*申请表下载*/
.download-list { overflow: hidden; margin-top: 50px; }
.download-list .title { text-align: center; margin-bottom: 30px; }
.download-list .title em { font-size: 30px; color: #333333; font-weight: bold; }
.download-list ul { width: 106.25% }

.download-list ul li { float: left; margin-right: 6.25%; margin-bottom: 4.2%; width: calc(100% / 2 - 6.25%); box-sizing: border-box; border: 1px solid #e6e6e6; padding: 1.8%; }
.download-list ul li a { display: flex; margin: auto }
.download-list ul li .pic, .download-list ul li .info { float: left; }
.download-list ul li .icon { float: right; }
.download-list ul li .pic { width: 22%; margin-right: 6%; }
.download-list ul li .pic img { display: block; width: 100% }
.download-list ul li .info { width: 52%; display: flex; margin-right: 13% }
.download-list ul li .text { margin: auto }
.download-list ul li em { font-size: 16px; color: #333; margin-bottom: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.download-list ul li span { display: inline-block; color: #666; }
.download-list ul li .icon { display: flex }
.download-list ul li .icon img { margin: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.download-list ul li:hover .icon img { filter: grayscale(0%); }
.download-list ul li .type { margin-right: 7%; }
.download-list ul li:hover em { color: #1d2087 }


.ny-news { background: #fafafa; padding: 5% 0; }
.ny-news-con { display: flex; justify-content: space-between; }
.ny-news .title { display: flex; background: #101381; border-radius: 10px 10px 0 0; justify-content: space-between; line-height: 70px; padding: 0 30px; }
.ny-news .title em { font-size: 24px; color: #FFFFFF; font-weight: bold; }
.ny-news .title a { font-size: 14px; color: #FFFFFF; }
/*.news-con ul {  }
.news-con ul li:nth-child(2) { background: #FFFFFF; }
.news-con ul li dl { padding: 0px 29px; border-radius: 0px 0px 10px 10px; }
.news-con ul li dd { padding-top: 19px; padding-bottom: 19px; background: #FFFFFF; border-bottom: 1px dashed #e6e5e5; }
.news-con ul li dd:last-child { border-bottom: 0; }
.news-con ul li dd em { font-size: 14px; color: #666666; display: inline-block; width: 45px; height: 25px; border-radius: 12px; background: #f2f2f2; margin-right: 10px; text-align: center; line-height: 25px; }
.news-con ul li dd span { font-size: 16px; color: #333333; }
.news-con ul li dd i { font-size: 16px; font-family: arial; color: #333333; float: right; }
.news-con ul li:nth-child(2) dd:hover em { background: #e50012; color: #FFFFFF; }
.news-con ul li:nth-child(2) dd:hover span { color: #e50012; }
.news-con ul li:nth-child(2) dd:hover i { color: #e50012; }*/







#layuiPage { text-align: center; }


.pagelist { text-align: center; margin-top: 20px; margin-bottom: 40px; }
.rows { border: 1px solid #999999; padding: 2px; }
.pagelist { text-align: center; /*display: block;*/ margin-top: 40px; }
.pagelist span { font-size: 14px; border: 1px solid #ccc; padding: 6px 8px; }
.first { border: 1px solid #ccc; padding: 4px 8px; font-size: 14px; }
.current { border: 1px solid #ccc; padding: 4px 8px; }
.num { border: 1px solid #ccc; padding: 4px 8px; font-size: 14px; margin-left: 4px; margin-right: 4px; }
.pagelist .next { border: 1px solid #ccc; padding: 4px 8px; font-size: 14px; }
.pagelist .prev { border: 1px solid #ccc; padding: 4px 8px; font-size: 14px; }
.pagelist .end { width: initial; height: initial; overflow: initial; border: 1px solid #ccc; padding: 4px 8px; font-size: 14px; background: none; color: #333; line-height: 16px; }
.pagelist a { display: inline-block; }

.pagelist .end::after { content: none; }

.ny-support, .ny-contact { margin: 80px 0; }





/*2022.4.28*/
.xq-content { width: 900px; margin-top: 40px; background: #fff; border-radius: 5px; box-sizing: border-box; padding: 40px; }
.xq-content em { display: block; font-size: 24px; color: #333; margin-bottom: 15px }

.tabbers img { width: 100%; }


/*右侧悬浮*/
.zx-service { position: fixed; right: 5px; top: 30%; z-index: 9999; }
.zx-service ul li { margin-bottom: 1px; position: relative; }
.zx-service ul li a { display: block; width: 80px; height: 52px; padding: 14px 0; background: #bbbbbb; }
.zx-service ul li:hover a { background: #1d2087; }
.zx-service ul li a img { display: block; margin: 0 auto 10px; }
.zx-service ul li a span { display: block; width: 80px; color: #fff; text-align: center; line-height: 14px; }
.zx-service ul li dl { width: 150px; padding: 0 15px; background: #1d2087; text-align: center; display: none; position: absolute; right: 81px; top: 0; }
.zx-service ul li dl dd { font-family: arial; color: #fff; font-size: 20px; height: 50px; width: 150px; line-height: 50px; }
.weixin-hide { width: 130px; padding: 10px 10px 0; background: url(../imgs/wechat-pic2.png) no-repeat center top 20px #1d2087; position: absolute; right: 81px; top: 0; display: none; }
.weixin-hide2 { width: 130px; padding: 10px 10px 10px; background: url(../imgs/qq-code.jpg) no-repeat center top 20px #1d2087; position: absolute; right: 81px; top: 0; display: none; text-align: center; }
.weixin-hide span, .weixin-hide b, .weixin-hide em { display: block; width: 100%; text-align: center; color: #fff; }
.weixin-hide2 span { text-align: center; color: #fff; width: 100%; }
.weixin-hide span { line-height: 36px; }
.weixin-hide em { line-height: 35px; }
.weixin-hide b { line-height: 13px; font-family: arial; font-size: 18px }
.tel-hide li span, .tel-hide li b { display: block; color: #fff; }
.tel-hide li span { line-height: 12px; font-size: 14px; }
.tel-hide li b { line-height: 15px; font-size: 19px; font-family: arial; padding-top: 10px; }
.zx-service03:hover .weixin-hide { display: block; }
.zx-service03-2:hover .weixin-hide2 { display: block; }
.zx-service ul li:hover dl { display: block; }


/*友情链接*/
.links .header { text-align: center; font-weight: bold; font-size: 30px; padding: 15px; }
.links .container { padding: 0px 15px }
.links .value { }
.links .value ul { display: flex; flex-wrap: wrap }
.links .value ul li { padding: 5px 5px }
.forh5 { display: none !important; }

.btn-primary { color: #fff; background-color: #2429bd; border-color: #101381; }
.btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #1d2087; border-color: #101381; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #1d2087; border-color: #101381; }

@media screen and (min-width:768px) {
    /*pc*/
    .footer-h5 { display: none; }
}

@media screen and (max-width:767px) {
    .xq-content { width: 100%; margin-top: 20px; background: #fff; border-radius: 5px; box-sizing: border-box; padding: 0px; }
    .xq-content em { display: block; font-size: 24px; color: #333; margin-bottom: 15px }


    .video-xq .xq-content .xq-content-top { margin: 20px 0; display: flex; flex-direction:column; justify-content: space-between; box-shadow: 0 0 5px #999; border-radius: 10px; }
    .video-xq .xq-content .xq-content-top li { position: relative; width: 100%; }
    .video-xq .xq-content .xq-content-top li:nth-child(2) { padding-top:20px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom-left-radius: 89px; border-bottom-right-radius: 10px; }
    .video-xq .xq-content .xq-content-top li a img { display: block; width: 100%; }
    .video-xq .xq-content .xq-content-top li i { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0; cursor: pointer; }
    .video-xq .xq-content .xq-content-top li .video-btn { width: 10%; position: absolute; top: 42%; left: 44%; }
    .video-xq .xq-content .xq-content-top li em { font-size: 20px; color: #666; width: calc(100% - 30px); text-align: center; font-weight: bold; }
    .video-xq .xq-content .xq-content-top li .detail { padding: 0 15px; display: flex; font-size: 14px; color: #aaa; display: none; }
    .video-xq .xq-content .xq-content-top li .detail span { color: red; }

    .related-course{float:left!important;padding:0px 5px;}
    .related-course ul{display:flex;flex-wrap:wrap}
    .related-course ul li { width: 50%; border-radius:0px;}
    .related-course ul li .pic{width:95%;}
    /*h5*/
    .forh5 { display: block !important; }
    .forpc { display: none !important; }
    .container { width: 100%; margin: 0 auto; height: 100%; }

    .head-top { display: none; }


    .head-main { height: 50px; background: #fff; }
    .head-main .container { display: flex; align-items: center; }
    .head-main .logo { margin-top: 0px; margin-right: 5px; }
    .head-main .logo img { width: auto; height: 50px }

    /*搜索*/
    .en { margin-top: 40px; }
    .search { flex: 1; margin-top: 0px; margin-left: 0px; margin-right: 0px; }
    .search img { cursor: pointer; position: relative; top: 5px; }
    .search i { color: #FFFFFF; font-size: 14px; margin-left: 10px; }
    .search p { cursor: pointer; }
    .search p span { font-size: 15px; color: #222222; font-weight: bold; position: relative; bottom: 6px; left: 10px; }
    .search form { display: flex; width: 100%; height: 40px; background: #fff; overflow: hidden; z-index: 2 }
    .search form input { outline: none; }
    .search form .text { width: 100%; height: 40px; background: #fff; border: 1px solid #e6e6e6; display: block; text-indent: 20px; float: left }
    .search form .submit { width: 70px; text-align: center; background: #1d2087; color: #fff; float: right; height: 40px; line-height: 40px; text-align: center; border: none; cursor: pointer; }

    .head-main .phone { display: none; }

    /*mobile link*/

    .list-num { display: block }
    .list-num ul { overflow: hidden; padding: 2rem 0; }
    .list-num li { float: left; width: 48%; position: relative; margin: 1%; }
    .list-num li .pic, .list-num li .pic img { width: 100%; }
    .list-num li .info { position: absolute; bottom: 10%; padding-left: 1.13rem; }
    .list-num li .info em, .list-num li .info span { display: block; }
    .list-num li .info h2 { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-weight: 700; text-align: left; color: #ffffff; line-height: 1.5; }
    .list-num li .info em { font-size: 12px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: left; color: #ffffff; line-height: 1.63; margin-top: 10px; }
    .list-num li .info span { margin-top: 1rem; }

    .list-num::after { content: ''; width: 100%; height: 0.63rem; background: #fafafa; display: block; }



    .head-nav { display: flex; height: 76px; color: #666666; width: 100%; }
    .head-nav li { width: calc(100%/4 - 1px); }
    .head-nav li > a { color: #fff; line-height: 38px; display: block; text-align: center; font-size: 12px; }
    .head-nav li:hover > a { color: #fff; }
    .head-nav li.on > a { color: #fff; }

    .navfixed { position: relative; width: 100%; top: 0; z-index: 2222; background: #FFFFFF; }




    #nav { display: flex; flex-wrap: wrap; }
    #nav li { position: relative; width: calc(100%/4 - 1px); background-color: #1d2087; margin: 0.5px; }
    #nav li:nth-child(1) { display: none; }



    .qq { display: none; }

    /*banner*/
    .banner .swiper-slide { height: 100px !important; overflow: hidden; }
    .swiper-container .swiper-slide { height: 100px !important; width: 100%; margin-top: 0px; background-size: cover !important }
    .banner .swiper-slide img { display: block; }
    .banner .swiper-pagination { bottom: 5px; }
    .banner .swiper-pagination-bullet { width: 10px; height: 10px; background: #FFFFFF; opacity: 1; margin: 2px 5px; }
    .banner .swiper-pagination-bullet-active { background: #e50012; opacity: 1; }

    .course { margin-top: 40px; }
    .course ul { display: flex; justify-content: space-between; }
    .course ul li { width: 290px; height: 180px; overflow: hidden; border-radius: 10px; }
    .course ul li:nth-child(1) { background: url(../imgs/product-nav_bg.jpg)no-repeat center; }
    .course ul li:nth-child(2) { background: url(../imgs/product-nav_bg2.jpg)no-repeat center; }
    .course ul li:nth-child(3) { background: url(../imgs/product-nav_bg3.jpg)no-repeat center; }
    .course ul li:nth-child(4) { background: url(../imgs/product-nav_bg4.jpg)no-repeat center; }
    .course ul li em { font-size: 17px; color: #ffffff; font-weight: bold; display: block; margin-top: 40px; margin-left: 20px; }
    .course ul li p { font-size: 14px; color: #FFFFFF; margin-left: 20px; }
    .course ul li img { margin-left: 20px; margin-top: 10px; }

    .develop { margin-top: 0px; }
    .develop .title { display: flex; justify-content: space-between; }
    .develop .title dl { display: flex; }
    .develop .title dl dt { font-size: 20px; color: #333333; font-weight: bold; }
    .develop .title dl dd { display: none; }

    .develop .arrow { display: none; }

    .develop ul { display: flex; justify-content: space-between; margin-top: 10px; flex-wrap: wrap; }
    .develop ul li { width: 50%; border-radius: 10px; overflow: hidden; padding: 0px 5px; margin-bottom: 20px; }
    .develop ul li .pic { width: 100%; height: 160px; overflow: hidden; }
    .develop ul li .pic a { height: 100%; }
    .develop ul li .pic img { display: block; transition: 0.4s; width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast; }
    .develop ul li:hover .pic img { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
    .develop ul li .info { background: #f5f5f5; padding: 5px; }
    .develop ul li .info a em { font-size: 14px; color: #333333; display: block; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .develop ul li .info-list { display: flex; justify-content: space-between; margin-top: 10px; }
    .develop ul li .info span { font-size: 15px; color: #e50012; font-weight: bold; font-family: arial; margin-right: 10px; }
    .develop ul li .info span:nth-child(3) { font-size: 12px; color: #b4b4b4; }
    .develop ul li .info span:nth-child(4) { font-size: 12px; color: #b4b4b4; }
    .develop ul li .info p { font-size: 12px; font-weight: 400; line-height: 16px; color: #333; color: #d7d7d7; }
    .develop ul li .info .info-list a { background-color: #e50012; width: 78px; height: 28px; border: none; border-radius: 15px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; display: inline-block; }
    .develop ul li .info-list1:hover { background: #e50012; color: #FFFFFF !important }
    .develop ul li .info-list2:hover { background: #e50012; color: #FFFFFF !important }



    .ny-kc ul { display: flex; justify-content: space-between; margin-top: 10px; flex-wrap: wrap; }
    .ny-kc ul li { width: 50%; border-radius: 10px; overflow: hidden; padding: 0px 5px; margin-bottom: 20px; margin-right: 0px }
    .ny-kc ul li .pic { width: 100%; height: 160px; overflow: hidden; }
    .ny-kc ul li .pic a { height: 100%; }
    .ny-kc ul li .pic img { display: block; transition: 0.4s; width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast; }
    .ny-kc ul li:hover .pic img { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
    .ny-kc ul li .info { background: #f5f5f5; padding: 5px; }
    .ny-kc ul li .info a em { font-size: 14px; color: #333333; display: block; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .ny-kc ul li .info-list { display: flex; justify-content: space-between; margin-top: 10px; }
    .ny-kc ul li .info span { font-size: 15px; color: #e50012; font-weight: bold; font-family: arial; margin-right: 10px; }
    .ny-kc ul li .info span:nth-child(3) { font-size: 12px; color: #b4b4b4; }
    .ny-kc ul li .info span:nth-child(4) { font-size: 12px; color: #b4b4b4; }
    .ny-kc ul li .info p { font-size: 12px; font-weight: 400; line-height: 16px; color: #333; color: #d7d7d7; }
    .ny-kc ul li .info .info-list a { background-color: #e50012; width: 78px; height: 28px; border: none; border-radius: 15px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; display: inline-block; }
    .ny-kc ul li .info-list1:hover { background: #e50012; color: #FFFFFF !important }
    .ny-kc ul li .info-list2:hover { background: #e50012; color: #FFFFFF !important }


    /* 线下培训 */
    .training { margin-top: 15px; }
    .training .title { padding-bottom: 20px; }
    .training .title em { font-size: 20px; font-weight: bold; color: #333333; }
    .training .training-con { }
    .training .training-con .hd { float: right; position: relative; bottom: 35px; }
    .training .training-con .hd ul { display: flex; }
    .training .training-con .hd ul li { font-size: 16px; color: #666666; width: 135px; line-height: 35px; border-radius: 22px; text-align: center; }
    .training .training-con .hd ul li.on { background: #e50012; color: #FFFFFF; }
    .training .training-con .bd { }
    .training .training-con .bd ul li img { width: 100%; }
    .training .training-con .bd ul li:nth-child(2) { position: relative; margin-top: 50px; }
    .training .training-con .bd ul li:nth-child(2) { overflow: hidden; }
    .training .training-con .bd ul li:nth-child(2) .swiper-slide { border-radius: 10px; overflow: hidden; }
    .training .training-con .bd ul li:nth-child(2) .swiper-slide img { display: block; }

    .news { background: #fafafa; padding: 5% 0; margin-top: 5%; }
    .news-con { display: block; }
    .news-con.news-con-index { display:block;}
    .news .title { display: flex; background: #fff; border-radius: 0; justify-content: space-between; line-height: 70px; padding: 0 10px; }
    .news .title em { font-size: 20px; color: #333; font-weight: bold; }
    .news .title a { font-size: 12px; color: #333; }
    .news-con.news-con-index .col-6{ width:100% }
    .news-con ul { width: 100%; }
    .news-con ul li:nth-child(2) { background: #FFFFFF; }
    .news-con ul li dl { padding: 0px 10px; border-radius: 0px 0px 10px 10px; }
    .news-con ul li dd { padding-top: 8px; padding-bottom: 8px; background: #FFFFFF; border-bottom: 1px dashed #e6e5e5; }
    .news-con ul li dd:last-child { border-bottom: 0; }
    .news-con ul li dd em { font-size: 12px; color: #fff; display: inline-block; width: 45px; height: 25px; border-radius: 12px; background: #e50012; margin-right: 10px; text-align: center;  }
    .news-con ul li dd span { font-size: 12px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 60%; display: inline-block; }
    .news-con ul li dd i { font-size: 12px; font-family: arial; color: #333333; float: right; }
    .news-con ul li:nth-child(2) dd:hover em { background: #e50012; color: #FFFFFF; }
    .news-con ul li:nth-child(2) dd:hover span { color: #e50012; }
    .news-con ul li:nth-child(2) dd:hover i { color: #e50012; }


    /* 学院作品 */
    .work { overflow: hidden; }
    .work .title { text-align: left; margin: 0; padding: 0px 10px }
    .work .title em { font-size: 20px; font-weight: bold; color: #333333; }
    .work .title i { display: block; width: 0px; height: 3px; background: #101381; margin: auto; margin-top: 5px; }
    .work .work-container { position: relative; padding: 0px 10px }
    .work .work-container .swiper-containerw { overflow: hidden; }
    .work .work-container .swiper-slide { width: 100%; height: 200px; }
    .work .work-container .swiper-slide img { display: block; }
    .work .work-container .swiper-button-prev, .work .work-container .swiper-button-next { display: none; }


    /* 需求 */
    .need { background: url(../imgs/need-bg.jpg)no-repeat center; height: 630px; overflow: hidden; margin-top: 20px; }
    .need .title { text-align: center; margin: 0; padding: 30px 10px }
    .need .title em { font-size: 20px; font-weight: bold; color: #333333; }
    .need .title i { display: none }
    .need .need-con { display: block; justify-content: space-between; }
    .need .need-con ul { display: flex; }
    .need .need-con ul li { display: block; width: 48%; background-color: #fff; margin: 5px; border-radius: 5px; padding: 10px; position: relative; padding-top: 80px; }
    .need .need-con ul li dd { margin: auto; text-align: center; }
    .need .need-con ul li dd:nth-child(3) { position: absolute; top: 10px; left: 50%; margin-left: -30px; }
    .need .need-con ul:nth-child(1) li dd:nth-child(1) { margin-right: 0px; }
    .need .need-con ul:nth-child(2) li dd:nth-child(1) { margin-left: 0px; }
    .need .need-con ul:nth-child(1) li { text-align: right; }
    .need .need-con ul:nth-child(2) li { text-align: left; flex-direction: row-reverse; }
    .need .need-con ul li em { font-size: 20px; font-weight: bold; color: #333333; }
    .need .need-con ul li p { font-size: 14px; color: #666666; width: 100%; }
    .need .need-con ul li img { }

    /* 伙伴 */
    .partner { overflow: hidden; margin-bottom: 60px; padding-top: 20px; }
    .partner .title { text-align: center; margin: 3% 0; }
    .partner .title em { font-size: 20px; font-weight: bold; color: #333333; }
    .partner .title i { display: none; }
    .partner ul { display: flex; justify-content: space-around; flex-wrap: wrap; }
    .partner ul li { width: 48%; height: 45px; border: none; margin-bottom: 20px; }
    .partner ul li img { width: 100% }

    /* 资讯 */
    .consult { background: url(../imgs/consult-bg.jpg)no-repeat center; background-size: cover; height: auto; overflow: hidden; }
    .consult a { width: 120px; height: 36px; border-radius: 20px; background: #e50012; text-align: center; line-height: 36px; margin: auto; color: #FFFFFF; font-size: 16px; margin-top: 19%; }
    /*友情链接*/
    .links .header { text-align: center; font-weight: bold; font-size: 20px; padding: 15px; }
    .links .container { padding: 0px 15px }
    .links .value { }
    .links .value ul { display: flex; flex-wrap: wrap }
    .links .value ul li { padding: 5px 5px }
    /* foot */
    .foot { display: none; }

    .end { width: 100%; height: auto; color: rgba(255,255,255,.3); text-align: center; font-size: 14px; overflow: hidden; background: #222222; padding-bottom: 50px; }
    .end a { color: rgba(255,255,255,.3); display: inline-block; }
    .end p { color: rgba(255,255,255,.3); margin-top: 15px; }
    .end span { margin-left: 0px; color: rgba(255,255,255,.3); margin-top: 0px; }
    .end p a(1) { margin-left: 38px; }
    .beian { margin-left: 20px; }
    .end .container { display: flex; flex-direction: column; justify-content: center; align-items: center; }


    .ny-news { background: #fafafa; padding: 5% 0; }
    .ny-news-con { display: flex; justify-content: space-between; }
    .ny-news .title { display: flex; background: #fff; border-radius: 10px 10px 0 0; justify-content: center; line-height: 70px; padding: 0 30px; }
    .ny-news .title em { font-size: 18px; color: #333; font-weight: bold; }
    .ny-news .title a { font-size: 14px; color: #FFFFFF; }

    .imagaes-list { margin-top: 50px; }
    .imagaes-list .title { text-align: center; margin-bottom: 10px; }
    .imagaes-list .title em { font-size: 18px; font-weight: bold; color: #333333; }
    .imagaes-list ul { display: flex; justify-content: center; flex-wrap: wrap; }
    .imagaes-list ul li { margin-bottom: 25px; text-align: center; width: 23%; margin-right: 20px; }
    .imagaes-list ul li img { display: block; border: 1px solid #e6e5e5; width: 100%; }
    .imagaes-list ul li em { font-size: 16px; color: #666666; margin-top: 15px; display: block; }

    .footer-h5 { position: fixed; z-index: 1000; width: 100%; display: flex; bottom: 0px; left: 0px; height: 50px; background-color: #101381 }
    .footer-h5 .foot-nav { flex: 1; line-height: 50px; color: #fff; text-align: center; }
    .footer-h5 .foot-nav:nth-child(2) { border-left: solid 1px #1d2087; border-right: solid 1px #1d2087; }
    .footer-h5 .foot-nav a { color: #fff; font-size: 16px; }
    .footer-h5 .foot-nav a i { font-size: 20px !important; margin-right: 5px }


    .pagelist { text-align: center; margin-top: 20px; margin-bottom: 40px; }
    .pagelist .pagination li { margin: 0px; width: auto; padding: 0px 5px }
    .pagelist .pagination li a { display: inline-block; padding: 3px 10px; border: solid 1px #ddd; border-radius: 5px; }


    .ny-kc ul { margin-bottom: 20px; }
    .ny-kc .pagination { display: table !important; margin: 15px auto !important; text-align: center; }
    .ny-kc .pagination li { margin: 0px; width: auto !important; padding: 0px 5px; }
    .ny-kc .pagination li a { display: inline-block; padding: 3px 10px; border: solid 1px #ddd; border-radius: 5px; }

    .filter ul { box-shadow: 0px 0px 5px 5px #FAFAFA; padding: 10px 10px; margin: 10px 0; }

    .filter-list { display: flex; margin-top: 10px; margin-bottom: 10px; flex-wrap: wrap; }
    .filter-list dt { font-size: 14px; font-weight: bold; color: #333333; width: 100%; }
    .filter-list dd { font-size: 14px; color: #333333; margin: 0px 10px; cursor: pointer; }
    .filter-list dd.on { color: #e50012; font-weight: bold; }
    .filter-list dd:hover { color: #e50012; font-weight: bold; }


    .filter-list2 { display: flex; margin-top: 10px; margin-bottom: 10px; flex-wrap: wrap; }
    .filter-list2 dt { font-size: 14px; font-weight: bold; color: #333333; width: 100%; }
    .filter-list2 dd { font-size: 14px; color: #333333; margin: 0px 10px; cursor: pointer; }
    .filter-list2 dd.on { color: #e50012; font-weight: bold; }
    .filter-list2 dd:hover { color: #e50012; font-weight: bold; }

    .choose { margin-bottom: 30px; display: flex; flex-wrap: wrap }
    .choose dt { font-size: 16px; color: #333333; line-height: 36px; width: 100%; }
    .choose { display: flex; flex-wrap: wrap; justify-content: space-between }
    .choose dd { margin-right: 5px; margin-bottom: 10px; width: 48%; display: flex; }
    .choose dd em { flex: 1; float: left; padding-right: 20px; background: #fff; text-indent: 20px; width: 210px; line-height: 35px; border: 1px solid #f2f2f2; font-size: 14px; color: #666666; height: 35px; }
    .choose dd span { float: left; width: 37px; height: 37px; background: url(../imgs/close-icon.png) no-repeat center #333; cursor: pointer; }
    .choose dd:hover span { background: url(../imgs/close-icon.png) no-repeat center #101381; }
    .results { display: flex; font-size: 16px; color: #333333; }

    .ny-contact { margin: 10px 0px; }
    /*.ny-contact .container table:nth-child(1) { display: none; }*/
    .ny-contact .container table tr.firstRow { display: flex; flex-direction: column; }
    .ny-contact .container table tr.firstRow td { width: 100% !important }
    .ny-contact .container table:nth-child(1) tr.firstRow td img { width: 100% }
    .ny-contact .container table:nth-child(1) tr.firstRow td p { padding: 10px 15px }
}