@charset "utf-8";
/* CSS Document */

.icon-before-01 {background: url(../images/icon-before-01.png) no-repeat center; background-size: auto;}
.icon-before-02 {background: url(../images/icon-before-02.png) no-repeat center; background-size: auto;}
.icon-before-03 {background: url(../images/icon-before-03.png) no-repeat center; background-size: auto;}
.icon-before-04 {background: url(../images/icon-before-04.png) no-repeat center; background-size: auto;}

.accordion__title {white-space: nowrap;}
.accordion__header p {margin-bottom: 0;}
.accordion__header {transition: all .5s ease;}
.accordion__header:hover p{color: #FFFFFF; transition: all .5s ease;}
.newsfl {float: left;}
.ce-header {font-weight: bold; font-size: 20px;}
.accordion__title__job {width: 200px; font-size: 22px; font-weight: bold;}
.accordion__header:hover .accordion__title__job{color: #FFFFFF; transition: all .5s ease;}
.accordion__title__jobnr {width: calc(100% - 200px);}

.page__footer {padding-bottom: 50px !important; padding-top: 50px !important;}
.cpzhanshi p {text-align: center;}
.cpzhanshi table{width: 100% !important;}
.cpzhanshi table tr td {vertical-align: middle;}
.headline {text-align: center !important;}
.h4 {font-size: 26px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.heroslider .swiper-wrapper {position: relative!important; top: 35px!important;}

.teaser__imglink .teaser__image {}
.teaser__imglink .img_h_200 {height: 200px;}

.cpbg {background: #eee;}
.cpjj {margin-bottom: 60px !important;}
.cpsmjj {margin-top: 50px !important;}
/*.cpbg {background: url(../images/cpbg.jpg) no-repeat top left;}*/
.tdms {width: 100%;}
.tdms .txt {width: 56%; text-align: left; float: left;}
.tdms .txt h1 {font-weight: 400; font-size: 35px; padding-bottom: 20px;}
.tdms .txt p {font-size: 16px; text-align: left; text-indent:30px; margin-bottom: 12px; line-height: 140%; background: url(../images/dd.png) no-repeat top left;}
.tdms .pic {width: 40%; text-align: right; float: right;}
.tdms .pic img {max-width: 100%;}

.gnts p {width: 32.333%; margin-right: 1.5%; margin-bottom: 1.5%; float: left; text-align: center; background: #eee; padding: 35px; transition: all .5s ease;}
.gnts p:nth-child(3n) {margin-right: 0;}
.gnts p:hover {background: #000; color: #fff;}
.gnts p em {font-size: 32px; margin-bottom: 15px;}

@media (max-width: 767.98px){
	.tdms .txt {width: 100%; margin-top: 15px; float: none;}
	.tdms .pic {width: 100%; float: none;}
	
	.gnts p {width: 100%; margin-right: 0;}
}