body {
				line-height: 1.5;
				font-size: 17px
			}

			.banner,
			.banner img {
				width: 100%
			}

			h1 {
				font-size: 36px;
				text-align: center;
				padding: 0 0 30px;
				font-weight: 700;
				font-family: Times New Roman, Times, serif
			}

			.story {
				position: relative;
				margin-bottom: 80px;
			}

			.story-page-left a {
				text-decoration: underline;
			}

			.story-page-left {
				background: #f3f3f3;
				padding: 30px;
				border-radius: 10px 0 0 10px;
				width: 85%;
				padding-right: 30%;
				clip-path: polygon(0 0, 100% 0, 67% 100%, 0 100%)
			}

			.subheading {
				font-size: 20px;
				font-weight: 500;
				margin-bottom: 20px
			}

			.story-page-left p {
				margin-bottom: 10px
			}

			.story-page-left p:last-child {
				margin-bottom: 0
			}

			.story-page-right {
				width: 42%;
				position: absolute;
				top: 15%;
				right: 0
			}

			.story-page-right iframe {
				width: 100%;
				height: 351px;
				border-radius: 10px
			}

			.story-page-right img {
				width: 100%;
			}

			h2 {
				font-size: 26px;
				font-weight: 500;
				text-align: center;
				border-top: 1px solid #bfbfbf;
				border-bottom: 1px solid #bfbfbf;
				padding: 10px 0;
				margin-bottom: 35px;
				margin-top: 50px;
				position: relative
			}

			h2 img {
				margin-right: 10px;
				margin-top: -6px
			}

			.h2line {
				position: absolute;
				display: block;
				width: 1px;
				height: 95px;
				background-color: #bfbfbf;
				left: 50%;
				top: 60px
			}

			.h2line:after {
				display: table;
				content: '';
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background-color: #bfbfbf;
				bottom: 0;
				position: absolute;
				left: -4px
			}

			.story-model .row {
				display: flex;
				margin: 0 -20px;
				flex-wrap: wrap
			}

			.story-item {
				padding: 0 20px;
				width: 50%;
				margin-bottom: 30px
			}

			.story-item a {
				display: block
			}

			.story-item-pic img {
				width: 100%;
				height: 360px;
				object-fit: cover
			}

			.story-title {
				font-size: 20px;
				font-weight: 500;
				padding-top: 15px;
				margin-bottom: 15px
			}

			.level1 .story-title {
				min-height: 75px;
			}

			.story-desc {
				font-size: 16px;
				margin-bottom: 10px
			}

			.story-location {
				font-size: 14px;
				color: #848484;
				margin: 17px 0 8px 0
			}

			.level2 .story-title {
				padding: 0;
				margin-bottom: 10px;
				min-height: 60px;
			}

			.read-more {
				font-weight: 500;
				font-size: 16px
			}

			.read-more img {
				margin-right: 10px;
				margin-top: -4px
			}

			.level2 .story-item {
				width: 25%
			}

			.level2 .story-item:first-child {
				width: 50%
			}

			.level2 .story-item .story-item-pic img {
				height: 210px
			}

			.level2 .story-item:first-child .story-item-pic img {
				height: 293px
			}

			.level3 .story-item:first-child .story-item-pic img {
				height: 465px;
				max-width: 100%;
			}

			.level3 .story-item {
				width: 50%;
				height: 100%;
				float: left
			}

			.level3 .story-item .story-item-pic {
				float: right
			}

			.level3 .story-item:first-child .story-item-pic {
				float: none
			}

			.level3 .story-item .story-location {
				padding-top: 0
			}

			.level3 .story-item .story-item-pic {
				margin-left: 22px
			}

			.level3 .story-item:first-child .story-item-pic {
				margin-left: 0
			}

			.level3 .row {
				display: block
			}

			.level3 .row:after,
			.level3 .row:before,
			.level3:after,
			.level3:before {
				display: table;
				content: ''
			}

			.level3 .row:after,
			.level3:after {
				clear: both
			}

			.level3 .story-item .story-item-pic img {
				height: 192px;
				max-width: 270px;
			}

			.level3 .story-item .story-location {
				display: none
			}

			.level3 .story-item:first-child .story-location {
				display: block
			}

			.banner1300 {
				margin: 60px 0 90px 0
			}

			.level4 .story-item {
				width: 25%
			}

			.level4 .story-item-pic img {
				height: 209px;
			}

			.read-more:hover,
			.s-title:hover,
			.story-item a:hover .story-title {
				text-decoration: underline
			}

