.container {
    width: 100%;
}
.header-banner {
    background: url(../images/seobanner.jpg) top center;
    color: #fff;
    position: relative;
}
.bannerseo {
    height: 985px;
}
.bannerseo .box {
    height: 100%;
    padding-top: 128px;
}
.bannerseo .container {
    position: relative;
    height: 100%;
}
.bannerseo img {
    border: 0;
    max-width: 100%;
    max-height: 100%;
}
.seo1 {
    padding: 101px 0 93px 0;
    overflow: hidden;
    background: url(../images/bg.jpg) repeat-y top center;
}
.seo-title {
	text-align: center;
	font-size: 40px;
	color: #333
}

.seo-title span {
	font-weight: bold;
	color: #00bafe;
	padding: 0 13px
}

.seo1 {
	padding: 101px 0 93px 0;
	overflow: hidden;
	background: url("../images/bg.jpg") repeat-y top center
}

.seo1 .seo-info {
	padding-top: 44px;
	overflow: hidden
}

.seo1 .seo-info img {
	display: block;
	overflow: hidden;
	max-height: 100%;
	max-width: 100%;
}
.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.home-one {
	padding: 99px 0 23px 0;
	overflow: hidden
}

.home-one .home-bottom {
	padding: 60px 52px;
	overflow: hidden
}

.home-one .home-bottom ul {
	margin: 0 -13px
}

.home-one .home-bottom ul li {
	width: 25%;
	float: left;
	padding: 0 13px 26px 13px
}

.home-one .home-bottom ul li .box {
	border: 1px solid #dcdcdc;
	padding: 42px 10px 36px 10px;
	-webkit-transition: .5s;
	transition: .5s
}

.home-one .home-bottom ul li .box .pic {
	width: 77px;
	height: 77px;
	margin: 0 auto
}

.home-one .home-bottom ul li .box .pic img {
	-webkit-transition: .5s;
	transition: .5s
}

.home-one .home-bottom ul li .box .pic .oh {
	opacity: 0;
	display: none \9
}

.home-one .home-bottom ul li .box .text {
	text-align: center;
	padding-top: 15px
}

.home-one .home-bottom ul li .box .text .bt {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 14px
}

.home-one .home-bottom ul li .box .text .jsh {
	font-size: 14px;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	color: #999
}

.home-two {
	padding: 99px 0 101px 0;
	overflow: hidden;
	background: url("../images/bg2.jpg") no-repeat top center;
	background-size: cover
}

.home-two .youshi {
	overflow: hidden;
	padding: 0 80px;
	margin-top: 71px;
	margin-bottom: 48px
}

.home-two .youshi li {
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 14px;
	line-height: 54px
}

.home-two .youshi li .num {
	font-size: 36px;
	color: #ff950d;
	display: inline-block;
	vertical-align: top
}

.home-two .youshi li .num span {
	color: #ff950d;
	font-family: "DINPro-Regular";
	font-weight: normal;
	display: inline-block;
	text-align: center;
	vertical-align: top
}

