.select-box dd a {
	line-height: inherit;
	padding: 14px 1.4285em
}

.gallery-thumbs {
	position: absolute!important;
	left: 4%;
	right: 0;
	bottom: 8%;
	z-index: 10;
	width: 50%;
	margin-left: 0
}

.gallery-thumbs span {
	display: block;
	height: 40px;
	font-family: Arial;
	font-size: 16px;
	color: rgba(255,255,255,.7);
	text-align: center;
	line-height: 51px;
	position: relative;
	margin-bottom: 3px;
	cursor: pointer;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.gallery-thumbs span:before {
	content: "";
	height: 1px;
	border-radius: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16px;
	z-index: 1;
	background: #fff;
	opacity: .4
}

.gallery-thumbs span:after {
	content: "";
	height: 1px;
	border-radius: 0;
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 16px;
	z-index: 10;
	background: #fff;
	opacity: 1
}

.gallery-thumbs .swiper-slide-thumb-active span:after {
	-webkit-transition: 5s;
	-moz-transition: 5s;
	-ms-transition: 5s;
	-o-transition: 5s;
	transition: 5s;
	right: 0
}

.rotate {
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.sec-tab .app-btn {
	float: left;
	padding-left: 4.4285em
}

.sec-tab .app-btn a {
	color: #2b2b2b;
	display: inline-block;
	border-radius: 1.4285em;
	padding: 0 2em;
	border: 1px solid #e4e4e4
}

.sec-tab .app-btn a span {
	line-height: 2.6285;
	display: inline-block;
	position: relative;
	padding-right: 1.8571em
}

.sec-tab .app-btn a span i {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	right: 0;
	top: 50%;
}

.sec-tab .app-btn a:hover span i {
	right: -3px
}

.sec-tab .app-btn a:hover {
	border-color: #e83421
}

.sec-tab .more {
	position: absolute;
	left: 0;
	bottom: -3.6em;
	z-index: 5;
	line-height: 2.6285
}

.in-banner {
	position: relative
}

.in-banner .swiper-slide {
	position: relative;
	overflow: hidden
}

.in-banner .imgbg {
	padding-bottom: 39%;
	background-color: #000;
	transition: all 5s;
	transform: scale(1.1)
}

.in-banner .swiper-slide-active .imgbg {
	transform: scale(1)
}

.in-banner .txt {
	position: absolute;
	color: #fff;
	top: 30.2%;
	left: 0
}

.in-banner .txt h3 {
	line-height: 1.5;
	margin-bottom: 6px
}

.in-banner .txt h3 span {
	font-size: 1.2em;
	color: #e83421;
	padding: 0 .1em;
	position: relative;
	top: .08em
}

.in-banner .li01 .txt {
	left: 15.57%;
	right: 0
}

.in-banner .li02 .txt {
	top: 39.1%;
	width: 44.35%;
	text-align: right
}

.in-banner .vv {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	object-fit: cover
}

.in-banner .video_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5)
}

.in-banner .video_play {
	width: 70px;
	cursor: pointer;
	display: inline-block
}

.in-banner .video_new {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
	text-align: center
}

.video_title {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px
}

.banner_img {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 15.57%
}

.banner_img img {
	position: absolute;
	width: 40%;
	top: 50%;
	transform: translateY(-50%)
}

.in-banner .swiper-pagination {
	left: 15.57%;
	bottom: 10%;
	color: #fff;
	width: auto
}

.in-banner .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	width: 6.25em;
	height: 1px
}

.in-banner .progress {
	position: absolute;
	display: none;
	width: 30.25%;
	left: 0;
	bottom: 11.59%;
	height: 1px
}

.in-banner .progress i {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	height: 1px;
	background: #fff;
	width: 0;
	transition: 5.5s all;
	-webkit-transition: 5.5s all;
	-ms-transition: 5s all;
	-o-transition: 5.5s all
}

.in-banner .progress em {
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	background: #fff;
	width: 100%;
	opacity: .3
}

.in-banner .swiper-slide-active .progress i {
	width: 100%
}

.in-banner .more {
	padding-top: 2em
}

.in-banner .more a {
	display: inline-block;
	padding: 0 2.4285em;
	border: 1px solid #fff;
	border-radius: 1.3571em
}

.in-banner .more a span {
	line-height: 2.7142;
	display: inline-block;
	color: #fff;
	position: relative;
	padding-right: 3em
}

