@font-face {
	font-family:Barlow-Bold;
	src: url('../fonts/Barlow-Regular.ttf'); }

@font-face {
	font-family:impact;
	src: url('../fonts/impact.ttf'); }
	
	


img {
	border-style: none;
}


.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0460A0;
}
ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.container {
	width: 100%;
	margin: 0 auto;
}
.img-center {
	text-align: center;
	font-size: 0;
}
.img-center img {
	display: inline-block;
	width: 100%;
	height:150px;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}


.section {
	padding: 75px 0;
}
.section-title {
	margin-bottom: 40px;
	text-align: center;
	font-size: 40px;
}
.section-title strong {
	color: #000;
}
.section-title p {
	margin: 0;
	font-size: 0;
	margin-top: 20px;
}
.section-title span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 18px;
	padding: 0 20px;
}
.section-title span:before, .section-title span:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #0460A0;
	margin-top: -1px; display:none;
}
.section-title span:before {
	right: 100%;
}
.section-title span:after {
	left: 100%;
}

.in-case {
	position: relative; padding-top:20px; 
}
.in-case .hd {
	margin-bottom:20px;    position: absolute;
    z-index: 999;
    margin-top:166px;width:100%;
}
.in-case .hd a {
	display: block;
	font-size: 20px;
	line-height: 56px; text-align:center;
	border-radius: 0px; color:#fff;
}
.in-case .hd .more {
	float: right;
}
.in-case .hd li { width:25%;
	float: left;
	margin-right:0px; background:#0460a0
}

.in-case .hd li.on a, .in-case .hd a:hover {
	background-color: #5ca339;
	color: #fff;
}