.home-two .youshi li p {
	color: #005cbd;
	font-size: 36px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.home-two .two-list {
	overflow: hidden
}

.home-two .two-list li {
	width: 20%;
	float: left;
	text-align: center
}

.home-two .two-list li .bt {
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 41px
}

.home-two .two-list li .b1 {
	color: #922e6f
}

.home-two .two-list li .b2 {
	color: #066c6a
}

.home-two .two-list li .b3 {
	color: #d33a33
}

.home-two .two-list li .b4 {
	color: #f3ba32
}

.home-two .two-list li .b5 {
	color: #315a8e
}

.home-two .two-list li .pic {
	width: 139px;
	height: 153px;
	margin: 0 auto
}

.home-two .two-list li .jsh {
	font-size: 21px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-top: 41px;
	line-height: 39px
}

.home-three {
	padding: 101px 0 111px 0;
	overflow: hidden;
	background: url("../images/bg1.jpg") no-repeat top center;
	background-size: cover
}

.home-three .seo-title {
	color: #fff;
	margin-bottom: 17px
}

.home-three .seo-title span {
	color: #fff
}

.home-three .seo-p {
	color: #fff;
	text-align: center;
	font-size: 30px
}

.home-three ul {
	overflow: hidden;
	margin: 83px -10px 0 -10px
}

.home-three ul li {
	width: 200px;
	float: left;
	text-align: center;
	margin: 0 10px
}

.home-three ul li .box {
	background: url("../images/bb1.png") no-repeat top center;
	height: 430px
}

.home-three ul li .box5 {
	background: url("../images/bb5.png") no-repeat top center
}

.home-three ul li .box2 {
	background: url("../images/bb2.png") no-repeat top center
}

.home-three ul li .box3 {
	background: url("../images/bb3.png") no-repeat top center
}

.home-three ul li .box4 {
	background: url("../images/bb4.png") no-repeat top center
}

.home-three ul li .bt {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 105px;
	height: 130px
}

.home-three ul li .jsh {
	font-size: 22px;
	color: #333;
	line-height: 40px;
	margin-top: 20px
}

.home-three ul li .jsh span {
	color: #f00
}

.home-three ul li .jsh1 {
	margin-top: 80px
}

.home-three ul li .jsh2 {
	margin-top: 60px
}

.home-three ul li .jsh3 {
	margin-top: 40px
}

.home-four {
	padding: 98px 0 78px 0;
	overflow: hidden
}

.home-four ul {
	padding: 0 19px
}

.home-four ul li {
	overflow: hidden;
	margin-bottom: 20px
}

.home-four ul li .text {
	float: left;
	/* width: 603px */
	width: 500px;
}

.home-four ul li .text .bt {
	/* font-size: 32px; */
	font-size: 28px;
	color: #00bafe;
	margin-bottom: 45px
}

.home-four ul li .text .jsh p {
	font-size: 18px;
	color: #666;
	line-height: 30px;
	background: url("../images/dot.png") no-repeat left 7px;
	padding-left: 39px;
	margin-bottom: 30px
}

.home-four ul li .pic {
	float: right;
	width: 528px;
	height: 263px;
	margin-top: 11px;
	margin-right: 72px
}

.home-four ul .odd .pic {
	float: left;
	width: 540px;
	height: 382px;
	margin-top: 0;
	margin-right: 0
}

.home-four ul .odd .text {
	padding-top: 22px;
	float: right
}

.home-four ul .odd .text .jsh {
	padding-right: 62px
}

.home-six {
	padding: 100px 0 108px 0;
	overflow: hidden;
	background: url("../images/bg3.jpg") no-repeat top center;
	background-size: cover
}

.home-six .home-bottom {
	padding-top: 70px;
	overflow: hidden
}

.home-six .home-bottom ul li {
	width: 16.66667%;
	float: left
}

.home-six .home-bottom ul li .pic:after {
	padding-bottom: 227%
}

.home-six .home-bottom ul li .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 100% 0 0 0
}

.home-six .home-bottom ul li .pic .hover .bt {
	height: 60px;
	line-height: 30px;
	overflow: hidden;
	font-size: 22px;
	text-align: center;
	padding: 0 12px;
	margin-bottom: 13px
}

.home-six .home-bottom ul li .pic .hover .jsh {
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	display: none;
	padding: 0 10px;
	height: 140px;
	overflow: hidden
}

.home-seven {
	overflow: hidden;
	padding-top: 100px
}

.home-seven .home-bottom {
	padding: 59px 95px 63px 95px;
	overflow: hidden
}

.home-seven .home-bottom ul {
	margin: 0 -44px;
	font-size: 0
}

.home-seven .home-bottom ul li {
	width: 33.333333%;
	padding: 0 44px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 51px
}

.home-seven .home-bottom ul li .pic {
	height: 120px
}

.home-seven .home-bottom ul li .text {
	font-size: 14px;
	color: #444;
	line-height: 26px;
	margin-top: 7px
}

.home-seven .home-bottom ul li .text span {
	font-size: 20px;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	color: #333;
	margin-bottom: 13px
}

.home-nine {
	padding-bottom: 83px;
	overflow: hidden;
	background: #f4f4f4;
	padding-top: 99px
}

.home-nine .home-bottom {
	padding: 58px 58px
}