.in-banner .more a span i {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	right: 0;
	top: 50%;
	background: url(../../images/jt04.png) no-repeat right center
}

.in-banner .more a:hover {
	background: #e83421;
	border: 1px solid #e83421
}

.in-banner .more a:hover span i {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)
}

.in-banner .play {
	position: absolute;
	cursor: pointer;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3)
}

.in-banner .play i {
	width: 4.375em;
	display: inline-block;
	height: 6.5em;
	background-size: cover
}

.in-banner .play:hover {
	background: 0 0
}

.in-sec01 {
	padding: 3.3125em 0 3.75em;
	position: relative;
	z-index: 1
}

.in-sec01 .list {
	width: 48.61%
}

.in-sec01 .tit {
	color: #2b2b2b
}

.in-sec01 .sec-tabcon {
	padding-top: .935em
}

.in-sec01 .sec-tabcon ul li {
	border-bottom: 1px solid #e4e4e4;
	padding-right: 80px;
	position: relative
}

.in-sec01 .sec-tabcon .time {
	color: #ccc;
	position: absolute;
	left: auto;
	right: 0;
	text-align: right
}

.in-sec01 .sec-tabcon ul li .txt {
	padding: 1em 0
}

.in-sec01 .sec-tabcon ul li span {
	position: relative;
	color: #7d7d7d;
	max-width: 100%;
	overflow: hidden;
	display: inline-block;
	padding-right: 2.125em;
	background-position: 99% center
}

.in-sec01 .sec-tabcon ul li span i {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 2em;
	display: none;
}

.in-sec01 .sec-tabcon ul li:hover span i {
	display: block
}

.in-sec01 .sec-tabcon ul li:hover span {
	color: #e83421
}

.in-sec01 .select-box {
	height: 36px
}

.in-sec01 .select-box dt {
	display: none
}

.in-sec02 {
	position: relative;
	margin-bottom: 4.375em
}

.in-sec02 .text {
	float: right;
	width: 55.55%
}

.in-sec02 .text .con {
	line-height: 1.875;
	max-height: 3.75em
}

.in-sec02 .imglist {
	position: absolute;
	left: 44.44%;
	bottom: 0;
	width: 48%
}

.in-sec02 .imglist ul li {
	float: left;
	width: 19%;
	cursor: pointer;
	position: relative;
	padding-bottom: 13.34%;
	overflow: hidden
}

.in-sec02 .imglist ul li .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	bottom: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	transform: scale(1.02)
}

.in-sec02 .imglist ul li .txt {
	position: absolute;
	right: auto;
	bottom: -.35em;
	opacity: 0;
	color: #fff;
	text-align: right;
	line-height: 1.2;
	max-height: 2.4em;
	height: 2.4em
}

.in-sec02 .imglist ul li.on {
	width: 24%;
	overflow: inherit;
	z-index: 1
}

.in-sec02 .imglist ul li.on .img {
	transform: scale(1.32,1.36)
}

.in-sec02 .imglist ul li.on .txt {
	opacity: 1
}

.in-sec02 .imglist ul .on:hover .img {
	-webkit-transform: scale(1.32,1.36);
	-moz-transform: scale(1.32,1.36);
	-o-transform: scale(1.32,1.36);
	-ms-transform: scale(1.32,1.36);
	transform: scale(1.32,1.36)
}

.in-sec02 .more {
	margin-top: 2.1428em
}

.in-sec02 .more a {
	color: #2b2b2b
}

.in-sec02 .more a:hover {
	color: #e83421
}

.in-sec02 .img-video .video-tab {
	display: none
}

.in-sec02 .text .txt-tab {
	display: none
}

.in-sec02 .in-title {
	width: auto
}

.in-sec03 {
	padding-bottom: 4.1875em;
	position: relative;
	z-index: 2
}

.in-sec03 .sec-tab .sub-tit {
	line-height: 2.2
}

.in-sec03 .sec-tab {
	padding-top: .5625em;
	z-index: 5
}

.in-sec03 .sec-tab .select-box {
	float: left;
	width: 31.418%
}

.in-sec03 .sec-tabcon {
	padding-left: 9.625em;
	position: relative
}

.in-sec03 .swiper-slide .con-wrap {
	padding: 0 1.2em 0;
	border-left: 1px solid #f3f3f3;
	margin-top: 3.5em
}

.in-sec03 .swiper-slide .img {
	height: 8.375em;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}

