@charset "utf-8";
@media screen and (max-width: 1820px) {
       ul.tab-menu2.clearfix{right:-75%;}
}
@media screen and (max-width: 1686px) {
       ul.tab-menu2.clearfix{right:-107%;    width: 654px;    text-align: center;bottom:34px;}
       ul.tab-menu2.clearfix li.tab-name{padding:0;width: 160px;}
}
@media screen and (max-width: 1600px) {
        .main3 .mod2 .mr .post.post1.post-32.mbox{padding: 7% 20% 11% 6%;}
#container-11 .inner {
    width: 100%;padding: 0 8px;
    box-sizing: border-box;}
}
@media screen and (max-width: 1500px) {
	.main2 .mod2 .mr{position:relative;}
	.main2 .mod2 .ml .post.post1.post-21.mbox {    padding: 25% 1% 20% 1%;}
}
@media screen and (max-width: 1400px) {
        .main3 .mod2 .mr .post.post1.post-32.mbox {    padding: 7% 5% 11% 6%;}
}
@media screen and (max-width: 1360px) {
        .main2 .mod2 .ml .post.post1.post-21.mbox .news_title{text-align:center;}
        .main2 .mod2 .ml .post.post1.post-21.mbox .news_subtit{text-align:center;}

#header{position:relative;background:#2b9585;height:auto;}	
#header .inner{height:auto;}
.clear.nav_clear{display:block;}
#nav {float:none;}
.nav .wp-menu{width:730px;}
.main1 .mod2 .news_list li.news span.news_title{width:75%;}
.main2 .mod2 .ml .post.post1.post-21.mbox {    padding: 35% 1% 30% 2%;}
#banner .ban_bot{bottom:-1px;}

.main1 .post-11 .tt .tit::after,
.main1 .post-12 .tt .tit::after,
.main1 .post-13 .tt .tit::after,
.main1 .post-14 .tt .tit::after{display: block;    padding-top: 10px;}

.main2 .mod2 .mr{width:100%;position:relative;float:none;}
.main2 .mod2 .ml{width:100%;float:none;}
.main2 .mod2 .ml .post.post1.post-21.mbox {    padding: 3% 0;}
.main2 .mod2 .mr .post{padding:0;}

}

@media screen and (max-width: 1310px) {
#header .inner{width: 100%;}
#header .inner .mod {    margin: 0 20px;}
.main1 .mod2 .post .tt .tit{left:30px;}
.main1 .mod2 .post .more_btn{left:30px;}
}

@media screen and (max-width: 1260px) {
	.main4 .inner {    width: 100%;}
	.main4 .inner .mod {   margin: 0 20px;margin-bottom: 10px;}
	.post.post1.post-30.mbox {    padding: 5% 15% 0 6%;}
	#footer .inner .mod{width:100%;}
	#footer .inner .foot-left{margin-left: 20px;}
	#footer .inner1 .foot-right{margin: 20px 20px 0 0;}
	.wrapper .inner{width:100%;}
	#l-container .inner{margin:0px;}
	#l-container .inner .mod {    padding: 10px 25px;}
        ul.tab-menu2.clearfix{bottom:20px;}
.post-222 .news {
    position: static !important;
    float: left;width: 50% !important;
    padding: 0 6px  !important;
    box-sizing: border-box;margin-bottom: 25px;
}
.post-222 .news .news_imgs {
    height: 200px !important;
}
.post-222 img {
    width: 100%;
}
.post-222 .news.n2 {
    padding-top: 0;
}

}
@media screen and (max-width: 1220px) {
       ul.tab-menu2.clearfix {    right: -75%;}
.nav .wp-menu .menu-item a.menu-link {
    display: inline-block;
    margin: 0 8px;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 16px;
    border-bottom: 4px solid transparent;
    padding: 12px 0;
    min-height: 80px;
}
.menu-item {
    max-width: 100px !important;
}
       .main-nav-panel .menu .sub-wrap .sub-imgs{margin-left:20px;}
       .main-nav-panel .menu .sub-wrap .sub-txt{width:300px;}
       .main-nav-panel .menu .sub-menu{width:300px;}
}

