/*
* @Author: sunjijing
* @Date:   2021-10-11 13:31:01
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-10-13 11:40:44
*/


.mkTab { height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.mkTab span { font-size: 16px; color: #565656; margin-right: 50px; display: inline-block; cursor: pointer; }
.mkTab span a { font-size: 14px; color: #565656; position: absolute; right: 0; top: 0; display: none; }
.mkTab span.on { font-size: 20px; color: #006bb7; font-weight: bold; border-bottom: 2px solid #006bb7; }
.mkTab span.on a { display: block; font-weight: normal; }

/* banner */
.banner_big_list li { width: 100%; }
.banner_bot { margin-top: -40px; position: relative; z-index: 5; }
.company_txt { width: 630px; margin-left: 70px; padding: 10px 15px; background: url(gray60.png); }
.company_txt .name { height: 30px; line-height: 30px; color: #fff; margin-left: -85px; }
.company_txt .name span { color: #fff; font-size: 18px; font-family: "宋体"; font-weight: bold; }
.company_txt .name .EN { margin-right: 20px; }
.company_txt .smy { font-size: 12px; color: #fff; line-height: 1.5em; margin-top: 10px; }
.banner_small { width: 400px; margin-top: 24px; }
.banner_small_list li { width:25%; float: left; height: 72px; position: relative; background: #000; }
.banner_small_list li img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; filter: alpha(opacity=70); }
.banner_small_list li span { display: block; width: 80%; height: 4px; background: #fff; background: rgba(255, 255, 255, .6); position: absolute; left: 10%; bottom: 10px; }
.banner_small_list li span i { display: block; width: 0%; height: 4px; background: #006bb7; transition: width linear 5000ms; }

/* 企业要闻&动态 */
.con01 { padding: 40px 0; }
.con01_left, .con01_right { width: 540px; }
.qyyw_list { width: 110%; }
.qyyw_list li { float: left; width: 260px; margin-right: 18px; }
.qyyw_list li img { height: 115px; width: 100%; object-fit: cover; }
.qyyw_list li .tit { font-size: 16px; color: #464646; line-height: 40px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qyyw_list li .smy { font-size: 12px; line-height: 18px; color: #777; margin-top: 5px; height: 36px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.qyyw_list li:hover .tit { color: #006bb7; }

.news_ul li { height: 28px; line-height: 28px; }
.news_ul li a { display: block; font-size: 14px; color: #595959; float: left; padding-left: 15px; background: url(news_dian.png) no-repeat left center; background-size: 3px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_ul li span { font-size: 14px; color: #595959; float: right; }
.news_ul li:hover a { background-image: url(news_dian_hov.png); }
.news_ul li:hover a, .news_ul li:hover span { color: #006bb7; }

/* 专题专栏 */
.ztzl { padding: 35px 0; background: url(ztzl_bg.jpg) no-repeat center; }
.ztzl_panel { position: relative; }
.ztzl_list li { width: 356px; height: 118px; margin-right: 15px; }
.ztzl_list li img { width: 100%; height: 100%; object-fit: cover; }
.ztzl_prev, .ztzl_next { display: block; width: 41px; height: 41px; position: absolute; top: 40px; }
.ztzl_prev { background: url(ztzl_prev.png) no-repeat center; left: -60px; }
.ztzl_next { background: url(ztzl_next.png) no-repeat center; right: -60px; }
.ztzl_prev:hover { background: url(ztzl_prev_hov.png) no-repeat center; }
.ztzl_next:hover { background: url(ztzl_next_hov.png) no-repeat center; }

/* 党建之声&公司概况 */
.gsgk_con img { width: 200px; border: 1px solid #eee; }
.gsgk_con .txt { font-size: 14px; line-height: 28px; color: #565656; width: 320px; height: 140px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

/* 海外工程&群团工作 */
.con02 { padding-bottom: 28px; }
.con02_left { width: 715px; }
.hwgc_list { width: 110%; }
.hwgc_list li { width: 230px; height: 140px; float: left; margin-right: 12px; margin-bottom: 12px; position: relative; overflow: hidden; }
.hwgc_list li img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all ease-in-out 500ms; }
.hwgc_list li p { width: 100%; height: 70px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); text-align: center; position: absolute; bottom: 0; left: 0; line-height: 50px; color: #fff; padding-top: 20px; font-weight: bold; }
.hwgc_list li:hover img { transform: scale(1.1); }
.con02_right { width: 360px; }
.news_list .img, .news_list .txt { width: 175px; }
.news_list .first { margin-bottom: 15px; }
.news_list .txt .tit { font-size: 16px; color: #464646; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; }
.news_list .txt .smy { font-size: 12px; color: #777; line-height: 20px; height: 80px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 10px; text-align: justify; }
#qtgzCon .news_ul li a { max-width: 100%; }

/* 响应式代码 */
@media screen and (min-width:1400px) {
	/* banner */
	.banner_bot { margin-top: -64px; }
	.company_txt { width: 715px; margin-left: 120px; }
	.company_txt .name { margin-left: -135px; height: 54px; line-height: 54px; }
	.company_txt .name span { font-size: 30px; }
	.company_txt .smy { font-size: 14px; line-height: 24px; margin-top: 15px }
	.banner_small { width: 605px; margin-top: 40px; }
	.banner_small_list li { height: 95px; }

	/* 企业要闻&动态 */
	.con01 { padding: 50px 0; }
	.con01_left, .con01_right { width: 700px; } 
	.qyyw_list li { width: 340px; }
	.news_ul li { height: 34px; line-height: 34px; }

	/* 专题专栏 */
	.ztzl_list li { height: 150px; }
	.ztzl_prev, .ztzl_next { top: 55px; }

	/* 党建之声&公司概况 */
	.gsgk_con img { width: 230px; }
	.gsgk_con .txt { width: 450px; line-height: 30px; height: 150px; }

	/* 海外工程&群团工作 */
	.con02_left { width: 930px; }
	.hwgc_list li { width: 300px; height: 180px; }
	.con02_right { width: 470px; }
	.news_list .img, .news_list .txt { width: 230px; }
	.news_list .txt .tit { font-size: 20px; height: 72px; -webkit-line-clamp: 3; }
	.news_list .txt .smy { height: 100px; -webkit-line-clamp: 5; }
	
}
@media screen and (max-width:1200px) {
	.company_txt { display: none; }
	.banner_small { float: none; margin: -24px auto 0; }
	.con01_left, .con01_right { width: 48%; }
	.qyyw_list { width: 100%; display: flex; justify-content: space-between; }
	.qyyw_list li { width: 48%; margin-right: 0; }
	.qyyw_list li img { height: 12vw; }
	.ztzl_con { width: 90%; margin: 0 auto; }
	.ztzl_list li { height: 8vw; }
	.ztzl_prev, .ztzl_next { width: 30px; height: 30px; background-size: cover !important; top: calc(50% - 15px); }
	.ztzl_prev { left: 0; }
	.ztzl_next { right: 0; }
	.gsgk_con .txt { width: calc(100% - 220px); }
	.con02_left { width: 64%; }
	.con02_right { width: 32%; }
	.hwgc_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.hwgc_list li { width: 32%; margin-right: 0; height: 12vw; }
	.news_list .img { width: 155px; height: 12vw; }
	.news_list .img img { width: 100%; height: 100%; object-fit: cover; }
	.news_list .txt { width: calc(100% - 170px); }
	.news_list .txt .smy { height: auto; -webkit-line-clamp: 3; }
	.news_list .first { margin-bottom: 0; }
}
@media screen and (max-width:1023px) {
	.con01_left, .con01_right, .con02_left, .con02_right { width: 100%; float: none; }
	.con01_left { margin-bottom: 20px; }
	.qyyw_list li img { width: 100%; height: 20vw; }
	.hwgc_list li { height: 15vw; }
	.ztzl_list li { height: 12vw; }
	.news_list .img { width: 180px; }
	.news_list .txt { width: calc(100% - 200px); }
}
@media screen and (max-width:767px) {
	.ztzl, .con01 { padding: 20px 0; }
	.ztzl_prev, .ztzl_next { width: 24px; height: 24px; }
	.hwgc_list li { height: 18vw; }
	.news_list .img { height: 16vw; margin-bottom: 15px; }
}
@media screen and (max-width:559px) {
	.banner_small { width: 100%; }
	.ztzl_con { width: 84%; }
	.ztzl_list li { height: 20vw; }
	.news_ul li a { max-width: 70%; }
	.hwgc_list li { width: 48%; height: 25vw; }
	.news_list .img { height: 26vw; }
}
@media screen and (max-width:400px) {
	.mkTab span { margin-right: 20px; }
	.mkTab span.on { font-size: 16px; }
	.banner_bot { margin-top: -5vw; }
	.banner_small { width: 80%; }
	.banner_small_list li { height: 10vw; }
	.qyyw_list { flex-wrap: wrap; }
	.qyyw_list li { width: 100%; margin-bottom: 20px; }
	.qyyw_list li img { height: 50vw; }
	.news_list .img, .news_list .txt, .gsgk_con img, .gsgk_con .txt { width: 100%; float: none; }
	.news_list .img, .gsgk_con img { height: 45vw; }
	.news_list .first { margin-bottom: 20px; }
}