.in-sec03 .swiper-slide .img img {
	max-width: 90%;
	right: 0;
	max-height: 90%;
	width: auto;
	height: auto;
	-webkit-transition: all .5s;
	transition: all .5s
}

.in-sec03 .swiper-slide .con-wrap:hover .select-box {
	color: #e83421
}

.in-sec03 .swiper-slide .con-wrap:hover .img img {
	-webkit-transform: translate(-50%,-66%);
	transform: translate(-50%,-66%)
}

.in-sec03 .bg {
	position: absolute;
	left: -4.2%;
	display: block!important;
	top: 0;
	width: 9.7em;
	height: 102%;
	background: #fff;
	z-index: 3
}

.in-sec03 .bg2 {
	position: absolute;
	left: 0;
	display: block!important;
	top: 0;
	width: 9.8em;
	height: 102%;
	background: #fff;
	z-index: 3
}

.in-sec03 .bg3 {
	position: absolute;
	right: -4.2%;
	display: block!important;
	top: 0;
	width: 4.2%;
	height: 102%;
	background: #fff;
	z-index: 3
}

.in-sec03 .swiper-button-prev {
	width: 1.125em;
	left: 9.625em;
	height: 2.0625em;
	background-size: 100% 100%
}

.in-sec03 .swiper-button-next {
	width: 1.125em;
	right: 0;
	height: 2.0625em;
	background-size: 100% 100%
}

.in-sec03 .swiper-button-next,.in-sec03 .swiper-button-prev {
	opacity: .3
}

.in-sec03 .swiper-button-next:hover,.in-sec03 .swiper-button-prev:hover {
	opacity: .6
}

.in-sec03 .swiper-button-next.swiper-button-disabled,.in-sec03 .swiper-button-prev.swiper-button-disabled {
	opacity: .15
}

.in-sec03 .tab-b2 .select-box dt {
	border-bottom: 1px solid #e4e4e4
}

.in-sec03 .tab-b2 .select-box dt.open {
	border-bottom: 1px solid #e83421
}

.in-sec03 .tab-b2 .select-box dd a {
	line-height: 1.2857;
	padding: .68em 1.4285em;
	word-wrap: break-word;
	border-top: none;
	border-bottom: 1px solid #e4e4e4
}

.in-sec03 .tab-b2 .select-box dd {
	padding-bottom: 3.8571em
}

.in-sec03 .tab-b2 .apply-btn {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	background: #e83421
}

.in-sec03 .tab-b2 .select-box dd .apply-btn a {
	display: block;
	color: #fff;
	padding: 0
}

.in-sec03 .tab-b2 .apply-btn a span {
	display: inline-block;
	position: relative;
	padding-right: 1.5714em;
	line-height: 3.8771
}

.in-sec03 .tab-b2 .apply-btn a span i {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	right: 0;
	top: 50%;
}

.in-sec03 .tab-b2 .apply-btn:hover a span i {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)
}

.in-sec03 .tab-b2 .select-box dd .con a:first-child {
	margin-top: 7px
}

.in-sec04 .select-box {
	float: left;
	width: 31.418%
}

.in-sec04 .sec-tab {
	padding-top: .5625em;
	position: relative;
	z-index: 1
}

.in-sec04 .sec-tabcon {
	padding-left: 9.625em
}

.in-sec04 .sec-tabcon ul {
	margin: 0 -2.53125em;
	padding-top: 2em;
	padding-bottom: 3.25em
}

.in-sec04 .sec-tabcon ul li {
	float: left;
	width: 33.33%;
	padding-top: 1em
}

.in-sec04 .sec-tabcon ul li .con {
	color: #666;
	position: relative;
	line-height: 2.1428;
	max-height: 4.2856em
}

.in-sec04 .sec-tabcon ul li .con i {
	display: inline-block;
	position: relative;
	right: -22px;
	bottom: 0;
	width: 15px;
	height: 10px
}

.in-sec04 .sec-tabcon ul li .tit {
	margin-bottom: 1.1875em
}

.in-sec04 .sec-tabcon ul li .tit span {
	float: left;
	width: 60%;
	line-height: 3;
	display: block;
	color: #222
}

.in-sec04 .sec-tabcon ul li .tit .ico {
	float: right;
	width: 38%;
	position: relative;
	height: 3em
}

.in-sec04 .sec-tabcon ul li .tit .ico img {
	max-width: 90%;
	left: auto;
	right: 0;
	max-height: 120%;
	width: auto;
	height: auto
}

