/*全局样式*/



body{overflow-x:hidden;}

.wrapper{width:1200px;}

.wrap-white{width:100%; padding:60px 0; background:#fff;}

.wrap-gray{width:100%; padding:60px 0; background:#f4f4f4;}



/*头部样式*/



#top{width:100%; height:40px; background:#f6f6f6; overflow:hidden;}

#welcome{height:40px; line-height:40px; font-size:13px; color:#464646; overflow:hidden;}

#add-set dl dd{float:left; height:40px; line-height:40px; font-size:14px; overflow:hidden;}

#add-set dl dd a{display:block; color:#464646;}

#add-set dl dd a:hover{color:#e30303;}

#add-set dl dd span{display:block; width:1px; height:12px; margin:14px 14px 0 14px; background:#999;}

#tel{height:40px; line-height:40px; margin-left:28px; padding-left:24px; background:url(img/tel.png) no-repeat left center; font-size:16px; color:#464646; overflow:hidden;}



#header{left:0; right:0; top:0; height:84px; background:rgba(0,0,0,.3);}

#logo{left:0; top:12px;}

#logo img{width:164px; height:60px;}

#nav{right:0; top:0;}

#nav ul li{position:relative; float:left; height:84px; line-height:84px; margin-left:25px; font-size:15px; font-weight:bold;}

#nav ul li:first-child{margin-left:0;}

#nav ul li a{display:block; color:#fff;}

#nav ul li em{position:relative; top:-2px; display:inline-block; width:0; height:0; margin-left:5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff;}

#nav ul li a:hover{color:#fff90c;}

#nav ul li a:hover em{border-top-color:#fff90c;}

#nav ul li.current > a{color:#fff90c;}

#nav ul li.current > a em{border-top-color:#fff90c;}

#nav ul li:hover ul{display:block;}

#nav ul li ul{position:absolute; left:-35px; right:-35px; top:84px; padding:12px 0; background:rgba(0,0,0,.4); display:none;}

#nav ul li ul li{float:none; height:38px; line-height:38px; margin-left:0; font-size:14px; font-weight:normal; text-align:center; overflow:hidden;}

	

/*首页样式*/



#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:734px;}

#banner-img ul li{float:left; overflow:hidden;}

#banner-img ul li a{display:block;}

#banner-btn{left:50%; bottom:40px; transform:translateX(-50%); height:10px; overflow:hidden;}

#banner-btn dl{display:flex; justify-content:center;}

#banner-btn dl dd{width:10px; height:10px; margin:0 6px; background:rgba(255,255,255,.7); border-radius:5px; cursor:pointer;}

#banner-btn dl dd.on{width:30px; background:#fff;}

#prev,#next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.7; display:none;}

#prev{left:60px; background-image:url(img/prev.png);}

#next{right:60px; background-image:url(img/next.png);}

#prev:hover,#next:hover{opacity:1;}



.title h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}

.title h2 span{position:relative; display:inline-block;}

.title h2 span em{position:absolute; top:9px; display:block; width:8px; height:8px; border:1px solid #a7a7a7; border-radius:50%;}

.title h2 span em.l{left:-54px;}

.title h2 span em.r{right:-54px;}

.title h2 span i{position:absolute; top:14px; display:block; width:30px; height:1px; background:#b7b7b7;}

.title h2 span i.l{left:-44px;}

.title h2 span i.r{right:-44px;}

.title h3{height:16px; line-height:16px; margin-top:14px; font-size:14px; color:#888; overflow:hidden;}



#course{margin-top:40px;}

#course ul{margin:-20px 0 0 -20px;}

#course ul li{float:left; width:285px; height:340px; margin:20px 0 0 20px; text-align:center; overflow:hidden;}

#course ul li span{display:block; width:285px; height:164px; overflow:hidden;}

#course ul li img{width:285px; max-width:none; height:164px;}

#course ul li section{height:120px; padding:28px 20px; background:#fff; overflow:hidden;}

#course ul li section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden;}

#course ul li section p{height:16px; line-height:16px; margin-top:22px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none;}

#course ul li section h4{width:160px; height:40px; line-height:40px; margin:22px auto 0 auto; border:1px solid #2365d9; font-size:14px; color:#2365d9; overflow:hidden;}

#course ul li:hover section h3{color:#2365d9;}

#course ul li section h4:hover{background:#2365d9; color:#fff;}



#video-big{width:938px; height:532px; margin-top:40px; overflow:hidden;}

#video-big video{display:block; width:938px; height:532px; object-fit:fill;}

#video-small{width:240px; height:532px; margin-top:40px; overflow:hidden;}

#video-small dl dd{height:164px; margin-top:20px; overflow:hidden;}

#video-small dl dd:first-child{margin-top:0;}

#video-small dl dd span{display:block; width:240px; height:134px; overflow:hidden;}

#video-small dl dd img{width:240px; max-width:none; height:134px;}

#video-small dl dd h3{height:18px; line-height:18px; margin-top:12px; padding-right:38px; background:url(img/video.png) no-repeat right center; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#video-small dl dd:hover h3{color:#2365d9;}



#wrap-cooperate{width:100%; padding:60px 0; background:url(img/cooperate-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;}

#wrap-cooperate .title h2,#wrap-cooperate .title h3{color:#fff;}

#wrap-cooperate .title span em{border-color:#fff;}

#wrap-cooperate .title span i{background:#fff;}



#cooperate{margin-top:50px;}

#cooperate ul li{float:left; width:388px; height:510px; margin-left:18px; overflow:hidden;}

#cooperate ul li:first-child{margin-left:0;}

#cooperate ul li span{position:relative; display:block; width:356px; height:200px; margin:0 auto; overflow:hidden; z-index:99;}

#cooperate ul li img{width:356px; max-width:none; height:200px;}

#cooperate ul li section{position:relative; height:255px; margin-top:-120px; padding:148px 28px 28px 28px; background:#fff; overflow:hidden;}

#cooperate ul li section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; text-align:center; overflow:hidden;}

#cooperate ul li section p{height:150px; line-height:30px; margin-top:20px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}

#cooperate ul li section h4{width:200px; height:42px; line-height:42px; margin:22px auto 0 auto; border:1px solid #2365d9; font-size:14px; text-align:center; color:#2365d9; overflow:hidden;}

#cooperate ul li:hover section h3{color:#2365d9;}

#cooperate ul li section h4:hover{background:#2365d9; color:#fff;}



#teacher{margin-top:40px;}

#teacher-item{height:446px; overflow:hidden;}

#teacher-item ul li{position:relative; float:left; width:288px; height:446px; margin-right:16px; border-radius:6px; overflow:hidden;}

#teacher-item ul li span{display:block; width:288px; height:230px; overflow:hidden;}

#teacher-item ul li img{width:288px; max-width:none; height:230px;}

#teacher-item ul li em{position:absolute; left:102px; top:188px; display:block; width:64px; height:64px; padding:10px; background:rgba(255,255,255,.2); border-radius:50%;}

#teacher-item ul li em i{display:block; width:64px; height:64px; background:url(img/video1.png) no-repeat center #fff; border-radius:50%;}

#teacher-item ul li figure{height:156px; padding:30px; background:#fff; overflow:hidden;}

#teacher-item ul li figure figcaption{position:relative; height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden; z-index:99;}

#teacher-item ul li figure h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#teacher-item ul li figure section{height:90px; line-height:30px; margin-top:16px; font-size:14px; color:#666; overflow:hidden;}

#teacher-item ul li:hover figure figcaption{color:#2365d9;}

#t-prev,#t-next{top:210px; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-color:#fff; box-shadow:0 0 4px #e1e1e1; border-radius:50%; cursor:pointer;}

#t-prev{left:-20px; background-image:url(img/prev1.png);}

#t-next{right:-20px; background-image:url(img/next1.png);}

#t-prev:hover{background-image:url(img/prev1-h.png);}

#t-next:hover{background-image:url(img/next1-h.png);}







	
.hjzs .hd{ position: relative;}
.hjzs .prev,.hjzs .next{top:210px; width:40px; height:40px;position: absolute; display: block; background-repeat:no-repeat; background-position:center; background-color:#fff; box-shadow:0 0 4px #e1e1e1; border-radius:50%; cursor:pointer; z-index:99999}
.hjzs .prev{left:-20px; background-image:url(img/prev1.png); }

.hjzs .next{right:-52px; background-image:url(img/next1.png);}

.hjzs.hd .prev:hover{background-image:url(img/prev1-h.png);}

.hjzs.hd .next:hover{background-image:url(img/next1-h.png);}


#jiuye-video{margin-top:40px;}

#jiuye-video-item{width:1200px; height:398px; margin-left:-8px; padding-right:16px; overflow:hidden;}

#jiuye-video-item ul{padding-left:8px !important;}

#jiuye-video-item ul li{float:left; width:388px; height:398px; margin-right:18px;}

#jiuye-video-item ul li span{display:block; width:388px; height:274px; overflow:hidden;}

#jiuye-video-item ul li img{width:388px; max-width:none; height:274px;}

#jiuye-video-item ul li section{height:54px; padding:32px 28px; background:#fff; box-shadow:0 0 8px #e1e1e1; overflow:hidden;}

#jiuye-video-item ul li section h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}

#jiuye-video-item ul li section h3 em{margin-left:10px; color:#e30303;}

#jiuye-video-item ul li section h4{height:16px; line-height:16px; margin-top:20px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#jiuye-video-item ul li:hover section h3{color:#2365d9;}

#jiuye-video-btn{height:4px; margin-top:40px; overflow:hidden;}

#jiuye-video-btn dl{display:flex; justify-content:center;}

#jiuye-video-btn dl dd{width:40px; height:4px; margin:0 4px; background:#ccc; cursor:pointer;}

#jiuye-video-btn dl dd.on{background:#2365d9;}



#jiuye-rank{margin-top:40px;}

#jiuye-rank-bt{position:relative; height:60px;}

#jiuye-rank-bt em{position:absolute; top:0; display:block; width:10px; height:60px; background-repeat:no-repeat; background-position:center;}

#jiuye-rank-bt em.l{left:-10px; background-image:url(img/jiuye-rank-arrow-l.png);}

#jiuye-rank-bt em.r{right:-10px; background-image:url(img/jiuye-rank-arrow-r.png);}

#jiuye-rank-bt table tr th{height:60px; line-height:60px; padding:0 16px; background:#2365d9; font-size:15px; font-weight:normal; text-align:center; color:#fff; overflow:hidden;}



#jiuye-rank-item{max-height:530px; overflow:hidden;}

#jiuye-rank-item table tr td{line-height:24px; padding:14px; background:#fff; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-size:14px; text-align:center;}

#jiuye-rank-item table tr td:first-child{border-left:1px solid #e1e1e1;}



#wrap-advantage{width:100%; padding:60px 0; background:url(img/advantage-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;}

#wrap-advantage .title h2,#wrap-advantage .title h3{color:#fff;}

#wrap-advantage .title span em{border-color:#fff;}

#wrap-advantage .title span i{background:#fff;}



#advantage{margin-top:50px;}

#advantage dl{margin:-24px 0 0 -24px;}

#advantage dl dd{position:relative; float:left; width:324px; height:90px; margin:24px 0 0 24px; padding:30px; background:#fff; cursor:pointer; overflow:hidden;}

#advantage dl dd section{position:absolute; left:30px; right:140px; top:32px; height:97px; overflow:hidden;}

#advantage dl dd section h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;}

#advantage dl dd section p{height:76px; line-height:22px; margin-top:14px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

#advantage dl dd em{position:absolute; right:30px; top:30px; display:block; width:90px; height:90px; background-repeat:no-repeat; background-position:center; background-color:#f6f6f9; border-radius:50%;}

#advantage dl dd em.adv-icon1{background-image:url(img/adv-icon1.png);}

#advantage dl dd em.adv-icon2{background-image:url(img/adv-icon2.png);}

#advantage dl dd em.adv-icon3{background-image:url(img/adv-icon3.png);}

#advantage dl dd em.adv-icon4{background-image:url(img/adv-icon4.png);}

#advantage dl dd em.adv-icon5{background-image:url(img/adv-icon5.png);}

#advantage dl dd em.adv-icon6{background-image:url(img/adv-icon6.png);}

#advantage dl dd:hover{background:#2365d9;}

#advantage dl dd:hover section h3,#advantage dl dd:hover section p{color:#fff;}

#advantage dl dd:hover section p{opacity:.8;}

#advantage dl dd:hover em{background-color:#fff;}



#tiandi-big{position:relative; width:452px; height:508px; margin-top:40px; overflow:hidden;}

#tiandi-big img{width:452px; max-width:none; height:508px;}

#tiandi-big h3{position:absolute; left:0; right:0; bottom:0; height:16px; line-height:16px; padding:60px 20px 24px 20px; background:url(img/gradual.png) repeat-x top center; background-size:1px 100px; font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none;}

#tiandi-big:hover h3{display:block;}

#tiandi-small{width:736px; height:508px; margin-top:40px; overflow:hidden;}

#tiandi-small dl{margin:-12px 0 0 -12px;}

#tiandi-small dl dd{position:relative; float:left; width:362px; height:248px; margin:12px 0 0 12px; overflow:hidden;}

#tiandi-small dl dd h3{position:absolute; left:0; right:0; bottom:0; height:16px; line-height:16px; padding:60px 20px 24px 20px; background:url(img/gradual.png) repeat-x top center; background-size:1px 100px; font-size:15px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none;}

#tiandi-small dl dd:hover h3{display:block;}



#tiandi-more{width:198px; height:48px; line-height:48px; margin:40px auto 0 auto; background:linear-gradient(90deg,#2647f5,#2dccfd); border-radius:24px; font-size:14px; text-align:center; overflow:hidden;}

#tiandi-more a{display:block; color:#fff;}

#tiandi-more:hover{background:linear-gradient(90deg,#2dccfd,#2647f5);}



#news{width:872px; height:460px; margin-top:40px; background:#fff; border:1px solid #e1e1e1; overflow:hidden;}

#news-tab{height:56px; padding:0 28px; border-bottom:1px solid #e1e1e1;}

#news-tab dl dd{float:left; height:56px; line-height:56px; margin-right:56px; font-size:16px; cursor:pointer;}

#news-tab dl dd:last-child{margin-right:0;}

#news-tab dl dd.current{position:relative; padding:0 10px; font-weight:bold;}

#news-tab dl dd.current em{position:absolute; left:0; right:0; bottom:-2px; display:block; height:3px; background:#2365d9;}

#news-tab span{float:right; display:block; height:56px; line-height:56px; font-size:14px; overflow:hidden;}

#news-tab span a{display:block; padding-left:18px; background:url(img/more-arrow.png) no-repeat left center; color:#888;}

#news-tab span a:hover{background-image:url(img/more-arrow-h.png); color:#2365d9;}



#news-item{height:347px; padding:28px; overflow:hidden;}

#news-item section{display:none;}

.news-group{width:394px; height:347px; overflow:hidden;}

.news-rmd{position:relative; height:90px; padding-bottom:28px; border-bottom:1px dotted #d1d1d1; overflow:hidden;}

.news-rmd span{display:block; width:150px; height:90px; overflow:hidden;}

.news-rmd img{width:150px; max-width:none; height:90px;}

.news-rmd figure{position:absolute; left:166px; right:0; top:7px; height:80px; overflow:hidden;}

.news-rmd figure figcaption{height:18px; line-height:18px; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news-rmd figure p{height:52px; line-height:26px; margin-top:10px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.news-rmd:hover figure figcaption{color:#2365d9;}

.news-group ul li{height:56px; line-height:56px; border-bottom:1px dotted #d1d1d1; font-size:14px; overflow:hidden;}

.news-group ul li a{display:block; padding-left:12px; background:url(img/news-arrow.png) no-repeat left center; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news-group ul li a:hover{background-image:url(img/news-arrow-h.png); color:#2365d9;}

.news-group ul li span{float:right; display:block; margin-left:28px; color:#999;}



#faq{width:310px; height:460px; margin-top:40px; background:#fff; border:1px solid #e1e1e1; overflow:hidden;}

#faq-bt{height:56px; padding:0 16px; border-bottom:1px solid #e1e1e1; overflow:hidden;}

#faq-bt h2{height:56px; line-height:56px; font-size:16px; font-weight:bold;}

#faq-bt span{float:right; display:block; height:56px; line-height:56px; font-size:14px; overflow:hidden;}

#faq-bt span a{display:block; padding-left:18px; background:url(img/more-arrow.png) no-repeat left center; color:#888;}

#faq-bt span a:hover{background-image:url(img/more-arrow-h.png); color:#2365d9;}

#faq-item{height:347px; padding:28px 16px; overflow:hidden;}

#faq-item section{height:92px; padding-bottom:26px; border-bottom:1px dotted #d1d1d1;}

#faq-item section h3{height:20px; line-height:20px; padding-left:26px; background:url(img/faq-h.png) no-repeat left center; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#faq-item section p{height:52px; line-height:26px; margin-top:8px; padding-left:26px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#faq-item section h4{width:32px; height:4px; margin-top:8px; padding-left:26px; background:url(img/faq-arrow.png) no-repeat right center;}

#faq-item section:hover h3{color:#2365d9;}

#faq-item section h4:hover{background-image:url(img/faq-arrow-h.png);}

#faq-item ul li{height:56px; line-height:56px; border-bottom:1px dotted #d1d1d1; font-size:14px; overflow:hidden;}

#faq-item ul li a{display:block; padding-left:26px; background:url(img/faq.png) no-repeat left center; background-size:18px 18px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#faq-item ul li a:hover{background-image:url(img/faq-h.png); color:#2365d9;}



/*内页样式*/



#lm-banner{width:100%; height:734px; background-repeat:no-repeat; background-position:center; background-size:cover;}

#lm-banner.cadd{background-image:url(img/lm-cadd.jpg);}

#lm-banner.java{background-image:url(img/lm-java.jpg);}

#lm-banner.test{background-image:url(img/lm-test.jpg);}

#lm-banner.web{background-image:url(img/lm-web.jpg);}

#lm-banner.teacher{background-image:url(img/lm-teacher.jpg);}

#lm-banner.video{background-image:url(img/lm-video.jpg);}

#lm-banner.renzheng{background-image:url(img/lm-renzheng.jpg);}

#lm-banner.tiandi{background-image:url(img/lm-tiandi.jpg);}



#main{padding:50px;}



#pageinfo{margin-top:50px; font-size:0;}

#pageinfo a{display:inline-block; min-width:14px; height:44px; line-height:44px; margin:0 4px; padding:0 16px; background:#fff; border:1px solid #e1e1e1; font-size:14px; color:#666;}

#pageinfo a:hover{color:#2365d9;}

#pageinfo a.info{color:#999;}

#pageinfo a.current{background:#2365d9; border-color:#2365d9; color:#fff;}



/*产品研发*/



#product{margin-top:40px;}

#product ul{margin:-18px 0 0 -18px;}

#product ul li{float:left; width:386px; height:329px; margin:18px 0 0 18px; border:1px solid #e1e1e1; overflow:hidden;}

#product ul li span{display:block; width:386px; height:256px; overflow:hidden;}

#product ul li img{width:386px; max-width:none; height:256px;}

#product ul li section{height:40px; padding:16px; border-top:1px solid #e1e1e1;}

#product ul li section h3{height:40px; line-height:40px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#product ul li section h3 em{float:right;display:block; width:94px; height:38px; line-height:38px; margin-left:16px; background:#f6f6f6; border:1px solid #e1e1e1; font-size:15px; text-align:center; color:#666; overflow:hidden;}

#product ul li:hover section h3{color:#2365d9;}

#product ul li section h3 em:hover{background:#2365d9; border-color:#2365d9; color:#fff;}



#yanfa-adv-tab{height:116px; margin-top:40px;}

#yanfa-adv-tab span{left:0; bottom:24px; display:block; width:100%; height:1px; background:#dedede;}

#yanfa-adv-tab dl dd{position:relative; float:left; width:300px; height:116px; text-align:center; cursor:pointer; overflow:hidden; z-index:99;}

#yanfa-adv-tab dl dd h3{height:20px; line-height:20px; font-size:18px; overflow:hidden;}

#yanfa-adv-tab dl dd h4{height:18px; line-height:18px; margin-top:10px; font-size:14px; color:#666; overflow:hidden;}

#yanfa-adv-tab dl dd em{display:block; width:48px; height:48px; line-height:48px; margin:20px auto 0 auto; background:#a7a7a7; border-radius:50%; font-size:22px; color:#fff; overflow:hidden;}

#yanfa-adv-tab dl dd.current h3{font-weight:bold;}

#yanfa-adv-tab dl dd.current h3,#yanfa-adv-tab dl dd.current h4{color:#1249aa;}

#yanfa-adv-tab dl dd.current em{background:#1249aa;}



#yanfa-adv-item{height:412px; margin-top:40px; overflow:hidden;}

#yanfa-adv-item section{display:none;}

#yanfa-adv-item .fl{width:600px; height:412px; overflow:hidden;}

#yanfa-adv-item .fl img{width:600px; height:412px;}

#yanfa-adv-item .fr{width:520px; height:324px; padding:44px 40px; background:#fff; overflow:hidden;}

#yanfa-adv-item .fr h2{height:24px; line-height:24px; font-size:22px; font-weight:bold; color:#1249aa; overflow:hidden;}

#yanfa-adv-item .fr h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-transform:uppercase; color:#999; overflow:hidden;}

#yanfa-adv-item .fr p{height:150px; line-height:30px; margin-top:22px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}

#yanfa-adv-item .yanfa-adv-tel{display:flex; height:48px; margin-top:44px; overflow:hidden;}

#yanfa-adv-item .yanfa-adv-tel h4{height:48px; padding-left:56px; background:url(img/tel1.png) no-repeat left center; overflow:hidden;}

#yanfa-adv-item .yanfa-adv-tel h4 span{display:block; height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}

#yanfa-adv-item .yanfa-adv-tel h4 em{display:block; height:26px; line-height:26px; margin-top:4px; font-size:24px; font-weight:bold; color:#e40011; overflow:hidden;}

#yanfa-adv-item .yanfa-adv-tel a{display:block; width:128px; height:48px; line-height:48px; margin-left:40px; background:#e40011; border-radius:4px; font-size:15px; text-align:center; color:#fff; overflow:hidden;}

#yanfa-adv-item .yanfa-adv-tel a:hover{background:#f50012;}



#product-ad{width:100%; height:240px; overflow:hidden;}

#product-ad img{position:relative; left:50%; transform:translateX(-50%); width:1920px; max-width:none; height:240px;}



#partner{margin-top:40px;}

/*#partner ul{margin:1px 1px 1px 3px;}*/

/*#partner ul li{float:left; width:298px; height:114px; margin:-1px; background:#fff; border:1px solid #e1e1e1;}*/

/*#partner ul li img{width:298px; height:114px;}*/



/*C++*/



#cadd-dagang-tab{margin-top:40px;}

#cadd-dagang-tab dl{display:flex; justify-content:center; height:52px; overflow:hidden;}

#cadd-dagang-tab dl dd{width:185px; height:52px; line-height:52px; margin-left:18px; background:#f6f6f6; border-radius:4px; font-size:16px; text-align:center; cursor:pointer; overflow:hidden;}

#cadd-dagang-tab dl dd:first-child{margin-left:0;}

#cadd-dagang-tab dl dd.current{background:#f39800; color:#fff;}



#cadd-dagang{margin-top:40px;}

#cadd-dagang section{display:none;}

#cadd-dagang section div{position:relative; display:block; width:280px; height:52px; margin:0 auto; padding:16px 0; background:#f11a4e; text-align:center; color:#fff; z-index:99;}

#cadd-dagang div h2{height:22px; line-height:22px; font-size:20px; font-weight:bold; overflow:hidden;}

#cadd-dagang div h3{height:20px; line-height:20px; margin-top:10px; font-size:17px; overflow:hidden;}

#cadd-dagang div em{position:absolute; top:0; display:block; width:16px; height:18px; background-repeat:no-repeat; background-position:center;}

#cadd-dagang div em.l{left:-16px; background-image:url(img/cadd-dg-shape-l.png);}

#cadd-dagang div em.r{right:-16px; background-image:url(img/cadd-dg-shape-r.png);}

#cadd-dagang dl{position:relative; display:flex; margin-top:-66px; padding:106px 0 40px 0; background:#f6f6f6; border-radius:6px;}

#cadd-dagang dl dd{position:relative; width:320px; padding:0 40px;}

#cadd-dagang dl dd i{position:absolute; left:0; top:0; bottom:0; display:block; width:1px; background:#e1e1e1;}

#cadd-dagang dl dd h3{height:22px; line-height:22px; font-size:20px; font-weight:bold; overflow:hidden;margin-bottom:16px; }

#cadd-dagang dl dd p{line-height:30px; font-size:15px; color:#464646;}



#wrap-cadd-beijing{width:100%; padding:60px 0; background:url(img/cadd-beijing-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-cadd-beijing .title h2,#wrap-cadd-beijing .title h3{color:#fff;}

#wrap-cadd-beijing .title span em{border-color:#fff;}

#wrap-cadd-beijing .title span i{background:#fff;}



#cadd-beijing{margin-top:40px;}

#cadd-beijing dl dd{float:left; width:248px;height:278px; margin-left:16px; padding:60px 20px; background:#fff; cursor:pointer; overflow:hidden;}

#cadd-beijing dl dd:first-child{margin-left:0;}

#cadd-beijing dl dd em{display:block; width:80px; height:80px; margin:0 auto; background-repeat:no-repeat; background-position:center;}

#cadd-beijing dl dd em.cadd-bj1{background-image:url(img/cadd-bj1.png);}

#cadd-beijing dl dd em.cadd-bj2{background-image:url(img/cadd-bj2.png);}

#cadd-beijing dl dd em.cadd-bj3{background-image:url(img/cadd-bj3.png);}

#cadd-beijing dl dd em.cadd-bj4{background-image:url(img/cadd-bj4.png);}

#cadd-beijing dl dd h3{height:20px; line-height:20px; margin-top:20px; font-size:18px; font-weight:bold; text-align:center; overflow:hidden;}

#cadd-beijing dl dd i{display:block; width:36px; height:3px; margin:15px auto 0 auto; background:#2365d9;}

#cadd-beijing dl dd p{height:120px; line-height:30px; margin-top:20px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}

#cadd-beijing dl dd:hover h3{color:#2365d9;}



#cadd-duixiang{margin-top:40px;}

#cadd-duixiang dl dd{position:relative; float:left; width:308px; height:244px; margin-left:48px; padding:60px 30px; border-radius:8px; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}

#cadd-duixiang dl dd:first-child{margin-left:0;}

#cadd-duixiang dl dd:nth-child(1){background:linear-gradient(180deg,#e98738,#ea3e3e);}

#cadd-duixiang dl dd:nth-child(2){background:linear-gradient(180deg,#8534e8,#e82fd0);}

#cadd-duixiang dl dd:nth-child(3){background:linear-gradient(180deg,#256ee2,#762dd1);}

#cadd-duixiang dl dd em{position:relative; display:block; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:center; z-index:99;}

#cadd-duixiang dl dd em.cadd-dx1{width:60px; background-image:url(img/cadd-dx1.png);}

#cadd-duixiang dl dd em.cadd-dx2{width:40px; background-image:url(img/cadd-dx2.png);}

#cadd-duixiang dl dd em.cadd-dx3{width:46px; background-image:url(img/cadd-dx3.png);}

#cadd-duixiang dl dd h3{position:relative; height:22px; line-height:22px; margin-top:24px; font-size:20px; font-weight:bold; overflow:hidden; z-index:99;}

#cadd-duixiang dl dd p{position:relative; height:120px; line-height:30px; margin-top:24px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; z-index:99;}

#cadd-duixiang dl dd span{position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:url(img/cadd-dx-shape.png) no-repeat center;}



#wrap-cadd-fangxiang{width:100%; padding:60px 0; background:url(img/cadd-fangxiang-bg.jpg) no-repeat top center #fff;}

#wrap-cadd-fangxiang .title h2,#wrap-cadd-fangxiang .title h3{color:#fff;}

#wrap-cadd-fangxiang .title span em{border-color:#fff;}

#wrap-cadd-fangxiang .title span i{background:#fff;}



#cadd-fangxiang{margin-top:40px;}

#cadd-fangxiang-item{height:518px; overflow:hidden;}

#cadd-fangxiang-item ul li{float:left; width:1200px; height:518px; overflow:hidden;}

#cadd-fangxiang-item ul li span{display:block; width:1200px; height:442px; overflow:hidden;}

#cadd-fangxiang-item ul li img{width:1200px; max-width:none; height:442px;}

#cadd-fangxiang-item ul li p{height:60px; line-height:30px; margin-top:16px; font-size:15px; text-align:center; overflow:hidden;}

#c-fx-prev,#c-fx-next{top:201px; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-color:#fff; box-shadow:0 0 4px #e1e1e1; border-radius:50%; cursor:pointer;}

#c-fx-prev{left:-20px; background-image:url(img/prev1.png);}

#c-fx-next{right:-20px; background-image:url(img/next1.png);}

#c-fx-prev:hover{background-image:url(img/prev1-h.png);}

#c-fx-next:hover{background-image:url(img/next1-h.png);}

#cadd-fangxiang-lx{width:330px; height:56px; line-height:56px; margin:40px auto 0 auto; background:#f39800; border-radius:4px; font-size:16px; font-weight:bold; text-align:center; overflow:hidden;}

#cadd-fangxiang-lx a{display:block; color:#fff;}

#cadd-fangxiang-lx:hover{background:#f3a727;}



#wrap-cadd-baozhang{width:100%; padding:60px 0; background:url(img/cadd-baozhang-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-cadd-baozhang .title h2,#wrap-cadd-baozhang .title h3{color:#fff;}

#wrap-cadd-baozhang .title span em{border-color:#fff;}

#wrap-cadd-baozhang .title span i{background:#fff;}



#cadd-baozhang{position:relative; height:462px; margin-top:50px; background:url(img/cadd-baozhang.png) no-repeat center; overflow:hidden;}

#cadd-baozhang dl dd{position:absolute; display:flex; align-items:center; width:320px; height:78px; padding:20px; background:#fff; cursor:pointer; border-radius:6px;}

#cadd-baozhang dl dd:nth-child(1){left:0; top:12px;}

#cadd-baozhang dl dd:nth-child(2){right:0; top:26px;}

#cadd-baozhang dl dd:nth-child(3){left:0; bottom:32px;}

#cadd-baozhang dl dd:nth-child(4){right:0; bottom:16px;}

#cadd-baozhang dl dd i{position:absolute; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent;}

#cadd-baozhang dl dd:nth-child(1) i,#cadd-baozhang dl dd:nth-child(3) i{right:-10px; border-left:10px solid #fff;}

#cadd-baozhang dl dd:nth-child(2) i,#cadd-baozhang dl dd:nth-child(4) i{left:-10px; border-right:10px solid #fff;}

#cadd-baozhang dl dd em{display:block; width:50px; height:30px; line-height:30px; font-size:28px; font-family:'Arial'; font-weight:bold; color:#f39800; overflow:hidden;}

#cadd-baozhang dl dd p{width:270px; max-height:78px; line-height:26px; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

#cadd-baozhang dl dd:hover{background:#f39800;}

#cadd-baozhang dl dd:hover em,#cadd-baozhang dl dd:hover p{color:#fff;}

#cadd-baozhang dl dd:hover p{opacity:.8;}

#cadd-baozhang dl dd:hover:nth-child(1) i,#cadd-baozhang dl dd:hover:nth-child(3) i{border-left-color:#f39800;}

#cadd-baozhang dl dd:hover:nth-child(2) i,#cadd-baozhang dl dd:hover:nth-child(4) i{border-right-color:#f39800;}



#cadd-tese{height:392px; margin-top:40px; overflow:hidden;}

#cadd-tese dl dd{position:relative; float:left; width:152px; height:392px; margin-left:1px; cursor:pointer; overflow:hidden;}

#cadd-tese dl dd:first-child{margin-left:0;}

#cadd-tese dl dd.current{width:588px;}

#cadd-tese dl dd section{position:relative; width:112px; height:312px; padding:40px 20px; color:#fff; overflow:hidden;}

#cadd-tese dl dd.cadd-ts1 section{background:linear-gradient(180deg,#5181fb,#37a8f9);}

#cadd-tese dl dd.cadd-ts2 section{background:linear-gradient(180deg,#e349ff,#f47bed);}

#cadd-tese dl dd.cadd-ts3 section{background:linear-gradient(180deg,#fc5e81,#fb8b69);}

#cadd-tese dl dd.cadd-ts4 section{background:linear-gradient(180deg,#fa7f04,#f6be08);}

#cadd-tese dl dd.cadd-ts5 section{background:linear-gradient(180deg,#5181fb,#37a8f9);}

#cadd-tese dl dd section h2{height:34px; line-height:34px; font-size:32px; font-family:'Arial'; font-weight:bold; overflow:hidden;}

#cadd-tese dl dd section i{display:block; width:34px; height:2px; margin-top:10px; background:#fff;}

#cadd-tese dl dd section h3{height:60px; line-height:30px; margin-top:16px; font-size:17px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#cadd-tese dl dd section em{position:absolute; right:0; bottom:0; display:block; width:98px; height:110px; background-repeat:no-repeat; background-position:center;}

#cadd-tese dl dd.cadd-ts1 section em{background-image:url(img/cadd-ts1.png);}

#cadd-tese dl dd.cadd-ts2 section em{background-image:url(img/cadd-ts2.png);}

#cadd-tese dl dd.cadd-ts3 section em{background-image:url(img/cadd-ts3.png);}

#cadd-tese dl dd.cadd-ts4 section em{background-image:url(img/cadd-ts4.png);}

#cadd-tese dl dd.cadd-ts5 section em{background-image:url(img/cadd-ts5.png);}

#cadd-tese dl dd figure{position:absolute; left:152px; top:0; width:436px; height:392px; overflow:hidden;}

#cadd-tese dl dd figure span{display:block; width:436px; height:392px; overflow:hidden;}

#cadd-tese dl dd figure img{width:436px; max-width:none; height:392px;}

#cadd-tese dl dd figure figcaption{height:60px; padding:30px; background:#fff; overflow:hidden;}

#cadd-tese dl dd figure figcaption p{height:60px; line-height:30px; font-size:15px; color:#464646; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}



/*Java*/



#java-dagang-tab{position:relative; width:160px; height:432px; margin-top:40px; padding:30px 40px; background:#0046d0; border-radius:8px; overflow:hidden;}

#java-dagang-tab span{position:absolute; left:40px; top:48px; display:block; width:8px; height:396px; overflow:hidden;}

#java-dagang-tab span em{position:relative; display:block; width:6px; height:6px; margin-top:89px; background:#0046d0; border:1px solid rgba(255,255,255,.38); border-radius:50%; z-index:99;}

#java-dagang-tab span em:first-child{margin-top:0;}

#java-dagang-tab span u{position:absolute; left:4px; top:0; bottom:0; width:1px; background:rgba(255,255,255,.38);}

#java-dagang-tab dl{position:absolute; left:68px; top:30px; right:40px; height:432px; overflow:hidden;}

#java-dagang-tab dl dd{height:44px; line-height:44px; margin-top:53px; font-size:15px; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}

#java-dagang-tab dl dd:first-child{margin-top:0;}

#java-dagang-tab dl dd.current{background:#fff; border-radius:22px; color:#0046d0;}

#java-dagang-tab i{display:block; background-repeat:no-repeat; background-position:center;}

#java-dagang-tab i.lt{left:0; top:0; width:62px; height:56px; background-image:url(img/java-dg-shape1.png);}

#java-dagang-tab i.rc{right:0; top:50%; transform:translateY(-50%); width:46px; height:134px; background-image:url(img/java-dg-shape2.png);}



#java-dagang{width:859px; height:360px; margin-top:70px; padding:30px 50px 40px 50px; background:url(img/java-dg-shape3.png) no-repeat right bottom; border:1px solid #8daff2; border-left:none; border-radius:0 8px 8px 0; overflow-y: auto;}



#java-dagang::-webkit-scrollbar{

    width:  5px;/*对垂直流动条有效*/

}



/*定义滚动条的轨道颜色、内阴影及圆角*/

#java-dagang::-webkit-scrollbar-track{

        background-color: rgb(227,247,254);

        border-radius: 8px;

}





    /*定义滑块颜色、内阴影及圆角*/

#java-dagang::-webkit-scrollbar-thumb{

    border-radius: 8px;

    background-color: #ffffff;

}









#java-dagang section{display:none;}

#java-dagang h3{position:relative; height:20px; line-height:20px; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #e1e1e1; font-size:18px; font-weight:bold; color:#2364d8;}

#java-dagang h3 span{position:absolute; left:0; bottom:-1px; width:72px; height:2px; background:#2364d8;}

#java-dagang dl{margin-top:30px;}

#java-dagang dl dt{margin-bottom:10px; font-size:17px;}

#java-dagang dl dt em{display:inline-block; background-repeat:no-repeat; background-position:left center;}

#java-dagang dl dt em.java-dg-icon1{padding-left:32px; background-image:url(img/java-dg-icon1.png);}

#java-dagang dl dt em.java-dg-icon2{padding-left:32px; background-image:url(img/java-dg-icon2.png);}

#java-dagang dl dt em.java-dg-icon3{padding-left:32px; background-image:url(img/java-dg-icon3.png);}

#java-dagang dl dd{max-height:60px; line-height:30px; font-size:15px; overflow:hidden;}

#java-dagang dl dd i{font-weight:bold; margin-right:8px;}

#java-dagang dl dd i.c1{color:#02c6fb;}

#java-dagang dl dd i.c2{color:#ff4e5a;}

#java-dagang dl dd i.c3{color:#3975f1;}



#java-beijing{margin-top:40px;}

#java-beijing dl dd{float:left; width:248px; height:314px; padding:80px 20px 40px 20px; margin-left:16px; background:linear-gradient(180deg,#6318f9,#3b17fa); text-align:center; color:#fff; overflow:hidden;}

#java-beijing dl dd:first-child{margin-left:0;}

#java-beijing dl dd span{position:absolute; left:0; top:0; display:block; width:124px; height:124px; background:url(img/java-bj-shape.png) no-repeat center;}

#java-beijing dl dd em{position:relative; display:block; width:100%; height:178px; background-repeat:no-repeat; background-position:center; z-index:99;}

#java-beijing dl dd em.java-bj1{background-image:url(img/java-bj1.png);}

#java-beijing dl dd em.java-bj2{background-image:url(img/java-bj2.png);}

#java-beijing dl dd em.java-bj3{background-image:url(img/java-bj3.png);}

#java-beijing dl dd em.java-bj4{background-image:url(img/java-bj4.png);}

#java-beijing dl dd h3{position:relative; height:20px; line-height:20px; margin-top:40px; font-size:18px; font-weight:bold; overflow:hidden; z-index:99;}

#java-beijing dl dd p{position:relative; height:60px; line-height:30px; margin-top:16px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; z-index:99;}



#wrap-java-fangxiang{width:100%; padding:60px 0; background:url(img/java-fangxiang-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-java-fangxiang .title h2,#wrap-java-fangxiang .title h3{color:#fff;}

#wrap-java-fangxiang .title span em{border-color:#fff;}

#wrap-java-fangxiang .title span i{background:#fff;}

#wrap-java-fangxiang #cadd-fangxiang-lx{margin-top:50px;}



#java-fangxiang{margin-top:50px;}

#java-fangxiang-item{height:360px; overflow:hidden;}

#java-fangxiang-item ul li{float:left; width:1200px; height:360px; overflow:hidden;}

#java-fangxiang-item ul li .fl{width:500px; height:216px; padding:72px 40px; background:#fff; text-align:center; overflow:hidden;}

#java-fangxiang-item ul li .fl img{height:50px; margin:0 auto;}

#java-fangxiang-item ul li .fl h3{height:20px; line-height:20px; margin-top:30px; font-size:18px; font-weight:bold; overflow:hidden;}

#java-fangxiang-item ul li .fl p{height:90px; line-height:30px; margin-top:26px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

#java-fangxiang-item ul li .fr{width:620px; height:360px; overflow:hidden;}

#java-fangxiang-item ul li .fr img{width:620px; max-width:none; height:360px;}

#java-fangxiang-item ul li:hover .fl h3{color:#f39800;}



#java-fangxiang-btn{height:10px; margin-top:30px; overflow:hidden;}

#java-fangxiang-btn dl{display:flex; justify-content:center;}

#java-fangxiang-btn dl dd{width:10px; height:10px; margin:0 6px; background:rgba(255,255,255,.6); border-radius:50%; cursor:pointer;}

#java-fangxiang-btn dl dd.on{background:#fff;}



#wrap-java-tese{width:100%; padding:60px 0; background:url(img/java-tese-bg.jpg) no-repeat top center; background-size:cover;}



#java-tese{margin-top:40px;}

#java-tese dl{display:flex; flex-wrap:wrap; justify-content:center;}

#java-tese dl dd{width:284px; margin:54px 0 0 84px; padding:60px 30px; background:#0046d0; border-radius:6px; box-shadow:8px 8px 0 #3373f2; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}

#java-tese dl dd:nth-child(3n + 1){margin-left:0;}

#java-tese dl dd:nth-child(-n + 3){margin-top:0;}

#java-tese dl dd em{display:block; height:44px; margin:0 auto; background-repeat:no-repeat; background-position:center;}

#java-tese dl dd em.java-ts1{width:44px; background-image:url(img/java-ts1.png);}

#java-tese dl dd em.java-ts2{width:52px; background-image:url(img/java-ts2.png);}

#java-tese dl dd em.java-ts3{width:44px; background-image:url(img/java-ts3.png);}

#java-tese dl dd em.java-ts4{width:44px; background-image:url(img/java-ts4.png);}

#java-tese dl dd em.java-ts5{width:44px; background-image:url(img/java-ts5.png);}

#java-tese dl dd h3{height:20px; line-height:20px; margin-top:30px; font-size:18px; font-weight:bold; overflow:hidden;}

#java-tese dl dd i{display:block; width:36px; height:2px; margin:24px auto 0 auto; background:#37c2fc;}

#java-tese dl dd p{height: 127px;
    line-height: 25px;
    margin-top: 24px;
    font-size: 14px; opacity:.8; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}



/*软件测试*/



#test-dagang-tab{margin-top:40px;}

#test-dagang-tab dl{display:flex; justify-content:center; height:52px;}

#test-dagang-tab dl dd{width:185px; height:52px; line-height:52px; margin-left:18px; background:#f6f6f6; border-radius:26px; font-size:16px; text-align:center; cursor:pointer;}

#test-dagang-tab dl dd:first-child{margin-left:0;}

#test-dagang-tab dl dd.current{position:relative; background:#2365d9; color:#fff;}

#test-dagang-tab dl dd.current em{position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #2365d9;}



#test-dagang{margin-top:40px;}

#test-dagang section{display:none;}

#test-dagang h3{position:relative; height:70px; line-height:70px; background:#2365d9; border-radius:6px 6px 0 0; font-size:22px; text-align:center; color:#fff; overflow:hidden;}

#test-dagang div{display:block; padding:50px 70px; background:url(img/test-dagang-map.jpg) no-repeat center; border-radius:0 0 6px 6px; box-shadow:0 0 10px #e1e1e1; overflow:hidden;}

#test-dagang span dl{margin-bottom:30px;}

#test-dagang span dl:last-child{margin-bottom:0;}

#test-dagang span dl dt{height:18px; line-height:18px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#012e68; overflow:hidden;}

#test-dagang span dl dd{line-height:30px; font-size:15px; color:#666;}



#wrap-test-beijing{width:100%; padding:60px 0; background:url(img/test-beijing-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-test-beijing .title h2,#wrap-test-beijing .title h3{color:#fff;}

#wrap-test-beijing .title span em{border-color:#fff;}

#wrap-test-beijing .title span i{background:#fff;}



#test-beijing{margin-top:50px;}

#test-beijing dl dd{float:left; width:550px; height:396px; margin-left:100px; overflow:hidden;}

#test-beijing dl dd:first-child{margin-left:0;}

#test-beijing dl dd img{width:550px; height:396px;}



#wrap-test-fangxiang{width:100%; padding:60px 0; background:url(img/test-fangxiang-bg.png) no-repeat top center #f4f4f4;}

#wrap-test-fangxiang .title h2,#wrap-test-fangxiang .title h3{color:#fff;}

#wrap-test-fangxiang .title span em{border-color:#fff;}

#wrap-test-fangxiang .title span i{background:#fff;}

#wrap-test-fangxiang #cadd-fangxiang-lx{margin-top:50px;}



#test-fangxiang{height:514px; margin-top:40px;}

#test-fangxiang-item{height:514px; overflow:hidden;}

#test-fangxiang-item ul li{position:relative; float:left; width:1200px; height:514px; overflow:hidden;}

#test-fangxiang-item ul li img{width:1200px; height:514px;}

#test-fangxiang-item ul li h3{position:absolute; left:0; right:0; bottom:0; height:66px; line-height:66px; padding:0 24px; background:rgba(0,0,0,.5); font-size:16px; text-align:center; color:#fff; overflow:hidden;}

#t-fx-prev,#t-fx-next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.7; display:none;}

#t-fx-prev{left:30px; background-image:url(img/prev.png);}

#t-fx-next{right:30px; background-image:url(img/next.png);}

#t-fx-prev:hover,#t-fx-next:hover{opacity:1;}



#test-tese{margin-top:40px;}

#test-tese dl{display:flex; flex-wrap:wrap; justify-content:center;}

#test-tese dl dd{width:380px; height:292px; margin:40px 0 0 30px; cursor:pointer;}

#test-tese dl dd:nth-child(3n + 1){margin-left:0;}

#test-tese dl dd:nth-child(-n + 3){margin-top:0;}

#test-tese dl dd em{position:relative; display:block; width:100px; height:100px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:50%; box-shadow:0 0 4px #e1e1e1; z-index:99;}

#test-tese dl dd em.test-ts1{background-image:url(img/test-ts1.png);}

#test-tese dl dd em.test-ts2{background-image:url(img/test-ts2.png);}

#test-tese dl dd em.test-ts3{background-image:url(img/test-ts3.png);}

#test-tese dl dd em.test-ts4{background-image:url(img/test-ts4.png);}

#test-tese dl dd em.test-ts5{background-image:url(img/test-ts5.png);}

#test-tese dl dd section{position:relative; height:128px; margin-top:-50px; padding:84px 20px 30px 20px; border-radius:6px; text-align:center; color:#fff; overflow:hidden;}

#test-tese dl dd:nth-child(1) section{background:#0154be;}

#test-tese dl dd:nth-child(2) section{background:#f28715;}

#test-tese dl dd:nth-child(3) section{background:#3ab023;}

#test-tese dl dd:nth-child(4) section{background:#dd48d5;}

#test-tese dl dd:nth-child(5) section{background:#eac333;}

#test-tese dl dd section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}

#test-tese dl dd section p{height: 90px;
    line-height: 23px;
    margin-top: 13px;
    font-size: 14px; opacity:.8; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}



/*Web前端*/



#web-dagang-tab{position:relative; width:240px; height:360px; margin-top:40px; padding:46px 0; background:#2365d9; border-radius:8px 0 0 8px;}

#web-dagang-tab dl dd{width:240px; height:50px; line-height:50px; margin-top:20px; font-size:15px; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}

#web-dagang-tab dl dd:first-child{margin-top:0;}

#web-dagang-tab dl dd.current{padding-right:30px; background:#fff; border-radius:0 4px 4px 0; color:#333; box-shadow:0 0 8px #e1e1e1;}

#web-dagang{margin-top:40px; width:870px; height:352px; padding:50px 30px 50px 60px; background:#fff; box-shadow:0 0 8px #e1e1e1; border-radius:0 8px 8px 0; overflow:hidden;}

#web-dagang section{height:352px; padding-right:30px; overflow-x:hidden; overflow-y:auto; scrollbar-color:transparent transparent; scrollbar-track-color:transparent; -ms-scrollbar-track-color:transparent; display:none;}

#web-dagang section::-webkit-scrollbar{width:6px; height:352px;}

#web-dagang section::-webkit-scrollbar-track{background:#f6f6f6; border-radius:3px;}

#web-dagang section::-webkit-scrollbar-thumb{background:#d6d6d6; border-radius:3px;}

#web-dagang dl{margin-bottom:28px;}

#web-dagang dl:last-child{margin-bottom:0;}

#web-dagang dl dt{height:20px; line-height:20px; margin-bottom:10px; font-size:18px; font-weight:bold; overflow:hidden;}

#web-dagang dl dd{line-height:30px; font-size:15px; color:#464646;}



.wrap-web-dark{width:100%; padding:60px 0; background:#090226;}

.wrap-web-dark .title h2,.wrap-web-dark .title h3{color:#fff;}

.wrap-web-dark .title span em{border-color:#fff;}

.wrap-web-dark .title span i{background:#fff;}



#web-beijing{margin-top:50px;}

#web-beijing dl dd{float:left; width:360px; height:466px; margin-left:60px; cursor:pointer; overflow:hidden;}

#web-beijing dl dd:first-child{margin-left:0;}

#web-beijing dl dd span{display:block; width:360px; height:246px; overflow:hidden;}

#web-beijing dl dd img{width:360px; max-width:none; height:246px;}

#web-beijing dl dd section{padding:30px; background:#fff;}

#web-beijing dl dd section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; text-align:center; overflow:hidden;}

#web-beijing dl dd section p{height:120px; line-height:30px; margin-top:20px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}

#web-beijing dl dd:hover section h3{color:#2365d9;}



#web-fangxiang{display:flex; justify-content:space-between; align-items:center; margin-top:50px;}

#web-fangxiang img{width:794px; height:402px;}

#web-fangxiang section{width:346px;}

#web-fangxiang section p{line-height:36px; font-size:15px; color:#fff;}

#web-fangxiang section h3{height:56px; line-height:56px; margin-top:30px; background:#f39800; border-radius:4px; font-size:16px; font-weight:bold; text-align:center; overflow:hidden;}

#web-fangxiang section h3 a{display:block; color:#fff;}

#web-fangxiang section h3:hover{background:#2365d9;}



#wrap-web-tese{width:100%; padding:60px 0; background:url(img/web-tese-bg.jpg) no-repeat center #fff;}



#web-tese{margin-top:40px;}

#web-tese dl{display:flex; flex-wrap:wrap; justify-content:center;}

#web-tese dl dd{width:320px; height:270px; margin:40px 0 0 60px; padding:50px 20px; background:#fff; box-shadow:0 0 10px #e1e1e1; text-align:center; cursor:pointer; overflow:hidden;}

#web-tese dl dd:nth-child(3n + 1){margin-left:0;}

#web-tese dl dd:nth-child(-n + 3){margin-top:0;}

#web-tese dl dd:nth-child(1){border-top:5px solid #0091fc;}

#web-tese dl dd:nth-child(2){border-top:5px solid #f28715;}

#web-tese dl dd:nth-child(3){border-top:5px solid #3ab023;}

#web-tese dl dd:nth-child(4){border-top:5px solid #dd48d5;}

#web-tese dl dd:nth-child(5){border-top:5px solid #eac333;}

#web-tese dl dd em{display:block; width:100px; height:100px; margin:0 auto; border-radius:50%;}

#web-tese dl dd em.web-ts1{background:linear-gradient(90deg,#08c2fc,#0a83f7);}

#web-tese dl dd em.web-ts2{background:linear-gradient(90deg,#f9b46e,#f38d25);}

#web-tese dl dd em.web-ts3{background:linear-gradient(90deg,#7ce86b,#49ba3a);}

#web-tese dl dd em.web-ts4{background:linear-gradient(90deg,#f679ea,#c720c3);}

#web-tese dl dd em.web-ts5{background:linear-gradient(90deg,#f5d152,#e0b418);}

#web-tese dl dd em i{display:block; width:100px; height:100px; background-repeat:no-repeat; background-position:center;}

#web-tese dl dd em.web-ts1 i{background-image:url(img/web-ts1.png);}

#web-tese dl dd em.web-ts2 i{background-image:url(img/web-ts2.png);}

#web-tese dl dd em.web-ts3 i{background-image:url(img/web-ts3.png);}

#web-tese dl dd em.web-ts4 i{background-image:url(img/web-ts4.png);}

#web-tese dl dd em.web-ts5 i{background-image:url(img/web-ts5.png);}

#web-tese dl dd h3{height:20px; line-height:20px; font-size:18px; margin-top:36px; font-weight:bold; overflow:hidden;}

#web-tese dl dd p{height: 94px;
    line-height: 24px;
    margin-top: 24px;
    font-size: 13px;color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}

#web-tese dl dd:nth-child(1):hover h3{color:#0091fc;}

#web-tese dl dd:nth-child(2):hover h3{color:#f28715;}

#web-tese dl dd:nth-child(3):hover h3{color:#3ab023;}

#web-tese dl dd:nth-child(4):hover h3{color:#dd48d5;}

#web-tese dl dd:nth-child(5):hover h3{color:#eac333;}



/*师资力量*/



#teacher-list ul{margin:-20px 0 0 -20px;}

#teacher-list ul li{position:relative; float:left; width:590px; height:300px; margin:20px 0 0 20px; overflow:hidden;}

#teacher-list ul li span{display:block; width:246px; height:300px; overflow:hidden;}

#teacher-list ul li img{width:246px; max-width:none; height:300px;}

#teacher-list ul li section{position:absolute; left:246px; right:0; top:0; height:220px; padding:40px; background:#f6f6f6; overflow:hidden;}

#teacher-list ul li section h3{height:20px; line-height:20px; font-size:15px; overflow:hidden;}

#teacher-list ul li section h3 em{margin-right:10px; font-size:17px; color:#2365d9;}

#teacher-list ul li section p{height:140px; line-height:28px; margin-top:18px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}

#teacher-list ul li section h4{width:24px; height:24px; margin-top:18px; background:url(img/add.png) no-repeat center #2365d9; border-radius:50%;}

#teacher-list ul li:hover section{background:#2365d9;}

#teacher-list ul li:hover section h3,#teacher-list ul li:hover section p{color:#fff;}

#teacher-list ul li:hover section h3 em{color:#fff90c;}

#teacher-list ul li:hover section p{opacity:.8;}

#teacher-list ul li:hover section h4{background-image:url(img/add-h.png); background-color:#fff90c;}



/*视频教程*/



#video-choice{background:#fff; box-shadow:0 10px 10px -10px #e1e1e1;}

#video-choice table tr td{padding:20px 0; border-bottom:1px solid #e9e9e9;}

#video-choice table tr:last-child td{border-bottom:none;}

#video-choice table tr td strong{display:block; height:38px; line-height:38px; font-size:16px; overflow:hidden;}

#video-choice table tr td dl dd{float:left; height:38px; line-height:38px; margin-right:38px; font-size:15px; overflow:hidden;}

#video-choice table tr td dl dd a{display:block; color:#666;}

#video-choice table tr td dl dd a:hover{color:#2365d9;}

#video-choice table tr td dl dd.current{height:36px; line-height:36px; border:1px solid #2365d9; border-radius:4px;}

#video-choice table tr td dl dd.current a{padding:0 20px; color:#2365d9;}



#video-list ul{margin:-30px 0 0 -24px;}

#video-list ul li{float:left; width:282px; height:268px; margin:30px 0 0 24px; overflow:hidden;}

#video-list ul li span{display:block; width:282px; height:170px; overflow:hidden;}

#video-list ul li img{width:282px; max-width:none; height:170px;}

#video-list ul li h3{height:52px; line-height:26px; margin-top:16px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#video-list ul li h4{height:16px; line-height:16px; margin-top:14px; font-size:14px; color:#666; overflow:hidden;}

#video-list ul li:hover h3{color:#2365d9;}



#h-box{width:100%; height:84px;}

#header.opaque{background:#013c68;}



#video-info{width:100%; padding:30px 0; box-shadow:0 10px 10px -10px #e1e1e1;}



#video-position{height:18px; line-height:18px; padding-left:24px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}

#video-position a{color:#666;}

#video-position a:hover{color:#2365d9;}



#video-paly{height:492px; margin-top:30px; overflow:hidden;}

#video-paly .fl{width:824px; height:492px; overflow:hidden;}

#video-paly .fl video{display:block; width:824px; height:492px; object-fit:fill;}

#video-paly .fr{width:316px; height:432px; padding:30px; background:#333; overflow:hidden;}

#video-paly .fr h1{height:56px; line-height:28px; font-size:17px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#video-paly .fr dl{display:flex; justify-content:space-between; height:56px; margin:24px 0; overflow:hidden;}

#video-paly .fr dl dd{height:56px; overflow:hidden;}

#video-paly .fr dl dd em{display:block; height:28px; margin:0 auto; background-repeat:no-repeat; background-position:center;}

#video-paly .fr dl dd em.v-icon1{width:22px; background-image:url(img/v-icon1.png);}

#video-paly .fr dl dd em.v-icon2{width:22px; background-image:url(img/v-icon2.png);}

#video-paly .fr dl dd em.v-icon3{width:30px; background-image:url(img/v-icon3.png);}

#video-paly .fr dl dd h3{height:18px; line-height:18px; margin-top:10px; font-size:16px; text-align:center; color:#e0e0e0; overflow:hidden;}

#video-paly .fr i{display:block; width:100%; height:1px; background:#494949;}

#video-paly .fr section{margin:24px 0 20px 0;}

#video-paly .fr section h3{height:18px; line-height:18px; margin-bottom:12px; font-size:16px; color:#fff; overflow:hidden;}

#video-paly .fr section p{height:156px; line-height:26px; font-size:14px; color:#e0e0e0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}

#video-paly .fr span{display:flex; justify-content:space-between; height:16px; margin-top:24px; overflow:hidden;}

#video-paly .fr span a{display:block; height:18px; line-height:18px; font-size:15px; color:#fff; overflow:hidden;}

#video-paly .fr span a:first-child{padding-left:22px; background:url(img/v-prev.png) no-repeat left center;}

#video-paly .fr span a:last-child{padding-right:22px; background:url(img/v-next.png) no-repeat right center;}

#video-paly .fr span a:hover{color:#c5e9ff;}

#video-paly .fr span a:first-child:hover{background-image:url(img/v-prev-h.png);}

#video-paly .fr span a:last-child:hover{background-image:url(img/v-next-h.png);}



#video-main{padding:30px 0 40px 0;}

#video-left{width:800px;}

#video-right{width:320px; padding:20px; background:#f8fafc;}



#video-tab{height:36px; border-bottom:1px solid #e1e1e1;}

#video-tab dl dd{position:relative; float:left; margin-right:40px; height:18px; line-height:18px; font-size:16px; cursor:pointer;}

#video-tab dl dd.current{color:#2365d9;}

#video-tab dl dd.current em{position:absolute; left:0; right:0; bottom:-20px; display:block; height:3px; background:#2365d9;}



#video-content{margin-top:30px;}

#video-content section{display:none;}

#video-ad1{width:800px; height:172px; margin-bottom:30px; overflow:hidden;}

#video-ad1 img{width:800px; height:172px;}

#video-detail{line-height:200%; font-size:14px; color:#464646;}

#video-detail img{display:inline-block; vertical-align:middle;}

#video-menu dl dt{height:52px; line-height:52px; padding:0 20px; background:#f8fafc; font-size:15px; font-weight:bold; overflow:hidden;}

#video-menu dl dd{height:52px; line-height:52px; padding:0 20px; border-bottom:1px dashed #e1e1e1; font-size:14px; overflow:hidden;}

#video-menu dl dd:last-child{border-bottom:none;}

#video-menu dl:last-child dd:last-child{border-bottom:1px dashed #e1e1e1;}

#video-menu dl dd a{display:block; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#video-menu dl dd a:hover{color:#2365d9;}

#video-menu dl dd.current a{padding-right:36px; background:url(img/video1.png) no-repeat right center; background-size:16px 16px; color:#2365d9;}

#video-relevant ul li{position:relative; height:120px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #e1e1e1; overflow:hidden;}

#video-relevant ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}

#video-relevant ul li span{display:block; width:200px; height:120px; overflow:hidden;}

#video-relevant ul li img{width:200px; max-width:none; height:120px;}

#video-relevant ul li figure{position:absolute; left:216px; right:0; top:7px; height:110px; overflow:hidden;}

#video-relevant ul li figure figcaption{height:18px; line-height:18px; font-size:15px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#video-relevant ul li figure h4{height:16px; line-height:16px; margin-top:14px; font-size:14px; color:#888; overflow:hidden;}

#video-relevant ul li figure p{height:52px; line-height:26px; margin-top:10px; font-size:14px; color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#video-relevant ul li:hover figure figcaption{color:#2365d9;}



#video-ad2{width:320px; height:180px; margin-bottom:24px; overflow:hidden;}

#video-ad2 img{width:320px; height:180px;}



#video-rmd h2{height:18px; line-height:18px; margin-bottom:24px; font-size:16px; overflow:hidden;}

#video-rmd h2 span{float:right; font-size:14px;}

#video-rmd h2 span a{color:#888;}

#video-rmd h2 span a:hover{color:#2365d9;}

#video-rmd ul li{position:relative; height:82px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1; overflow:hidden;}

#video-rmd ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}

#video-rmd ul li span{display:block; width:136px; height:82px; overflow:hidden;}

#video-rmd ul li img{width:136px; max-width:none; height:82px;}

#video-rmd ul li section{position:absolute; left:150px; right:0; top:2px; height:74px; overflow:hidden;}

#video-rmd ul li section h3{height:48px; line-height:24px; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#video-rmd ul li section h4{height:16px; line-height:16px; margin-top:10px; font-size:14px; color:#888; overflow:hidden;}

#video-rmd ul li section h4 em{display:inline-block; margin-left:20px; padding-left:22px; background:url(img/user.png) no-repeat left center;}

#video-rmd ul li:hover section h3{color:#2365d9;}



/*企业内训 · 合作*/



#shixun-youlai{position:relative; height:548px; margin-top:40px; background:url(img/shixun-youlai-bg.jpg) no-repeat top center;}

#shixun-youlai dl dd{position:absolute; width:210px; height:84px; text-align:center; cursor:pointer; overflow:hidden;}

#shixun-youlai dl dd:nth-child(1){left:0; top:303px;}

#shixun-youlai dl dd:nth-child(2){left:212px; top:424px;}

#shixun-youlai dl dd:nth-child(3){left:495px; top:464px;}

#shixun-youlai dl dd:nth-child(4){right:212px; top:424px;}

#shixun-youlai dl dd:nth-child(5){right:0; top:303px;}

#shixun-youlai dl dd h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}

#shixun-youlai dl dd p{height:52px; line-height:26px; margin-top:12px; font-size:15px; color:#464646; overflow:hidden;}

#shixun-youlai dl dd:hover h3{color:#2365d9;}



#shixi{margin-top:40px;}

#shixi ul{margin:-30px 0 0 -30px;}

#shixi ul li{position:relative; float:left; width:380px; height:276px; margin:30px 0 0 30px; overflow:hidden;}

#shixi ul li h3{position:absolute; left:0; right:0; bottom:0; height:52px; line-height:52px; padding:0 16px; background:rgba(0,0,0,.5); font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



#shixun-guocheng{margin-top:40px;}

#shixun-guocheng dl dd{float:left; width:232px; height:474px; margin-left:10px; cursor:pointer; overflow:hidden;}

#shixun-guocheng dl dd:first-child{margin-left:0;}

#shixun-guocheng dl dd em{position:relative; display:block; width:102px; height:102px; margin:0 auto; border:5px solid #fff; border-radius:50%; z-index:99;}

#shixun-guocheng dl dd em.sxgc-icon1{background:linear-gradient(180deg,#19decd,#19cab0);}

#shixun-guocheng dl dd em.sxgc-icon2{background:linear-gradient(180deg,#5e77fa,#2646de);}

#shixun-guocheng dl dd em.sxgc-icon3{background:linear-gradient(180deg,#94cafa,#66a2f6);}

#shixun-guocheng dl dd em.sxgc-icon4{background:linear-gradient(180deg,#f68d61,#ec6060);}

#shixun-guocheng dl dd em.sxgc-icon5{background:linear-gradient(180deg,#f6d561,#c5920a);}

#shixun-guocheng dl dd em i{display:block; width:102px; height:102px; background-repeat:no-repeat; background-position:center;}

#shixun-guocheng dl dd em.sxgc-icon1 i{background-image:url(img/sxgc-icon1.png);}

#shixun-guocheng dl dd em.sxgc-icon2 i{background-image:url(img/sxgc-icon2.png);}

#shixun-guocheng dl dd em.sxgc-icon3 i{background-image:url(img/sxgc-icon3.png);}

#shixun-guocheng dl dd em.sxgc-icon4 i{background-image:url(img/sxgc-icon4.png);}

#shixun-guocheng dl dd em.sxgc-icon5 i{background-image:url(img/sxgc-icon5.png);}

#shixun-guocheng dl dd section{position:relative; margin-top:-56px; padding:96px 16px 40px 16px; text-align:center; color:#fff; overflow:hidden;}

#shixun-guocheng dl dd:nth-child(1) section{background:linear-gradient(180deg,#19decd,#19cab0);}

#shixun-guocheng dl dd:nth-child(2) section{background:linear-gradient(180deg,#5e77fa,#2646de);}

#shixun-guocheng dl dd:nth-child(3) section{background:linear-gradient(180deg,#94cafa,#66a2f6);}

#shixun-guocheng dl dd:nth-child(4) section{background:linear-gradient(180deg,#f68d61,#ec6060);}

#shixun-guocheng dl dd:nth-child(5) section{background:linear-gradient(180deg,#f6d561,#c5920a);}

#shixun-guocheng dl dd section h2{height:36px; line-height:36px; font-size:34px; font-family:'Arial'; font-weight:bold; overflow:hidden;}

#shixun-guocheng dl dd section span{display:block; width:30px; height:3px; margin:15px auto 0 auto; background:#fff;}

#shixun-guocheng dl dd section h3{height:18px; line-height:18px; margin-top:24px; font-size:16px; overflow:hidden;}

#shixun-guocheng dl dd section p{height:168px; line-height:28px; margin-top:18px; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; opacity:.8; overflow:hidden; text-align:left}



#wrap-shixun-zhishidian{width:100%; padding:60px 0; background:url(img/shixun-zhishidian-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-shixun-zhishidian .title h2,#wrap-shixun-zhishidian .title h3{color:#fff;}

#wrap-shixun-zhishidian .title span em{border-color:#fff;}

#wrap-shixun-zhishidian .title span i{background:#fff;}



#shixun-zhishidian{position:relative; height:360px; margin-top:50px; overflow:hidden;}

#shixun-zhishidian dl dd{position:absolute; display:flex; justify-content:center; align-items:center; height:56px; padding:12px 28px; background:#fff; border-radius:40px; overflow:hidden;}

#shixun-zhishidian dl dd p{max-height:56px; line-height:28px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#shixun-zhishidian dl dd:nth-child(1){left:0; top:0; width:280px;}

#shixun-zhishidian dl dd:nth-child(2){left:360px; top:20px; width:264px;}

#shixun-zhishidian dl dd:nth-child(3){right:0; top:0; width:440px;}

#shixun-zhishidian dl dd:nth-child(4){left:0; top:140px; width:360px;}

#shixun-zhishidian dl dd:nth-child(5){right:0; top:140px; width:704px;}

#shixun-zhishidian dl dd:nth-child(6){left:0; bottom:0; width:270px;}

#shixun-zhishidian dl dd:nth-child(7){left:350px; bottom:20px; width:274px;}

#shixun-zhishidian dl dd:nth-child(8){right:0; bottom:0; width:440px;}



/*认证考试*/



.wrap-white.nb{padding-bottom:0;}



.rz-title h3{height:20px; line-height:20px; font-size:18px; overflow:hidden;}

.rz-title h2{height:28px; line-height:28px; margin-top:14px; font-size:26px; font-weight:bold; overflow:hidden;}

.rz-title h2 span{color:#2365d9;}



#renzheng-liyou{position:relative; height:604px; margin-top:50px; background:url(img/renzheng-liyou.jpg) no-repeat bottom center;}

#renzheng-liyou dl dd{position:absolute; display:flex; width:440px; height:82px; cursor:pointer; overflow:hidden;}

#renzheng-liyou dl dd:nth-child(1){left:0; top:20px;}

#renzheng-liyou dl dd:nth-child(2){left:0; top:162px;}

#renzheng-liyou dl dd:nth-child(3){right:0; top:20px;}

#renzheng-liyou dl dd:nth-child(4){right:0; top:162px;}

#renzheng-liyou dl dd em{display:block; width:70px; height:42px; line-height:42px; margin-top:6px; font-size:40px; font-family:'Arial'; font-weight:bold; color:#2365d9; overflow:hidden;}

#renzheng-liyou dl dd section{width:370px; height:82px; overflow:hidden;}

#renzheng-liyou dl dd section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}

#renzheng-liyou dl dd section p{height:52px; line-height:26px; margin-top:10px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#renzheng-liyou dl dd:hover section h3{color:#2365d9;}



#wrap-renzheng-tedian{width:100%; padding:60px 0; background:url(img/renzheng-tedian-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-renzheng-tedian .rz-title h3,#wrap-renzheng-tedian .rz-title h2,#wrap-renzheng-tedian .rz-title h2 span{color:#fff;}



#renzheng-tedian{margin-top:40px;}

#renzheng-tedian dl dd{position:relative; float:left; width:192px; height:280px; margin-left:20px; padding:84px 16px 24px 16px; background:url(img/rz-td-bg.png) no-repeat center #fff; background-size:cover; border-radius:0 24px 0 24px; overflow:hidden;}

#renzheng-tedian dl dd:first-child{margin-left:0;}

#renzheng-tedian dl dd em{position:absolute; left:0; top:0; width:36px; height:22px; line-height:22px; padding-right:6px; background-repeat:no-repeat; background-position:center; font-size:16px; font-weight:bold; text-align:center; color:#fff; overflow:hidden; z-index:99;}

#renzheng-tedian dl dd:nth-child(1) em{background-image:url(img/rz-td-shape1.png);}

#renzheng-tedian dl dd:nth-child(2) em{background-image:url(img/rz-td-shape2.png);}

#renzheng-tedian dl dd:nth-child(3) em{background-image:url(img/rz-td-shape3.png);}

#renzheng-tedian dl dd:nth-child(4) em{background-image:url(img/rz-td-shape4.png);}

#renzheng-tedian dl dd:nth-child(5) em{background-image:url(img/rz-td-shape5.png);}

#renzheng-tedian dl dd h3{position:absolute; left:24px; right:24px; top:0; height:60px; line-height:60px; border-radius:0 0 40px 40px; font-size:16px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}

#renzheng-tedian dl dd:nth-child(1) h3{background:#4aacc5;}

#renzheng-tedian dl dd:nth-child(2) h3{background:#47d391;}

#renzheng-tedian dl dd:nth-child(3) h3{background:#b0e435;}

#renzheng-tedian dl dd:nth-child(4) h3{background:#e8cc35;}

#renzheng-tedian dl dd:nth-child(5) h3{background:#ff8200;}

#renzheng-tedian dl dd p{height:280px; line-height:40px; font-size:15px; color:#666; text-align:center; overflow:hidden;}



#renzheng-adv{margin-top:40px;}

#renzheng-adv dl{margin:-40px 0 0 -40px;}

#renzheng-adv dl dd{float:left; display:flex; justify-content:space-between; align-items:center; width:520px; height:84px; margin:40px 0 0 40px; padding:30px; background:#fff; box-shadow:0 0 10px #e1e1e1; border-radius:6px; cursor:pointer; overflow:hidden;}

#renzheng-adv dl dd em{display:block; width:122px; height:70px; background-repeat:no-repeat; background-position:center;}

#renzheng-adv dl dd em.rz-adv-icon1{background-image:url(img/rz-adv-icon1.jpg);}

#renzheng-adv dl dd em.rz-adv-icon2{background-image:url(img/rz-adv-icon2.jpg);}

#renzheng-adv dl dd em.rz-adv-icon3{background-image:url(img/rz-adv-icon3.jpg);}

#renzheng-adv dl dd em.rz-adv-icon4{background-image:url(img/rz-adv-icon4.jpg);}

#renzheng-adv dl dd section{width:358px; height:84px; overflow:hidden;}

#renzheng-adv dl dd section h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}

#renzheng-adv dl dd section p{height:52px; line-height:26px; margin-top:14px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#renzheng-adv dl dd:hover section h3{color:#2365d9;}



#wrap-renzheng-team{width:100%; padding:60px 0; background:url(img/renzheng-team-bg.jpg) no-repeat top center; background-size:cover;}



#renzheng-team{height:500px; margin-top:50px;}

#renzheng-team-item{height:500px; overflow:hidden;}

#renzheng-team-item ul li{position:relative; float:left; width:1200px; height:500px; cursor:pointer; overflow:hidden;}

#renzheng-team-item ul li h4{position:absolute; left:88px; top:258px; height:34px; line-height:34px; font-size:24px; font-family:'Arial'; color:#666; overflow:hidden;}

#renzheng-team-item ul li h4 em{font-size:32px; color:#cb1549;}

#renzheng-team-item ul li span{display:block; width:500px; height:500px; margin:0 auto; border-radius:50%; overflow:hidden;}

#renzheng-team-item ul li section{position:absolute; right:0; bottom:0; width:350px; height:148px; overflow:hidden;}

#renzheng-team-item ul li section h3{height:22px; line-height:22px; font-size:16px; color:#666; overflow:hidden;}

#renzheng-team-item ul li section h3 em{margin-right:16px; font-size:20px; font-weight:bold; color:#333;}

#renzheng-team-item ul li section p{height:112px; line-height:28px; margin-top:14px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}

#renzheng-team-text{left:0; bottom:0;}

#renzheng-team-text h3{height:76px; line-height:38px; font-size:32px; font-family:'Arial'; text-transform:uppercase; overflow:hidden;}

#renzheng-team-text h4{height:56px; line-height:28px; margin-top:10px; font-size:15px; color:#666; overflow:hidden;}

#renzheng-team-btn{left:350px; bottom:40px; width:148px; height:52px; background:#2365d9; border-radius:4px;}

#renzheng-team-btn em{position:absolute; left:74px; top:10px; bottom:10px; width:1px; background:rgba(255,255,255,.3);}

#rz-prev,#rz-next{top:0; width:74px; height:52px; background-repeat:no-repeat; background-position:center; background-size:10px 18px; cursor:pointer; opacity:.8;}

#rz-prev{left:0; background-image:url(img/prev.png);}

#rz-next{right:0; background-image:url(img/next.png);}

#rz-prev:hover,#rz-next:hover{opacity:1;}



#zhengshu{margin-top:40px; padding:40px; background:#fff;}

#zhengshu .fl{width:466px; height:300px; margin-top:6px;}

#zhengshu .fl img{width:466px; height:331px;}

#zhengshu .fr{width:604px;}

#zhengshu .fr h2{height:22px; line-height:22px; font-size:20px; font-weight:bold; text-align:center; overflow:hidden;}

#zhengshu .fr h3{display:flex; justify-content:space-between; height:18px; line-height:18px; margin-top:20px; font-size:16px; color:#2365d9; overflow:hidden;}

#zhengshu .fr h3 span{display:block;}

#zhengshu .fr table{margin-top:30px;}

#zhengshu .fr table tr td{padding:20px 0 0 0; font-size:15px;}

#zhengshu .fr table tr:first-child td{padding-top:0;}

#zhengshu .fr table tr td input{height:46px; line-height:46px; padding:0 14px; border-radius:4px; font-size:15px; color:#666;}

#zhengshu .fr table tr td select{height:46px; line-height:46px; border-radius:4px; font-size:15px; text-indent:10px; color:#666;}

#zhengshu .fr table tr td button{height:52px; line-height:52px; background:#2365d9; border-radius:4px; font-size:15px; overflow:hidden;}

#zhengshu .fr table tr td p{margin-top:10px; text-align:center; color:#2365d9;}





/*就业保障*/



#wrap-jiuye-rank{width:100%; padding:60px 0; background:url(img/jiuye-rank-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-jiuye-rank #jiuye-rank{margin-top:0;}

#jiuye-rank section{padding:16px; background:#fff; border-radius:6px;}



#jiuye-rank-fyb{position:relative; width:320px; height:70px; line-height:70px; margin:0 auto -16px auto; background:#1249aa; font-size:24px; text-align:center; color:#fff;}

#jiuye-rank-fyb em{position:absolute; top:0; display:block; width:20px; height:70px; background-repeat:no-repeat; background-position:center;}

#jiuye-rank-fyb em.l{left:-20px; background-image:url(img/jiuye-rank-arrow-l1.png);}

#jiuye-rank-fyb em.r{right:-20px; background-image:url(img/jiuye-rank-arrow-r1.png);}



#jiuye-shipin{margin-top:40px;}

#jiuye-shipin ul{margin:-16px 0 0 -16px;}

#jiuye-shipin ul li{float:left; width:288px; height:300px; margin:16px 0 0 16px;}

#jiuye-shipin ul li span{position:relative; display:block; width:288px; height:202px; overflow:hidden;}

#jiuye-shipin ul li span em{position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:url(img/video3.png) no-repeat center rgba(0,0,0,.2);}

#jiuye-shipin ul li img{width:288px; max-width:none; height:202px;}

#jiuye-shipin ul li section{height:50px; padding:24px 22px; background:#fff; box-shadow:0 0 8px #e1e1e1; overflow:hidden;}

#jiuye-shipin ul li section h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}

#jiuye-shipin ul li section h3 em{margin-left:10px; color:#e30303;}

#jiuye-shipin ul li section h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#jiuye-shipin ul li:hover section h3{color:#2365d9;}



.view-more{width:198px; height:48px; line-height:48px; margin:40px auto 0 auto; background:linear-gradient(90deg,#2647f5,#2dccfd); border-radius:24px; font-size:14px; text-align:center; overflow:hidden;}

.view-more a{display:block; color:#fff;}

.view-more:hover{background:linear-gradient(90deg,#2dccfd,#2647f5);}



#wrap-ganyan{width:100%; padding:60px 0; background:url(img/ganyan-bg.jpg) no-repeat top center; background-size:cover;}



#ganyan{height:532px; margin-top:40px;}

#ganyan-item{width:1200px; height:532px; margin-left:-16px; padding:0 16px 0 8px; overflow:hidden;}

#ganyan-item ul{padding:8px 0 8px 8px !important;}

#ganyan-item ul li{float:left; width:364px; height:496px; margin-right:24px; padding:10px; background:#fff; box-shadow:0 0 8px #e1e1e1;}

#ganyan-item ul li span{display:block; width:364px; height:496px; overflow:hidden;}

#ganyan-item ul li img{width:364px; max-width:none; height:496px;}

#gy-prev,#gy-next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer;}

#gy-prev{left:-52px; background-image:url(img/prev2-h.png);}

#gy-next{right:-52px; background-image:url(img/next2-h.png);}



#wrap-zhaopin{width:100%; padding:60px 0; background:url(img/zhaopin-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-zhaopin .title h2,#wrap-zhaopin .title h3{color:#fff;}

#wrap-zhaopin .title span em{border-color:#fff;}

#wrap-zhaopin .title span i{background:#fff;}

#wrap-zhaopin .view-more{width:196px; height:46px; line-height:46px; margin-top:50px; background:none; border:1px solid #fff;}

#wrap-zhaopin .view-more:hover{background:none; border-color:#fff90c;}

#wrap-zhaopin .view-more:hover a{color:#fff90c;}



#zhaopin{height:478px; margin-top:50px; overflow:hidden;}

#zhaopin-item{height:478px; overflow:hidden;}

#zhaopin-item ul li{float:left; width:242px; height:358px; margin-right:24px; padding:48px 20px 72px 20px; background:url(img/phone.png) no-repeat center; overflow:hidden;}

#zhaopin-item ul li a{display:block; margin:-48px -20px -72px -20px; padding:48px 20px 72px 20px;}

#zhaopin-item ul li span{display:block; width:242px; height:358px; border-radius:4px; overflow:hidden;}



#zhaopinhui{margin-top:40px;}

#zhaopinhui ul{margin:-24px 0 0 -24px;}

#zhaopinhui ul li{float:left; width:384px; height:296px; margin:24px 0 0 24px; overflow:hidden;}

#zhaopinhui ul li span{display:block; width:384px; height:262px; overflow:hidden;}

#zhaopinhui ul li img{width:384px; max-width:none; height:262px;}

#zhaopinhui ul li h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#zhaopinhui ul li:hover h3{color:#2365d9;}



#neitui{margin-top:40px;}

#neitui ul{margin:-18px 0 0 -18px;}

#neitui ul li{float:left; width:388px; height:410px; margin:18px 0 0 18px;}

#neitui ul li span{display:block; width:388px; height:274px; overflow:hidden;}

#neitui ul li img{width:388px; max-width:none; height:274px;}

#neitui ul li section{height:84px; padding:26px 24px; background:#fff; box-shadow:0 0 8px #e1e1e1; overflow:hidden;}

#neitui ul li section h3{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#neitui ul li section p{height:52px; line-height:26px; margin-top:14px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#neitui ul li:hover section h3{color:#2365d9;}



/*学院天地*/



#kaiban{height:396px; margin-top:40px;}

#kaiban-item{height:396px; overflow:hidden;}

#kaiban-item ul li{float:left; width:285px; height:396px; margin-right:20px; overflow:hidden;}

#kaiban-item ul li span{display:block; width:285px; height:340px; overflow:hidden;}

#kaiban-item ul li img{width:285px; max-width:none; height:340px;}

#kaiban-item ul li h3{height:56px; line-height:56px; padding:0 18px; background:#f1f2f6; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#kaiban-item ul li:hover h3{background:#2365d9; color:#fff;}

#kb-prev,#kb-next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer;}

#kb-prev{left:-46px; background-image:url(img/prev2.png);}

#kb-next{right:-46px; background-image:url(img/next2.png);}

#kb-prev:hover{background-image:url(img/prev2-h.png);}

#kb-next:hover{background-image:url(img/next2-h.png);}



#huodong{margin-top:40px;}

#huodong ul{margin:-28px 0 0 -28px;}

#huodong ul li{float:left; width:586px; margin:28px 0 0 28px; overflow:hidden;}

#huodong ul li span{position:relative; display:block; width:586px; height:374px; overflow:hidden;}

#huodong ul li span em{position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:url(img/video2.png) no-repeat center rgba(0,0,0,.2);}

#huodong ul li img{width:586px; max-width:none; height:374px;}

#huodong ul li h3{height:60px; line-height:60px; padding:0 18px; background:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#huodong ul li:hover h3{background:#2365d9; color:#fff;}



#biye{margin-top:40px;}

#biye ul{margin:-18px 0 0 -18px;}

#biye ul li{float:left; width:388px; height:448px; margin:18px 0 0 18px; overflow:hidden;}

#biye ul li span{display:block; width:388px; height:388px; overflow:hidden;}

#biye ul li img{width:388px; max-width:none; height:388px;}

#biye ul li h3{height:60px; line-height:60px; padding:0 18px; background:#f1f2f6; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#biye ul li:hover h3{background:#2365d9; color:#fff;}



/*新闻资讯*/



#menu{height:48px; margin-top:40px; overflow:hidden;}

#menu dl{display:flex; justify-content:center;}

#menu dl dd{min-width:156px; height:46px; line-height:46px; margin:0 5px; background:#fff; border:1px solid #e1e1e1; border-radius:24px; font-size:15px; text-align:center; cursor:pointer; overflow:hidden;}

#menu dl dd a{display:block; padding:0 20px;}

#menu dl dd:hover{border-color:#2365d9;}

#menu dl dd:hover a{color:#2365d9;}

#menu dl dd.current{background:#2365d9; border-color:#2365d9;}

#menu dl dd.current a{color:#fff;}



#news-list{margin-top:50px;}

#news-list ul li{position:relative; height:192px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; overflow:hidden;}

#news-list ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}

#news-list ul li span{display:block; width:300px; height:192px; overflow:hidden;}

#news-list ul li img{width:300px; max-width:none; height:192px;}

#news-list ul li section{position:absolute; left:330px; right:0; top:20px; height:156px; overflow:hidden;}

#news-list ul li section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#news-list ul li section h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#999; overflow:hidden;}

#news-list ul li section p{height:84px; line-height:28px; margin-top:14px; font-size:15px; color:#767676; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

#news-list ul li:hover section h3{color:#2365d9;}



#detail-info{padding-bottom:30px; border-bottom:1px dashed #e1e1e1; text-align:center;}

#detail-info h1{line-height:32px; font-size:20px; font-weight:bold;}

#detail-info h3{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#999; overflow:hidden;}

#detail-share{margin-top:24px;}



#detail{line-height:220%; margin-top:26px; font-size:15px; color:#464646;}

#detail img{display:inline-block; vertical-align:middle;}



#prev-next{height:56px; margin-top:26px; padding-top:28px; border-top:1px dashed #e1e1e1; overflow:hidden;}

#prev-next dl dd{height:18px; line-height:18px; margin-bottom:20px; font-size:15px; color:#464646; overflow:hidden;}

#prev-next dl dd:last-child{margin-bottom:0;}

#prev-next dl dd a{color:#464646;}

#prev-next dl dd a:hover{color:#2365d9;}



#news-rmd{margin-top:50px; padding:30px; background:#f8f9fa;}

#news-rmd h2{height:26px; line-height:26px; margin-bottom:30px; font-size:24px; overflow:hidden;}

#news-rmd h2 a{float:right; font-size:15px; color:#666;}

#news-rmd h2 a:hover{color:#2365d9;}

#news-rmd ul{margin:-28px 0 0 -28px;}

#news-rmd ul li{float:left; width:264px; height:282px; margin:28px 0 0 28px; overflow:hidden;}

#news-rmd ul li span{display:block; width:264px; height:168px; overflow:hidden;}

#news-rmd ul li img{width:264px; max-width:none; height:168px;}

#news-rmd ul li section{height:80px; padding:14px 16px 20px 16px; background:#fff;}

#news-rmd ul li section h3{height:52px; line-height:26px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#news-rmd ul li section h4{height:18px; line-height:18px; margin-top:10px; font-size:15px; color:#999; overflow:hidden;}

#news-rmd ul li:hover section h3{color:#2365d9;}



/*关于盛图*/



.about-title h3{height:18px; line-height:18px; font-size:16px; text-transform:uppercase; color:#666; overflow:hidden;}

.about-title h2{height:28px; line-height:28px; margin-top:10px; font-size:26px; font-weight:bold; overflow:hidden;}

.about-title em{display:block; width:36px; height:3px; margin:17px auto 0 auto; background:#2365d9;}



#about{margin-top:40px;}

#about .fl{width:624px; height:400px; overflow:hidden;}

#about .fl h3{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;}

#about .fl section{height:340px; line-height:36px; margin-top:36px; font-size:15px; color:#666; overflow:hidden;}

#about .fl section p{margin-top:24px;}

#about .fl section p:first-child{margin-top:0;}

#about .fr{width:506px; height:328px; margin-top:60px; padding:10px; background:#fff; overflow:hidden;}

#about .fr video{display:block; width:506px; height:328px; object-fit:fill;}



#culture{margin-top:40px;}

#culture dl dd{float:left; width:220px; padding:0 40px; text-align:center; cursor:pointer; overflow:hidden;}

#culture dl dd span{display:block; width:172px; height:172px; margin:0 auto; padding:6px; border:1px solid #e1e1e1; border-radius:50%; overflow:hidden;}

#culture dl dd span em{display:block; width:172px; height:172px; border-radius:50%; overflow:hidden;}

#culture dl dd img{width:172px; max-width:none; height:172px; border-radius:50%;}

#culture dl dd h3{height:22px; line-height:22px; margin-top:24px; font-size:20px; font-weight:bold; overflow:hidden;}

#culture dl dd p{height:52px; line-height:26px; margin-top:14px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#culture dl dd:hover h3{color:#2365d9;}



#wrap-history{width:100%; padding:60px 0; background:url(img/history-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-history .about-title h3,#wrap-history .about-title h2{color:#fff;}

#wrap-history .about-title em{background:#2365d9;}



#history{height:348px; margin-top:50px;}

#history-item{width:1080px; height:348px; margin:0 auto; overflow:hidden;}
#history-item dl{ zoom:1; position:relative;}

#history-item dl dd{position:relative; height:348px; float:left; width:250px; margin-left:-84px; overflow:hidden; z-index:99;}

#history-item dl dd:first-child{margin-left:0;}

#history-item dl dd section{position:absolute; left:0; right:0; height:88px; padding:24px 28px; background:#fff; border-radius:6px; cursor:pointer; overflow:hidden;}

#history-item dl dd:nth-child(odd) section{bottom:0;}

#history-item dl dd:nth-child(even) section{top:0;}

#history-item dl dd section h3{height:26px; line-height:26px; font-size:24px; overflow:hidden;}

#history-item dl dd section p{height:52px; line-height:26px; margin-top:10px; font-size:15px; color:#464646; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#history-item dl dd section:hover h3{color:#2365d9;}

#history-item dl dd em{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:10px; height:10px; padding:3px; border:1px solid #fff; border-radius:50%;}

#history-item dl dd em i{display:block; width:10px; height:10px; background:#fff; border-radius:50%;}

#history-item dl dd span{position:absolute; left:50%; transform:translateX(-50%); display:block; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent;}

#history-item dl dd:nth-child(odd) span{bottom:136px; border-bottom:12px solid #fff;}

#history-item dl dd:nth-child(even) span{top:136px; border-top:12px solid #fff;}

#his-prev,#his-next{top:50%; transform:translateY(-50%); width:38px; height:38px; background-repeat:no-repeat; background-position:center; background-size:10px 18px; border:1px solid #fff; border-radius:50%; cursor:pointer;}

#his-prev{left:0; background-image:url(img/prev.png);}

#his-next{right:0; background-image:url(img/next.png);}

#his-prev:hover,#his-next:hover{background-color:#2365d9; border-color:#2365d9;}

#his-line{left:40px; right:40px; top:50%; height:1px; background:#fff;}



#honor{width:1168px; }

#honor ul{margin:-32px 0 0 -32px;}

#honor ul li{float:left; width:268px; height:366px; margin:32px 0 0 32px; overflow:hidden;}

#honor ul li img{width:268px; height:366px;}



/*底部样式*/



#footer{width:100%; padding:24px 0 40px 0; background:#1f1f24;}

#f-link{margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #313036;}

#f-link dl dt{float:left; height:32px; line-height:32px; margin-right:6px; font-size:15px; font-weight:bold; color:#fff; overflow:hidden;}

#f-link dl dd{float:left; height:32px; line-height:32px; margin-right:30px; font-size:14px; overflow:hidden;}

#f-link dl dd a{display:block; color:#fff;}

#f-link dl dd a:hover{color:#fff90c;}

#f-menu dl dd{float:left; height:16px; line-height:16px; font-size:14px; overflow:hidden;}

#f-menu dl dd a{display:block; color:#b4b4b4;}

#f-menu dl dd a:hover{color:#fff;}

#f-menu dl dd span{display:block; width:1px; height:12px; margin:2px 14px 0 14px; background:#747474;}

#f-contact{line-height:32px; margin-top:16px; font-size:14px; color:#b4b4b4;}

#copyright{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#747474; overflow:hidden;}

#copyright a{color:#747474;}

#copyright a:hover{color:#fff;}

#f-qrcode{margin-top:2px;}

#f-qrcode dl dd{float:left; height:124px; margin-left:30px; overflow:hidden;}

#f-qrcode dl dd:first-child{margin-left:0;}

#f-qrcode dl dd img{width:96px; height:96px; margin:0 auto;}

#f-qrcode dl dd h3{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; color:#b4b4b4; overflow:hidden;}



#yuyue{left:0; right:0; bottom:0; height:118px; background:rgba(0,0,0,.5);}

#yuyue img{position:absolute; left:0; top:-98px; width:676px; height:216px;}

#yuyue section{position:absolute; right:104px; top:0; width:266px; height:98px; padding:10px; background:rgba(38,38,38,.8);}

#yuyue section input{height:44px; line-height:44px; margin-bottom:10px; padding:0 14px; border:none; font-size:14px; color:#666;}

#yuyue section button{float:left; width:128px; height:44px; line-height:44px; background:#ff4d49; font-size:14px;}

#yuyue section button[type='button']{margin-left:10px; background:#ffa800;}

#yuyue em{position:absolute; right:0; top:10px; display:block; width:44px; height:44px; background:url(img/close.png) no-repeat center rgba(38,38,38,.8); border-radius:50%; cursor:pointer;}



#validate-tip{left:50%; top:50%; transform:translate(-50%,-50%); height:48px; line-height:48px; padding:0 18px; background:#333; border-radius:4px; font-size:14px; color:#fff; overflow:hidden; display:none; z-index:1000;}



.right_nav{ right:0; bottom:40%; position:fixed; text-align:left;overflow: hidden;z-index:999;}

.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}

.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}

.right_nav li img{width: 30px;height:30px;}

.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}

.right_nav li:hover{background:#cf1322}

.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999; }

.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; min-width:120px;}

.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}

.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}

.right_nav li .hideBox .hb .qqtalk{margin-top: 10px; text-align:center;}

.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center; margin-bottom:10px;}

.right_nav li .hideBox .hb .qqtalk img{width: 25px !important;height:25px !important;}

.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}

.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}


#dialog{left:0; top:0; background:rgba(0,0,0,.7); z-index:1000; display:none;    width: 100%; height: 100%;}
.dialog-box{width:500px; margin:0 auto; padding:60px; background:#fff; border-radius:4px;}
.dialog-box h2{height:26px; line-height:26px; font-size:24px; text-align:center; overflow:hidden;}
.dialog-close{right:20px; top:20px; width:14px; height:14px; background:url(img/close_login.png) no-repeat center; cursor:pointer;}
.dialog-form{margin-top:36px;}
.dialog-form input{height:52px; line-height:52px; padding:0 16px; border-radius:4px; font-size:14px; color:#666;}
.dialog-form button{height:52px; line-height:52px; margin-top:28px; background:#0957c3; border-radius:4px; font-size:15px;}
.dialog-form button:hover{background:#0b66e4;}
.input-group input{margin-bottom:14px;}
.input-group input:last-child{margin-bottom:0;}
.get-code{height:52px; margin-top:14px; overflow:hidden;}
.get-code input{float:left; width:300px;}
.get-code button{float:right; width:186px; margin-top:0; background:#f1f1f1; color:#7a7a7a;}
.get-code button:hover{background:#f1f1f1; color:#0957c3;}
.text-group{height:18px; line-height:18px; margin-top:28px; font-size:16px; color:#7a7a7a; overflow:hidden;}
.text-group a{color:#7a7a7a;}
.text-group em,.text-group a:hover{color:#0957c3;}
.auth-login{margin-top:28px;}
.auth-login h3{position:relative; height:18px; line-height:18px; font-size:16px; text-align:center; overflow:hidden;}
.auth-login h3 span{position:relative; display:inline-block; padding:0 16px; background:#fff; z-index:99;}
.auth-login h3 em{position:absolute; left:0; top:8px; width:100%; height:1px; background:#e1e1e1;}
.auth-login dl{margin-top:28px;}
.auth-login dl dd{float:left; width:50%; height:20px; line-height:20px; font-size:15px; text-align:center; overflow:hidden;}
.auth-login dl dd a:hover{color:#0957c3;}

#login,#register{position:relative; top:50%; transform:translateY(-50%); display:none;}