.in-case .bd dl {
	width:100%;
	height: 580px;
	background-color: #fff;
}
.in-case .bd dt {
	width:100%;
	float:left;
	overflow: hidden; 
}
.in-case .bd dt img {
	width:100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-case .bd dt a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.in-case .bd dd {
	width:93%;
	float:left;
	    padding-top: 100px

}
.in-case .bd dd h4 {
	margin: 0 0 0px 0;
	font-size: 30px; color:#000;
}
.in-case .bd dd h4 small {
	font-size: 14px;
	display: block;
}
.in-case .bd dd p {
	margin: 0;
	color: #666;
	line-height: 2;
	text-align: justify;
}
.in-case .bd dd .more {
	display: inline-block;
	margin-top: 30px;
	padding: 10px 45px;
	background-color: #5ca339;
	color: #fff;
	text-transform: uppercase;
	border-radius: 50px;
}
.in-case .bd dd .more:hover {
	-webkit-animation: shake 1.5s linear;
	animation: shake 1.5s linear;
}
.in-case .arr {
	position: absolute;
	left: 3%;
	bottom: 75px;
	z-index: 2;
	font-size: 0;
}
.in-case .arr a {
	display: inline-block;
	vertical-align: middle;
	background: no-repeat center;
	width: 58px;
	height: 58px;
	margin-right: 15px;
}
.in-case .arr a.prev {
	background-image: url(../images/case_lico01.png);
}
.in-case .arr a.prev:hover {
	background-image: url(../images/case_lico02.png);
}
.in-case .arr a.next {
	background-image: url(../images/case_rico01.png);
}
.in-case .arr a.next:hover {
	background-image: url(../images/case_rico02.png);
}






.index-about {padding: 8% 0 0px;overflow: hidden;} 
.index-about-top {width: 76%;margin: auto;}
.index-about-top .class-1{color: #2660a6;font-weight: 900;}
.index-about-top-text {overflow: hidden;margin-top: 2%;}
.index-about-top-left {float: left;width: 45%;}
.index-about-top-left .text-1{color: #111111;}
.index-about-top-right {float: right;width: 33%;}
.index-about-top-right .text-2 {color: #666;}
.index-about-buttom {margin-bottom:4%; width:1300px;overflow: hidden;clear: both; margin:auto; padding-top: 3%; padding-bottom:45px;}
.index-about-icon {text-align: center;padding-top: 0;font-size: 0;}
.index-about-icon.num7 .index-about-icon-item {width: 13%;}
.index-about-icon.num6 .index-about-icon-item {width: 13%;}
.index-about-icon.num5 .index-about-icon-item {width: 17%;}
.index-about-icon-item {display: inline-block;vertical-align: top;width: 17%;}
.index-about-icon-item a {display: block;} 
.index-about-icon-item .icon-1 {position: relative;width: 45px;height:45px;margin: auto;}
.index-about-icon-item .icon-1 img{ height:45px;}
.index-about-icon-item .data-1 {margin-top: 4%; }
.index-about-icon-item .data-1 div {font-family: 'Barlow-Bold'; display: inline-block;vertical-align: top; font-weight:900; color:#3e3e3e}
.index-about-icon-item .data-1 sup {display: inline-block;vertical-align: top;margin-left: 4%;margin-top:14%; font-family: 'Barlow-Bold';  color:#3e3e3e;font-size:15px }
.index-about-icon-item .text-1 {margin-top: 3%;color: #8e8e8e; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.index-about-icon-item a:hover .data-1 div,.index-about-icon-item a:hover .text-1,.index-about-icon-item a:hover .data-1 sup{color: #2660a6;}
.index-about-icon-item a:hover .data-1 div {font-family: 'montserratr';}
.about-icon-progress-bar {margin-top: 2%;position: relative;text-align: center;font-size: 0;overflow: hidden;padding-bottom: 15px;}
.about-icon-progress-bar-line {background: url('../images/line.png') repeat-x left bottom;background-size: auto;}
.aiprogress-bar-item {display: inline-block;vertical-align: top;width: 17%;}
.aiprogress-bar-item .hover-1 {position: relative;width: 50%;margin: auto;}
.aiprogress-bar-item .hover-1::after {content: '';width: 11px;height: 6px;position: absolute;bottom: -115px;background: url('../images/sj.png') center no-repeat;opacity: 0;transition:all .4s ease;left: 50%;transform: translateX(-50%);}
.aiprogress-bar-item .hover-1 i{width: 1px;height: 30px;display: inline-block;vertical-align:middle;position: relative;}
.aiprogress-bar-item .hover-1 i::before {content: '';position: absolute;left: 0;bottom: 0;background: #cccccc;width: 100%;height: 20px;}
.aiprogress-bar-item .hover-1 i::after {content: '';transition:all .4s ease;position: absolute;left: 0;bottom: 0;background: #2660a6;width: 100%;height: 0;z-index:11;}
.aiprogress-bar-item.cur .hover-1 {background:url(../images/line1.png) repeat-x center bottom;}
.aiprogress-bar-item.cur .hover-1 i::after {height: 100%;}
.aiprogress-bar-item.cur .hover-1 i::before {opacity: 0;}
.aiprogress-bar-item.cur .hover-1::after {opacity: 1;bottom: -15px;}






/* career */
.career-development {margin-top: 100px;overflow: hidden;}
.career-development-content {text-align: center;padding: 7% 0% 3% 0% ;overflow: hidden; background:url(../images/af.jpg) no-repeat; background-size:cover}
.career-development-content .class-1 {font-weight: 900;color: #2660a6; font-size:32px;}
.career-development-content .class-1 img{ width:260px; height:auto}
.career-development-content .text-1 {color: #000;margin: auto;width: 80%; font-size:25px; line-height:38px; padding-top:25px;}
.career-development-content .text-2 {color: #747474;line-height:27px;  width:1200px; margin:auto; font-size:17px; padding-top:30px;}
.career-development-content .text-3 {color: #747474;line-height:27px;   font-size:17px;}


.mmm2 a{ color:#565656; font-size:16px; background:#eaeaea; width:150px; line-height:40px; float:left;border-radius: 25px; margin-left:550px; margin-top:30px;}
.mmm2 a:hover{ color:#fff; background:#5ca339}

.career-development-video {position: relative;}
.career-development-video .video-text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width: 50%;text-align: center;}
.career-development-video .title-1 {color: #fff;margin-top:1%;}
.career-development-video .title_cu { font-weight:700; font-size:42px;}
.career-development-video .play-1 {width: 90px;height: 90px;border-radius: 100%;background: #fff;margin: auto;position: relative;cursor: pointer;transition:all .4s ease;}
.career-development-video .play-1 i{display: block;width: 20px;height: 20px;background: url('../images/play.png') center top no-repeat;position: absolute;left: 40%;top: 50%;transform: translateY(-50%);transition:all .4s ease; }
.career-development-video .play-1:hover {transform: scale(0.9);}

.career-development-center {overflow: hidden;padding-bottom: 3%;}
.career-development-center .career-development-content {width: 76%;margin: auto;text-align: left;padding: 6% 0 4% 0;}
.career-development-center .career-development-content .text-1 {margin: 0;margin-top: 3%;width: 66%;}
.career-development-swiper {position: relative;float: right;width: 88%;overflow: visible;}
.career-development-item {overflow: hidden;}
.career-development-item .title-1{margin-top: 3%;}
.career-development-bottom {width: 76%;margin: auto;padding-bottom: 6%;overflow: hidden;}
.position-list {overflow: hidden;border-bottom: 1px solid #111111;}
.career-position-item {overflow: hidden;}
.career-position-item .title{border-top: 1px solid #111111;padding: 2% 0;overflow: hidden;cursor: pointer;position: relative;}
.career-position-item .title.cur .title-1{color: #2660a6;}
.career-position-item .title.cur {border-bottom: 1px solid #fff;border-top: 1px solid #2660a6;}
.career-position-item .title::before {content: '';width: 12px;height: 2px;background: #000;position: absolute;right: 0;top: 50%;margin-top: 0;}
.career-position-item .title::after {content: '';width: 2px;height: 12px;background: #000;position: absolute;right: 5px;top: 50%;margin-top: -5px;}
.career-position-item .title.cur::after,.career-position-item .title.cur .text-1{display: none;}
.career-position-item .title .title-1,.career-position-item .title .text-1{display: inline-block;vertical-align: middle;}
.career-position-item .title .title-1 {width: 25%;}
.career-position-item .title .text-1 {width: 15%;}
.career-position-item .text{padding: 2% 0;overflow: hidden;display: none;}
.career-position-item .position-li:first-child li{float: left;margin-right: 5%;}
.career-position-item .position-li {overflow: hidden;}
.career-position-item .position-li li{list-style: none;margin: 0;padding: 0;margin-bottom: 3%;}
.career-position-item .position-li .text-3{color: #999;}
.career-position-item .position-li .text-4{margin-top: 10px;}	
.career-position-item .position-li .text-4 p {margin: 0;padding: 0;} 
.apply-now-1 {overflow: hidden;}
.apply-now-1 a{width: 180px;padding: 20px 0;text-align: center;color: #fff;background: #2660a6;display: block;}
.position-bottom {margin-top: 2%;}

.div-recruitment-windows {width: 31%;position: fixed;left: 50%;top: 50%;z-index: 1111;transform: translate(-50%,-250%);background: #fff;box-sizing: border-box;padding: 3% 3%;text-align: center;transition:all .4s ease;}
.div-recruitment-windows.cur {transform: translate(-50%,-50%);}
.div-recruitment-windows-mark {position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition:all .4s ease;}
.div-recruitment-windows-mark.cur {opacity: 1;z-index: 1110;}
.div-recruitment-windows .close-2{position: absolute;right: 2%;top: 2%;z-index: 2;}
.div-recruitment-windows .close-2 i {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;transform: rotate(45deg);transition:all .4s ease;}
.div-recruitment-windows .close-2 i::after {content: '';width: 24px;height: 2px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2 i::before {content: '';width: 2px;height: 24px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2:hover i{transform: rotate(135deg);}
.div-recruitment-windows .title-1{overflow: hidden;}
.div-recruitment-windows .text-1{color: #999999;margin-top: 3%;}
.div-recruitment-from {text-align: left;margin-top:7%;}
.div-recruitment-from li{list-style: none;margin: 0;padding: 0;padding: 1% 0;position: relative;}
.div-recruitment-from .input-2{width: 100%;display: block;border: none;background: #f5f5f5;box-sizing: border-box;padding: 4.2% 6%;overflow: hidden;}
.div-recruitment-from .text-2 {padding: 2% 0;overflow: hidden;margin-top: 2%;}
.div-recruitment-from .text-2 span {color: #999999;}
.div-recruitment-from .input-3 {width: 100%;display: block;border: none;background:none;box-sizing: border-box;padding: 3% 6%;overflow: hidden;}
.div-recruitment-from .upload-2{position: relative;padding: 1% 0;border: 1px solid #e6e6e6;overflow: hidden;}
.div-recruitment-from .button-2{position: absolute;width:20%;display: block;border: none;background: #000;box-sizing: border-box;padding: 3% 3%;overflow: hidden;text-align: center;color: #fff;right: 8px;top: 50%;cursor: pointer;font-size: 12px;transform: translateY(-50%);}
.div-recruitment-from .button-2:hover {background: #2660a6;}
.div-recruitment-from .submit-2 {width: 100%;display: block;border: none;background: #2660a6;box-sizing: border-box;padding: 4% 0;overflow: hidden;text-align: center;color: #fff;cursor: pointer;margin-top: 5%;}
.div-recruitment-from .submit-2:hover {background: #2660a6;}




.abb1{ font-size:28px;line-height:48px; font-family:Arial, Helvetica, sans-serif}


@media(max-width:768px) {
.career-development-content .class-1 img{ width:150px; height:auto}
.career-development-content .text-1 {color: #000;margin: auto;width: 80%; font-size:20px; line-height:20px; padding-top:15px;}
.career-development-content .text-2 {color: #747474;line-height:20px;  width:90%; margin:auto; font-size:14px; padding-top:10px;}
.career-development-content .text-3 {color: #747474;line-height:20px;   font-size:12px; padding-bottom:18px;}


.index-about-icon-item .icon-1 {position: relative;width: 45px;height:auto;margin: auto;}
.index-about-icon-item .icon-1 img{ height:30px;}

.index-about-icon.num5 .index-about-icon-item {width:50%;}

.index-about-buttom {margin-bottom:4%; width:100%;overflow: hidden;clear: both; margin:auto; padding-top: 3%; padding-bottom:45px;}


}