.hcc_true_false {
    display: block;
    width: 286px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    background: #e2681d;
    border-radius: 12px;
    font-size: 18px;
    margin: 0px auto 28px;
}

.hcc_proofing_con_block3 {
    padding: 40px 45px 70px 45px;
    box-sizing: border-box;
}

.hcc_true_false img {
    margin-left: 10px;
    margin-bottom: 7px;
}

.hcc_proof_block3_title1 {
    font-size: 24px;
    font-weight: bold;
    color: #e2681d;
    text-align: center;
}

.hcc_true_false:hover{background: #000;color: #fff;}





.hcc_proof_block3_title2 {
    font-size: 14px;
    color: #313131;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 35px;
}





@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: 16px;
		line-height: 1.2;
		max-height: 120px;
	}

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

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


	h3.common-title small{font-size: 30px}
	
	
	
	
	section.story {
		padding: 120px 0 100px 100px;
	}

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

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

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


@media screen and (max-width:992px) {
	
	.pcban{display: none}
.shban{display: block}

	section.banner .swiper-container .swiper-slide img{height:auto}
	
	
	.col-sm-4{width: 100%}
	
	.news-detail{
    flex-wrap: wrap;
    padding-bottom: 0.6rem;
}
	
	.news-detail .news-content{width: 100%}
	.news-detail .news-content .title-box .title{font-size: 22px}
	.news-detail .news-side{display: none}
	
	.indpro .pc-list li{width: 100%}
	
	
	.indpro .title h2, .indsx .box .warp .title h2{font-size: 32px}
	
	.indpro .title h2 span, .indsx .box .warp .title h2 span{font-size: 42px}
	
	.indpro .pc-list li a{border:1px solid #fff;}
	
	
	
	
	
	
	.contact-box .contact-left{width: 100%}
	
	.contact-box .contact-left .online-box{margin-left: 0}
	.contact-box .contact-map{width: 100%;margin-top: 30px}
	
	.contact-box {
    flex-wrap: wrap;
    padding-bottom: 0.6rem;
}
	
	
	
	
	
	
	
	
	.com-title .en {
    font-size: 24px;
    line-height: 24px;
}
	
	
	
	.com-title .cn {
    font-size: 22px;
    line-height: 22px;
}
	
.advantage-box .advantage-list {
    flex-wrap: wrap;
    margin-top: 60px;
}
	
.advantage-box .advantage-list .item {
    width: calc(100%/3);
    margin-bottom: 20px;
}	
	
	.advantage-box .advantage-list .item .icon-box {
    width: 73px;
    height: 73px;
    padding: 10px;
}
	
	
	.advantage-box .advantage-list .item .icon-box .inner {
    line-height: 60px;
}
	
	.advantage-box .advantage-list .item .icon-box .inner i {
    width: 22px;height: 23px
}
	
	.advantage-box .advantage-list .item .num {
    font-size: 24px;
    line-height: 24px;
    margin-top:20px;
}
	
	
	.advantage-box .advantage-list .item .desc .cn{font-size: 14px;line-height: 16px;}
	
	
	.advantage-box .advantage-list .item .desc .en{display: none}
	
	
	.index-part3 .index-part1-left{width: 100%}
	
	.index-part3 .index-part1-right{width: 100%}
	
	
.style-box .style-list {
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}
	
	.style-box .style-list .item {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
}
	
	.style-box .style-list .item img {
    width: 100%;
    opacity:1;
}
	
	.style-box .style-list .item .title {
    left: 10px;
    top: 10px;
}
	
.style-box .style-list .item .title .cn {
    font-size: 18px;
    line-height: 18px;
}
	.style-box .style-list .item .title .en {
    font-size: 14px;
    line-height: 14px;
}
	
	
	
	.style-box .style-list .item .desc {
    left: 10px;
    font-size: 12px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	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{display: none}
	.shpro{display:block}
	
	
	.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: 18px;
	}

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

	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: 16px;
	}

	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%;
		width: 80%!important
	}
	.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: 50% !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;
	}

}