/** Home **/


@media only screen and (min-width: 2560px) and (max-width: 3560px) {
	
	
}

@media only screen and (max-width: 1920px) {}

@media only screen and (max-width: 1680px) {
	
	
}

@media only screen and (max-width: 1580px) {
	
}

@media only screen and (max-width:1480px) {
	.sloganList .container {
	    max-width: 80%;
	}
	.sloganList .list-group .innerBox P {
	    padding-left: 12px;
		font-size: 14px;
	}
	.aboutus .container {
	    max-width: 80%;
	}
	.aboutus h2 {
	    font-size: 42px;
	    line-height: 1.2;
	    margin-bottom: 60px;
	}
	.aboutus ul li {
	    margin-bottom: 12px;
	}
	.aboutus p {
	    font-size: 21px;
	    line-height: 1.5;
	}
	.aboutus .numGroup .innerNum p {
	    font-size: 26px;
	}
	.aboutus .numGroup .innerNum p.t3 {
	    font-size: 16px;
	}
	.aboutus .numGroup .innerNum p.t4 {
	    font-size: 21px;
	    line-height: 1.5;
	}
	
	/**/
	.whychoose .container {
	    max-width: 80%;
	}
	.whychoose .chooseIntro h3 {
	    font-size: 36px;
	}
	.whychoose .chooseIntro p {
	    font-size: 16px;
	}
	.whychoose .chooseList .innerchoose span {
	    font-size: 21px;
	}
	.whychoose .chooseList .innerchoose p {
	    font-size: 16px;
	    margin-top: 12px;
	}
	
	/**/
	.advantages .container {
	    max-width: 80%;
	}
	.advantages .wrapTitle h2 {
	    font-size: 32px;
	}
	.advantages .wrapTitle h5 {
	    font-size: 36px;
	}
	.advantages .card-body .card-text ul li{
		font-size:14px;
	}
	.advantages .card-body {
	    padding: 0px 24px;
	}
	.advantages .advInner{
	    background-size: 30%;
	}
	
	
	/**/
	.application .wrapTitle h2 {
	    font-size: 36px;
	    margin-bottom: 40px;
	}
	.application .container{
		max-width: 80%;
	}
	.application .card img {
	    width: 60px;
	}
	.application .card-body {
	    height: 160px;
		padding-top: 12px;
	}
	.application .card-body h2 {
	    font-size: 18px;
	}
	.application .card-body p {
	    width: 90%;
	    font-size: 15px;
	    line-height: 1.5;
	}
	
	/**/
	.distributionWrap {
	    padding:8% 0px 8% 0px;
	    background: #111111;
	}
	.distributionWrap .container {
	    max-width: 80%;
	}
	.distributionWrap .wrapTitle h2 {
	    font-size: 36px;
	    margin-bottom: 16px;
	}
	.distributionWrap .wrapTitle .totalNum h3 {
	    font-size: 32px;
	}
	.distributionWrap .wrapTitle .totalNum span {
	    font-size: 21px;
	    margin-bottom: 6px;
	    display: block;
	}
	.distributionWrap .listWrap .innerLi {
	    padding: 16px 24px;
	}
	.distributionWrap .listWrap .innerLi .numTitle span {
	    font-size: 32px;
	    margin-bottom: 12px;
	}
	.distributionWrap .listWrap .innerLi .numTitle p {
	    font-size: 14px;
	    opacity: .6;
	}
	.distributionWrap .listWrap .innerLi .iconBox img {
	    height: 80px;
	}
	
	
	/**/
	.roadmapWrap .wrapTitle {
	    margin-bottom:60px;
	}
	.roadmapWrap .wrapTitle h2 {
	    font-size: 36px;
	}
	.roadmapWrap .container {
	    max-width: 90%;
	}
	.roadmapWrap .roadmapList .listInner h6 {
	    font-size: 18px;
	    line-height: 1.5;
	}
	.roadmapWrap .roadmapList .listInner {
	    padding: 30px 18px;
	    position: relative;
	    width: 25%;
	    height: 280px;
	    border-radius: 8px;
	}
	.roadmapWrap .roadmapList .listInner .yearNum {
	    font-size: 32px;
		right:30px;
		bottom:30px;
	}
	
	/**/
	.valueWrap .wrapTitle {
	    width: 80%;
	}
	.valueWrap .wrapTitle h2 {
	    font-size: 36px;
	}
	.valueWrap .wrapTitle ul li {
	    font-size: 18px;
	}
	
	
	
	/**/
	.teamlistWrap .wrapTitle h2 {
	    font-size: 36px;
	}
	.teamlistWrap .container {
	    max-width: 80%;
	}
	.teamlistWrap .listWrap .innerTeam {
	    padding: 16px 24px;
	    height: 320px;
	    width: 32%;
	    margin-bottom: 28px;
	}
	.teamlistWrap .listWrap h5 {
	    font-size: 24px;
	}
	.teamlistWrap .listWrap p {
	    font-size: 15px;
	}
	
	
	/**/
	.contactWrap .container{
		max-width: 80%;
	}
	.contactWrap {
	    padding-bottom: 12%;
	}
}