.in-sec04 .sec-tabcon ul li .text {
	padding: 0 4.53125em 0 2.53125em
}

.in-sec04 .sec-tabcon ul li:hover .tit span {
	color: #e83421
}

.in-sec04 .sec-tabcon ul li:hover .con i {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)
}

.in-sec05 {
	padding: 3.6875em 0 3.75em;
	border-top: 1px solid #f1f1f1
}

.in-sec05 .sec-left {
	float: left;
	width: 45.27%
}

.in-sec05 .sec-left .list ul li {
	border-top: 1px solid #e4e4e4;
	padding: 1.25em 0;
	position: relative;
	line-height: 1.875
}

.in-sec05 .sec-left .list ul li .img {
	float: left;
	width: 21.98%;
	overflow: hidden
}

.in-sec05 .sec-left .list ul li .img span {
	display: block;
	padding-bottom: 56.338%
}

.in-sec05 .sec-left .list ul li .txt {
	overflow: hidden;
	max-height: 3.75em;
	padding-left: 1.75em;
	color: #7d7d7d;
	margin-top: -.35em
}

.in-sec05 .sec-left .list ul li .con {
	position: relative;
	z-index: 3
}

.in-sec05 .sec-left .list ul li:hover .txt {
	color: #e83421
}

.in-sec05 .sec-left .list ul li .bg {
	background: #fff;
	position: absolute;
	left: -.75em;
	right: 0;
	top: .5em;
	bottom: .5em;
	border: 1px solid #fff
}

.in-sec05 .sec-left .list ul li:hover .bg {
	background: #f7f7f7;
	border: 1px solid #e4e4e4
}

.in-sec05 .sec-left .list ul li:first-child {
	border-top: none
}

.in-sec05 .sec-left .list ul li .bg {
	display: none
}

.in-sec05 .sec-right {
	float: right;
	width: 52.08%
}

.in-sec05 .sec-right .in-title {
	margin-left: .5em
}

.in-sec05 .sec-right .list ul {
	margin: 0 -.5em;
	padding-top: .125em
}

.in-sec05 .sec-right .list ul li {
	padding-top: .5em;
	position: relative;
	float: left;
	width: 33.33%
}

.in-sec05 .sec-right .list ul li .img {
	overflow: hidden
}

.in-sec05 .sec-right .list ul li .img span {
	display: block;
	padding-bottom: 56.338%
}

.in-sec05 .sec-right .list ul li .tit {
	color: #2b2b2b;
	margin-top: 1em;
	margin-bottom: .375em
}

.in-sec05 .sec-right .list ul li .tit em {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding-right: 2em
}

.in-sec05 .sec-right .list ul li .tit em i {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	right: 10px;
	top: 50%;
}

.in-sec05 .sec-right .list ul li .con {
	position: relative;
	padding: .6875em;
	border: 1px solid #fff;
	margin: 0 .5em;
	z-index: 3
}

.in-sec05 .sec-right .list ul li .con:hover .tit {
	color: #e83421
}

.in-sec05 .sec-right .list ul li .con:hover {
	background: #f7f7f7;
	border: 1px solid #e4e4e4
}

.in-sec05 .sec-right .list ul li .con:hover .tit em i {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)
}

.in-sec05 .more {
	padding-top: 2.75em
}

.in-sec05 .more a {
	display: inline-block;
	width: 40.15%;
	border: 1px solid #e4e4e4;
	border-radius: 1.5em
}

.in-sec05 .more a span {
	position: relative;
	line-height: 3;
	padding-right: 2.4285em
}

.in-sec05 .more a:hover {
	border: 1px solid #e83421;
	color: #e83421
}

.in-sec06 {
	color: #fff;
	position: relative
}

.in-sec06 .text {
	padding: 8.4% 5% 3.4% 55%
}

.in-sec06 .text h3 {
	padding-top: .33em
}

.in-sec06 .text .more {
	padding-top: 1.75em
}

.in-sec06 .text .more span {
	width: 9px;
	height: 18px;
	display: inline-block;
	background-size: 100% 200%
}

.in-sec06:hover .text .more span {
	background-position: center bottom
}

.in-sec06 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	bottom: 0
}

.select-box dd .con {
	max-height: 328px;
	overflow-y: auto
}

.select-box dd .con::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

.select-box dd .con::-webkit-scrollbar-thumb {
	background-color: #e83421;
	border-radius: 6px
}