.home-nine .home-bottom ul li {
	width: 25%;
	float: left;
	padding: 0 34px;
	margin-bottom: 24px
}

.home-nine .home-bottom ul li .pic {
	background: #fff
}

.home-nine .home-bottom ul li .pic img {
	-webkit-transition: .5s;
	transition: .5s
}

.home-nine .home-bottom ul li .pic:after {
	padding-bottom: 57%
}

.home-nine .home-bottom ul li .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	padding: 16% 20px;
	opacity: 0;
	display: none \9;
	-webkit-transition: .5s;
	transition: .5s
}

.home-nine .home-bottom ul li .pic .hover h3 {
	font-size: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal
}

.floadWindowB {
	display: none
}

@media (max-width:1320px) {
	.container {
		width: 100%;
	}

	.home-three ul li {
		width: 200px
	}

	.home-three ul li .box {
		background-size: 235px !important
	}

	.home-two .two-list li .jsh {
		font-size: 19px
	}
}

@media (min-width:1025px) {
	.home-one .home-bottom ul li:hover .box {
		-webkit-box-shadow: 0 4px 8px 0 rgba(7, 0, 2, 0.2);
		box-shadow: 0 4px 8px 0 rgba(7, 0, 2, 0.2)
	}

	.home-one .home-bottom ul li:hover .box .pic .o {
		opacity: 0;
		display: none \9
	}

	.home-one .home-bottom ul li:hover .box .pic .oh {
		opacity: 1;
		display: block \9
	}

	.home-six .home-bottom ul li .pic:hover .hover {
		padding: 70% 0 0 0
	}

	.home-six .home-bottom ul li .pic:hover .hover .bt {
		font-weight: bold
	}

	.home-six .home-bottom ul li .pic:hover .hover .jsh {
		display: block
	}

	.home-nine .home-bottom ul li:hover .pic img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}

	.home-nine .home-bottom ul li:hover .pic .hover {
		opacity: 1;
		display: block \9
	}
	
}

@media (max-width:1024px) {
	.home-four ul {
		padding: 0
	}

	.home-six .home-bottom ul li {
		width: 33.333333%
	}
	.home-two .youshi li .num{
		font-size: 25px;
	}
	.home-two .youshi li p{
		font-size: 22px;
	}
	.home-three ul li{
		width: 171px;
	}
	.home-four ul .odd .pic{
		width: 424px;
		height: 373px;
	}
}

@media (max-width:992px) {
	.home-four ul li .text {
		width: 443px
	}

	.home-four ul li .text .bt {
		font-size: 26px
	}
}