@media only screen and (max-width:1280px) {
	
	
	/**/
	.application .card-body {
	    height: 150px;
	}
	.application .card-body h2 {
	    margin: 8px 0px;
	}
	.application .wrapTitle h2 {
	    font-size: 32px;
	    margin-bottom: 30px;
	}
	.application .card {
	    padding: 24px 12px;
	}
	.application .card-body p {
	    width: 100%;
	    font-size: 12px;
	}
	
	/**/
	.distributionWrap .wrapTitle h2 {
	    font-size: 32px;
	    margin-bottom: 12px;
	}
	.distributionWrap .wrapTitle h6 {
	    font-size: 21px;
	}
	.distributionWrap .listWrap .innerLi .numTitle span {
	    font-size: 28px;
	}
	.distributionWrap .wrapTitle .totalNum span {
	    font-size: 18px;
	}
	
	.distributionWrap .wrapTitle .totalNum h3 {
	    font-size: 28px;
	}
	.distributionWrap .wrapTitle ul li{
		font-size:14px;
	}
	.distributionWrap .listWrap .innerLi .iconBox img {
	    height: 70px;
	}
	
	
	/**/
	.roadmapWrap {
	    padding: 8% 0px 12% 0px;
	}
	.roadmapWrap .roadmapList .listInner {
	    padding: 24px 18px;
	    width: 25%;
	    height: 220px;
	}
	.roadmapWrap .roadmapList .listInner .yearNum {
	    font-size: 28px;
	    right: 20px;
	    bottom: 20px;
	}
	.roadmapWrap .roadmapList .listInner h6 {
	    font-size: 16px;
	    line-height: 1.5;
	}
	
	
	
	.teamlistWrap .wrapTitle h2 {
	    font-size: 32px;
	    margin-bottom: 12px;
	}
	.teamlistWrap .listWrap h5 {
	    font-size: 21px;
	}
	.teamlistWrap .listWrap p {
	    font-size: 14px;
	}
	
	/**/
	.contactWrap {
	    padding-bottom: 12%;
	}
	
	
}


@media only screen and (max-width: 1180px) {
	
	
}

@media only screen and (max-width: 1024px) {
	
	.whychoose .chooseIntro h3{
		font-size:32px;
	}
	.whychoose .chooseList {
	    margin-top: 60px;
	    margin-bottom: 80px;
	}
	
	/**/
	.sloganList .list-group .innerBox P {
	    font-size: 12px;
	}
	.aboutus h2 {
	    font-size: 36px;
		margin-bottom:30px;
	}
	.aboutus .linkbtn {
	    width: 130px;
	    padding: 12px 8px;
	}
	.aboutus ul li i {
		width: 20px;
		height: 20px;
	    background-size: 100%;
	}
	.aboutus p {
	    font-size: 18px;
	    line-height: 1.5;
	}
	.aboutus .numGroup .innerNum p.t3 {
		width:100%;
	    font-size: 15px;
	}
	
	/**/
	.whychoose .chooseIntro p {
	    font-size: 14px;
	}
	.whychoose .chooseList .innerchoose i {
	    width: 50px;
	    height: 50px;
	}
	.whychoose .chooseList .innerchoose span {
	    font-size: 18px;
	}
	.whychoose .chooseList .innerchoose p {
	    font-size: 15px;
	    margin-top: 12px;
	}
	.whychoose .chooseList .innerchoose p br{
		display: none;
	}
	
	/**/
	.advantages {
	    padding: 6% 0px 8% 0px;
	}
	.advantages .wrapTitle {
		text-align: center;
	}
	.advantages .wrapTitle h2{
		text-align: center;
		font-size: 21px;
	}
	.advantages .wrapTitle h5 {
	    font-size: 32px;
	}
	.advantages .container {
	    max-width: 80%;
	    flex-direction: column;
	}
	
	/**/
	.valueWrap .wrapTitle p br{
		display: none;
	}
	.valueWrap .wrapTitle{
		width: 90%;
	}
	.valueWrap .wrapTitle p {
	    font-size: 15px;
	}
	.valueWrap .contentBox .txtR {
		font-size: 16px;
		line-height: 1.8;
		width: 90%;
		font-weight:500;
	}
	
	/**/
	.teamlistWrap .listWrap p {
	    font-size: 13px;
	}
	
	
	
}

