.contact-text{height: 485px;background: no-repeat center center;background-size: cover;}
.contact-text .warper{position: relative;height: 100%;}
.contact-text .center-y{right: 0;}
.contact-text .item-text{padding: 50px;right: 0;background: rgba(251, 201, 59, 0.9);}
.contact-text .item-text .ctitle{margin-bottom: 30px;font-size: 24px;}
.contact-text .item-text p{margin-bottom: 10px;}

.job-list1{display: flex;justify-content: space-between;}
.job-list1 .list1-item{width: 30%;}
.job-list1 .list1-item .iconfont{color: #00508e;font-size: 38px;line-height: 1;}
.job-list1 .list1-item .title{font-size: 30px;line-height: 1;margin-top: 30px;}
.job-list1 .list1-item .text{margin-top: 30px;line-height: 2;}

.job-list2 .list2-item{margin-bottom: 20px;}
.job-list2 dt{padding: 0 30px;display: flex;justify-content: space-between;height: 50px;align-items: center;background-color: #666;cursor: pointer;}
.job-list2 dt>h3{color: #fff;font-size: 18px;font-weight: normal;}
.job-list2 dt>.iconfont{color: #fff;font-size: 20px;}
.job-list2 dt.active{background-color: #FBC93B;}
.job-list2 dt.active>h3{color: #444;}
.job-list2 dt.active>.iconfont{color: #666;}
.job-list2 dd{display: none;}
.job-list2 .dd-text{padding: 40px 30px;line-height: 2;}

@media only screen and (max-width:1680px ) {
	.contact-text .item-text{padding: 40px;}
	.contact-text .item-text .ctitle{font-size: 22px;margin-bottom: 25px;}
	.contact-text{height: 470px;}
	.job-list1 .list1-item .title{font-size: 26px;margin-top: 25px;}
	.job-list1 .list1-item .text{margin-top: 25px;}
	.job-list2 .dd-text{padding: 30px 20px;}
}

@media only screen and (max-width:1440px ) {
.contact-text .item-text .ctitle{font-size: 20px;margin-bottom: 20px;}
.contact-text{height: 460px;}
.job-list1 .list1-item .title{font-size: 24px;margin-top: 20px;}
	.job-list1 .list1-item .text{margin-top: 20px;}
}

@media only screen and (max-width:1366px ) {
	.contact-text .item-text{padding: 30px;}
	.contact-text .item-text .ctitle{font-size: 18px;}
	.contact-text{height: 450px;}
	.job-list1 .list1-item .title{font-size: 20px;}
	.job-list1 .list1-item .iconfont{font-size: 35px;}
}

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


}

@media only screen and (max-width:1024px ) {
.contact-text{height: 420px;}
.contact-text .center-y{right: 30px;}
}

@media only screen and (max-width:768px ) {
.contact-text{height: 400px;}
}

@media only screen and (max-width:640px ) {
.contact-text .item-text{padding: 20px;}
.contact-text .center-y{left: 50%;top: 50%;transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);right: inherit;width: 80%;}
.job-list1{flex-direction: column;}
.job-list1 .list1-item{width: 100%;}
.job-list1 .list1-item:not(:first-child){margin-top: 20px;}
.job-list1 .list1-item .iconfont{font-size: 32px;}
.job-list1 .list1-item .title{font-size: 18px;}
.job-list1 .list1-item .text{margin-top: 10px;}
.job-list2 dt{padding: 0 15px;height: 42px;}
.job-list2 dt>.iconfont{font-size: 18px;}
.job-list2 dt>h3 {font-size: 16px;}
.job-list2 .dd-text{padding: 15px 10px;font-size: 12px;}
}

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

}

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

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

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