/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30
*/

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
html { overflow-x:auto;}
html,body { min-width:1230px;}
.wrap { width:1190px; margin-right:auto; margin-left:auto;}
body{font-size:14px; line-height:1.6; color:#333; background:#fff;}
a{color:inherit;}
a:hover,a.link { color:#0481fa;}
a.link:hover { text-decoration:underline;}
::-moz-selection {color:#fff; background:#0481fa; }
::selection {color:#fff; background:#0481fa; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.imgc { display:block; height:auto; text-align:center; overflow:hidden;}
.imgc > img { display:inline-block; margin:0 -100%; margin:0 -50%\9; max-width:none; width:auto;}

/* flex栅格 */
.flex-col { overflow: hidden; display: flex; flex-direction: column;}
.flex-row { overflow: hidden; display: flex;}
.flex-1 { flex: 1; min-width: 0;}
.flex-2 { flex: 2; min-width: 0;}
.flex-3 { flex: 3; min-width: 0;}
.flex-4 { flex: 4; min-width: 0;}
.align-stretch { align-items: stretch;}
.align-center { align-items: center;}
.justify-center { justify-content: center;}
.align-center.justify-center { display:flex;}

/* 网站样式 */
.pageHeader { box-shadow:0 0 8px rgba(0,0,0,.2);}
.pageHeader .logo,.pageHeader .logo img { height:100px;}
.pageHeader .logo { font-size:0; width:270px;}

.pageNav { padding-top:30px;}
.pageNav,.pageNav li { float:left;}
.pageNav li { margin:0 20px;}
.pageNav a { display:inline-block; white-space:nowrap; position:relative; height:40px; line-height:40px; font-size:18px; font-weight:normal; overflow:hidden;}
.pageNav a::before,.pageNav a::after { content:''; display:block; width:0; height:3px; background-color:#ff3333; overflow:hidden; position:absolute; left:0; bottom:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.pageNav a::after { background-color:#0481fa;}
.pageNav .active a,.pageNav a:hover { color:#0481fa;}
.pageNav .active a::before,.pageNav .active a::after,.pageNav a:hover::before,.pageNav a:hover::after { width:100%;}
.pageNav .active a::before,.pageNav a:hover::before { left:0;}
.pageNav .active a::after,.pageNav a:hover::after { left:30%;}

.pageHeader .tel { font-size:18px; margin-top:24px;}
.pageHeader .tel .ion { font-size:30px; color:#0481fa; vertical-align:-4px;}

.banner { height:560px; position:relative; overflow:hidden; margin-bottom:150px;}
.banner a { height:560px; line-height:560px; font-size:0;}
.banner img { vertical-align:middle;}
.banner .slide_nav { background:rgba(0,0,0,.5); height:40px; line-height:40px; position:absolute; bottom:45px; left:50%; transform:translate(-50%,0); font-size:0; padding:0 15px; border-radius:20px;}
.banner .slide_nav a { display:inline-block; vertical-align:middle; width:14px; height:17px; background:url(../img/banner_nav.png) no-repeat; opacity:.4; margin:0 8px; overflow:hidden; cursor:pointer;}
.banner .slide_nav a.on { opacity:1;}

.recPart { overflow:hidden; padding-bottom:25px;}
.recPart ul { width:110%;}
.recPart li { width:340px; float:left; margin-right:86px; margin-bottom: 90px; text-align: center; padding-bottom:10px;}
.recPart .img { position:relative; overflow:hidden; border-radius:8px; margin-bottom:20px;}
.recPart .img .cate { width:100%; height:56px; line-height:56px; position:absolute; left:0; bottom:0; background:rgba(4,129,250,.8); color:#ffffff; font-size:22px; font-weight:normal;}
.recPart .title { height:60px; line-height:60px; font-size:22px; font-weight:normal; position:relative; margin-bottom:20px;}
.recPart .title::before,.recPart .title::after { content:''; display:block; width:60px; height:3px; background-color:#ff3333; overflow:hidden; position:absolute; left:50%; margin-left:-30px; bottom:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.recPart .title::after { background-color:#0481fa; width:42px; margin-left:-12px;}
.recPart .content { font-size:16px; color:#6b6b6b; text-align:left; height:220px; overflow:hidden;}


html { position:relative; min-height:100%;}
body { padding-bottom:114px;}
.pageFooter { width:100%; position:absolute; left:0; bottom:0; background-color:#21212d; color:rgba(255,255,255,.5); padding:25px 0; min-height:64px;}
.pageFooter a:hover { color:rgba(255,255,255,1);}
.pageFooter .copyRight { padding-top:20px;}
.pageFooter .copyRight .dib { margin-right:15px;}
.pageFooter .weixin { height:64px;}
.pageFooter .weixin img { vertical-align:middle;text-align: center; height:64px;}
.pageFooter .weixin div.imgStyle { display: inline-block;width: 120px;text-align: center;}
.pageFooter .weixin div.dib { display: block;text-align: center;}

/*channel*/
.pageMain { padding-bottom:30px;}
.channel_banner { position:relative; margin-bottom:65px;}
.channel_nav { width:100%; height:auto; position:absolute; left:0; bottom:0; border-bottom:#d3d3d5 1px solid;}
.channel_nav .wrap { background-color:#ffffff; text-align:center; padding:17px 0;}
.channel_nav li { display:inline-block; padding:0 20px; position:relative;}
.channel_nav li::after { content:''; display:block; width:1px; height:24px; background-color:#999999; position:absolute; right:0; top:50%; margin-top:-12px;}
.channel_nav li:last-child::after { display:none;}
.channel_nav a { font-size:24px; height:40px; line-height:40px;}
.channel_nav .active a { color:#0481fa;}

.channel_hd { margin-bottom:50px;}
.channel_hd .wrap,.channel_bd .wrap { padding:0 25px; box-sizing:border-box}
.channel_hd .title,.bigTile { position:relative; font-size:30px; font-weight:normal; padding-left:45px; min-height:60px; line-height:60px;}
.channel_hd .title::before,.channel_hd .title::after,.bigTile::before,.bigTile::after { content:''; display:block; width:18px; height:18px; background-color:#0481fa; overflow:hidden; position:absolute; left:5px; top:50%; margin-top:-5px;}
.channel_hd .title::after,.bigTile::after { width:10px; height:10px; background-color:#ff3333; left:0; margin-top:-9px;}
.channel_hd .en { font-size:24px; color:#0481fa; line-height:1.3;}

.subTitle { font-size:18px; font-weight:normal; padding-left:25px; position:relative; min-height:28px; margin-bottom:10px;}
.subTitle::before,.subTitle::after { content:''; display:block; width:3px; height:19px; background-color:#ff3333; position:absolute; left:0; top:50%; margin-top:-9px;}
.subTitle::after { width:6px; background-color:#0481fa; left:6px;}
.subTitle.big { font-size:24px; margin-bottom:20px;}

.breadCrumbs { padding:38px 0 10px; border-bottom:#e7e7e7 1px solid; margin-bottom:15px;}
.breadCrumbs .act { color:#999999;}
.breadCrumbs .b_arr { margin:0 5px;}

/*案例列表*/
.caseList .intro { padding:0 20px; margin-bottom:10px;}
.caseList .li { border-bottom:#e6e6e6 1px solid; padding-bottom:20px; margin-bottom:40px;}
.caseList .li:last-child { border-bottom-width:0;}
.caseList .case_img { text-align:center;}

/*院校平台合作*/
.recSchool { border-bottom:#eaeaea 1px solid; padding-bottom:60px; margin-bottom:50px;}
.recSchool .row { width:105%;}
.recSchool .span-4 { width:30.333333%; margin-right:3%;}
.recSchool .box { width:345px;}
.recSchool .box .img { height:184px; overflow:hidden;}
.recSchool .box .img img { width:100%; height:auto;}
.recSchool .box .intro { border:#cecece 1px solid; padding:20px; height:300px; line-height:24px;}

/*新闻列表*/
.newsList .row { width:104%;}
.newsList .span-4 { width:29.333333%; margin-right:4%;}
.newsList .box { margin-bottom:15px;}
.newsList .info { padding:12px;}
.newsList .info .title { font-size:16px; font-weight:normal; margin-bottom:10px; line-height:24px; height:48px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-break:break-all;}
.newsList .info .time { font-size:14px; color:#999999; height:22px;}

/*新闻详情*/
.newsDetail .news_content { width:860px; float:left;}
.newsDetail .recNews { width:270px; float:right;} 
.recNews .bigTile { font-size:24px; padding-left:38px;}
.recNews .newsList .info { padding-left:0; padding-right:0; padding-bottom:0;}
.recNews .newsList .info .title { height:24px; white-space:nowrap;text-overflow:ellipsis; display:block;}

.news_content > .title { font-size:24px; font-weight:normal; padding-bottom:15px; padding-top:20px;}
.news_content > .options { line-height:36px; margin-bottom:20px;}
.news_content > .options .time { margin-right:15px;}

/*团队管理*/
.teamList { overflow:hidden;}
.teamList ul { width:110%;}
.teamList li { width:230px; height:170px; float:left; margin:0 77px 70px 0; position:relative; cursor:pointer;}
.teamList .info { padding-top:95px;}
.teamList .info .name { font-size:24px; color:#0481fa; font-weight:normal;}
.teamList .info .duty2 { font-size:16px; color:#828282;} 
.teamList .face,.teamList .face img { width:116px; height:116px; display:block;}
.teamList .face { position:absolute; right:0; top:0; overflow:hidden; border:#eee 1px solid;}
.teamList .face img { height:auto;}
.teamList .face::after { content:''; display:block; width:28px; height:28px; background-color:#0481fa; position:absolute; left:-14px; bottom:-14px;}
.teamList .info .duty1,.teamList .info .info_content { display:none;}

.teamBox .box_wrap_title { display:none;}
.teamBox .box_wrap_bar { height:0; background:transparent; font-size:0;}
.teamBox .box_wrap_bar .box_wrap_close { font-size:19px; color:#666666; right:10px; top:10px; z-index:10;}
.teamBox .box_wrap_bar .box_wrap_close a { font-weight:normal;}
.teamBox .box_wrap_body { overflow-x:hidden; overflow-y:auto;}
.teamBoxLayout .face { width:225px; float:left; position:relative; font-size:0;}
.teamBoxLayout .face img { width:100%; height:auto;}
.teamBoxLayout .face::before,.teamBoxLayout .face::after { content:''; display:block; width:23px; height:23px; background-color:#0481fa; overflow:hidden; position:absolute; right:0; bottom:0;}
.teamBoxLayout .face::after { width:13px; height:13px; background-color:#ff3333; right:15px; bottom:15px;}

.teamBoxLayout .info { width:510px; float:right; padding-top:105px;}
.teamBoxLayout .info .name { font-size:24px; color:#0481fa; font-weight:normal; margin-bottom:8px;}
.teamBoxLayout .info_content { margin-top:40px; padding:40px 30px 40px 0; border-top:#e7e7e7 1px solid; position:relative; line-height:1.8; min-height:300px;}
.teamBoxLayout .info_content::before { content:''; display:block; width:6px; height:6px; border-radius:50%; background-color:#e7e7e7; overflow:hidden; position:absolute; left:-3px; top:-4px;}


/*企业荣誉*/
.honor_info { margin-bottom:40px;}
.honorList .box { margin:0 auto 15px; width:236px;}
.honorList .img { padding:3px; border:#e4e4e4 1px solid;}
.honorList .img_box { height:160px; line-height:160px; font-size:0; padding:0; text-align:center;}
.honorList .img_box img { position:static; display:inline-block; vertical-align:middle; width:auto; height:auto; max-width:100%; max-height:160px;}
.honorList .title { font-size:14px; font-weight:normal; text-align:center; height:40px; line-height:40px;}

/*企业文化*/
.cultureList { overflow:hidden;}
.cultureList ul { width:103%;}
.cultureList li { float:left; width:370px; margin-right:20px;}
.cultureList .img { font-size:0; height:175px; overflow:hidden; margin-bottom:10px;}
.cultureList .info { border:#e5e5e5 1px solid; text-align:center; height:260px;}
.cultureList .title { font-size:24px; padding-top:45px; line-height:40px;}
.cultureList .title .imp { color:#0481fa;}
.cultureList .en { font-size:16px; color:#b6b6b6; line-height:40px;}
.cultureList .content { font-size:20px; color:#222222; padding-top:20px;}

.page{ text-align:center; margin:40px 0px 90px 0px;}
.page span,.page a:hover{ display:inline-block; border:1px solid #21212d; border-radius:3px; padding:6px 12px 6px 12px; margin:0px 7px 0px 7px; background-color:#21212d; text-decoration:none; color:#ffffff;}
.page a{ display:inline-block; border:1px solid #c8c8c8; border-radius:3px; padding:6px 12px 6px 12px; margin:0px 7px 0px 7px; color:#666666;}
.page .a1{ display:none;}

/*教育部项目*/
.project_intro .subTitle,.project_list .subTitle { margin-bottom:20px;}
.project_intro { margin-bottom:35px;}
.project_intro .img { margin-right:50px;}
.project_intro .intro { font-size:16px; margin-top:-3px;}

.project_list .list ul { width:105%;}
.project_list .list li { float:left; width:240px; border:#e1e1e1 1px solid; margin-right:20px; text-align:center; padding:30px 15px 35px; margin-bottom:20px;}
.project_list .list .bigico { width:80px; height:80px; line-height:80px; background-color:#ff3333; color:#ffffff; border-radius:50%; font-size:32px; margin-bottom:25px; overflow:hidden;}
.project_list .list .title { font-size:18px; margin-bottom:15px;}
.project_list .list .li1 .bigico { background-color:#ff3333;}
.project_list .list .li2 .bigico { background-color:#f08b17;}
.project_list .list .li3 .bigico { background-color:#0481fa;}
.project_list .list .li4 .bigico { background-color:#85ba31;}

.colorBtn { display:inline-block; background-color:rgba(4,129,250,1); color:#ffffff!important; padding:12px 20px 12px 30px; font-size:14px; border-radius:5px; box-shadow:0 0 5px rgba(4,129,250,.8)}
.colorBtn:hover { background-color:rgba(4,129,250,.8);}
.colorBtn .ico { vertical-align:-1px; margin-left:5px;}

/*董事长寄语*/
.leaderMessage .leaderCard { width:197px; float:left; margin-right:45px;}
.leaderMessage .leaderCard .img { margin-bottom:20px;}
.leaderMessage .leaderCard .info { background-color:#f8f8f8; text-align:center; line-height:1.8; padding:20px 0;}
.leaderMessage .leaderCard .info .name { font-size:24px; font-family:"黑体";}
.leaderMessage .message { font-size:16px; line-height:1.8; margin-top:-5px; margin-left:242px;}

.history { margin-bottom:60px; padding-top:60px;}
.history .channel_hd { margin-bottom:30px;}
.history .channel_bd { font-size:16px;}

/*产品服务*/
.service_part .subTitle { font-size:24px; margin-bottom:30px;}
.service_part .subTitle::before,.service_part .subTitle::after { height:24px; margin-top:-12px;}

.service_part { padding:20px 0;}
.graybg { background-color:#f8f8f8;}
.graybg .wrap { padding:15px 25px;}
.sTitle { height:44px; overflow:hidden; position:relative; margin-bottom:25px;}
.sTitle .text { display:inline-block; width:auto; min-width:110px; height:44px; line-height:44px; background-color:#0481fa; color:#ffffff; position:relative; padding:0 15px; font-size:16px;}
.sTitle .text::after { content:''; display:block; width:0; height:0; border-style:dashed dashed dashed solid; border-width:44px 20px; border-color:transparent transparent transparent #0481fa; position:absolute; right:-40px; top:0;}
.sTitle.bluetype .text { background-color:#ffffff; color:#0481fa;}
.sTitle.bluetype .text::after { border-left-color:#ffffff;}

.mooclist li { padding-left:24px; position:relative; min-height:25px;}
.mooclist li::before { content:''; display:block; width:16px; height:16px; background:url(../img/service/esb_arr.png) no-repeat; position:absolute; left:0; top:4px;}

.shuangchuang { background:url(../img/service/esbbg.png) center top no-repeat;}
.shuangchuang .box { background-color:#ffffff; padding:35px 50px 35px 85px; box-shadow:0 0 8px rgba(0,0,0,.2); border-radius:10px;}
.shuangchuang .box .img { margin-right:70px;}
.shuangchuang .box .content { overflow:hidden;}
.shuangchuang .box .intro { margin-bottom:20px;}
.shuangchuang .box dl { margin-bottom:15px;}
.shuangchuang .box dt { font-size:16px; color:#0481fa; padding-left:14px; position:relative; min-height:28px;}
.shuangchuang .box dt::before { content:''; display:block; width:6px; height:6px; background-color:#0481fa; border-radius:50%; position:absolute; left:0; top:12px;}

.tedian li { margin-bottom:8px;}
.tedian .num { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; background-color:#0481fa; border-radius:50%; color:#ffffff; margin-right:9px; }

.serviceTixi { background:url(../img/service_internet_bg.png) center top no-repeat; border-bottom:1px solid #e6e6e6;}
.serviceTixi .subTitle { color:#ffffff;}
.serviceTixi .subTitle::before,.serviceTixi .subTitle::after { background-color:#ffffff; margin-top:-11px;}

.tixi_ico { text-align:center; color:#ffffff; font-size:0; margin-bottom:50px;}
.tixi_ico ul { width:1080px; margin-left:auto; margin-right:auto; position:relative;}
.tixi_ico ul::before { content:''; display:block; width:500px; height:5px; background:rgba(255,255,255,.3); position:absolute; left:300px; top:30%; margin-top:-2.5px; border-radius:2.5px;}
.tixi_ico li { display:inline-block; width:215px; font-size:16px; position:relative; z-index:5;}
.tixi_ico .sico { display:block; width:180px; height:180px; margin-left:auto; margin-right:auto; background:url(../img/service/service_internet_ico.png) no-repeat;}
.tixi_ico .sico2 { background-position:-180px 0;}
.tixi_ico .sico3 { background-position:-360px 0;}
.tixi_ico .sico4 { background-position:-540px 0;}
.tixi_ico .text { margin-top:-10px;}

.serviceTixi .service_content { background-color:#ffffff; padding:25px; box-sizing:border-box;}
.tixiPart { margin-bottom:30px;}
.tixiPart .ion { vertical-align:0;}

/*20200408*/
.banner { height:350px; margin-bottom:45px;}
.banner a { height:350px; line-height:350px;}
.banner .slide_nav { bottom:20px;}

/*加入我们*/
.joinList { margin-top:-20px;}
.joinList .tr { text-align:left; font-size:16px; overflow:hidden;}
.joinList .td { padding:15px; line-height:20px; min-height:20px; float:left;}
.joinList .thead { background-color:#bd955d; color:#ffffff;}
.joinList .tr .flex-1 { width:528px;}
.joinList .tr .flex-1::before { content:''; display:inline-block; vertical-align:middle; overflow:hidden; width:24px; height:20px; background:url(../img/join_ico.png) no-repeat; margin-right:8px;}
.joinList .posi { width:500px;}
.joinList .btn { width:30px; height:30px; background:url(../img/contact_btn.png) 0 0 no-repeat; box-sizing:border-box; margin-top:9px;}
.joinList .hd { font-size:18px; background-color:#f3f3f3; cursor:pointer;}
.joinList .hd.act { background-color:#f3f3f3;}
.joinList .hd.act .btn { background-position:0 -30px;}
.joinList .tbody { border-bottom:#ffffff 1px solid;}
.joinList .tbody .hd { border-top:#ffffff 1px solid;}
.joinList .tbody .bd { padding:20px 45px; background-color:#fbfbfb; line-height:1.8; display:none;}
.joinList .tbody .bd > .title { font-weight:bold;}
.joinList .tbody .bd > .text_content { margin-bottom:10px;}
.leader_duty{ white-space: pre-line;}
.view_content { display:block; height:auto; text-align:center; overflow:hidden;}
.view_content > img { display:inline-block; margin:0 -100%; margin:0 -50%\9; max-width:none; width:auto;}
.page ul.pagination li{display: inline-block;}
.page ul.pagination li a {
	display: inline-block;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	padding: 6px 12px 6px 12px;
	margin: 0px 7px 0px 7px;
	color: #666666;
}
.page ul.pagination li.active a,.page ul.pagination li a:hover,.page ul.pagination li a:focus{
	border: 1px solid #21212d;
	border-radius: 3px;
	background-color: #21212d;
	color: #ffffff;
}
.site-error{text-align: center;margin: 100px 0;}
.contact{margin-bottom: 60px;}
.half-width{float: left;width: 50%;}
.half-width img.img_style{width: 95%;padding: 10px;}
.half-width ul{padding: 10px;margin-left: 25px;}
.half-width ul li{padding: 10px;margin-top: 30px;}
.half-width ul li .title{line-height: 50px;font-size: 25px;font-weight: bold;}
.half-width ul li .en{vertical-align: middle;line-height: 32px;font-size: 15px;}