@media screen and (max-width:1200px) {
	section.banner .swiper-container .swiper-slide div.wrapper h3 {
		font-size: 38px;
		margin-bottom: 10px;
	}

	section.banner .swiper-container .swiper-slide div.wrapper p {
		font-size: 28px;
	}

	section.banner .swiper-container .swiper-slide div.wrapper .more {
		font-size: 16px;
		width: 110px;
		height: 50px;
		line-height: 50px;
		margin-top: 50px;
	}

	.advantages_banner .swiper-container .swiper-slide .left .en_tit {
		font-size: 30px;
	}

	.advantages_banner .swiper-container .swiper-slide .left .ch_tit {
		font-size: 24px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container {
		margin-top: 20px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container .one span {
		font-size: 38px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container .one i {
		font-size: 80px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container p.con {
		font-size: 20px;
	}

	section.realview {
		padding: 40px 30px;
	}

	section.introduction {
		padding: 80px 60px;
	}

	section.introduction .wrapper .right .title {
		font-size: 48px;
		line-height: 1.2;
		max-height: 120px;
	}

	section.introduction .wrapper .right .num {
		font-size: 60px;
	}

	section.introduction .wrapper .right .desc {
		font-size: 22px;
	}


	section.story {
		padding: 120px 0 100px 100px;
	}

	section.story .story_top {
		top: 120px;
		left: 100px;
	}

	section.story .story_wrapper .left .item h4 {
		font-size: 48px;
		max-height: 136px;
	}

	section.story .story_wrapper .left .item .detail {
		height: 70px;
		line-height: 70px;
		margin-top: 50px;
	}
}


@media screen and (max-width:992px) {
	section.case_container {
		padding: 80px 0;
	}


	section.case_container a.more,
	section.realview a.more {
		width: 86.667%;
		height: 60px;
		line-height: 60px;
		margin-top: 40px;
	}


	.case_banner .swiper-slide{
		padding-top: 68%;
	}
	.case_banner .swiper-slide .info .tit {
		font-size: 18px;
	}

	.case_banner .swiper-slide .info .date {
		font-size: 30px;
	}




	html,
	body {
		height: 100%;
	}

	section.advantages_container {
		height: 100% !important;
		padding-top: 0;
	}

	.advantages_banner .swiper-container .swiper-slide {
		padding: 40px 20px;
	}

	.advantages_banner .swiper-container .swiper-slide .left {
		height: 40%;
	}

	.advantages_container .gallery-thumbs {
		height: 120px;
		line-height: 60px;
	}

	.advantages_container .gallery-thumbs .swiper-slide {
		width: 50%;
		height: 60px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 10px;
	}

	section.realview .list .item .right a.thumb{
		height: 0;
		padding-top: 61.81%;
	}


	section.story {
		padding: 60px 0 60px 30px;
	}

	section.story .story_top h3 {
		font-size: 30px;
	}

	section.story .story_top .small_title {
		font-size: 24px;
	}


	section.story .story_wrapper .left {
		float: none;
		width: 100%;
		margin-top: 30px;
		padding-right: 30px;
	}

	section.story .story_wrapper .right {
		width: 100%;
		margin-top: 30px;
		float: none;
	}

	section.story .story_wrapper .left .item h4 {
		font-size: 28px;
	}

	section.story .story_wrapper .left .item .desc {
		margin-top: 20px;
	}

	section.story .story_top {
		position: static;
	}

	section.story .story_wrapper .left .item .detail {
		width: 80%;
		height: 60px;
		line-height: 60px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

	section.story .story_wrapper .right .item div.info {
		left: 10px;
		bottom: 10px;
	}

	section.story .story_wrapper .right .item div.info span.title {
		font-size: 26px;
	}

	section.story .story_wrapper .right .item div.info span.name {
		font-size: 16px;
		margin-top: 6px;
	}



}

@media screen and (max-width:767px) {
	section.banner .swiper-container .info {
		display: none;
	}

	.circleProgress_wrapper {
		display: none;
	}

	.case_banner .swiper-slide{
		padding-top: 78%;
	}
	.case_banner .prev, .case_banner .next{
		display: none;
	}
	.case_banner .swiper-slide .info{
		top:5%;
	}


	section.realview {
		padding-left: 15px;
		padding-right: 15px;
	}


	section.realview .list {
		margin-top: 20px;
	}

	section.realview .list .item .left.fr {
		float: none;
	}

	section.realview .list .item .left a.top {
		height: 0;
		padding-top: 48.46%;
	}

	section.realview .list .item .left div.info {
		padding: 30px 15px;
		height: auto;
		margin-bottom: 20px;
	}

	section.realview .list .item .left div.info .tit {
		font-size: 20px;
		line-height: 28px;
		max-height: 56px;
	}

	section.realview .list .item .left div.info .desc {
		font-size: 16px;
		line-height: 24px;
		max-height: 48px;
	}




	section.introduction {
		padding: 40px 20px;
	}

	section.story .story_wrapper .left{
		padding-right: 20px;
	}


	section.introduction .wrapper .left h3 {
		font-size: 32px;
	}

	section.introduction .wrapper .right .title {
		font-size: 24px;
		line-height: 1.2;
		max-height: 100px;
		margin-top: 40px;
	}

	section.introduction .wrapper .right .num {
		font-size: 28px;
		margin-top: 30px;
	}

	section.introduction .wrapper .right .desc {
		font-size: 18px;
		margin-top: 30px;
	}

	section.introduction .more {
		height: 40px;
		line-height: 40px;
		margin-top: 40px;
	}

}

@media screen and (max-width:660px) {

	html,
	body {
		height: 100%;
	}

	section.banner,
	section.banner .swiper-container .swiper-slide {
		padding-top: 0;
		height: 100% !important;
	}

	section.banner .swiper-container .swiper-slide div.wrapper h3 {
		font-size: 34px;
		margin-bottom: 6px;
		margin-top: 20px;
	}

	section.banner .swiper-container .swiper-slide div.wrapper p {
		font-size: 22px;
	}

	section.banner .swiper-container .swiper-slide div.wrapper .more {
		font-size: 12px;
		width: 80px;
		height: 36px;
		line-height: 36px;
		margin-top: 70px;
	}


	section.case_container {
		padding: 40px 0;
	}


	section.case_container a.more,
	section.realview a.more {
		height: 40px;
		line-height: 40px;
		margin-top: 40px;
	}

	.case_banner {
		margin-top: 40px;
	}

	.case_banner .swiper-slide .info .tit {
		font-size: 18px;
	}

	.case_banner .swiper-slide .info .date {
		font-size: 20px;
	}


	.advantages_container .gallery-thumbs .swiper-slide .num {
		float: left;
		font-size: 16px;
	}

	.advantages_container .gallery-thumbs .swiper-slide .tit {
		float: right;
		font-size: 14px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container .one span {
		font-size: 28px;
		width: 180px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container .one i {
		font-size: 60px;
	}

	.advantages_banner .swiper-container .swiper-slide .right .container p.con {
		font-size: 18px;
		margin-top: 20px;
	}

	section.story .story_wrapper .left .item .detail {
		height: 40px;
		line-height: 40px;
	}

	section.story .story_wrapper .right .prev {
		width: 30px;
		height: 30px;
	}

}

@media screen and (max-width:480px) {
	.case_banner .swiper-slide .info .tit {
		font-size: 12px;
	}

	.case_banner .swiper-slide .info .date {
		font-size: 14px;
	}

}