@media only screen and (max-width:820px) {
	
	.advantages .adv_list {
	    width: 100%;
	}
	.advantages .container {
	    max-width: 94%;
	    flex-direction: column;
	}
	
	.sloganList .list-group .innerBox {
	    gap: 10px;
	}
	.aboutus .numGroup .innerNum {
	    padding: 20px 12px;
	}
	.aboutus .numGroup .innerNum p{
		width:100%;
	}
	.aboutus .linkbtn {
	    display: none;
	}
	
	.whychoose .col-lg-5 {
	    margin-top:40px;
	}
	.whychoose .chooseList .innerchoose p {
	   width:100%;
	}
	
	.application .app_list .col-md-3{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	
	.distributionWrap .wrapTitle {
	    flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 32x;
	}
	.distributionWrap .wrapTitle h2 {
	    font-size: 28px;
	}
	.distributionWrap .wrapTitle .totalNum h3 {
	    font-size: 24px;
	}
	.distributionWrap .wrapTitle .totalNum {
	    text-align: left;
	}
	
	.roadmapWrap .roadmapList {
	    flex-wrap: wrap;
	}
	.roadmapWrap .roadmapList .listInner {
	    width: calc(50% - 12px);
	}
	.roadmapWrap .roadmapList .listInner h6 {
	    font-size: 21px;
	}
	.roadmapWrap .roadmapList .listInner {
	    padding: 24px 24px;
	}
	.valueWrap .wrapTitle ul li {
	    font-size: 16px;
	}
	
	.teamlistWrap .listWrap {
	    margin-top: 30px;
	}
	.teamlistWrap .listWrap .innerTeam {
	    width: 49%;
		height:260px;
	}
	
	.contactWrap .socialInner a {
		margin-bottom:12px;
	}
	
	
}

@media only screen and (max-width: 640px) {
	
	.sloganList .list-group {
	    flex-direction: column;
	}
	.sloganList .list-group .innerBox {
	    width: 100%;
	    margin-bottom: 10px;
	}
	
	.whychoose .container {
	    max-width: 90%;
	}
	
	.whychoose .chooseList .innerchoose {
	    padding: 20px 12px 40px 12px;
	}
	
	.aboutus .numGroup .innerNum {
	    padding: 20px 12px;
	    width: calc(50% - 12px);
	    margin-bottom: 12px;
	}
	
	
	.application {
	    padding: 10% 0px 12% 0px;
	}
	.application .container {
	    max-width: 90%;
	}
	.application .card {
	    padding: 24px 24px;
	}
	.application .card-body {
	    height: auto;
	}
	
	.application .app_list .col-md-3 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
	.distributionWrap {
	    padding: 12% 0px 12% 0px;
	}
	.distributionWrap .container {
	    max-width: 90%;
	}
	.distributionWrap .listWrap .innerLi {
	    width: calc(100% - 0px);
		margin-bottom: 8px;
	}
	
	.roadmapWrap .roadmapList .listInner {
	    width: calc(100% - 0px);
	}
	.roadmapWrap .roadmapList .listInner h6 {
	    font-size: 24px;
	}
	
	.teamlistWrap {
	    padding: 10% 0px 8% 0px;
	}
	.teamlistWrap .container {
	    max-width: 90%;
	}
	
	.valueWrap {
	    padding: 12% 0px 0% 0px;
	}
	.valueWrap .wrapTitle h2 {
	    font-size: 28px;
	    width: 80%;
	    margin: 0 auto;
	    margin-bottom: 12px;
	}
	.teamlistWrap .wrapTitle h2 {
	    font-size: 28px;
	}
	.teamlistWrap .listWrap .innerTeam {
	    width: 100%;
	    height: auto;
	}
	.teamlistWrap .listWrap .txt {
	    height: auto;
	}
	
	.teamlistWrap .listWrap .innerTeam:nth-last-of-type(1) {
	    display: none;
	}
	
	.contactWrap .container {
	    max-width: 94%;
	}
	.contactWrap .socialBox {
	    margin-top: 20px;
	}
	
	
}
@media only screen and (max-width: 576px) {}
@media only screen and (max-width: 480px) {}