@charset "utf-8";

body,
html {
	width: 100%;
	overflow-x: hidden;
	font: calc(100vw / 120) arial;
	/* min-width: 1345px; */
}

/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
fieldset,
lengend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td,
/* table elements 表格元素 */
div {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus {
	outline: none;
}

/* 设置默认字体 */
body,
button,
input,
select,
textarea {
	font: 12px/1 "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	/* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

body,
a {
	color: #666;
}

h1 {
	font-size: 18px;
	/* 18px / 12px = 1.5 */
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4,
h5,
h6 {
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

i,
em,
b {
	font-style: normal;
}

address,
cite,
dfn,
em,
var {
	font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
	font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul,
ol {
	list-style: none;
}

/* 重置浏览器默认样式 select */
select,
option,
option select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* 重置文本格式元素 */
a,
s {
	text-decoration: none;
	outline: none;
	blur: expression(this.onFocus=this.blur());
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

/*a:hover { text-decoration: underline;}*/
abbr[title],
acronym[title] {
	/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}

q:before,
q:after {
	content: '';
}

/* 重置表单元素 */
legend {
	color: #000;
}

/* for ie6 */
fieldset,
img {
	border: none;
	/* img 搭车：让链接里的 img 无边框  注：optgroup 无法扶正*/
}

button,
input,
select,
textarea {
	font-size: 100%;
	/* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td {
	border: 1px solid #ddd;
}

/* 重置 hr */
hr {
	border: none;
	height: 1px;
}

/* 表单 在浏览器上的默认样式*/
input,
input:focus,
button,
button:focus,
textarea,
textarea:focus {
	outline: none;
	border: none;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
	overflow-y: scroll;
}

/* ie7以下两个以上的 li浮动产生的空白间隙bug */
li {
	+vertical-align: top;
	_vertical-align: top;
}

/* ie下li元素的内联元素底部产生空白 */
li * {
	*zoom: 1;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* ie下图片标签上有空白 */
img {
	vertical-align: middle;
	*vertical-align: top;
}

/* ie下input标签文本居中 */
input {
	vertical-align: middle;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* 以下为自用公共样式 */
/* 浮动 */
.fl,
.fl-li li,
.fl-a {
	float: left;
	_display: inline;
}

.fr,
.fr-li li,
.fr-a {
	float: right;
	_display: inline;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.padd {
	padding: 0.1px;
}

.opacity {
	filter: alpha(opacity=80);
	/* IE */
	-moz-opacity: 0.8;
	/* 老版Mozilla */
	-khtml-opacity: 08;
}

/* 清除浮动 */
.cb:after {
	content: ".";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

/* 内联块级元素 */
.ib,
.flexslider .hd ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.transition {
	transition: all .5s cubic-bezier(0, 0.93, 1, 1);
	-webkit-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
	-moz-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
	-ms-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
	-o-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
}

.db {
	display: block;
}

.th {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.es {
	overflow: hidden;
	display: -webkit-box;
	text-align: justify;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.es.es-3 {
	-webkit-line-clamp: 3;
}

.es.es-1 {
	-webkit-line-clamp: 1;
}

.wh {
	width: 100%;
	height: 100%;
}

.w {
	width: 100%;
}

.h {
	height: 100%;
}

.pr {
	position: relative;
}

.oh {
	overflow: hidden;
}

.br {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
}

.bg {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.container {
	padding-left: 6.25%;
	padding-right: 6.25%;
	padding-top: .1px;
}

.df {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.fz {
	font-size: 0;
}

.align-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.df-between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}

.df-justify-center {
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}

.df-flex-auto {
	-webkit-box-flex: auto;
	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: auto;
	/* OLD - Firefox 19- */
	-webkit-flex: auto;
	/* Chrome */
	-ms-flex: auto;
	/* IE 10 */
	flex: auto;
}

.df-flex-1 {
	-webkit-box-flex: 1;
	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;
	/* OLD - Firefox 19- */
	-webkit-flex: 1;
	/* Chrome */
	-ms-flex: 1;
	/* IE 10 */
	flex: 1;
}

.flex-flow {
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
}

.df-shrink {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.text-center {
	text-align: center;
}

.title {
	line-height: 1.5;
}

.text-center {
	text-align: center;
}

.hide {
	display: none;
}

/*公共样式结束*/

/*header*/
#header {}

.mobile-logo {
	display: none;
}

.mobile-btn-all {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 3%;
	z-index: 99999999999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
}

.mobile-btn-all a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	transition: all .3s;
}

.mobile-btn-all a svg {
	width: 100%;
	height: 100%;
	fill: #333;
}

.mobile-btn-all #btn-close {
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
}

.mobile-btn-all.on #btn-close {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.mobile-btn-all.on #btn-close svg {
	fill: #fff;
}

.mobile-btn-all.on #btn-open {
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}

.mobile-nav {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(51, 51, 51, .3);
	transition: all .55s cubic-bezier(0.4, 0, 0, 1);
}

.mobile-nav ul {
	width: 85%;
	height: 100%;
	padding: 5%;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}

.mobile-nav ul li {
	width: 100%;
	margin-bottom: 10%;
	padding-left: 10%;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10%;
}

.mobile-nav ul li>a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #333;
}

.mobile-nav.on {
	opacity: 1;
	left: 0;
	visibility: visible;
}

/*header*/

@media (max-width:1400px) {
	.zd-fz-12 {
		font-size: 12px !important;
	}

	.zd-fz-13 {
		font-size: 13px !important;
	}

	.zd-fz-14 {
		font-size: 14px !important;
	}

	.zd-fz-15 {
		font-size: 15px !important;
	}

	.zd-fz-16 {
		font-size: 16px !important;
	}

	.zd-fz-17 {
		font-size: 17px !important;
	}

	.zd-fz-18 {
		font-size: 18px !important;
	}

	.zd-fz-19 {
		font-size: 19px !important;
	}

	.zd-fz-20 {
		font-size: 20px !important;
	}

	html,
	body {
		font-size: calc(100vw / 100);
	}

	.container {
		padding-left: 5.3%;
		padding-right: 5.3%;
	}
}

@media (max-width:1024px) {
	.ipad-fz-12 {
		font-size: 12px !important;
	}

	.ipad-fz-13 {
		font-size: 13px !important;
	}

	.ipad-fz-14 {
		font-size: 14px !important;
	}

	.ipad-fz-15 {
		font-size: 15px !important;
	}

	.ipad-fz-16 {
		font-size: 16px !important;
	}

	.ipad-fz-17 {
		font-size: 17px !important;
	}

	.ipad-fz-18 {
		font-size: 18px !important;
	}

	.ipad-fz-19 {
		font-size: 19px !important;
	}

	.ipad-fz-20 {
		font-size: 20px !important;
	}

	html,
	body {
		font-size: 78%;
	}
}

@media (max-width:768px) {
	.mb-fz-12 {
		font-size: 12px !important;
	}

	.mb-fz-13 {
		font-size: 13px !important;
	}

	.mb-fz-14 {
		font-size: 14px !important;
	}

	.mb-fz-15 {
		font-size: 15px !important;
	}

	.mb-fz-16 {
		font-size: 16px !important;
	}

	.mb-fz-17 {
		font-size: 17px !important;
	}

	.mb-fz-18 {
		font-size: 18px !important;
	}

	.mb-fz-19 {
		font-size: 19px !important;
	}

	.mb-fz-20 {
		font-size: 20px !important;
	}

	html,
	body {
		font-size: 80%;
	}

	.container {
		padding-left: 3%;
		padding-right: 3%;
	}

	.mobile-btn-all {
		opacity: 1;
		visibility: visible;
	}

	#header .header-pc,
	.page-paging-box a:nth-child(2),
	.page-paging-box a:nth-last-child(2),
	.page-search,
	.page-line,
	.details-right-sher,
	.page-details-box .details-left .details-time span:nth-child(2),
	.page-research-box li .time,
	.page-form-box .img-box,
	.page-form-box .right-form::before {
		display: none;
	}

	#header {
		height: 5rem;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background-color: #fff;
		box-shadow: 0px 0px 10px #ddd;
	}

	#main {
		margin-top: 5rem;
	}

	#banner .swiper-container .swiper-wrapper .swiper-slide .page-title-box .page-bottom-box {
		width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding: 0 10px !important;
	}

	#banner .swiper-container .swiper-wrapper .swiper-slide .page-title-box h1 {
		font-size: 2.75rem !important;
	}
  
	.banner .swiper .swiper-box {
		display: none;
	}

	.banner .mySwiperbanner .swiper-box {
		display: none;
	}

	/* 通知公告 */
	.page-news-box .news-body {
		flex-direction: column;
	}

	.page-news-box .news-body .body-left {
		width: 100%;
		height: 100%;
	}

	.page-news-box .news-body .body-left .left-p p {
		margin-top: 0px;
	}

	.page-news-box .body-right {
		padding-left: 0px;
		margin-top: 30px;
	}

	/* 赛事新闻 */
	.page-event-box .page-news-box .news-top ul {
		flex-direction: column;
	}

	.page-event-box .page-news-box .news-top li {
		width: 100%;

	}

	/* 案例 */
	.index-title-box .tab a {
		padding: 0px 1.875rem;
	}

	#index-teaching .list .slide-flex .slide-left {
		width: 100%;
		height: 100%;
	}

	#index-teaching .list .slide-flex {
		flex-direction: column;
	}

	#index-teaching .list .slide-flex .slide-right {
		display: flex;
		justify-content: space-between;
	}

	#index-teaching .list .slide-flex .slide-right .right-top {
		width: 49%;
		height: 100%;
		margin: 0;
	}

	#index-teaching .list .slide-flex .slide-right .right-bottom {
		width: 50%;
		height: 49%;
	}

	#index-teaching .index-title-box .tab-right {
		display: none;
	}

	#index-teaching .index-title-box .tab {
		width: 100%;
	}

	/* 资源发布 */
	.page-resources-box .index-title-box .tab a {
		font-size: 1rem;
	}

	.page-resources-box .index-title-box .tab a.on {
		font-size: 1rem;
	}

	/* 通知公告 */
	.page-notice-box {
		height: 15rem;
	}

	.page-notice-box .notice-top {
		width: 15rem;
	}

	/* 01通知公告-详情 */
	.page-details-box .details-page-right {
		display: none;
	}

	.page-details-box .details-left {
		width: 100%;
		padding: 0;
	}

	.details-right-sher {
		display: none;
	}

	.page-details-box .details-left .font-max {
		margin: 0;
	}

	.page-details-box .details-left .details-time span:nth-child(2) {
		display: none;
	}
	
	/* 02赛事新闻 */
	.page-swiper-news .swiper-box{
		width: 100%;
	}
	
	.page-news-box .news-bottom li{
		padding-left: 0px;
	}
	
	.eventnews .page-news-box .news-bottom li a{
		flex-direction: row-reverse;
		padding-right: 0;
	}
	
	.eventnews .page-news-box .news-bottom li .time{
		display: none;
	}
	
	.eventnews .page-news-box .news-bottom li .img-box{
		width: 40%;
	}
	
	/* 典型案例 */
	.classic .padding{
		padding: 0;
		padding-top: 4rem;
	}
	
	/* 资源发布 */
	.page-down-box .search{
		width: 100%;
	}
	
	.page-down-box .list li{
		width: 100%;
		
	}
	
	/* footer */
	.bottom .footer .footer-top{
		display: none;
	}
	.bottom .footer .footer-body{
		display: none;
	}
	.bottom .footer .footer-body img{
		display: none;
	}
	
	.bottom .footer .footer-body ul{
		display: none;
	}
	
	.bottom .footer .footer-bottom{
		flex-direction: column;
		height: auto;
		padding-bottom: 10px;
	}
	
	.bottom .footer .footer-bottom ul{
		padding-right: 0rem;
		flex-direction: column;
	}
	
	.bottom .footer .footer-bottom ul li{
		margin: 10px 0px;
	}
	
	.banner{
	  margin:0px;
	}
	
	.bottom-footer{
	  margin:0px;
	}
}