body,
html {
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

.graduation-wrap {
	width: 100%;
}

.ggb-wiki-graduation-wrapper {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
	position: relative;
	box-sizing: border-box;			/* background-color: #f6f6f6; */
}

.ggb-wiki-graduation-text-t {
	text-align: right;
}

.ggb-wiki-graduation-text-t p {
	margin: 0px;
	padding: 2% 2% 2% 0%;
}

.ggb-wiki-gradutaion-text-b {
	position: relative;
	background-color: #f6f6f6;
}

.gradutaion-text-b-h5 {
	font-size: 50px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #595757;
	margin: 0;
}

.gradutaion-text-b-p {
	color: #8e8c8c;
	letter-spacing: 1px;
}

.ggb-wiki-gradutaion-text-b-wrapper {
	width: 45.7%;
	position: absolute;
	top: 26%;
	margin-left: 6%
}

.ggb-wiki-graduation-nav {
	width: 100%;
	background-color: #e9e9e9;
	overflow: hidden;
}

.ggb-wiki-graduation-nav ul {
	margin: 0;
	padding: 0;
}

.ggb-wiki-graduation-nav ul li {
	list-style: none;
	float: left;
	line-height: 58px;
	padding: 0px 6%;
}

.auxiliaryline {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.ggb-wiki-graduation-ffruit {
	width: 100%;
	overflow: hidden;
}

.ggb-wiki-graduation-ffruit-img {
	width: 53%;
	float: left;
	margin-top: 5%;
}

.ggb-wiki-graduation-ffruit-img p {
	color: #3f6176;
	letter-spacing: 1px;
}

.ggb-wiki-graduation-ffruit-text {
	width: 45%;
	float: right;
}

.ggb-wiki-graduation-ffruit-text p {
	font-size: .1rem;
}

.ggb-wiki-graduation-s1-img {
	position: relative;
	width: 61%;
	float: left;
}

.ggb-wiki-graduation-s1-img-text {
	writing-mode: tb-rl;
	position: absolute;
	letter-spacing: 5px;
	font-size: 1.6rem;
	color: #fff;
	top: 12%;
}

.ggb-wiki-textl {
	left: 2%;
}

.ggb-wiki-textl:before {
	content: '';
	border-bottom: 2px solid #fff;
	position: absolute;
	bottom: -13%;
	transform: rotate(90deg);
	width: 60px;
}

.ggb-wiki-textr:after {
	content: '';
	border-bottom: 2px solid #fff;
	position: absolute;
	top: -17%;
	right: -30%;
	transform: rotate(90deg);
	width: 60px;
}

.ggb-wiki-textc {
	left: 8%;
}

.ggb-wiki-textr {
	left: 13%;
}

.ggb-wiki-graduation-s1-text {
	width: 37%;
	float: right;
}

.ggb-wiki-graduation-s1-introduced {
	margin-top: 13%;
}

.ggb-wiki-introduced-line {
	position: relative;
	margin-left: 8%;
}

.ggb-wiki-introduced-line:before {
	content: '';
	border-bottom: 2px solid #d7d7d7;
	position: absolute;
	top: 43%;
	width: 30px;
	left: -8%;
}

.ggb-wiki-graduation-s2-wrap-text {
	width: 93%;
	margin: 4% auto;
	overflow: hidden;
}

.ggb-wiki-graduation-s2-wrap-text-l {
	width: 74%;
	float: left;
	line-height: 30px;
	text-align: center;
	padding: 4% 0%;
	color: #3f6176;
}

.ggb-wiki-graduation-s2-p1 {
	font-size: 26px;
	letter-spacing: 2px;
}

.ggb-wiki-graduation-s2-p2 {
	font-size: 20px;
}

.ggb-wiki-graduation-s3-wrap-l {
	width: 25%;
	float: left;
	margin-top: 8%;
}

.ggb-wiki-graduation-happy {
	position: relative;
	margin-top: 14%;
}

.ggb-wiki-graduation-happy:before {
	content: '';
	border-right: 2px solid #3f6176;
	position: absolute;
	bottom: 48px;
	height: 30px;
	left: 45%;
}

.ggb-wiki-graduation-happy2 {
	text-align: center;
	position: absolute;
	top: 6%;
	left: 6%
}

.ggb-wiki-graduation-happy2:after {
	content: '';
	border-right: 2px solid #3f6176;
	position: absolute;
	top: 73px;
	height: 30px;
	left: 45%;
}

.ggb-wiki-graduation-happy3 {
	text-align: center;
	position: absolute;
	bottom: 2%;
	right: 18%
}

.ggb-wiki-graduation-happy3:before {
	content: '';
	border-right: 2px solid #3f6176;
	position: absolute;
	bottom: 73px;
	height: 30px;
	left: 45%;
}

.ggb-wiki-graduation-s3-wrap-r {
	position: relative;
	width: 69%;
	float: right;
}

.ggb-wiki-graduation-s3-wrap {
	overflow: hidden;
	margin-top: 4%
}

.ggb-wiki-graduation-s4-wrap {
	width: 93%;
	margin: auto;
	overflow: hidden;
	margin-top: 5.4%;
}

.ggb-wiki-graduation-s5-wrap p {
	margin-bottom: 0%;
	color: #595757;
	font-size: 12px;
}

.ggb-wiki-graduation-s5-wrap h5 {
	color: #3f6176;
	font-size: 1.3rem;
	letter-spacing: 2px;
}

.ggb-wiki-graduation-s5-wrap img {
	vertical-align: text-bottom;
}
.s456f1{
	color: #3f6176;
	font-size:1.4rem;
	margin-bottom: 10px;
}
.s456f2{
	color: #3f6176;
	font-weight: 600
}
.s456f3{
	overflow: hidden;
	margin-top: 2.4%
}
.s456f3{
	font-size:0.8rem
}
.s456f4{
	color: #3f6176;
	font-weight: 600
}
.s456f5{
	width: 20.5%;
	float: left;
	margin-right:2%
}
.s456f6{
	width: 17.5%;
	float: left;
}
.s456f7{
	font-size: .8rem;
	margin-top: 0 
}
.s456f8{
	color: #3f6176;
	font-weight: 600;
}
.s456f9{
	width: 19.5%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
.s456f10{
	font-size: .8rem;
	margin-top: 0;
}
.s457f1{
	color: #3f6176;
	font-weight: 600;
}
.s457f2{
	width: 93%;
	margin:0 auto;
}
.s457f3{
	text-align: center;
	font-size:.6rem
}
.s457f4{
	margin:0px;
	font-size:.8rem;
}
.s457f5{
	float: left;
	width: 28%;
}
.s457f6{
	float: right;
	width: 70%
}
.s457f7{
	float: left;
	writing-mode:tb-rl;
	transform: rotate(180deg);
	font-size: 1.3rem;
	letter-spacing: 4px;
	color: #3f6176;
	font-weight: 400;
	width: 16%;
	margin-top: 4%
}
.s457f8{
	float: left;
	width:83%;
	font-size:12px;
}
.s457f9{
	color: #3f6176;
	font-weight: 600;
}
.s457f10{
	width: 64%;
}
.s458f1{
	position: absolute;
	top:10%;
	left:10%;
	width: 40%
}
.s458f2{
	display: inline-block;
	padding-right: 4%
}
.s458f3{
	display: inline-block;
}
.s458f4{
	display: inline-block;
	width: 48%;
}
.s458f5{
	width: 55%;
	float: right;
	font-size:12px;
}
.s458f6{
	color: #3f6176;
	font-weight: 600;
}
.s458f7{
	width: 100%;
	margin-top: 1%
}
.s458f8{
	text-align: center;
	color: #3f6176;
	margin-top: 10%;
	font-size: 1.6rem;
}
.s458f9{
	text-align: right;
}
.s458f10{
	margin-top: 1%;
}
.s459f1{
	float: left;
	writing-mode:tb-rl;
	/* transform: rotate(180deg); */
	font-size: 1.3rem;
	letter-spacing: 4px;
	color: #3f6176;
	font-weight: 400;
	width: 16%;
	margin-top: 4%;
	margin-right: 1%;
	letter-spacing: 16px;
}
.s459f2{
	width: 36%;
	float: left
}
.s459f3{
	width: 100%;
	overflow: hidden;
}
.s459f4{
	display: inline-block;
	width: 40%;
	font-size: 1.6rem;
	color: #3f6176;
}
.s459f5{
	font-size:1.4rem;
	font-weight: 400;
}
.s459f6{
	width: 100%;
}
.chuxian{
	display: none;
}
@media screen and (min-width: 900px) and (max-width: 1100px){
	.ggb-wiki-graduation-nav ul{
		width: 90%;
		margin: 0 auto;
	}
	.ggb-wiki-graduation-nav ul li{
		padding: 0 1%;
	}
	.gradutaion-text-b-p{
		font-size: 12px;
	}
	.ggb-wiki-graduation-s5-wrap h5{
		margin: 2%;
	}
}
@media screen and (min-width: 500px) and (max-width: 900px){
	.ggb-wiki-gradutaion-text-b-wrapper{
		top: 10%;
	}
	.gradutaion-text-b-h5{
		font-size: 20px;
	}
	.s456f5,.s459f2{
		width: 50%;
	}
	.s456f9,.s456f6{
		width: 48%;
		margin-left: 0
	}
	.ggb-wiki-graduation-s1-img-text{
		font-size:12px;
	}
	.ggb-wiki-graduation-s5-wrap h5{
		margin: 2%;
	}
	.s457f5{
		width: 100%;
	}
	.s457f6{
		width: 70%;
    	margin: 0 auto;
    	float: none;
	}
	.s459f4,.s458f5{
		width: 100%;
	}
	.s458f1{
		position: static;
		margin-top: -14%;
		width: 100%;
	}
}
@media screen and (min-width: 100px) and (max-width: 500px){
	.xiaoshi{
		display: none;
	}
	.chuxian{
		display: block;
	}
	.ggb-wiki-gradutaion-text-b-wrapper{
		position: static;
		width: auto;
	}
	.ggb-wiki-graduation-ffruit-img,.ggb-wiki-graduation-ffruit-text{
		width: auto;
		padding: 0% 2%;
	}
	.ggb-wiki-graduation-s1-img{
		width: auto;
	}
	.ggb-wiki-graduation-s1-text{
		width: auto;
	}
	.ggb-wiki-textc{
		left: 19%;
	}
	.ggb-wiki-graduation-s1-img-text{
		position: static;
	    font-size: 20px;
	    color: #696060;
	    line-height: 25px;
	    text-align: center;
	    writing-mode: inherit;
	}
	.ggb-wiki-graduation-s2-p1{
		font-size: 13px;
	}
	.s456f5,.s459f2{
		width: 50%;
	}
	.s456f9,.s456f6{
		width: 48%;
		margin-left: 0
	}
	.s457f5,.s457f10{
		width: 100%;
	}
	.s457f6{
		width: 90%;
	}
	.s459f1,.s457f7{
		writing-mode:initial;
		width: 90%;
		transform: none;
		letter-spacing: 0;
	}

	.ggb-wiki-graduation-s3-wrap-l{
		width: 100%;
	}
	.ggb-wiki-graduation-s3-wrap-r{
		width: 100%;
	}
	.s458f4{
		width: 48%;
	}
	.s458f5{
		width: 100%;
	}
	.s459f4{
		width: 100%;
		font-size: 12px;
	}
	.s458f8{
		font-size: 1rem;
	}
	.ggb-wiki-graduation-s5-wrap h5{
		font-size: 14px;
	}
	.ggb-wiki-graduation-s2-p2{
		font-size: 12px;
	}
	.ggb-wiki-graduation-happy3,.ggb-wiki-graduation-happy2{
		position: static;
	}
	.ggb-wiki-graduation-happy3:before{
		border: 0;
	}
	.s458f1{
		position: static;
		margin-top: -24%;
		width: 100%;
	}
}
@-moz-document url-prefix() {
	.ggb-wiki-graduation-ffruit-img {
		margin-top: 5%;
	}

	.ggb-wiki-graduation-ffruit-text p {
		font-size: .8rem
	}

	.ggb-wiki-graduation-ffruit-img p {
		letter-spacing: 2px;
	}

}