@media screen and (max-width: 1160px) {
	.main3 .mod2 .mr .post.post1.post-32.mbox {    padding: 6% 3% 11% 3%;}
	.post.post1.post-30.mbox {    padding: 5% 5% 0 6%;}
	.main3 .mod2 .post-30 .more_btn{left:12%;}
}


@media screen and (max-width: 1144px) {
.wrapper .inner .mod {width:auto;}
ul.tab-list.clearfix li.tab-con .post.ml .con .news_list span.news_title{width:85%;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.t1 #header {
    position: static;
     background: #158a79; 
}
.t1 .wp-inner,.jj {
    width: 100%;}
.post-114,.post-115 {
    float: left;
    width: 100%;
}
.jj {

    padding: 15px 60px 30px 50px;
    box-sizing: border-box;
    min-height: 100%;
}
.post-114 {
    margin-bottom: 30px;
}
.q .left ,.q .right {
    width: 100%;
}
span.right {
    width: 50% !important;
    text-align: right;
}
span.left {
    width: 50% !important;
}
.q .jj {
    padding: 45px 30px 30px 30px;
}
.t1 .wp-inner {
    max-height: 100%;}
	.main1 .mod2 .post{width:50%;padding:0 1% 2%;box-sizing: border-box;}
	.search-panel{margin-top:28px;}
	.searchbtn{top:-28px;right: 50px;width:28px;height:28px;    background: url("https://www.mercedespartspeople.com/_upload/tpl/00/48/72/template72/images/sous2.png") center no-repeat;}
	.search-window{top:-28px;right: 50px;}
        .wp-search .search-btn{width:32px;height:32px;}
        .wp-search .search-btn input.search-submit{height:32px;    background: url("https://www.mercedespartspeople.com/_upload/tpl/00/48/72/template72/images/sous2.png") center no-repeat;}
         .wp-search .search-btn{margin-top:-16px;}
	#nav{display:none;}
	.main3 .mod2 .ml{float:none;width:100%;position:relative;}
	.main3 .mod2 .mr {    float: none;    width: 100%;}
	.main3 .mod2 .post-30 .more_btn {    left: 7%;}
        .wp-navi-aside .wp-menu.menu .sub-wrap .sub-imgs img {    width: 100%;}
       .wp-navi-aside .wp-menu.menu .sub-wrap .sub-txt {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 70px;}
       .sub-wrap {    display: none;}
       .search-panel{float:right;}
       .icon-right {    float: right;}
       ul.tab-menu2.clearfix {    position: relative; right: 0;    width: 100%;    bottom: 0;}
       ul.tab-menu2.clearfix li.tab-name{color: #165aa6;line-height: 50px;}
       .main3 .mod2 .mr .post.post1.post-32.mbox {    padding: 3% 5% 3% 6%;}
       ul.tab-menu2 li.tab-name.selected {    background: #1c5a93;    color: #fff;}
       .icon-right{display:none;}
       .navi-aside-toggle{width:38px;height:38px;left:auto;right:14px;top:18px;margin-top:0;}
       .main1 .mod2 .post .con{    border: 1px solid #eee;    border-top: none;    border-bottom: 4px solid #158a79;}
       .main1 .mod2 .news_list li.news span.news_title{width:100%;float:none;    display: block;line-height:30px;height:60px;white-space:normal;    font-size: 22px;color:#313b2a;-webkit-box-orient: vertical;    -webkit-line-clamp: 2;    display: -webkit-box;}
       .main1 .mod2 .post .news_list li.news span.news_meta{display:block;float:none;font-size:18px;    padding-bottom: 10px;}
       .main1 .mod2 .post li.news.n2 {    display: none;}
       .main1 .mod2 .post li.news.n3 {    display: none;}
       .main1 .mod1 .post .tt .tit,
       .main2 .mod1 .post .tt .tit,
       .main3 .mod2 .post-30 .tt .tit,
       .main4 .mod1 .post .tt .tit {    background: url("https://www.mercedespartspeople.com/_upload/tpl/00/48/72/template72/images/tt_bg.png") no-repeat bottom center;}
       .main1 .mod1 .post .tt .tit::before,
       .main2 .mod1 .post .tt .tit::before,
       .main3 .mod2 .post-30 .tt .tit::before,
       .main4 .mod1 .post .tt .tit::before{content:"";}
       .main3 .mod2 .post-30 .tt .tit{text-align:center;}
       #header {    position: absolute;    background: none;    box-shadow: none;border: none;height:auto;}
       .info #header {background: #2b9585;}
       .inner_box {border:none;}
       div#aaa { width: 31px; height: 31px;background: url("https://www.mercedespartspeople.com/_upload/tpl/00/48/72/template72/images/sous3.png") no-repeat center;background-size: 100%;}
       .main1 .mod2 .post:hover .con{background: none;}
       .main1 .mod2 .post:hover .con span.news_title {    color: #313b2a;}
       .main1 .mod2 .post:hover .con span.news_title a {    color: #313b2a;}
       .main1 .mod2 .post:hover .news_list li.news span.news_meta {    color: #333333;}
       li.info_li{width:50% !important;}


.wrapper .inner { width:100%; margin:0 auto;}
.navi-aside-toggle,
.navi-aside-search {display: block;}
#header .inner{height: auto;position:relative;background:none;}
.header .head-left{display:inline-block; height:auto;}
.header .sitelogo a img{max-width:100%;}
.header .sitelogo{float:none;margin-top:0px;}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {margin-top:38px;font-size:28px;}
.header .head-main{display:none;}
.header .head-right{ margin-top:25px;margin-right:50px;}
.header .head-right .searchbox{margin: 5px 0px; width:100%;}

/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url("https://www.mercedespartspeople.com/_upload/tpl/00/48/72/template72/css/img/icons.png") no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}


.mbanner .focus .focus-title-bar {/* display:none!important; */}



/*左标题右内容*/
.post5 {background:transparent;}
.post5 .tt {float:none;width: 100%;margin-right:0px;border-bottom: 2px solid #146cc1;}
.post5 .tt .tit {float:none;margin-top: 0px;width:100%;}
.post5 .tt .tit .title {display:inline-block;margin-right:20px;font-size: 16px; font-weight:bold;color: #18267d;cursor:pointer;}
.post5 .more_btn{display:inline-block;right:0;bottom: 0px; margin-top: 0px; text-align: right;} 
.post5 .more_btn a{line-height: 45px;color:#666;}
.post5 .con{padding:6px 0;position:relative;}
.post5 .con .conbox{margin-left:0px;padding-left:0px;background:transparent;}


#footer .inner {background:none;}

.shares ul{display:inline-block;width:auto; margin:0 auto;float:none;display:none}

/**友情链接**/
.botlinks .links-wrap {float: none;display: inline-block;margin:4px 0px;width:100%;}
.botlinks .links-wrap .link-items {min-width:100%;}

/*图列表*/
.news_tu .news_list li.news{width:33.3%;}
}

 @media screen and (max-width: 854px) {
	#footer .inner .mod1 .foot-left {float:none;margin-left:0;text-align: center;}
	#footer .inner .mod1 .foot-right {float:none;}
	#footer .inner1 .foot-right{width:720px;margin:0 auto;}
	.site-lang ul{float:none;}
	.footer {height: auto;    padding-bottom: 10px;}
	ul.tab-list.clearfix li.tab-con .post.ml .con .news_list span.news_title {    width: 80%;}
 }
 
 
@media screen and (max-width: 767px) {

	.main1 .mod1 {    height: 100px;}
	.main1 .mod1 .post .tt .tit{padding-top: 15px;}
	.main1 .mod1 .post .more_btn{top:59%;}
	.main1 .mod2 .post .con{padding: 22px 9px 30px 18px;}
	.main1 .mod2 {    padding-bottom: 0;}
	.main2 .mod1 .post .tt .tit{padding-top: 15px;}
	.main2 .mod1 .post .tt .tit .title {    padding-top: 5px;}
	.main2 .mod1 .post .more_btn{top:62%;}
	.main2 .mod2 {    padding: 0 20px;}
	.main4 .mod1 .post .tt .tit{padding-top: 15px;}
	.main4 .mod1 .post .tt .tit .title {    padding-top: 5px;}
	.main4 .mod1 .post .more_btn{top:62%;}
	ul.tab-list.clearfix{    padding-top: 36px;}
	.sudy-tab{padding-bottom: 35px;}
        #footer .inner .foot-left{float:none;}
	#footer .inner .foot-right {    float: none;}
        #footer .inner .foot-left{margin-left:0;}
        #footer .inner .mod2 .foot-left.foot-left2{margin-top:0;}
	#footer .inner2 p{text-align:center;}
        #footer .inner .mod2 .foot-right{margin-right:0;text-align: center;}
	#footer .inner .mod1 .foot-left{display:none;}
        #footer .inner.inner1{border:none;padding-top: 36px;}
        #footer .inner .mod2 .foot-left{margin-top:10px;}
        .footer{padding-bottom: 40px;}
        .sudy-tab .tab-menu li{font-weight:bold;}

#header .inner{height: auto;}
.header .sitelogo a{}
.mbanner .focus-pagination {display:none;}
/*栏目图片*/
.l-banner{height: 220px;}
.l-banner img{width:100%;height:100%;}
#l-container .inner,
#d-container .inner {padding:0px 0px;}
#l-container.wrapper .inner .mod,
#d-container.wrapper .inner .mod{padding:0;padding-botttom:20px;}

.column-switch {display:block;}

.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/
.col_menu {width: 100%;float:none;margin-right:0px;position:relative;} 
.col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;}
.col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/

.col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/
.col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
.col_news_con  .news_list li.news {line-height:24px;padding:4px 0px;}
.col_news_con  .news_list li.news span.news_title {line-height:24px;margin-right:100px;}/*标题*/


.wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}

.infobox { width:auto;padding:0px;  margin:0 10px; }

.col_news_list .wp_entry img,
.article .entry .read img{max-width:100%; height:auto!important; }/**文章阅读部分图片大小限制**/

/*图列表*/
.news_tu .news_list li.news{width:50%;}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:50%;}
}
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
 @media screen and (max-width: 720px) {
	 #footer .inner1 .foot-right {    width: 410px;}
 }


@media screen and (max-width: 655px) {
     ul.tab-menu2.clearfix {width: 330px;    margin: 0 auto;}
	.main span.special-artical {    font-size: 30px !important;}
       .main1 .mod2 .news_list li.news span.news_title{font-size:18px;line-height:28px;max-height:56px;}
       .main1 .mod2 .post .news_list li.news span.news_meta{font-size:16px;}
.main11 .con {
    float: left;
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    margin-top: 90px;
}
.main11 .post1 .tt .tit {
    text-align: left;
}
} 

@media screen and (max-width: 610px) {
     .main2 .mod2 .ml .post.post1.post-21.mbox .xq{display:none;}
.news_list :nth-child(2n-1) .news_title a {
  color: #4c9285;
}
.news_list :nth-child(2n) .news_title a {
  color: #edaf56;
}
}

  @media screen and (max-width: 570px) {
	 .sudy-tab .tab-menu{width: 380px;}
	 .sudy-tab{margin-top: 17px;}
	 .sudy-tab .tab-menu li{height:40px;line-height:40px;    font-size: 16px;
    padding: 0 5px;font-weight:bold;}
	 ul.tab-list.clearfix {    padding-top: 16px;}
  }

  @media screen and (max-width: 550px) {
	.header .head-right{    margin-right: 35px;}
        .header .sitelogo a{width:auto;display:inline;}
        .header .sitelogo{display:inline;}
        .header .head-left{width:80%; }
  }

 @media screen and (max-width: 530px) {
	.main3 .mod2 .post-30 .more_btn {    left: 13%;}
	ul.tab-list.clearfix li.tab-con .post.mr {    float: none;    width: 100%;    position: relative;}
	ul.tab-list.clearfix li.tab-con .post.ml {    float: none;    width: 100%;}
	#footer .inner .foot-left {    float: none;margin-left: 0px;}
	#footer .inner2 p{text-align:center;}
	#footer .inner .foot-right{float:none;}
	#footer .inner .mod1 .foot-left img {    max-width: 85%;}
	#footer .inner2 p span{margin:0;}

 }

@media screen and (max-width: 475px) { 
        #header .inner .mod{    margin: 0 0px;}
        .navi-aside-toggle{right:2px;top:26px;background-size: cover;width:26px;height:26px;}
        .header .sitelogo a{width:auto;display:inline;}
        .header .sitelogo a img {   margin: 5px 0;}
}

@media screen and (max-width: 460px) {
	#footer .inner1 .foot-right {    width: 310px;}
	.main1 .mod1 .post .tt .tit::before{font-size:22px;}
	.main1 .mod1 .post .tt .tit .title{font-size:22px;}
	.main2 .mod1 .post .tt .tit::before{font-size:22px;}
	.main2 .mod1 .post .tt .tit .title{font-size:22px;}
	.main3 .mod2 .post-30 .tt .tit::before{font-size:22px;}
	.main3 .mod2 .post-30 .tt .tit .title{font-size:22px;}
	.main4 .mod1 .post .tt .tit::before{font-size:22px;}
	.main4 .mod1 .post .tt .tit .title{font-size:22px;}
	.l-banner {    height: 200px;}
        .main1 .mod2 .post .tt .tit,
        .main1 .mod2 .post .more_btn{bottom:60px;}

#footer .inner p.copyright span{display:block;}

.article h1.arti_title {line-height: 28px;font-size:18px;}
.article h2.arti_title {line-height: 28px;font-size: 16px;}

/*图列表*/
.news_tu .news_list li.news{width:100%;}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:100%;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 440px) {
    .search-window{right:33px;}
    .searchbtn{right:33px;}
    .layer .searchbox {    width: 95%;}
}

@media screen and (max-width: 430px) {
    .sudy-tab .tab-menu li{font-size:14px;    margin-bottom: 10px;}
    .sudy-tab .tab-menu {    width: 340px;}
}

@media screen and (max-width: 380px) {
    ul.tab-list.clearfix {  margin: 16px 15px 0;}
    .sudy-tab {   margin: 17px -15px 0;}
    li.info_li{width:100% !important;    float: none;    text-align: center;}
}

@media screen and (max-width: 360px) {
      ul.tab-menu2.clearfix li.tab-name{font-size:24px;    width: 150px;}
}

@media screen and (max-width: 350px) {
     .sudy-tab .tab-menu li {    font-size: 13px;    padding: 0 3px;}
     .sudy-tab .tab-menu {    width: 300px;}
}
@media screen and (max-width: 337px) {
    #banner .ban_bot {    bottom: -2px;}
.header .head-left{width:75%;}
}
/* data-sudy-nav-fix */
.wp-navi-aside,.navi-aside-mask{display:none!important}.nav .sub-menu,.wp-navi .sub-menu,.wp-navi ul ul,.nav ul ul{display:none!important}.nav li:hover>.sub-menu,.wp-navi li:hover>.sub-menu,.nav li:hover>ul,.wp-navi li:hover>ul{display:block!important}.nav .wp-window>ul>li,.wp-navi .wp-window>ul>li,.nav ul.wp-menu>li{float:left;display:inline-block;position:relative}.site-rale ul li{float:left}#header .head-left,.header .head-left{float:left}#header .head-right,.header .head-right{float:right}.sitelogo img{max-height:72px;width:auto;display:block}