.banner {
	width: 100%;
	margin: 0 auto;
}
/* 闆嗗洟绠€浠 */
.mktitle {
	width: 100%;
	background: url(/uiFramework/commonResource/image/2023091913404342093.png)no-repeat center top;
}
.mktitle p {
	font-size: 32px;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 3px;
}
.mktitle p a {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 3px;
}
.mktitle p span {
	display: block;
	padding: 15px 0 50px 0;
}
.mktitle p span a {
	font-size: 16px;
	color: #606060;
	font-weight: lighter;
	letter-spacing: 0;
}
.mktitle p span a:hover {
	color: #e02020;
}
.qcb_b_tit p span a {
	color: #ffffff;
}
.introduce {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	background-color: #f8f8f7;
	padding-top: 60px;
}
.introduce .introduce-pic {
	width: 50%;
	display: none;/* height: 737px; */
}
.introduce .introduce-pic img {
	width: 100%;
}
.introduce-content {
	position: relative;
	width: 65%;
	margin: 0 auto;
}
.introduce-content h3 {
	font-size: 28px;
	letter-spacing: 2px;
	font-weight: 600;
	text-align: center;
}
.introduce-text {
	width: 100%;
	font-size: 20px;
	color: #5b5b5b;
	line-height: 2;
	text-align: justify;
}
.introduce-text p {
	font-size: 16px;
}
.more {
	position: absolute;
	bottom: 20%;
	left: 10%;
	padding: 5px 10px;
	border-radius: 20px;
	background-color: #de0010;
	color: #fff;
	line-height: 1;
	display: none;
}
.more a {
	color: #fff;
	display: block;
}
/* 闆嗗洟棰嗗 */
.leader-content {
	background-color: #f8f8f7;
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	padding-top: 3%;
	padding-bottom: 60px;
	text-align: center;
}
.leader-content h3 {
	letter-spacing: 2px;
	font-weight: 600;
}
.leader-content-box {
	display: flex;
	width: 80%;
	margin: 0 auto;
}
.leader-pic {
	position: relative;
	width: 310px;
       /* height: 410px; */
        display:none;
}
.leader-pic img {
	width: 100%;
}
/* 閬僵灞 */
.leader-pic-name {
	position: absolute;
	bottom: 1%;
	left: 0;
	text-align: left;
	width: 90%;
	padding: 10% 0;
	padding-left: 5%;
	background-color: #aa9241;
	color: #f8f8f7;
}
.leader-name {
	font-size: 28px;
	padding-bottom: 10%;
}
.leader-status {
	font-size: 14px;
}
.leader-text {
	position: relative;
	padding-top: 2%;
	/*width: 65%;*/
	text-align: left;
	/*margin-left: 8%;*/
	font-size: 16px;
	color: #484848;
	line-height: 2;
	text-align: justify;
	width: 100%;
}
.leader-text p {
	font-size: 16px;
	color: #484848;
}
.mores {
	position: absolute;
	/* font-size: 16px; */
	bottom: 10%;
	left: 0;
	display: block;
	background-color: #de0010;
	padding: 8px 15px;
	border-radius: 20px;
	color: #fff;
	line-height: 1;
	display: none;
}
/* 鏁版嵁灞曠ず */

