@charset "UTF-8";

@media (max-width:1400px) {
	html {
		font-size: 90px;
		overflow-y: scroll !important;
		overflow-x: hidden !important;
	}

	#main-swiper {
		height: 613px
	}

	#main-swiper .slogen {
		height: 160px
	}

	.bt-box-main .item {
		margin-right: 85px
	}

	.today-bg-box {
		padding: 100px 0 80px 0
	}

	#today-sr-swiper {
		height: 398px
	}

	#today-sr-swiper .td-img {
		height: 80%
	}

	#today-sr-swiper .text-box {
		height: 343px
	}

	#today-sr-swiper .text-box .t1,
	#today-sr-swiper .text-box .t2,
	#today-sr-swiper .text-box .t3 {
		margin-bottom: 15px
	}

	#today-sr-swiper .text-box .t4 {
		height: 108px;
		overflow: hidden;
		line-height: 36px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3
	}

	#today-sr-swiper .pagination {
		bottom: 15px
	}

	#notice-swiper .t3 {
		width: 53%
	}

	.summary-box-out {
		height: 600px
	}

	.journal-box .title-img-box {
		width: 40%
	}

	.notice-box .bt-box button,
	.shares-box .bt-box button {
		width: 1.4rem
	}

	.notice-box #myChart,
	.shares-box #myChart {
		width: 443px
	}
}

@media (max-width:1200px) {
	html {
		font-size: 80px
	}

	.bt-box-main .item {
		margin-right: 125px
	}

	.bt-box-main .t {
		display: none
	}

	#main-swiper {
		height: 613px
	}

	#main-swiper .slogen {
		height: 140px
	}

	#today-sr-swiper .text-box {
		height: 300px
	}

	#today-sr-swiper .text-box .t2 {
		font-size: 21px
	}

	#today-sr-swiper .td-img {
		height: 73%
	}

	#today-sr-swiper .pagination {
		left: 0;
		bottom: 25px
	}

	.domain-box {
		height: 470px
	}

	.domain-box .map {
		height: 80%
	}

	.share-bg-box {
		padding: 100px 0
	}

	.shares-box .bt-box {
		width: 100%
	}

	.shares-box .chart-box-out {
		width: 100%
	}

	.shares-box .chart-box {
		height: 480px;
		width: 100%
	}

	.journal-box {
		height: 500px
	}

	.journal-box .title-img-box {
		width: 36%
	}

	.journal-box .text-box {
		height: 74%;
		overflow: hidden
	}

	.share-bg-box .line {
		display: none
	}

	.share-bg-box .notice-box,
	.share-bg-box .shares-box {
		width: 100%
	}

	.share-bg-box .notice-box .bt-box button,
	.share-bg-box .shares-box .bt-box button {
		width: 1.5rem
	}

	.share-bg-box .notice-box #myChart,
	.share-bg-box .shares-box #myChart {
		height: 400px;
		width: 100%
	}

	.share-bg-box .notice-box .share-info,
	.share-bg-box .shares-box .share-info {
		margin-bottom: 50px
	}

	.share-bg-box .notice-box .item,
	.share-bg-box .shares-box .item {
		float: left;
		width: 45%
	}

	.share-bg-box .notice-box .item:nth-child(2n+0),
	.share-bg-box .shares-box .item:nth-child(2n+0) {
		float: right
	}
}

@media (max-width:950px) {
	.bt-box-main .item {
		margin-right: 87px
	}

	#today-sr-swiper {
		height: 678px
	}

	#today-sr-swiper .t0 {
		display: block
	}

	#today-sr-swiper .td-img {
		width: 100%;
		height: 300px
	}

	#today-sr-swiper .text-box {
		width: 100%
	}

	#today-sr-swiper .text-box .t1 {
		display: none
	}

	#today-sr-swiper .text-box .t2 {
		padding-top: 20px
	}

	#today-sr-swiper .text-box .t4 {
		margin-bottom: 29px
	}

	#today-sr-swiper .pagination {
		right: auto
	}

	#main-swiper {
		height: 475px
	}

	#main-swiper .slogen {
		height: 120px
	}

	#main-swiper .app-row {
		top: 40%
	}

	#main-swiper .iconfont {
		display: none
	}

	.news-box .item:hover .text-box {
		height: 300px
	}

	.news-box .item:hover .text-box .title {
		line-height: 100px
	}

	.news-box .text-box .title {
		font-size: 24px
	}

	.news-box .text-box p {
		margin-bottom: 20px;
		font-size: 16px
	}

	.domain-box .item {
		margin-bottom: 10px;
		width: 100%
	}

	.domain-box .map {
		height: 100%
	}

	.domain-box .t1 {
		margin-bottom: 28px
	}

	.domain-box .t2 {
		height: 40px;
		margin-bottom: 24px
	}

	.domain-box .t3 {
		display: none
	}

	.domain-box .t4 {
		font-size: 16px
	}

	.domain-box .t5 {
		padding: 0 10px;
		font-weight: 700;
		font-size: 55px
	}

	.shares-box .chart-box {
		height: 400px
	}

	.summary-box .item {
		width: 305px
	}

	.journal-box .title-img-box {
		width: 40%
	}

	.notice-box #myChart,
	.shares-box #myChart {
		height: 350px;
		width: 100%
	}
}

