* {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		body {
			background: #EEF5FF;
		}

		img {
			border: 0;
		}

		a {
			text-decoration: none;
			color: #333;
		}

		a:hover {
			color: #1974A1;
		}

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

		.banner img {
			width: 100%;
			height: 100%;
		}

		/* 手风琴 */
		.route_title {
			font-size: 30px;
			font-weight: 700;
			color: #f05936;
			font-style: italic;
			text-align: center;
			background: url(./img/routeBg.png);
			background-size: 100% 100%;
		}

		.main-group {
			padding: 50px 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.content {
			width: 1200px;
			display: flex;
		}

		.item-group {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 390px;
			position: relative;
			width: 60px;
			overflow: hidden;
			transition: all .4s;
			padding-right: 5px;
		}

		.item-group .title {
			width: 45px;
			height: 330px;
			line-height: 45px;
			text-indent: 24px;
			left: 0px;
			color: #fff;
			background: #e16b47;
			font-size: 16px;
			position: absolute;
			cursor: pointer;
			z-index: 1;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			writing-mode: vertical-rl;
			transition: all .7s ease 0s;
		}

		.item-group .title:hover {
			background: #f7c59f;
			color: #e16b47;
		}

		.item-group .desc {
			box-sizing: border-box;
			height: 330px;
			background: #fff;
			padding: 30px 30px 30px calc(30px + 36px);
			color: #666;
			flex: 1;
			opacity: 0;
			transition: all 0.4s;
		}

		.item-group .desc p {
			margin-bottom: 16px;
			line-height: 25px;
			color: #ba7213;
		}

		.item-group .desc p b {
			color: #7fbed7;
		}

		.item-group .desc .btn {
			margin-top: 30px;
			display: inline-block;
			padding: 10px 30px;
			border-radius: 20px;
			color: #fff;
			background: #ee6475;
			transition: all .7s ease 0s;
		}

		.item-group .img img {
			width: 280px;
			height: 380px;
			opacity: 0;
			box-sizing: border-box;
			border: 4px solid #fff;
			transition: all 0.4s;
		}

		.item-group.self {
			width: 100%;
		}

		.item-group.self .desc {
			opacity: 1;
		}

		.item-group.self .img img {
			opacity: 1;
		}

		/* tab */

		.bigBox {
			padding-top: 30px;
		}

		.bigBox ul {
			display: none;
			overflow: hidden;
		}

		.bigBox .nav {
			width: 1000px;
			display: block;
			margin: 0 auto;
		}

		.bigBox .nav li {
			float: left;
			width: 220px;
			font-size: 18px;
			margin: 0 15px;
			font-weight: 700;
			line-height: 65px;
			text-align: center;
			color: #a56d22;
			cursor: pointer;
			background: url(./img/nav.png) no-repeat;
			background-size: 100% 100%;
		}

		.box ul li {
			margin: 50px 0;
			overflow: hidden;
			background: #F9F9F9;
		}

		.box ul li:nth-of-type(2n+1) {
			background: #F9F9F9 url(./img/botBg.png) bottom right no-repeat;
		}

		.box ul li:nth-of-type(2n) {
			background: #F9F9F9 url(./img/tleftBg.png) top left no-repeat;
		}

		.box ul li:nth-of-type(2n+1) .itemLeft {
			width: 55%;
			height: 100%;
			float: left;
			margin-right: 35px;
		}

		.box ul li:nth-of-type(2n+1) .itemLeft img {
			width: 100%;
			height: 100%;
			vertical-align: middle;
		}

		.box ul li:nth-of-type(2n+1) .itemRight {
			width: 40%;
			padding: 15px 0 0;
			display: inline-block;
		}

		.box ul li:nth-of-type(2n) .itemLeft {
			width: 40%;
			height: 100%;
			padding: 50px;
			display: inline-block;
		}

		.box ul li:nth-of-type(2n) .itemRight img {
			width: 100%;
			height: 100%;
			vertical-align: middle;
		}

		.box ul li:nth-of-type(2n) .itemRight {
			width: 55%;
			height: 100%;
			float: right;
		}

		.box ul li p {
			text-indent: 2rem;
			line-height: 30px;
			color: #c97200;
			margin: 20px 0;
		}

		.on {
			color: #fff !important;
			background: url(./img/navBg.png) no-repeat !important;
			background-size: 100% 100% !important;
		}