.select-box dd .con::-webkit-scrollbar-track {
	background: #f4f4f4
}

@media only screen and (max-width:1640px) {
	.in-sec03 .tab-b2 .select-box dd a {
		padding: .68em 1.1em
	}

	.in-sec03 .swiper-slide .img img {
		transform: translate(-50%,-50%) scale(.85);
		-webkit-transform: translate(-50%,-50%) scale(.85)
	}

	.in-sec03 .swiper-slide .con-wrap:hover .img img {
		-webkit-transform: translate(-50%,-66%) scale(.85);
		transform: translate(-50%,-66%) scale(.85)
	}

	.in-sec02 .more {
		margin-top: 1.2em
	}
}

@media only screen and (max-width:1400px) {
	.in-sec03 .tab-b2 .select-box dd a {
		font-size: 12px
	}

	.in-sec03 .swiper-slide .img img {
		transform: translate(-50%,-50%) scale(.7);
		-webkit-transform: translate(-50%,-50%) scale(.7)
	}

	.in-sec03 .swiper-slide .con-wrap:hover .img img {
		-webkit-transform: translate(-50%,-66%) scale(.7);
		transform: translate(-50%,-66%) scale(.7)
	}
}

@media only screen and (max-width:1340px) {
	.in-sec04 .sec-tabcon ul {
		margin: 0 -1em
	}

	.in-sec04 .sec-tabcon ul li .text {
		padding: 0 1em
	}

	.in-banner .more a {
		padding: 0 1.4285em
	}

	.in-banner .more a span {
		line-height: 2.4
	}

	.in-banner .more a span i {
		right: 10px;
		margin-top: -6px
	}
}

@media only screen and (max-width:1200px) {
	.in-banner .li02 .txt {
		width: 50%
	}
}

@media only screen and (max-width:1050px) {
	.in-sec01 .select-box {
		height: 24px
	}

	.in-sec02 .more {
		margin-top: .1em
	}

	.gallery-thumbs {
		width: 80%;
		margin-left: auto
	}
}

@media only screen and (max-width:770px) {
	.in-sec06 .text {
		text-align: left
	}

	.in-sec02 .imglist ul li .txt {
		right: auto;
		bottom: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		text-align: center
	}
}

.in-banner .play i {
	display: none
}

@media only screen and (max-width:767px) {
	.gallery-thumbs {
		width: 66%;
		left: 0
	}

	.in-banner .video_bg,.in-banner .video_play,.in-banner .vv {
		display: block
	}

	.in-banner .more a {
		border: 0;
		padding-left: 0
	}

	.in-banner .more a span {
		padding-right: 2em
	}

	.in-banner .more a:hover {
		background: 0 0;
		border: 0
	}

	.sec-tab {
		padding-left: 7em
	}

	.sec-tab .tit {
		top: .2em
	}

	.sec-tab .app-btn a span i {
		background-size: auto 10px
	}

	.in-banner .li02 .txt {
		width: 90%;
		left: 5%;
		text-align: left
	}

	.in-banner .swiper-pagination {
		bottom: 9.5%
	}

	.in-banner .more {
		padding-top: .5em
	}

	.in-banner .more a span i {
		background-size: auto 10px
	}

	.in-banner .txt h3 {
		margin-bottom: 0
	}

	.in-sec01 {
		padding: 0 0 2em;
		position: relative;
		z-index: 1
	}

	.in-sec01 .list {
		width: 100%;
		margin-top: 2em
	}

	.in-sec01 .list:first-child {
		position: relative;
		z-index: 1
	}

	.in-sec02 .img-video {
		width: 100%
	}

	.in-sec02 .more {
		margin-top: 2em
	}

	.in-sec02 .imglist {
		position: relative;
		float: left;
		left: 0;
		width: 100%;
		margin-top: 3em
	}

	.in-sec02 .text {
		width: 100%;
		padding-top: 2em
	}

	.in-sec03 {
		padding-bottom: 3em
	}

	.in-sec03 .sec-tab .select-box {
		width: 100%
	}

	.in-sec03 .sec-tabcon {
		padding-left: 0
	}

	.in-sec03 .bg,.in-sec03 .bg2,.in-sec03 .bg3 {
		width: 22px
	}

	.in-sec03 .bg {
		left: -20px
	}

	.in-sec03 .bg2 {
		display: none!important
	}

	.in-sec03 .bg3 {
		right: -20px
	}

	.in-sec03 .swiper-button-prev {
		left: 0
	}

	.in-sec04 .sec-tabcon ul {
		padding-top: 1em;
		padding-bottom: 0
	}

	.in-sec04 .sec-tabcon ul li {
		width: 100%;
		border-bottom: 1px solid #eee;
		padding-bottom: 1em;
		margin-bottom: 1em;
		padding-top: 0
	}

	.in-sec04 .sec-tabcon ul li:last-child {
		border-bottom: 0
	}

	.in-sec04 .select-box {
		width: 100%
	}

	.in-sec04 .sec-tabcon {
		padding-left: 0;
		padding-top: 3em
	}

	.in-sec04 .sec-tab .more {
		bottom: -3.6em;
		z-index: 0
	}

	.in-sec04 .sec-tab .app-btn {
		float: right;
		padding: 0;
		margin-top: 1em
	}

	.in-sec04 .sec-tabcon ul li .con i {
		background-size: auto 10px
	}

	.in-sec05 {
		padding: 2em 0 3em
	}

	.in-sec05 .sec-left {
		width: 100%
	}

	.in-sec05 .sec-right {
		width: 100%;
		margin-top: 2em
	}

	.in-sec05 .sec-right .list ul li {
		width: 50%
	}

	.in-sec05 .sec-right .list ul {
		margin: 0 -5px
	}

	.in-sec05 .sec-right .list ul li .con {
		margin: 0;
		padding: 5px
	}

	.in-sec05 .more a {
		width: auto;
		padding: 0 1.5em
	}

	.in-sec05 .more {
		padding-top: 1em
	}

	.in-sec05 .sec-right .in-title {
		margin-left: 0
	}

	.in-sec05 .sec-right .list ul li .tit em i {
		background-size: auto 10px
	}

	.in-sec06 .text {
		padding-bottom: 6.4%
	}
}

