@charset "UTF-8";
#banner_edit .banner_tab a{width: 10px;height: 10px;vertical-align: top;margin-top: 2px;border-radius: 20px;}
#banner_edit .banner_tab a.on{width: 6px;height: 6px;margin-top: 0;}
.ixPart1{ position: relative;;}
.ixPart1 .img{ height: 69.5vh;min-height: 470px;}
.ixPart1 .text{ width: 40%; font-family: tahoma; margin: 110px 0 0 70px;}
.ixPart1 .text .line{ width: 66px; height: 7px;}
.ixPart1 .text .t1{ font-size: 86px; font-weight: bold; line-height: 80px; margin: 30px 0;}
.ixPart1 .text .t2{ font-size: 26px;}
.ixPart1 .text .t3{ display: inline-block; line-height: 50px; padding: 0 40px; border-radius: 30px; margin-top: 50px;}
.ixPart1 .dot{ width: 100%; position: absolute; bottom: 55px; z-index: 1;}
.ixPart1 .dot span{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; background-size: contain;}
.ixPart1 .dot span.on{ background-size: contain;}
@media screen and (max-width: 1000px){
	.ixPart1 .text{ margin: 50px 0 0 50px;}
}
@media screen and (max-width: 600px){
	.ixPart1 .text{ margin: 60px 0 0 30px;}
	.ixPart1 .text .t1{ font-size: 70px;}
	.ixPart1 .text .t2{ font-size: 20px;}
}
@media screen and (max-width: 500px){
	.ixPart1 .img{ height: 40vh;}
	.ixPart1 .text{ width: 50%; margin: 30px 0 0 15px;}
	.ixPart1 .text .t1{ font-size: 40px; line-height: 40px; margin: 15px 0;}
	.ixPart1 .text .t2{ font-size: 16px;}
	.ixPart1 .text .t3{ line-height: 30px; padding: 0 25px; margin-top: 30px;}
	.ixPart1 .dot{ bottom: 20px;}
}
@media screen and (max-width: 480px){
	.ixPart1 .dot{ bottom: 10px;}
}
@media screen and (max-width: 375px){
	.ixPart1 .text{ margin: 30px 0 0 15px;}
	.ixPart1 .text .t1{ font-size: 30px; line-height: 30px;}
	.ixPart1 .text .t2{ font-size: 14px;}
}
@media screen and (max-width: 320px){
	.ixPart1 .text{ margin: 20px 0 0 15px;}
	.ixPart1 .text .t1{ margin: 5px 0;}
	.ixPart1 .text .t3{ margin-top: 15px;}
}