*{
	padding: 0;
	margin: 0;
}
.content{
	width: 100%;
	height: auto;
	background-color: #fafafa;
	font-size: 15px;
	line-height: 28px;
	overflow-x: hidden;
}
.sj-banner{
	display: none;
}
.head{
	width: 100%;
	position: relative;
}
.banner{
	width: 100%;
	height: calc(100vw * 443 / 1920);
	background-image: url("../images/banner.jpg");
	background-size: 100% 100% ;

}
.head>img{
	width: 100%;
	height: auto;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.head-login{
	position: absolute;
	right: 10%;
	top: 8%;
	color: #fff;
	display: flex;
    align-items: center;
}
.head-login a{
	color: #fff;
	text-decoration: none;
}
.head-login img{
	width: 30px;
	margin-right: 10px;
}

.introduce,.purport,.theme,.explain,.schedule,.awards,.judge,.cooperation,.contact,.finalList,.copyright,.question{
	width: 80%;
	margin-left: 10%;
	margin-top: 50px;
}
.title{
	width: 100%;
	height: 55px;
	background-color: #3a3a3b;
}
.title span{
	background-image: linear-gradient( to right, #0d4678, #53a8f5);
	color: #fff;
	font-size: 18px;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	padding-left: 20px;
	padding-right: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.introduceInfo{
	width: 94%;
	margin-left: 3%;
	font-size: 15px;
	line-height: 28px;
	margin-top: 20px;
}
.introduceInfo p{
	margin-bottom: 10px;
}
.purportInfo{
	background-image: url(../images/bg1.png);
	background-size: 100% 100%;
	width: 94%;
	margin-left: 3%;
	margin-top: 3%;
	border-radius: 10px;
	display: flex;
	color: #fff;
	padding: 20px 0;
	align-items: center;
}
.purportInfo p{
	font-size: 17px;
	margin-left: 30px;
	margin-right: 10px;
}
.purportInfo b{
	display: inline-block;
	width: 2px;
	height: 40px;
	background-color: #fff;
	margin-right: 10px;
}
.themeInfo{
	width: 94%;
	margin-left: 3%;
	margin-top: 3%;
}
.themeInfo>p{
	margin-bottom: 10px;
}
.challenge{
	background-color: #fff;
	-webkit-box-shadow: #e8e8e8 0px 0px 10px;
  	-moz-box-shadow: #e8e8e8 0px 0px 10px;
  	box-shadow: #e8e8e8 0px 0px 10px;
  	border-radius: 20px;
  	padding: 0px 3% 3% 3%;
  	margin-top: 30px;
}
.theme-title{
	background-image: url(../images/bg2.png);
	width: 86%;
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
	margin-left: -3%;
  	border-top-left-radius: 20px;
  	padding-top: 20px !important;
  	padding-bottom: 20px !important;
  	/*padding-left: 6% !important;*/
}
.theme-title span{
	display: inline-block;
	margin-left: 5%;
	font-size: 12px;
}
.theme-title1{
	background-image: linear-gradient( to right, #0e4589, #3b95e8);
	margin-top: 20px;
	font-weight: bold;
	width: auto;
	display: inline-block;
	color: #fff;
	padding: 10px 30px;
	border-radius: 30px;
}
.theme-title2{
	margin-top: 20px;
	color: #0a3963;
	font-weight: bold;
	margin-left: 30px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 5px;
}
.challenge p{
	padding: 0px 30px;
	line-height: 28px;
}

.explainInfo{
	width: 94%;
	margin-left: 3%;
	margin-top: 3%;
}
.explainInfo1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.explainInfo1>div{
	display: flex;
	align-items: flex-start;
}
.explainInfo1>div{
	max-width: 30%;
}
.explainInfo1 div img{
	margin-right: 5px;
}
.explainInfo1 div p{
	font-weight: bold;
	border-bottom: solid 1px #333;
	display: inline-block;
	margin-bottom: 5px;
}
.explainInfo1 div span{
	display: block;
	font-size: 12px;
	line-height: 18px;
}

.schedule{
	background-image: url(../images/bg3.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-bottom: 30px;
}
.scheduleInfo1{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.hexagon {
    width: 150px;
    height: 180px;
    position: relative;
    margin: 20px 3%;
    margin-bottom: 10px;
}
.hexagonInfo{
	width: 25%;
	text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hexagonInfo p{
	color: #196da9;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}
.hexagonInfo:first-child{
	margin-left: 10%;
}
.hexagonInfo:last-child .hexagon-content p{
	font-size: 14px;
}

.hexagon-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hexagon-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: background 0.4s ease;
}

.hexagon-content {
    position: relative;
    z-index: 2;
    padding: 20px 20px 0px 20px;
    text-align: center;
}
.hexagon-content div {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #fff;
}

.hexagon-content p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.hexagon-content span{
	font-size: 14px;
}

.hexagon .hexagon-inner {
    background-image: url(../images/bg4.png);
}
.scheduleInfo2{
	margin-top: 50px;
	width: 94%;
    margin-left: 3%;
}
.scheduleInfo2 div{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	position: relative;
	border-left: solid 5px #196da9;
}
.scheduleInfo2 div b{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #196da9;
	position: absolute;
	left: -12px;
	top: 20px;
}
.scheduleInfo2 div p{
	background-image: linear-gradient( to right, #0e4589, #3b95e8);
	color: #fff;
	display: inline-block;
	padding: 2px 20px;
	border-radius: 30px;
	margin-bottom: 10px;
}
.scheduleInfo2 div span{
	display: block;
}
.scheduleInfo2 div p span{
 	font-size: 12px !important;
    display: inline-block !important;
}   
.scheduleInfo3{
	margin-top: 50px;
	width: 94%;
	margin-left: 3%;
}
.scheduleInfo3>p{
	color: #2e73b2;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.scheduleInfo3>div{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.comInfo1{
	width: calc(24% - 20px);
	background-color: #f0f3f8;
	min-width: 200px;
  	margin-bottom: 20px;
}
.comInfo1-div{
	background-color: #f0f3f8;
	-webkit-box-shadow: #b7cce2 0px 0px 10px;
  	-moz-box-shadow: #b7cce2 0px 0px 10px;
  	box-shadow: #b7cce2 0px 0px 10px;
  	border-radius: 3px;
  	padding-top: 20px;
}
.comInfo1-title{
	background-image: linear-gradient( to right, #2a6daa, #eef1fa);
	display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 20px;
    padding: 10px 7%;
    align-items: center;
}
.comInfo1-title p{
	font-size: 16px;
}
.comInfo1-title p span{
	font-size: 13px;
	display: block;
}
.comInfo1-title>span{
	color: #21598c;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #f0f3f8;
	border: solid 1px #21598c;
	font-weight: bolder;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
.comInfo1-date{
	width: 90%;
	margin-left: 5%;
	margin-top: 30px;
	padding-bottom: 30px;
}
.comInfo1-date p{
	margin-bottom: 15px;
}
.comInfo1-date p span{
	font-size: 12px;
}
.awardsInfo{
	width: 94%;
	margin-left: 3%;
	margin-top: 3%;
	background-color: #f0f3f8;
}
.awardsInfo td{
	border-bottom: solid 1px #cad8ec; 
	border-right: solid 1px #cad8ec; 
	padding-top: 5px;
	padding-bottom: 5px;

}
.awards-title{
	background-color: #2d6fab;
	text-align: center;
	color: #fff;
}
.awards-title td{
	padding: 5px 0;
}
.awards-title span{
	font-size: 12px;
	display: inline-block;
	margin-left: 5px;
}
.awardsInfo tr td:first-child{
	width: 25%;
	text-align: center;
}
.awardsInfo tr td:nth-child(2){
	width: 58%;
	padding-left: 4%;
	padding-right: 4%;
}
.awardsInfo tr td:last-child{
	width: 15%;
	text-align: center;
}
.awardsInfo tr:nth-child(10) td,.awardsInfo tr:nth-child(11) td,.awardsInfo tr:nth-child(12) td,.awardsInfo tr:nth-child(13) td{
	text-align:left;    
	padding-left: 4%;
}
.awards-title1 td{
	background-image: linear-gradient( to right, #2a6daa, #eef1fa);
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.awards-title1 td span{
	width: 25%;
	text-align: center;
	display: inline-block;
	float: left;
}
.awards-title1 img{
	width: 12px;
	margin-bottom: -2px;
	margin-left: 4px;
}
.awardsInfo1>p{
	color: #2e73b2;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}
.awardsInfo1-div{
	display: flex;
	justify-content: space-between;
}
.awardsInfo1-div div{
	max-width: 50%;
	flex:1;
}
.awardsInfo1-div div p{
	background-image: linear-gradient( to right, #2a6daa, #eef1fa);
	color: #fff;
	text-align: center;
	padding: 3px 0;
	margin-bottom: 10px;
}
.judgeInfo{
	width: 94%;
	margin-left: 3%;
	margin-top: 3%;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}
.judgeInfo>div{
	background-image: url(../images/bg5.png);
	background-size: 100% 100%;
	width: 30%;
	margin-bottom: 30px;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 1%;
    min-width: 300px;
}
.judgeInfo>div>p{
	flex-shrink: 0;
	width: 35%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 2px;
}
.judgeInfo>div div p{
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.judgeInfo>div div span{
	font-size: 12px;
	line-height: 20px;
	display: inline-block;
	line-height: 16px;
}
.cooperationInfo{
	width: 94%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	display: flex;
    flex-wrap: wrap;
    justify-content: start;
    background-image: url(../images/bg6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: #b7cce2 0px 0px 10px;
  	-moz-box-shadow: #b7cce2 0px 0px 10px;
  	box-shadow: #b7cce2 0px 0px 10px;
  	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
}
.cooperationInfo>div{
	margin-bottom: 30px;
	width: 33%;
}
.erwei{
	width: 50%;display: block;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
	.cooperationInfo>div{
		margin-bottom: 30px;
		width: 50%;
	}
	.erwei{
		width: 70%;display: block;
	}
}
.cooperationInfo>div div{
	position: relative;
}
.cooperationInfo>div div p{
	color: #333;
	text-align: center;
	padding: 5px 20px;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	z-index: 2;
	font-size: 22px;
	font-weight: bolder;
	/*color: linear-gradient( to right, #124a7e, #4585ca);*/
	background: linear-gradient(to bottom, #124a7e, #4585ca);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cooperationInfo>div div span{
	display: block;
    width: 100%; 
	height: 5px;
	margin-top: 7px;
	background-image: linear-gradient(to right, #4585ca, #f0f3f8);
	-webkit-background-image:linear-gradient(to right, #4585ca, #f0f3f8);
    -moz-background-image:linear-gradient(to right, #4585ca, #f0f3f8);
    -ms-background-image:linear-gradient(to right, #4585ca, #f0f3f8);
    -o-background-image:linear-gradient(to right, #4585ca, #f0f3f8);
}
.cooperationInfo>div:last-child div span{
	left: 80px;
}
.cooperationInfo>div>p{
	margin-top: 5px;
	/*background-color: #eaeff9;
	border: solid 1px #4887c1;*/
	font-size: 14px;
	padding: 2px 20px;
	border-radius: 5px;
	display: inline-block;
}
.contactInfo{
	width: 94%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	-webkit-box-shadow: #b7cce2 0px 0px 10px;
  	-moz-box-shadow: #b7cce2 0px 0px 10px;
  	box-shadow: #b7cce2 0px 0px 10px;
  	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
  	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contactInfo>div{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 20px;
    width: 30%;
    min-width: 200px;
    margin-bottom: 20px;
}
.contactInfo>div img{
	margin-right: 10px;
	width: 25px;
}
.contactInfo>div div p{
	border-bottom: solid 1px #333;
	padding-bottom: 7px;
	margin-bottom: 10px;
	line-height: 16px;
	font-weight: bold;
}
.contactInfo>div div{
	flex-grow: 1;
}
.contactInfo>div div span{
	display: block;
	font-size: 14px;
}

.finalListInfo{
	width: 94%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	-webkit-box-shadow: #b7cce2 0px 0px 10px;
  	-moz-box-shadow: #b7cce2 0px 0px 10px;
  	box-shadow: #b7cce2 0px 0px 10px;
  	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
}
.finalListInfo div span{
	display: inline-block;
	/*width: 25%;*/
	text-align: center;
	color: #fff;
	background-image: linear-gradient( to right,#2a6daa, #eef1fa);

}
.finalListInfo p {
	display: flex;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #f0f3f8;
	border-bottom: solid 2px #cad8ec;
	align-items: center;
}

.finalListInfo p span{
	display: inline-block;
	/*width: 50%;*/
	text-align: center;
}
.finalListInfo div span:first-child{
	width: 20%;
}
.finalListInfo div span:nth-child(2){
	width: 20%;
}
.finalListInfo div span:nth-child(3){
	width: 30%;
}
.finalListInfo div span:nth-child(4){
	width: 30%;
}
.finalListInfo p span:first-child{
	width: 20%;
}
.finalListInfo p span:nth-child(2){
	width: 20%;
}
.finalListInfo p span:nth-child(3){
	width: 30%;
}
.finalListInfo p span:nth-child(4){
	width: 30%;
}
.copyrightInfo{
	width: 94%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	-webkit-box-shadow: #b7cce2 0px 0px 10px;
  	-moz-box-shadow: #b7cce2 0px 0px 10px;
  	box-shadow: #b7cce2 0px 0px 10px;
  	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
}
.question{
	margin-bottom: 50px;
}
.questionInfo{
	width: 94%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	-webkit-box-shadow: #b7cce2 0px 0px 10px;
  	-moz-box-shadow: #b7cce2 0px 0px 10px;
  	box-shadow: #b7cce2 0px 0px 10px;
  	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
}
.questionInfo div {
	margin-bottom: 15px;
}
.questionInfo div p{
	display: inline-block;
	background-image: linear-gradient( to right,#c9e1f8, #ffffff);
	margin-bottom: 10px;
	padding-left: 5px;
}
.questionInfo div span{
	display: block;
}



.foot{
	width: 80%;
	padding: 40px 10%;
	background-color: #0a3963;
}
.foot p{
	width: 100%;
	height: 1px;
	background-color: #3b6182;
	margin-bottom: 20px;
}
.foot div{
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 30px;
}



@media screen and (max-width: 768px){
	.erwei{
		width: 100%;display: block;
	}
/*.sj-banner{
	display: block;
}
.banner{
	display: none;
}*/
.head-login img{
	width: 20px;
}
.head-login span{
	font-size: 14px;
}
.introduce, .purport, .theme, .explain, .schedule, .awards, .judge, .cooperation, .contact, .finalList, .copyright, .question{
	width: 94%;
	margin-left: 3%;
	margin-top: 30px;
}
p{
	font-size: 12px;
	line-height: 20px;
}
.title{
	height: 40px;
}
.title span{
	font-size: 16px;
	height: 40px;
    line-height: 40px;
}
.purportInfo p{
	font-size: 14px;
	margin-left: 10px;
	margin-right: 0px;
	width: 100px;
}
.content{
	font-size: 12px;
	line-height: 20px;
}
.themeInfo>p{
	margin-bottom: 3px;
}
.challenge{
	padding: 0;
	margin-top: 15px;
	padding-bottom: 15px;
}
.theme-title{
	background-position:top left;
	margin-left: 0px;
}
.theme-title span{
	margin-left: 0px;
}
.challenge p{
	padding: 0 15px;
	line-height: 20px;
}
.theme-title{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.theme-title1{
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.theme-title2{
	margin-top: 10px;
	padding-bottom: 0px !important;
}
.explainInfo1>div{
	max-width: 100%;
	margin-bottom: 10px;
}
.hexagon{
	width: 110px;
    height: 130px;
}
.hexagonInfo{
	width: 40%;
}
.hexagonInfo:first-child{
	margin-left: 0;
}
.scheduleInfo1{
	align-items: flex-start;
}
.hexagon-content p{
	font-size: 14px;
}
.hexagonInfo:last-child .hexagon-content p,.hexagonInfo:last-child .hexagon-content span{
	font-size: 12px;
	line-height: 18px;
}
.schedule{
	background-size: 100% auto;
	background-repeat:repeat;
}
.scheduleInfo3>p{
	margin-bottom: 10px;
}

.comInfo1{
	min-width:180px;
}
.scheduleInfo3>div{
	justify-content: space-around;
}
.schedule{
	padding-bottom: 10px;
}
.judgeInfo{
	justify-content:space-around;
}
.finalListInfo div span:first-child,.finalListInfo p span:first-child{
	width: 26%;
	padding-left: 2%;
	padding-right: 2%;
}
.finalListInfo div span:last-child,.finalListInfo p span:last-child{
	width: 66%;
	padding-left: 2%;
	padding-right: 2%;
}

.foot{
	width: 90%;
    padding: 20px 5%;
    
}
.foot img{
	width: 20%;
}
.foot div{
	font-size: 12px !important;
}

}