.in-sec03 .sec-tabcon_app {
	display: none
}

@media only screen and (max-width:540px) {
	.in-sec03 {
		padding-bottom: 7em
	}

	.in-sec03 .sec-tabcon {
		display: none
	}

	.in-sec03 .sec-tabcon_app {
		display: block;
		top: 66px;
		border-bottom: 1px solid #e4e4e4
	}

	.in-sec03 .sec-tabcon_app dt img,.in-sec03 .sec-tabcon_app dt span {
		display: inline-block
	}

	.in-sec03 .sec-tabcon_app dt img {
		margin-right: 40px;
		width: 24px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		left: 20px
	}

	.in-sec03 .sec-tabcon_app dt i {
		right: 26px;
		transition: 0s all ease-in-out
	}

	.in-sec03 .tab-b2 .select-box dt {
		border: 1px solid #e4e4e4;
		height: 60px;
		line-height: 60px;
		border-bottom: 0
	}

	.in-banner .swiper-pagination {
		bottom: 8.5%
	}

	.in-sec06 .text h3 {
		padding-top: .5em;
		font-size: 14px
	}

	.in-sec06 .text .more {
		padding-top: .5em
	}

	.in-sec06 .text {
		padding: 10.4% 5% 3.4% 57%
	}
}

@media only screen and (max-width:375px) {
	.in-banner .li01 .txt {
		left: 10%;
		top: 20%
	}

	.in-banner .swiper-pagination {
		bottom: 8%
	}
}

@media only screen and (max-width:340px) {
	.in-banner .swiper-pagination {
		bottom: 7%
	}
}



.tt-wrapper{
	padding: 0;
	width: 160px;
	height: 70px;
	margin: 80px auto 10px auto;
}
.tt-wrapper li{
	float: left;
}
.tt-wrapper li a{
	display: block;
	width: 68px;
	height: 70px;
	margin: 0 2px;
	outline: none;
	/*text-indent: -9000px;*/
	position: relative;
}
.tt-wrapper li .tt-gplus{
    background-position: 0px 0px;
}
.tt-wrapper li .tt-twitter{
    background-position: -68px 0px;
}
.tt-wrapper li .tt-dribbble{
    background-position: -136px 0px;
}
.tt-wrapper li .tt-facebook{
    background-position: -204px 0px;
}
.tt-wrapper li .tt-linkedin{
    background-position: -272px 0px;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
	width: 160px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -33px;
	z-index: 999999;
	/*font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;*/
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	background: rgb(255 255 255);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 83px;
}