@media (max-width:680px) {
	.bt-box-outer {
		background: #f5f5f5
	}

	.bt-box-main {
		position: relative;
		margin: auto;
		padding-bottom: 20px;
		bottom: 0;
		left: auto;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	.bt-box-main .item {
		margin-right: 63px
	}

	.bt-box-main .item:nth-child(3n+0) {
		margin-right: 0
	}

	.bt-box-main .img-box {
		background-color: #1a6dd3
	}

	.bt-box-main .img-box>img:nth-child(2) {
		display: inline-block
	}

	.bt-box-main .img-box:hover>img:nth-child(2) {
		display: none
	}

	.bt-box-main .img-box:hover>img:nth-child(1) {
		display: inline-block
	}

	#today-sr-swiper .t0 {
		font-size: 28px
	}

	#today-sr-swiper .text-box .t2 {
		font-size: 22px
	}

	#main-swiper {
		min-height: auto;
		height: 260px
	}

	#main-swiper .slogen {
		height: 100px
	}

	#main-swiper .app-row {
		top: 50%;
		left: 50%;
		width: auto
	}

	#main-swiper .t1 {
		margin-bottom: 0;
		font-size: 28px;
		line-height: .5rem
	}

	#main-swiper .t2 {
		font-size: 18px
	}

	#main-swiper .bt {
		width: 100px;
		margin-top: 10px;
		margin-bottom: 0;
		height: 30px
	}

	#notice-swiper {
		height: 120px
	}

	#notice-swiper .item {
		width: 100%
	}

	#notice-swiper .t3 {
		width: 40%
	}

	#today-sr-swiper {
		height: 633px
	}

	#today-sr-swiper .td-img {
		width: 100%;
		height: 200px;
		margin-bottom: 20px
	}

	#today-sr-swiper .text-box {
		width: 100%
	}

	#today-sr-swiper .text-box .t1 {
		display: none
	}

	#today-sr-swiper .text-box .t4 {
		margin-bottom: 40px;
		height: 100px
	}

	#today-sr-swiper .prev-next {
		left: 0;
		bottom: 4px
	}

	#today-sr-swiper .pagination {
		display: none;
		bottom: 40px
	}

	#today-sr-swiper .pagination .swiper-pagination-switch {
		width: 15px
	}

	.news-box {
		width: 300px
	}

	.news-box .item {
		width: 100%;
		margin: 0;
		margin-top: 20px
	}

	.domain-box .map {
		height: 50%;
		right: 0
	}

	.shares-box .bt-box .title {
		width: 100%
	}

	.shares-box .bt-box button {
		width: 93px
	}

	.shares-box .chart-box {
		height: 336px
	}

	.shares-box .chart-box>p {
		display: none
	}

	.summary-box-out {
		height: 1095px;
		background-image: url(../images/index/bg-wave.png)
	}

	.summary-box {
		height: auto
	}

	.summary-box .item {
		margin-top: 30px;
		margin-left: 0;
		width: 100%
	}

	.summary-box .item .img-box {
		max-height: 300px
	}

	.journal-box {
		height: 620px
	}

	.journal-box .title-img-box {
		width: 100%
	}

	.journal-box .text-box {
		width: 100%;
		overflow: hidden
	}

	.journal-box .text-box .title {
		font-size: 18px;
		margin-top: 30px
	}

	.journal-box .text-box .title2,
	.journal-box .text-box>p {
		display: none
	}

	.journal-box .pagination {
		bottom: 77px
	}

	.journal-box .pagination .swiper-pagination-switch {
		width: 15px
	}

	.today-bg-box {
		padding: 40px 0 40px 0
	}

	.news-bg-box {
		padding: 0
	}

	.share-bg-box {
		padding: 60px 0 70px 0
	}

	.share-bg-box .notice-box .item {
		width: 100%
	}
}

@media (max-width:375px) {
	#main-swiper {
		height: 220px
	}

	#main-swiper .app-row {
		top: 53%;
		left: 50%
	}

	#main-swiper .slogen {
		height: 60px
	}
}
