@charset "utf-8";


.szgszc-outer {

	padding-top: 50px;

	padding-bottom: 65px;

}



.szgszc-box {

	background: url(../image/module1Bg.png) no-repeat center;

	-webkit-background-size: cover;

	background-size: cover;

	padding: 40px 0 25px;

	text-align: center;

}



.szgszc-box h2 {

	font-size: 30px;

	color: #0368D3;

	font-weight: bold;

	margin-bottom: 15px;

}



.szgszc-box p {

	color: #333;

	font-size: 22px;

	line-height: 1.5;

	max-width: 860px;

	margin: 0 auto 30px;

}



.szgszc-box a {

	display: inline-block;

	margin: auto;

	color: #fff;

	font-size: 15px;

	padding: 7px 25px;

	background: #FD800A;

	border-radius: 4px;

}



.szgszc-body {

	margin-top: 30px;

}



.szgszc-li {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-top: 15px;

	padding-bottom: 15px;

}



.szgszc-img {

	margin-right: 15px;

	

}



.szgszc-txt {

	text-align: left;

	flex: 1;

}



.szgszc-txt h3 {

	margin-top: 0;

	margin-bottom: 10px;

	color: #333;

	font-size: 24px;

}



.szgszc-txt p {

	line-height: 1.5;

	color: #666;

	font-size: 14px;

}



.szgszc-txt a {

	display: inline-block;

	text-align: center;

	color: #fff;

	font-size: 15px;

	padding: 7px 25px;

	background: #FD800A;

	border-radius: 4px;

}

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

	.szgszc-txt h3{

		font-size: 18px;

	}

}

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

	.szgszc-box h2{

		font-size: 34px;

	}

	.szgszc-box p{

		font-size: 18px;

	}

	.szgszc-txt a{

		font-size: 12px;

	}

	.szgszc-box{

		padding: 25px 0;

	}

	.szgszc-outer{

		padding-top: 30px;

		padding-bottom: 30px;

	}

}

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

	.szgszc-box h2{

		font-size: 22px;

	}

	.szgszc-box p{

		font-size: 14px;

	}

}









.registration-outer {

	padding-top: 50px;

	padding-bottom: 65px;

	background: url(../image/bg3.jpg) no-repeat center;

	-webkit-background-size: cover;

	background-size: cover;

}



.data-box,

.process {

	padding-top: 50px;

}



.data-box-inner {

	background: #fff;

	box-sizing: border-box;

	padding: 30px 0 30px 30px;

}



.data-box-inner h3 {

	color: #191B1B;

	font-size: 24px;

	font-weight: bold;

	margin-top: 0;

	margin-bottom: 15px;

}



.data-ul {

	display: flex;

	flex-wrap: wrap;

}



.data-ul li {

	display: inline-block;

	font-size: 15px;

	color: #1a1a1a;

	padding: 10px 10px;

}



.data-ul li span {

	display: inline-block;

	color: #fff;

	width: 23px;

	height: 23px;

	background: #D01818;

	border-radius: 50%;

	text-align: center;

	line-height: 23px;

	margin-right: 5px;

}



.data-ul-img {

	margin-top: 20px;

}







.process .data-box-inner {

	padding: 30px;

	height: 100%;

}



.registration-body>.row {

	display: flex;

	width: 100%;

}



.data-box {

	flex: 5;

}



.process {

	flex: 7;

}



.process-ul {

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

}



.process-ul li {

	flex: 1;

	overflow: hidden;

	border-radius: 8px;

	border: 1px solid #eee;

	box-sizing: border-box;

	padding-bottom: 15px;

	margin-right: 15px;

}



.process-ul li:last-child {

	margin-right: 0;

}



.process-ul li img {

	margin: auto;

	width: 100%;

}



.process-txt {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 10px;

}



.process-txt span {

	width: 35px;

	height: 35px;

	background: #fd800a;

	text-align: center;

	line-height: 35px;

	color: #fff;

	font-size: 16px;

	display: inline-block;

	margin-right: 8px;

}



.process-txt div h4 {

	font-size: 16px;

	margin-top: 0;

	margin-bottom: 0px;

	color: #D01818;

}



.process-txt div p {

	font-size: 13px;

	color: #555;

	margin-bottom: 0;

}



.process .data-box-inner>p {

	color: #333;

	font-size: 17px;

	margin-top: 40px;

	text-align: center;

}



.process .data-box-inner>p b {

	color: #D01818;

}



.process-link {

	margin-top: 20px;

	text-align: center;

}



.process-link a {

	display: inline-block;

	color: #fff;

	font-size: 20px;

	padding: 15px 45px;

	background: linear-gradient(to right, #D01818, #FD800A);

}



.process-link a:hover {

	background: linear-gradient(to right, #D01818, #D01818);

}



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

	.registration-body>.row {

		flex-wrap: wrap;

		margin: auto;

	}



	.data-box {

		flex: 100%;

	}



	.process {

		flex: 100%;

	}



	.data-box-inner {

		padding: 30px;

	}

}



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

	.registration-outer{

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.core-title h2{

		font-size: 22px;

	}

	.data-box,

	.process {

		padding-top: 30px;

	}



	.process-txt span {

		width: 25px;

		height: 25px;

		line-height: 25px;

		font-size: 13px;

	}



	.process-txt div h4 {

		font-size: 14px;

	}



	.process-txt div p {

		font-size: 12px;

	}

	.core-title p{

		font-size: 18px;

	}

}



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

	.process-ul li {

		flex: 45%;

		

	}

	.process-ul li:nth-child(-n+2){

		margin-bottom: 15px;

	}



	.process-ul li:last-child {

		margin-right: 15px;

	}

}

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

	.core-title h2{

		font-size: 22px;

	}

	.core-title p{

		font-size: 14px;

	}

}