.showToast-content {
	display: flex;
	margin: 0 auto;
	width: 85%;
	background-color: #fff;
 box-shadow: .025rem .025rem .05rem rgba(0, 0, 0, 0.2);
	padding: 50px 0;
	margin-bottom: 5%;
}
/* 杩涘嚭鍙ｅ浗瀹跺強鍦板尯 */
.data-show-box {
	flex: 1;
	padding-left: 5%;
}
.data-show-content {
	display: flex;/* vertical-align: middle; */
}
/* 宸︿晶鍥炬爣 澶栧渾 */
.data-show-sign {
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	border-radius: 50%;
	text-align: center;
	/* line-height: 50px; */
	transform: translateY(10px);
	margin-right: 15px;
}
/* 宸︿晶鍥炬爣 logo */
.data-show-sign img {
	display: block;
	width: 25px;
	height: 25px;
	transform: translate(50%, 50%);/* margin: auto auto; */
}
.data-show-text {
	text-align: left;
}
.data-show-text p {
	/* transform: translateY(-10px); */
	font-size: 14px;
	color: #333333;
}
.data-show-number {
	font-size: 45px;
	color: #474747;/* font-family: 榛戜綋; */
}
/* 鍙戝睍鍘嗙▼ */
.develop {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	/* height: 500px; */
	padding-top: 5%;
 background-image: url(./aside/鎽勫浘缃慱400168683_鍒涙剰鍟嗗姟鑳屾櫙锛堜紒涓氬晢鐢級@2x.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	padding-bottom: 18%;
	overflow: hidden;
	position: relative;
}
.develop h3 {
	font-size: 36px;
	letter-spacing: 2px;
}
/* 鍙戝睍骞翠唤 */
.develop-year {
	display: flex;
	justify-content: space-evenly;
	width: 70%;
	margin: 0 auto;
	align-items: baseline;
	margin-bottom: 5%;
}
.develop-year a {
	/* vertical-align: bottom; */
	font-size: 18px;
	color: #999;
	cursor: pointer;
}
/* 骞翠唤灞曠ずtab鏍忓垏鎹 */
/* 榛樿閫変腑鐨勬牱寮 */
.develop-year .current {
	font-size: 36px;
	color: #000;
}
/* 绀句細璐ｄ换 */

.responsibility {
	width: 80%;
	margin: 0 auto;
	max-width: 1920px;
	padding-top: 5%;
	padding-bottom: 5%;
}
.responsibility-nav {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.responsibility-navBar {
	width: 40%;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.responsibility-navBar a {
	display: block;
	color: #999;
	margin-left: 2%;
	font-size: 22px;
}
/* 瀵艰埅閫夐」 */
.navbar {
	font-size: 26px;
	color: #000;
}
.responsibility-pic {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 5%;
}
.responsibility-pic li {
	/* margin-right: 1%; */
	width: 24%;/* height: 100px;
    background-color: red; */
}
.responsibility-pic li img {
	width: 100%;
	height: 100%;
}
/* 浼佷笟鏂囧寲 */
.culture {
	width: 80%;
	max-width: 1920px;
	margin: 0 auto;
	padding-top: 2%;
	text-align: center;
	padding-bottom: 5%;
}
.culture h3 {
	letter-spacing: 2px;
	font-size: 36px;
}
.culture p {
	margin-top: 1%;
	font-size: 22px;
	color: #7a7a7a;
	font-weight: lighter;
}
/* 浼佷笟鏂囧寲鍥剧墖 */
.culture-pic {
	width: 100%;
	margin: 0 auto;
}
.culture-pic img {
	width: 100%;
}
.culture-pic-top {
	display: flex;
	justify-content: space-between;
	margin-top: 2%;
}
.qywh_mk {
	background: url(/eportal/imageDir/sinotruk/2023/10/2023102920593548494.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 5%;
	margin-top: 50px;
	padding-left: 9%;
	padding-bottom: 80px;
}
.qywh_mk .qyyj {
        width:25%;
	margin-top: 70px;
}
.qyyj_div{ display:flex;}
.qywh_mk .qyyj:nth-child(4n) {
	margin-right: 0;
}
.qywh_mk .qyyj h1 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 20px;
}
.qywh_mk .qyyj h1 span {
	width: 60px;
	height: 0px;
	display: block;
	background: #ffffff;
	margin-top: 20px;
}
.qywh_mk .qyyj p {
	color: #ffffff;
	font-size: 16px;
	font-weight: lighter;
}
.qcb_b_tit p {
	color: #ffffff;
        text-align:left;
}
.ppyj {
	width: 67.45%;
	position: relative;
}
.hxjzg {
	width: 31.3%;
	position: relative;
}
.jqwh {
	width: 28.7%;
	position: relative;
}
.xlwh {
	width: 37.5%;
	position: relative;
}
.zxlwh {
	width: 31.3%;
	position: relative;
}
.culture-pic-bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 1%;
}
.culture-pic-mask {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14%;/*transform: translate(-50%);*/
}
.culture-pic-mask .culture-pic-title {
	/* font-weight: 800; */
	color: #fff;
	font-size: 34px;
	font-family: none;
	margin-bottom: 30px;
}
.culture-pic-mask .culture-pic-text {
	color: #fff;
	font-size: 21px;
}
.culture-pic-text a {
	color: #fff;
	font-size: 21px;
	font-weight: lighter;
}
.responsbilate-pic-width {
	width: 80%;
	margin: 0 auto;
	max-width: 1920px;
}
/* 娴嬭瘯 */
.text {
	width: 500px;
	height: 300px;
	background-color: red;
}
/*鏂板彂灞曞巻绋?/
.mkcard {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
	margin-top: 60px;
}
.mkbj {
	height: 300px;
	position: relative;
	overflow: hidden;
	width: 740px;
}
.mkdw {
	position: absolute;
	left: 55px;
	bottom: 60px;
}
.px {
	background: url(/eportal/imageDir/sinotruk/2023/10/2023102918215779299.jpg) no-repeat;
	background-size: cover;
}
.ful {
	background: url(/eportal/imageDir/sinotruk/2023/10/2023102918215743211.jpg) no-repeat;
	background-size: cover;
}
.lmname {
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}
.lmms {
	font-size: 18px;
	color: #fff;
	margin-bottom: 25px;
}
.lmlj {
	font-size: 16px;
	color: #fff;
	width: 140px;
	border: 1px solid;
	text-align: center;
	line-height: 40px;
	border-radius: 70px;
	transition: all .3s;
}
.lmlj a {
	font-size: 16px;
	color: #fff;
}
.lmlj:hover {
	background: #e02020;
	border: none;
}
.lmlj:hover a {
	color: #ffffff;
}


/* 濯掍綋鏌ヨ */

/* 1600浠ヤ笂 */
@media only screen and (min-width:1600px) {
.introduce-content h3 {
	font-size: 36px;
}
.introduce-text {
	/* width: 677px; */
	font-size: 20px;
}
.leader-content h3 {
	font-size: 36px;
}
.leader-pic {
	width: 310px;/* height: 410px; */
}
.mores {
	bottom: 18%;
}
.responsibility h3 {
	font-size: 36px;
	font-weight: 600;
}
.responsibility-navBar a {
	font-size: 22px;
}
.responsibility-navBar .navbar {
	font-size: 26px;
	color: #000;
}
}

/* 1440-1600 */
@media only screen and (min-width: 1440px)and (max-width: 1599px) {
.introduce-content h3 {
	font-size: 32px;
}
.introduce-text {
	/* width: 600px; */
	font-size: 18px;
}
.leader-content h3 {
	font-size: 32px;
}
.leader-pic {
	width: 280px;/* height: 380px; */
}
.mores {
	bottom: 15%;
}
/* swiper宸﹀彸绠ご璺濈 */
.swiper-container .swiper-button-next {
	right: 32%;
}
.swiper-container .swiper-button-prev {
	left: 32%;
}
/* 骞翠唤瀛椾綋 */
.develop-year a {
	font-size: 18px;
}
/* 榛樿閫変腑鐨勬牱寮 */
.develop-year .current {
	font-size: 32px;
}
.develop h3 {
	font-size: 32px;
}
.responsibility h3 {
	font-size: 32px;
}
.responsibility-navBar a {
	font-size: 19px;
}
.responsibility-navBar .navbar {
	font-size: 22px;
	color: #000;
}
.culture h3 {
	font-size: 32px;
}
.culture p {
	font-size: 19px;
}
.culture-pic-mask .culture-pic-title {
	font-size: 30px;
	font-weight: 600;
}
.culture-pic-mask .culture-pic-text {
	font-size: 19px;
}
}

/* 1280-1440 */
@media only screen and (min-width: 1280px)and (max-width: 1439px) {
.introduce-content h3 {
	font-size: 32px;
	font-weight: 600;
}
.introduce-text {
	/* width: 550px; */
	font-size: 16px;
}
.leader-content h3 {
	font-size: 32px;
}
.leader-pic {
	width: 240px;/* height: 340px; */
}
.leader-name {
	font-size: 22px;
}
.leader-status {
	font-size: 12px;
}
.mores {
	bottom: 8%;
}
/* 鏁版嵁灞曠ず閫傞厤 */
.showToast-content {
	padding: 40px 0;
}
.data-show-box {
	padding-left: 3%;
}
.data-show-sign {
	width: 40px;
	height: 40px;
}
.data-show-sign img {
	width: 20px;
	height: 20px;
}
.data-show-number {
	font-size: 40px;
}
/* swiper宸﹀彸绠ご璺濈 */
.swiper-container .swiper-button-next {
	right: 32%;
}
.swiper-container .swiper-button-prev {
	left: 32%;
}
/* 骞翠唤瀛椾綋 */
.develop-year a {
	font-size: 17px;
}
/* 榛樿閫変腑鐨勬牱寮 */
.develop-year .current {
	font-size: 28px;
}
.develop h3 {
	font-size: 28px;
}
.responsibility h3 {
	font-size: 28px;
	font-weight: 600;
}
.responsibility-navBar a {
	font-size: 19px;
}
.responsibility-navBar .navbar {
	font-size: 22px;
	color: #000;
}
.culture h3 {
	font-size: 32px;
	font-weight: 600;
}
.culture p {
	font-size: 20px;
}
.culture-pic-mask .culture-pic-title {
	font-size: 32px;
	font-weight: 600;
}
.culture-pic-mask .culture-pic-text {
	font-size: 18px;
}
}

/* 1024-1280  */
@media only screen and (min-width: 1024px)and (max-width: 1279px) {
.introduce-content h3 {
	font-size: 24px;
}
.introduce-text {
	width: 90%;
	font-size: 14px;
}
.leader-content h3 {
	font-size: 32px;
}
.leader-pic {
	width: 200px;/* height: 300px; */
}
.leader-name {
	font-size: 20px;
}
.leader-status {
	font-size: 12px;
}
.mores {
	font-size: 14px;
	bottom: 0;
}
/* 鏁版嵁灞曠ず閫傞厤 */
.showToast-content {
	padding: 40px 0;
}
.data-show-box {
	padding-left: 2%;
}
.data-show-sign {
	width: 30px;
	height: 30px;
}
.data-show-sign img {
	width: 15px;
	height: 15px;
}
.data-show-number {
	font-size: 35px;
}
.data-show-text p {
	transform: scale(0.8);
}
/* swiper宸﹀彸绠ご璺濈 */
.swiper-container .swiper-button-next {
	right: 32%;
}
.swiper-container .swiper-button-prev {
	left: 32%;
}
/* 骞翠唤瀛椾綋 */
.develop-year a {
	font-size: 16px;
}
/* 榛樿閫変腑鐨勬牱寮 */
.develop-year .current {
	font-size: 24px;
}
.develop h3 {
	font-size: 24px;
}
.responsibility h3 {
	font-size: 24px;
}
.responsibility-navBar a {
	font-size: 15px;
}
.responsibility-navBar .navbar {
	font-size: 20px;
	color: #000;
}
.culture h3 {
	font-size: 24px;
}
.culture p {
	font-size: 18px;
}
.culture-pic-mask .culture-pic-title {
	font-size: 24px;
	font-weight: 600;
}
.culture-pic-mask .culture-pic-text {
	font-size: 16px;
}
}

/* pad 768-1024 */
@media only screen and (min-width: 768px)and (max-width: 1023px) {
.introduce {
	display: block;
}
.introduce-pic {
	margin: 0 auto;
}
.introduce-content {
	width: 100%;
	padding-bottom: 50px;
}
.introduce-content h3 {
	font-size: 20px;
}
.introduce-text {
	width: 90%;
	font-size: 12px;
}
.more {
	bottom: 2%;
	left: 5%;
}
/* 棰嗗 */
.leader-content {
	padding-top: 5%;
}
.leader-content h3 {
	font-size: 20px;
}
.leader-pic {
	width: 160px;/* height: 260px; */
}
.leader-name {
	font-size: 20px;
}
.leader-status {
	font-size: 12px;
}
.leader-text {
	/* transform: scale(0.8); */
	font-size: 12px;
}
.mores {
	bottom: 0;
}
/* 鏁版嵁灞曠ず閫傞厤 */
.showToast-content {
	margin-top: 3%;
	position: static;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	transform: translate(0);
	padding: 25px;
	padding-bottom: 0;
	padding-left: 30px;
}
.data-show-box {
	width: 70%;
	flex: 50%;margin:0 auto;
	margin-bottom: 10px;
}
.data-show-sign {
	width: 50px;
	height: 50px;
	transform: translateY(15px);
}
.data-show-sign img {
	display: block;
	width: 25px;
	height: 25px;
	transform: translate(50%, 50%);
}
/* swiper宸﹀彸绠ご璺濈 */
.swiper-container .swiper-button-next {
	right: 31.5%;
	width: 25px;
	height: 25px;
}
.swiper-container .swiper-button-prev {
	left: 31.5%;
	width: 25px;
	height: 25px;
}
.swiper-more {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 2;
	font-size: 12px;
}
/* 骞翠唤瀛椾綋 */
.develop-year a {
	font-size: 13px;
}
/* 榛樿閫変腑鐨勬牱寮 */
.develop-year .current {
	font-size: 20px;
}
.develop h3 {
	font-size: 20px;
}
.responsibility h3 {
	font-size: 22px;
}
.responsibility-navBar a {
	font-size: 13px;
}
.responsibility-navBar .navbar {
	font-size: 18px;
	color: #000;
}
.culture h3 {
	font-size: 22px;
}
.culture p {
	font-size: 16px;
}
.culture-pic-mask .culture-pic-title {
	font-size: 20px;
	font-weight: 600;
}
.culture-pic-mask .culture-pic-text {
	font-size: 14px;
}
}

/* 鎵嬫満绔樉绀 */
/* 灞忓箷灏忎簬 767px 鏃剁殑鏍峰紡  */
@media only screen and (max-width: 767px) {
.introduce {
	display: block;
}
.introduce-pic {
	margin-top: 30px!important;
	margin: 0 auto;
	width: 90%!important;
}
.introduce-content {
	width: 100%;
	padding-bottom: 50px;
}
.introduce-text p {
	font-size: 14px;
}
.leader-text p {
	font-size: 14px;
}
.introduce-content h3 {
	font-size: 18px;
}
.introduce-text {
	width: 90%;
	margin: 0 auto;
	font-size: 12px;
}
.more {
	bottom: 2%;
	left: 32px;
}
.leader-content-box {
        display:block;
}
.leader-content h3 {
	font-size: 18px;
}
.leader-pic {
	width: 40%;
	/* height: 260px; */
	margin: 0 auto;
        float:left;
        padding-right:20px;
}
.leader-name {
	font-size: 20px;
}
.leader-status {
	font-size: 12px;/* transform: scale(0.8); */
}
.leader-text {
	font-size: 12px;
	width: 100%;
        margin-left:0;
        padding-top:0;
}
/* 浼佷笟鏂囧寲閫傞厤 */
.mkcard {
	display: block;
}
.mkbj {
	width: 100%;
	height: 200px;
	margin-bottom: 30px;
}
.qyyj_div{ display:block;}
.qywh_mk .qyyj {
	width: 100%;
	margin-top: 40px;
	text-align: left;
}
.qywh_mk .qyyj h1 span {
	margin: 0 auto;
	margin-top: 20px;
}
.mores {
	bottom: -30px;
}
/* 鏁版嵁灞曠ず閫傞厤 */
.showToast-content {
        width:100%;
	margin-top: 10%;
	position: static;
	display: block;
	align-items: center;
	flex-wrap: wrap;
	transform: translate(0);
	padding: 50px 15px;
}
.data-show-box {
	width:50%;
	flex: 50%;
        margin:0 auto;
	margin-bottom: 30px;
	padding-left: 0;
        float:left;
}
.data-show-content {
	display: flex;
}
.data-show-sign {
}
.data-show-number {
	font-size: 20px;
}
.data-show-sign{ width:30px;height:30px;transform:translateY(5px);}
.data-show-sign img{ width:20px;height:20px;transform:translate(30%, 30%);}
/* swiper宸﹀彸绠ご璺濈 */
.swiper-container .swiper-button-next {
	right: 30.6%;
	width: 18px;
	height: 18px;
	margin-top: auto;
}
.swiper-container .swiper-button-prev {
	left: 30.6%;
	width: 18px;
	height: 18px;
	margin-top: auto;
}
.swiper-more {
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translate(-50%, 0) scale(0.7);
	z-index: 2;
	font-size: 12px;/* transform: scale(0.9); */
}
.swiper-container {
	margin-top: 20px;
}
.develop-year {
	width: 100%;
	margin-bottom: 60px;
}
/* 骞翠唤瀛椾綋 */
.develop-year a {
	font-size: 12px;
}
/* 榛樿閫変腑鐨勬牱寮 */
.develop-year .current {
	font-size: 18px;
}
.develop h3 {
	font-size: 18px;
}
.responsibility h3 {
	font-size: 20px;
}
.responsibility-navBar a {
	font-size: 12px;
}
.responsibility-navBar .navbar {
	font-size: 16px;
	color: #000;
}
.culture h3 {
	font-size: 20px;
}
.culture p {
	font-size: 14px;
}
.culture-pic-mask .culture-pic-title {
	font-size: 16px;
	font-weight: 600;
}
.culture-pic-mask .culture-pic-text a {
	font-size: 12px;
}
.culture-pic-top {
	display: block;
}
.culture-pic-top div {
	width: 100%;
}
.culture-pic-bottom {
	display: block;
}
.ppyj {
	width: 100%;
}
.hxjzg {
	width: 100%;
}
.jqwh {
	width: 100%;
}
.xlwh {
	width: 100%;
}
.zxlwh {
	width: 100%;
}
}