@-webkit-keyframes clockwise {
				0% {
					-webkit-transform: rotate(0)
				}
				to {
					-webkit-transform: rotate(1turn)
				}
			}

			@keyframes clockwise {
				0% {
					transform: rotate(0)
				}
				to {
					transform: rotate(1turn)
				}
			}

			@-webkit-keyframes donut-rotate {
				0% {
					-webkit-transform: rotate(0)
				}
				50% {
					-webkit-transform: rotate(-140deg)
				}
				to {
					-webkit-transform: rotate(0)
				}
			}

			@keyframes donut-rotate {
				0% {
					transform: rotate(0)
				}
				50% {
					transform: rotate(-140deg)
				}
				to {
					transform: rotate(0)
				}
			}

			footer {
				margin-top: 100px
			}

			.level2 .story-item:first-child .story-title {
				-webkit-line-clamp: 1;
				min-height: auto;
			}

			.level2 .story-item:first-child .story-desc {
				-webkit-line-clamp: 2;
			}

			.level4 .story-title {
				font-size: 19px;
			}

			.hide {
				display: none
			}

			.u-line-2 {
				text-overflow: ellipsis;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				-o-transform: translate3d(0, 0, 0);
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
			}

			.mu_title {
				font-size: 26px;
				font-weight: 700;
				margin-top: 80px;
				margin-bottom: 30px;
				text-align: center;
			}

			@media(max-width:1499px) {
				.level2 .story-title {
					font-size: 20px
				}
			}

			@media(max-width:1399px) {
				.story-page-right {
					top: 18%
				}
				.story-item-pic img {
					height: 320px
				}
				.level2 .story-title,
				.story-title {
					font-size: 18px
				}
			}

			@media(max-width:1299px) {
				.story-page-left {
					width: 100%;
					padding-right: 48%;
					clip-path: none
				}
				.story-page-right {
					right: 30px
				}
				.story-page-right {
					top: 22%
				}
				.story-item-pic img {
					height: 300px
				}
				.level2 .story-item {
					width: 50%
				}
				.level2 .story-item .story-item-pic img {
					height: 293px
				}
				.level4 .story-item-pic img {
					height: auto;
				}
				.level3 .story-item .story-item-pic img {
					max-width: 100%;
				}
				.level3 .story-item .story-item-pic {
					float: none
				}
				.level3 .story-item .story-item-pic {
					margin-left: 0
				}
				.level3 .story-item:first-child .story-item-pic img {
					height: 293px
				}
				.level3 .story-item .story-location {
					display: block
				}
				.level3 .story-item .story-location {
					padding-top: 17px
				}
				.level3 .story-desc {
					min-height: 72px
				}
				.level4 .story-item {
					width: 50%
				}
			}

			@media(max-width:1099px) {
				.story-page-left {
					padding-right: 30px;
				}
				.story-page-right {
					display: none;
				}
				h1 {
					font-size: 32px; padding-bottom: 0;
				}
			}

			@media(max-width:999px) {
				.level2 .story-item .story-item-pic img,
				.level2 .story-item:first-child .story-item-pic img {
					height: 210px;
				}
				h2 {
					font-size: 24px;
				}
			}

			

			@media(max-width:767px) {
				.banner {
					overflow: hidden
				}
				.banner img {
					display: block;
					width: 150%;
					margin-left: -25%;
					object-fit: cover;
					max-width: inherit
				}
				h1 {
					font-size: 22px; margin-bottom: 20px;
				}
				.story-page-left{
					padding: 20px;
				}
				.subheading{
					font-size: 18p; margin-bottom: 10px;
				}
				body{
					font-size: 15px;
				}
				.story{
					margin-bottom: 20px;
				}
				h2{
					margin-top: 30px;margin-bottom: 30px;  font-size: 18px;

				}
				.h2line{
					display: none;
				}
				.level2 .story-item:first-child{
					width: 100%;
				}
				.level2 .story-item{
					width: 100%;margin-bottom: 10px;
				}
				
				.story-desc{
					font-size: 15px;
				}
				.story-location{
					margin: 10px 0 8px 0;
				}
				.level2 .story-title{
					margin-bottom: 5px;
				}
				footer{
					margin-top: 40px;
				}
			}