@media (max-width:768px) {
	.floadWindowB {
		display: block;
		background: #00bafe;
		color: #fff;
		text-align: center;
		line-height: 40px;
		height: 40px;
		font-size: 18px;
		position: fixed;
		z-index: 9;
		bottom: 0;
		left: 0;
		width: 100%
	}

	.floadWindowB a {
		display: block;
		color: #fff
	}

	.footer {
		padding-bottom: 40px
	}

	.container {
		min-width: auto;
		max-width: auto
	}

	.header .logo {
		margin-left: 0
	}

	.header .logo img {
		height: 50px
	}

	.truelandNav .list {
		float: left;
		width: 100%;
		margin-top: 5px;
		border-top: 1px solid #fff
	}

	.truelandNav .btn {
		font-size: 14px;
		padding: 0;
		margin-left: 0
	}

	.truelandNav {
		padding-top: 0
	}

	.truelandNav li {
		font-size: 14px;
		padding: 0 10px;
		line-height: 40px;
		margin-left: 0;
		width: 16.66666667%
	}

	.bannerseo .box {
		padding-top: 50px
	}

	.home-one .home-bottom ul li {
		width: 50%
	}

	.home-one {
		padding: 30px 0 0 0
	}

	.seo-title {
		font-size: 22px
	}

	.home-one .home-bottom ul li .box .text .bt {
		font-size: 16px;
		margin-bottom: 10px
	}

	.home-one .home-bottom {
		padding: 30px 0
	}

	.home-four {
		padding: 30px 0
	}

	.home-four ul li .text {
		width: 100%;
		float: none
	}

	.home-four ul li .pic {
		float: none !important
	}

	.home-four ul li .text .bt {
		font-size: 22px;
		margin-bottom: 20px;
		padding-top: 0
	}

	.home-four ul li .text .jsh p {
		font-size: 14px;
		margin-bottom: 10px;
		background: url(../images/seo/dot.png) no-repeat left 10px;
		padding-left: 18px;
		background-size: 10px
	}

	.home-four ul li {
		margin-bottom: 10px
	}

	.home-four ul .odd .text {
		float: none
	}

	.home-six {
		padding: 30px 0
	}

	.home-six .home-bottom {
		padding-top: 30px
	}

	.home-six .home-bottom ul li {
		width: 50%
	}

	.home-seven .home-bottom ul li {
		width: 100%
	}

	.home-seven .home-bottom ul li .pic {
		height: 60px;
		margin-bottom: 10px
	}

	.home-seven .home-bottom ul li {
		margin-bottom: 20px
	}

	.home-seven .home-bottom {
		padding-top: 30px
	}

	.home-seven .home-bottom ul li .text span {
		font-size: 15px;
		margin-bottom: 5px
	}

	.home-seven {
		padding-top: 30px
	}

	.home-seven .home-bottom {
		padding: 30px 0
	}

	.home-one .home-bottom ul li .box .pic {
		width: 50px;
		height: 50px
	}

	.home-nine .home-bottom ul li {
		width: 50%;
		margin-bottom: 20px;
		padding: 0 10px
	}

	.home-nine {
		padding-bottom: 30px;
		padding-top: 30px
	}

	.home-nine .home-bottom {
		padding: 30px 0
	}

	.seo1 {
		padding: 30px 0
	}

	.seo1 .seo-info {
		padding-top: 30px
	}

	.home-two {
		padding: 30px 0
	}

	.home-two .youshi {
		padding: 0;
		margin-top: 30px;
		margin-bottom: 30px
	}

	.home-two .youshi li {
		width: 50%;
		padding-bottom: 0;
		line-height: 40px
	}

	.home-two .youshi li p {
		font-size: 18px
	}

	.home-two .youshi li .num {
		font-size: 18px
	}

	.home-two .two-list li .bt {
		font-size: 18px;
		margin-bottom: 5px
	}

	.home-two .two-list li {
		width: 50%;
		margin-bottom: 10px
	}

	.home-two .two-list li .pic {
		width: 70px;
		height: 77px
	}

	.home-two .two-list li .jsh {
		font-size: 14px;
		margin-top: 10px;
		line-height: 25px
	}

	.home-three {
		padding: 30px 0
	}

	.home-three .seo-title {
		margin-bottom: 5px
	}

	.home-three .seo-p {
		font-size: 16px
	}

	.home-three ul {
		margin: 30px -10px 0 -10px;
		font-size: 0
	}

	.home-three ul li {
		width: 50%;
		margin: 0;
		float: none;
		display: inline-block;
		vertical-align: top
	}

	.home-three ul li .box {
		background: none !important;
		height: auto;
		margin-bottom: 10px
	}

	.home-three ul li .bt {
		font-size: 20px;
		line-height: 45px;
		height: 45px
	}

	.home-three ul li .jsh {
		font-size: 14px;
		line-height: 25px;
		margin-top: 0 !important;
		color: #fff
	}

	.home-one .home-bottom ul li .box {
		padding: 20px 10px 20px 10px
	}

	.home-one .home-bottom ul li {
		padding: 0 13px 15px 13px
	}
}
@media (max-width:768px) {
	.home-seven .home-bottom ul li{
		text-align: center;
	}
}
@media (max-width:640px) {
	.truelandNav li {
		width: 33.33333333%
	}
}

@media (max-width:414px) {
	.home-four ul li .pic {
		width: 100%;
		height: auto;
		margin-right: 0
	}

	.home-four ul li .pic:after {
		padding-bottom: 50%
	}

	.home-four ul .odd .text .jsh {
		padding-right: 0
	}

	.home-four ul .odd .pic {
		width: 100%;
		height: auto
	}

	.home-four ul .odd .pic:after {
		padding-bottom: 70%
	}

	.home-six .home-bottom ul li .pic .hover .bt {
		font-size: 16px
	}
}