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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#f9f9f9; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ background:url(../images/common/head_bg.jpg) center no-repeat; background-size:cover; padding:16px 0; position:relative; z-index:99;}
.header .head{ width:1200px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.header h1.logo a img{ display:block; height:66px;}
.header a.tel{ display:block; line-height:66px; color:#333; font-size:24px; font-weight:bold; background:url(../images/common/head_tel.png) left center no-repeat; padding:0 0 0 2em; float:right;}

/*导航*/
.nav{ font-size:14px; background:#2e8bff;}
.nav ul{ display:flex; justify-content:space-between; width:1200px; font-size:16px; margin:0 auto;}
.nav ul li.close{ display:none;}
.nav ul li{ display:block; width:170px; float:left; position:relative;}
.nav ul li:nth-child(n+3)::before{ content:''; display:none; width:1px; height:1em; background:#fff; opacity:0.4; position:absolute; left:-18px; top:50%; transform:translateY(-50%);}
.nav ul li a{ display:block; line-height:60px; color:#fff; text-align:center; white-space:nowrap; position:relative;}
.nav ul li a:hover,
.nav ul li.on a,
.nav ul li.cur a{ background:#0566b3;}
.nav ul li p.sub{ display:none; min-width:100%; background:#fff; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99; box-shadow:0 0 8px rgba(0,0,0,0.15);}
.nav ul li p.sub a{ width:auto; line-height:3.6; color:#444; font-size:15px; background:#fff; border-bottom:1px solid #eee; margin:0 10px;}
.nav ul li p.sub a:last-child{ border-bottom:0;}
.nav ul li p.sub a:hover,
.nav ul li p.sub.on a{ color:#2e8bff;}

/*banner*/
.banner{ width:100vw; height:240px; background:url(../images/upload/sbanner.jpg) center no-repeat; background-size:cover; overflow:hidden; position:relative;}

/*底部*/
.footer{ background:#0566b3; padding:20px 0 20px; position:relative;}
.footer .foot{ width:1200px; margin:0 auto; position:relative; z-index:3;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer p.nav{ line-height:2; color:rgba(255,255,255,0.9); font-size:14px; text-align:center; overflow:hidden; padding:0.5em 0; background:none;}
.footer p.nav span::before{ content:'| ';}
.footer p.nav span:first-child::before{ content:'';}
.footer p.nav span a{ margin:0 1em;}
.footer p.nav span a:hover{ color:#fff;}
.footer .copyright{ line-height:2; color:rgba(255,255,255,0.9); font-size:14px; text-align:center; overflow:hidden; padding:0.5em 0;}
.footer .copyright a:hover{ color:#fff;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:90px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}
.backToTop:hover{ opacity:0.9;}

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.2s;}
.shadow.show{ opacity:1; visibility:visible;}
.picShow{ position:fixed; left:50vw; top:50%; top:0; transform:translate(-50%,0); z-index:9999; opacity:0; visibility:hidden;}
.picShow.show{ opacity:1; visibility:visible;}
.picShow .pic{ display:flex; justify-content:center; align-items:center; width:80vw; height:80vh; height/:750px; max-height/:82vh; width:90vw; height:100vh; background-size:contain !important; background-position:center; background-repeat:no-repeat; transform:scale(0.8); opacity:0; transition:all ease 0.4s;}
.picShow .pic img{ display:block; max-width:96%; max-height:96%;}
.picShow.show .pic{ transform:scale(1); opacity:1;}
.picShow a.close{ width:24px; height:24px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; left:100%; bottom/:100%; top:2%; cursor:pointer; z-index:9;}

/*主体样式*/
.main{ width:1200px; margin:0 auto; position:relative; z-index:3;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.leftCon{ width:250px; margin:20px 20px 20px 0; float:left;}
.leftCon h2{ display:block; line-height:3; color:#666; font-size:16px; text-align:center; background:#fff; overflow:hidden; border-bottom:1px solid #eee;}
.leftCon ul{ display:block; background:#fff; overflow:hidden; padding:4px 0; margin:0 0 20px;}
.leftCon ul li{ display:block;}
.leftCon ul li a{ display:block; line-height:2.5; color:#434343; font-size:14px; text-align:center; position:relative;}
.leftCon ul li a:hover,
.leftCon ul li.cur a{ color:#2e8bff;}
.leftCon ul li a:hover::before,
.leftCon ul li.cur a::before{ content:''; display:block; width:3px; height:100%; background:#2e8bff; position:absolute; left:0; top:0;}
.leftCon p{ display:block; line-height:2.5; color:#999; font-size:14px; background:#fff; overflow:hidden; padding:1em 0; margin:0 0 10px;}
.leftCon p img{ display:block; height:2.5em; float:left; margin:0 1em 0 1.5em;}

.main p.position{ display:block; line-height:3.4; color:#666; font-size:14px; padding:0 20px; border-bottom:1px solid #eee; margin:0 -20px;}
.main p.position a{ margin:0 2px;}
.main p.position a:hover{ color:#2e8bff;}

/*内容样式*/
.main .attr{ min-height:calc(100vh - 258px); background:#fff; overflow:hidden; padding:0 20px; position:relative; margin:20px 0;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; padding:3.75em 0 2.875em;}
.main .attr h2.title::before,
.main .attr h2.title::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title em{ display:block; line-height:1.375; color:#333; font-size:2em;}
.main .attr h2.title span{ display:block; line-height:1.4; color:#666; padding:1.375em 0 0; padding:1em 0 0;}
.main .attr h2.title font{ display:block; line-height:1.5; color:#888; font-size:1.125em; font-family:"Times New Roman"; text-transform:uppercase; padding:1em 0 0; padding:0.5em 0 0; margin:0 1em;}
.main .attr h2.title a{ display:block; line-height:1.925; color:#2e8bff; padding:0.85em 1em 0; float:left; transition:all ease 0.4s;}
.main .attr h2.title a:hover{ color:#cc0000;}
.main .attr h2.title a.btn{ display:block; width:7.375em; line-height:2.625; text-align:center; padding:0; border:1px solid #2e8bff; border-radius:4px; float:right; margin:0;}
.main .attr h2.title a.btn:hover{ color:#fff; background:#cc0000; border-color:#cc0000;}

.main .attr h3.title{ display:block; line-height:1.5; color:#434343; font-size:20px; text-align:center; padding:1.25em 0; margin:0.5em 0 0;}
.main .attr p.mark{ display:block; line-height:2; color:#868686; font-size:14px; text-align:center; background:#f5f5f5; padding:0.35em 1em; border:1px solid #eee; margin:0 0 0.25em;}
.main .attr p.mark font{ margin:0 1em;}
.main p.desc{ display:block; line-height:1.5; color:#868686; font-size:14px; overflow:hidden; background:#f5f5f5; padding:0.625em 1em; border:1px solid #eee;}
.main .article{ line-height:2.25; color:#555; font-size:14px; text-align:justify; overflow:hidden; padding:1em 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}
.main h2.title + .article{ padding-top:0; margin-top:-1em;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:14px; padding:1.25em 0em; border-top:1px solid #eee; margin:0 0 0.75em;}
.main .change p{ display:block; line-height:2.25; color:#868686; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#2e8bff;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 30px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:12px; color:#999; height:24px; line-height:24px; text-align:center; padding:3px 10px; border:1px solid #eee; margin:0 4px;}
.pages a:hover{ color:#fff; background:#2e8bff; border-color:#2e8bff;}
.pages span{ color:#fff; background:#2e8bff; border-color:#2e8bff;}

.main ul.teamList{ display:block; font-size:16px; overflow:hidden; padding:20px 0 20px;}
.main ul.teamList li{ display:block; overflow:hidden; padding:0 0 16px;}
.main ul.teamList li a{ display:block; overflow:hidden; cursor:pointer; padding:18px; border:1px solid #eee; transition:all ease 0.4s;}
.main ul.teamList li a img{ display:block; width:138px; height:162px; object-fit:cover; float:left; margin:0 28px 0 0;}
.main ul.teamList li h4{ display:block; line-height:1.5; color:#5a5a5a; font-size:1em; overflow:hidden; padding:0 0 0.5em; transition:all ease 0.4s;}
.main ul.teamList li .txt{ display:block; height/:10em; line-height:2; color:#666; font-size:13px; overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:99;
}
.main ul.teamList li a:hover{ border-color:#2e8bff;}
.main ul.teamList li a:hover h4{ color:#2e8bff;}

.main ul.honorList{ display:block; overflow:hidden; padding:16px; margin:0 -20px 10px;}
.main ul.honorList li{ display:block; width:33.33%; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; cursor:pointer; margin:16px; border:1px solid #eee;}
.main ul.honorList li a img{ display:block; width:100%;}

.main ul.lessonList{ display:block; overflow:hidden; padding:20px 0 20px; margin:0 -12px;}
.main ul.lessonList li{ display:block; width:25%; overflow:hidden; padding:0 12px 16px; box-sizing:border-box; float:left;}
.main ul.lessonList li a.pic{ display:block; overflow:hidden; padding:12px; border:1px solid #eee; transition:all ease 0.4s;}
.main ul.lessonList li a.pic img{ display:block; width:100%; height:230px;}
.main ul.lessonList li a.title{ display:block; line-height:2; color:#434343; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.5em 6px 0;}
.main ul.lessonList li p{ display:block; line-height:1.75; color:#999; font-size:13px; overflow:hidden; padding:0 6px;}
.main ul.lessonList li p font{ color:#ff3c00;}
.main ul.lessonList li:hover a.pic{ border-color:#2e8bff;}
.main ul.lessonList li:hover a.title{ color:#2e8bff;}

.lessoninfo{ overflow:hidden;}
.lessoninfo img.pic{ display:block; width:176px; height:226px; padding:12px; border:1px solid #eee; float:left; margin:56px 74px;}
.lessoninfo h4{ display:block; line-height:2; color:#434343; font-size:20px; overflow:hidden; padding:0 0 0.25em; border-bottom:1px solid #eee; margin:1.5em 0 0.75em;}
.lessoninfo p{ display:block; line-height:1.875; color:#666; font-size:14px; overflow:hidden;}
.lessoninfo p del{ color:#999;}
.lessoninfo p font{ color:#ff3c00; font-weight:bold; font-size:1.5em;}

.main ul.newsList{ display:block; font-size:14px; overflow:hidden; padding:10px 0 30px;}
.main ul.newsList li{ display:block; padding:16px 0; overflow:hidden; border-bottom:1px solid #eee;}
.main ul.newsList li span{ display:block; width:80px; height:80px; line-height:1.25; color:#fff; text-align:center; overflow:hidden; background:#2e8bff; float:left; margin-right:28px; transition:all ease 0.4s;}
.main ul.newsList li span em{ display:block; line-height:1; font-size:2em; font-weight:bold; padding:0.5em 0 0.25em;}
.main ul.newsList li a.title{ display:block; line-height:2; color:#333; font-size:15px; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.newsList li:hover a.title{ color:#2e8bff;}
.main ul.newsList li .txt{ display:block; height:3.5em; line-height:1.75; color:#888; font-size:13px; padding:0.25em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.main ul.caseList{ display:block; font-size:14px; overflow:hidden; padding:10px 0 30px;}
.main ul.caseList li{ display:block; overflow:hidden; padding:16px 0; border-bottom:1px solid #eee; position:relative; transition:all ease 0.4s;}
.main ul.caseList li a.pic{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.caseList li a.pic img{ display:block; width:186px; height:108px;}
.main ul.caseList li a.title{ display:block; line-height:2; color:#434343; font-size:15px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.caseList li a.title:hover{ color:#2e8bff;}
.main ul.caseList li span{ display:block; line-height:2; color:#999; font-size:13px; overflow:hidden;}
.main ul.caseList li .txt{ display:block; height:3.5em; line-height:1.75; color:#999; font-size:13px; padding:0.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.main ul.coop{ display:block; overflow:hidden; margin:10px -12px 10px;}
.main ul.coop li{ display:block; width:20%; float:left;}
.main ul.coop li a{ display:block; overflow:hidden; border:1px solid #eee; padding:12px; cursor:pointer; margin:12px; transition:all ease 0.4s;}
.main ul.coop li a:hover{ border-color:#2e8bff;}
.main ul.coop li a img{ display:block; width:100%; height:40px; object-fit:contain;}

form.msg{ display:flex; flex-wrap:wrap; justify-content:space-between; font-size:14px; overflow:hidden; padding:10px 0 40px;}
form.msg p{ display:block; width:48.5%; color:#333; overflow:hidden; box-sizing:border-box; position:relative;}
form.msg p label{ display:block; line-height:40px; color:#555; font-weight:bold; overflow:hidden; padding:1em 0 0;}
form.msg p label font{ color:#e80202; margin:0 0.25em;}
form.msg p input.text{ display:block; width:100%; height:40px; line-height:22px; color:#333; background:#fff; padding:8px 12px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box;}
form.msg p ::placeholder{ color:#999;}
form.msg input.btn{ display:block; width:48.5%; height:42px; line-height:42px; color:#fff; font-size:15px; letter-spacing:1px; background:#2e8bff; border:none; border-radius:4px; cursor:pointer; margin:2em auto 0;}


@media only screen and (max-width:1440px){

}

@media only screen and (max-width:768px){
.header .head,
.footer .foot{ width:calc(100% - 30px); min-width:0;}

.header .head{ height:60px; margin:0 auto;}
.header h1.logo a img{ height:60px;}
.header a.menu{ display:block; width:22px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; transition:all ease 0.4s;}

.nav{ width:100vw; height:100vh; font-size:16px; overflow:hidden; overflow-y:auto; background:#fff; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.4s; transform:translateX(100%);}
.nav ul{ display:block; overflow:hidden; position:relative; width:auto;}
.nav ul li{ width:auto; float:none; text-align:left; padding:0 20px; border-bottom:1px solid #f5f5f5; clear:both; margin:0 0 12px; transition:all ease 0.4s; transform:translateY(100%); opacity:0; transition-delay:0.3s;}
.nav ul li a{ width:80%; line-height:50px; color:#434343; text-align:left; padding:0; margin:0;}
.nav ul li a::before{ display:none;}
.nav ul li i{ display:block; width:10px; height:10px; border:1px solid #999; border-width:0 1px 1px 0; position:absolute; right:5%; top:25px; margin:-8px 8px 0 0; transform:rotate(45deg); transition:transform ease 0.5s;}
.nav ul li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}
.nav ul li p.sub{ position:static; width:auto; min-width:0; transform:none; box-shadow:none; padding:4px 0; background:#f9f9f9;}
.nav ul li p.sub a{ width:auto; font-size:15px; color:#666; line-height:46px; background:none; border-bottom:0px solid #f5f5f5; padding:0 2em; margin:0;}
.nav ul li > a:hover,
.nav ul li.on > a{ color:#434343; background:none;}
.nav ul li.cur > a{ color:#2e8bff; background:none;}
.nav ul li.close{ display:block; width:20px; height:60px; float:right; padding:0; background:url(../images/common/head_close.png) center no-repeat; background-size:100% auto; margin:0 20px; transform:translateY(0); opacity:1; border:0;}

.nav ul li:nth-child(2){ transition-delay:0.0s;}
.nav ul li:nth-child(3){ transition-delay:0.1s;}
.nav ul li:nth-child(4){ transition-delay:0.2s;}
.nav ul li:nth-child(5){ transition-delay:0.3s;}
.nav ul li:nth-child(6){ transition-delay:0.4s;}
.nav ul li:nth-child(7){ transition-delay:0.5s;}
.nav ul li:nth-child(8){ transition-delay:0.6s;}
.nav ul li:nth-child(9){ transition-delay:0.7s;}
.nav ul li:nth-child(10){ transition-delay:0.8s;}
.nav ul li:nth-child(11){ transition-delay:0.9s;}
.nav ul li:nth-child(12){ transition-delay:1.0s;}

.nav.show{ transform:translateX(0);}
.nav.show ul li{ transform:translateY(0%); opacity:1;}

.banner{ margin:60px 0 0;}

.footer{ padding:10px 0;}
.footer p.nav{ display:none;}
.footer .copyright{ font-size:12px;}

.backToTop{ width:36px; height:36px; right:12px; bottom:75px; background-size:contain; opacity:0.7;}

.main{ width:auto;}

.leftCon{ width:auto; float:none; margin:15px 0 0;}
.leftCon h2,
.leftCon p{ display:none;}
.leftCon ul{ padding:0; overflow:hidden; margin:0; display:flex;}
.leftCon ul li{ width/:25%; float/:left; flex:1;}
.leftCon ul li a{ line-height:3;}
.leftCon ul li a:hover{ color:#434343;}
.leftCon ul li.cur a{ color:#fff; background:#2e8bff;}
.leftCon ul li a:hover::before,
.leftCon ul li.cur a::before{ display:none;}

.main p.position{ font-size:13px; padding:0 15px; margin:0 -15px;}

.main .attr{ margin:15px 0; min-height:0; padding:0 15px;}
.main .attr h2.title{ font-size:14px; padding:1.75em 0;}
.main .attr > h2.title + .txt{ font-size:14px; padding:0 0 1.75em;}
.main .attr h3.title{ line-height:1.75; font-size:20px; padding:1.25em 0 0.75em; margin:0;}
.main .attr p.mark{ font-size:13px; margin:0.25em 0 0;}
.main p.desc{ font-size:13px;}
.main .article{}
.main .change{ font-size:13.5px; padding:1.2em 0; margin:0 0 0.75em;}
.main .change p{ float:none !important; max-width:none;}
.main .change p span{ display:none;}

.pages{ font-size:12px; padding:0 0 30px;}
.pages span,
.pages a{ min-width:8px; padding:2px 11px; margin:0 4px;}

.picShow .pic{ width:calc(100vw - 30px);}
.picShow a.close{ left:auto; right:0;}

.main ul.teamList{ padding:15px 0;}
.main ul.teamList li{ padding:0 0 15px;}
.main ul.teamList li a{ padding:12px;}
.main ul.teamList li a img{ width:96px; height:112px; margin:0 20px 0 0;}
.main ul.teamList li .txt{ -webkit-line-clamp:3;}

.main ul.honorList{ padding:7px 0 24px; margin:0 -7px;}
.main ul.honorList li{ width:50%;}
.main ul.honorList li a{ margin:7px;}

.main ul.lessonList{ margin:0 -7px; padding:15px 0 20px;}
.main ul.lessonList li{ width:50%; padding:0 7px 12px;}
.main ul.lessonList li a.pic img{ height:200px;}

.lessoninfo{ padding:0 0 12px;}
.lessoninfo img.pic{ float:none; margin:15px auto 0;}
.lessoninfo h4{ font-size:16px;}

.main ul.newsList{ padding:6px 0 30px;}
.main ul.newsList li{ padding:12px 0;}
.main ul.newsList li span{ margin-right:12px; transform:scale(0.9); transform-origin:left center;}

.main ul.caseList{ padding:6px 0 30px;}
.main ul.caseList li{ padding:15px 0;}
.main ul.caseList li a.pic{ margin-right:20px;}
.main ul.caseList li a.pic img{ width:148px; height:104px;}
.main ul.caseList li .txt{ padding:0.3em 0 0;}

.main ul.coop{ margin:8px -7px 30px;}
.main ul.coop li{ width:33.33%;}
.main ul.coop li a{ margin:7px;}

form.msg{ display:block; padding:15px 0 30px;}
form.msg p{ width:auto; padding:0 0 15px;}
form.msg p label{ padding:0; line-height:36px; width:15%; float:left;}
form.msg p input.text{ width:85%; height:36px; padding:6px 12px;}
form.msg input.btn{ width:70%; margin:10px auto; height:40px; line-height:40px;}



}












/**/