.collection-outer {

	background: #fff;

}



.collection-title {

	text-align: center;

	background: url(../image/bg4.jpg) no-repeat center;

	-webkit-background-size: cover;

	background-size: cover;

	padding-top: 35px;

	padding-bottom: 35px;

}



.collection-title h2 {

	font-size: 30px;

	color: #fff;

	margin-top: 0;

	margin-bottom: 0;

}



.collection-inner {

	background: #fff;

	box-shadow: 0 0 15px rgba(235, 37, 30, .4);

	padding-bottom: 50px;

	padding-top: 60px;

	position: relative;

	z-index: 2;

	margin: 40px auto 50px;

}



.collection-inner ul {

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	margin-bottom: 35px;

	box-sizing: border-box;

	padding-left: 80px;

	padding-right: 80px;

}



.collection-li {

	flex: 1;

	margin: 0 15px;

}



.collection-li:first-child {

	margin-left: 0;

}



.collection-li:last-child {

	margin-right: 0;

}



.collection-li img {

	margin: auto;

	box-shadow: 0 2px 5px #aaa;

}



.collection-li p {

	border-bottom: 2px solid #D01818;

	text-align: center;

	font-size: 16px;

	padding: 20px 0;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.collection-li p span {

	display: inline-block;

	text-align: center;

	color: #fff;

	font-size: 14px;

	width: 23px;

	height: 23px;

	line-height: 23px;

	background: #fd800a;

}



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

	.collection-inner ul {

		padding-left: 50px;

		padding-right: 50px;

		margin-bottom: 0;

	}



	.collection-li p {

		font-size: 14px;

		max-width: 172px;

		margin: auto;

	}



	.collection-li {

		flex: 30%;

		

		margin: 0 0 50px;

	}

}



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

	.collection-title h2 {

		font-size: 30px;

	}



	.collection-li {

		margin-bottom: 30px;

	}



	.process-link a {

		font-size: 16px;

	}

}

@media screen and (max-width: 767px) {
	.data-box-inner h3 {
    color: #191B1B;
    font-size: 22px;
}

	.collection-li {

		flex: 45%;

	}

}

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

	.collection-li {

		flex: 100%;

	}

}



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

	.collection-title h2 {

		font-size: 22px;

	}



	.process-link a {

		font-size: 14px;

	}

}



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

	.process-link a {

		padding: 15px 30px;

	}

}















.category-wai{

	padding: 0;

}

.category-outer {

	padding: 20px 15px;

	background: #fff;

	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);

	margin-bottom: 20px;

	border-bottom: 3px solid #0368D3;

	

}

.category-inner{

	

}



.detail-body {

	padding-left: 20px;

	padding-right: 0;

	margin-bottom: 50px;

}

.detail-nei{

	padding: 45px 25px 25px;

	overflow: hidden;

	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);

	border-bottom: 3px solid #0368D3;

}



.category-inner>h2 {

	border-left: 4px solid #2a49ca;

	margin-left: -15px;

	margin-top: 0;

	margin-bottom: 15px;

	padding: 5px 0 5px 18px;

	text-align: left;

	color: #ee952f;

	font-size: 18px;

	font-weight: 500;

}


.category-li{

	position: relative;

	width: 100%;

	margin-bottom: 1px;

}

.category-li h2{

	background: #eee;

	color: #000;

	font-size: 18px;

	overflow: hidden;

	cursor: pointer;

	padding: 10px 15px;

	

	margin: 0;

}

.category-li h2 b{

	float: right;

	display: inline-block;

	width: 10px;

	text-align: center;

	font-size: 18px;

}



.category-li ul{

	

}

.category-stage{

	

}

.category-stage .iconfont{

	color: #666;

	font-size: 15px;

}

.category-stage a{

	display: block;

	color: #666;

	font-size: 14px;

	padding: 10px 15px;

}



.category-stage:hover{

	background: #eee;

}



.category-news-li{

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 5px 0;

}

.category-news-li a{

	display: inline-block;

	flex: 1;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #000;

}

.category-news-li span{

	color: #999;

}

.category-news-li:hover a{

	color: #0368D3;

}



.category-contact li{

	color: #000;

	padding: 3px 0;

}





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

	.detail-body,

	.category-wai{

		padding: 0 15px;

	}

	.detail-nei{

		padding: 25px;

	}

}







.xgnewsbox{
    margin-top: 30px;
    padding: 30px 25px 25px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    border-bottom: 3px solid #0368D3;
}
.xgnewsbox_title{
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: 1px #f3f3f3 solid;
    padding-bottom: 15px;
}
.xgnewsbox ul{}
.xgnewsbox ul li{
    font-size: 16px;
    border-bottom: 1px #eee dashed;
    margin-bottom: 13px;
}
.xgnewsbox ul li a{
    display: inline-block;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}
.xgnewsbox ul li span{
    color: #999;
    float: right;
}