/* 工作 */
.wrapper { max-width: 1832px;  margin: 0 auto;  /* padding: 0 38px; */padding: 0 3.5%;}
.clear {clear: both;overflow:hidden;}
.sec_nav {
   /* width: 910px;
    height: 48px; 
    margin: 0 auto 20px auto;*/
	margin: 0 auto; max-width: 1832px; padding: 0 3.5%;display:inline-block; display:flex; width:auto;justify-content: center;
}
.sec_nav a {
    position: relative;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
    cursor: pointer;
    width: 90px;
    text-align: center;
    float: left;
    text-transform: uppercase;
    color: #888;
    font-size: 12px;
	/* border-bottom:1px solid #888; */
}
.sec_nav .sec_nav_container {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: top 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.sec_nav .sec_nav_container .backer { width: 100%; height: 100%; }
.sec_nav .sec_nav_container .front { font-family: "微软雅黑"; width: 100%; height: 100%;}
.sec_nav .sec_nav_container:hover { top:-48px;}
.work_list{margin-top:20px;}
.work_list_main {
    margin: 0 auto;
    max-width: 1832px;
    /* padding: 0 38px; */
	padding:0 3.5%;
}
.work_list_Grid { opacity: 1;  transition: all .4s ease-in;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin-right: -3.5%;}

.work_list_Grid_down { opacity: 1;  transition: all .4s ease-in;display: -webkit-flex;display: -ms-flexbox;display: flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin-right: -7.5%;}


.work_list_Grid:after { content: "";  -webkit-flex: auto;  -ms-flex: auto;  flex: auto;  -webkit-flex-grow: 500;  -ms-flex-positive: 500;  flex-grow: 500;  width: auto;  margin-right: 3.5%;}
.work_list_Grid li {
    list-style: none;
    position: relative;
}
.work_list_Grid li a {
    margin: 0;
    padding: 0;
    height: 18px;
    overflow: hidden;
}
.work_list_Grid li h2{margin:10px 0 0 0;line-height:1.5rem;width: 100%; font-size:16px; overflow: hidden;/* text-overflow: ellipsis; white-space: nowrap;*/}
.work_list_Grid li h2 a{font-weight:400;text-decoration:none;color:grey;font-size:14px;text-transform:none;letter-spacing:1px;outline:none;transition:color .3s ease-in}
.work_list_Grid .work_list_Item{width:21.5%;margin-right:3.5%;margin-bottom:40px;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:29.5%;}
.work_list_Grid .work_list_Item2{width:16.5%;margin-right:3.5%;margin-bottom:40px;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:24.5%;}
.work_list_Grid .work_list_Item.landscape{-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2; width:46.3% ;max-width:64%}
.work_list_Grid .work_list_Item2.landscape{-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;width:35.5%;max-width:64%}

.work_list_Grid .work_list_Item3{margin-right:3.5%;margin-bottom:40px;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:29.5%;}
.work_list_Grid .work_list_Item3.landscape{-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;  max-width:35.5%;width: auto;}

.work_list_Grid.relatedPosts{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-right: -3.5%;}
.work_list_Grid.relatedPosts .landscape{width:46.5%;}

.work_list_Grid .work_list_Item a {
    outline: none;
    -webkit-backface-visibility: hidden;
    transition: opacity 800ms;
}
.work_list_Grid .work_list_Item img { filter: brightness(100%);   -webkit-filter: brightness(100%);  -moz-filter: brightness(100%);   -o-filter: brightness(100%); -ms-filter: brightness(100%);    transition: all .4s ease-in-out;  outline: none;  max-width: 100%;   display: block; text-align: center; /* width: 100%;  height: 80%;*//* height: auto; */}
/* .work_list_Grid .work_list_Item3 img{height: 26vw; max-height: 430px; width: auto;} */
.work_list_Grid .work_list_Item .work_list_ItemMeta{ transition: opacity .4s ease-in-out;  margin-top: 10px;}
.work_list_Grid .work_list_Item .work_list_ItemMeta h2 a {
    font-weight: 400;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 1px;
    line-height: 1.5rem;
    outline: none;
    transition: color .3s ease-in;

	
}
.work_list_Grid .work_list_Item .work_list_ItemMeta .work_list_ItemCategories{ margin-top:10px;color:#999; font-size:12px;}
.work_list_Grid .work_list_Item .work_list_ItemMeta .work_list_ItemCategories a{display:inline-block;/* line-height:1; */color:#999;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease-in!important;font-family:verlag a,verlag b;font-style:normal;font-weight:400}
.work_list_Grid .work_list_Item .work_list_ItemMeta .work_list_ItemCategories a:hover{color:#464646}
.work_list_Grid .work_list_Item .work_list_ItemMeta .work_list_ItemCategories a:after,.work_list_Grid li h2 a:after{content:"|";margin-left:5px;margin-right:5px;font-size:6px;color:grey;opacity:.8;vertical-align:1px}
.work_list_Grid .work_list_Item .work_list_ItemMeta .work_list_ItemCategories a:last-child:after,.work_list_Grid li h2 a:last-child:after{content:"";margin-left:0}
.work_list_Itemdesc {height:48px;line-height:22px;color:#666;overflow: hidden; margin-top:10px; max-width: calc(100%);    opacity: .7; transition: 300ms opacity ease-in-out;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;font-size: 12px; }
.work_list_main .more_works {width: 250px; background: #d9d9d9;  text-align: center;  margin: 50px auto; padding: 10px; cursor: pointer; text-transform: uppercase;  letter-spacing: 2px;  font-size: 11px;  transition: opacity .4s ease-in;}
.work_list_main .more_works:hover {  opacity: .7;}
/* 工作 */
/* 工作详情 */
article.work_article {    margin: 0 auto 0;   display: -webkit-flex;    display: -ms-flexbox;    display: flex;}
.work_article a{color: #999;}
.articleText {  transition: all .4s ease-in;  width: 37%;margin-bottom:20px;  /*opacity: 0;*/}
.articleText h1, .articleText h2, .articleText h3, .articleText h4 {
    line-height: 24px;
    font-weight: normal;
    color: #333;
    margin: 0;
    padding: 0;
    text-rendering: optimizelegibility;
}
.articleText .mobileblock{ display:none;}
.articleText .articleText_content {  transition: opacity .4s ease-in;   margin-bottom:60px;padding-right: 45px;}
.articleText .articleText_content p {font-size: 14px;max-width:570px;line-height: 1.8; color:#555; margin: 0 0 10px 0;}
.articleText .articleText_content .articleText_header{ margin:10px 0}
.articleText_header .articleText_header_Subtitle {font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: grey; }
.articleText_header .articleText_header_Title{ margin:10px 0;    font-size: 1.5em;}
.articleText_header .articleText_header_Categories{ margin-top:10px;color:#999; font-size:12px;}
.articleText_header .articleText_header_Categories a{display:inline-block;line-height:1;color:#999;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease-in!important;font-family:verlag a,verlag b;font-style:normal;font-weight:400}
.articleText_header .articleText_header_Categories a:hover{color:#464646}
.articleText_header .articleText_header_Categories a:after{content:"|";margin-left:5px;margin-right:5px;font-size:6px;color:grey;opacity:.8;vertical-align:1px}
.articleText_header .articleText_header_Categories a:last-child:after{content:"";margin-left:0}
.articleText_header  p.articleText_header_Quote {width:70%;text-transform: uppercase;letter-spacing: 1px;font-size: 11px;padding: 24px 0 10px 50px;line-height: 1.7;color: #666;font-style: italic;font-weight: 400;}
.articleText .articleText_content .articleText_Body{min-height:600px;}
.articleText_Body p:first-of-type:first-letter {float: left;color:#444;font-size: 42px;line-height: 39px;padding-top: 2px;padding-right: 10px;padding-left: 3px;}
.articleText_Body p.yj{ margin-bottom:22px; color:#888}
.articleText .articleText_content .articleText_edits {max-width: 570px;transition: all .4s ease-in;padding: 20px 0;margin-top: 0;margin-bottom: 20px;}
.articleText_edits ul {border-top: 1px solid #ddd;padding-top: 20px;}
.articleText_edits li {list-style: none;display: block;text-transform: uppercase;letter-spacing: 2px;font-size: 9px;margin-bottom: 2px;}
.articleText_edits li a {text-decoration: none;text-transform: none;letter-spacing: 1px;font-size: 12px;font-style: italic;margin-left: 2px;line-height: 30px;}
.articleText .articleText_content .articleText_post{ position:absolute}/**微信分享*/
.articleText_post a{ font-size:14px; color:#333; cursor:pointer}
.articleText_post a:hover{ color:#444}
.articleText_post a span{color:#999}
.articleText_post a:after{content:"|";margin-left:5px;margin-right:5px;font-size:6px;color:grey;opacity:.8;vertical-align:1px}
.articleText_post a:last-child:after{content:"";margin-left:0}
.articleText_post .fenbox {position:absolute; display:none; top:0; left:0;}
.articleText_post .jiantou {  border-bottom: 10px solid #fff;border-top: 10px solid transparent;  border-left: 10px solid transparent;   border-right: 10px solid transparent;   position: absolute;   top: 10px;left:130px;}
.articleText_post .fenxiang {box-shadow: 0px 5px 5px #333;  position: absolute; background: #fff; left:50px;   bottom: 30px; z-index: 999;   border-radius: 5px; padding:15px}

.articleImages { transition: width .4s ease-in;   width: 63%;}
.articleImages .articleImagesWrap {  padding-bottom: 20px;}
.articleImagesWrap figure.landscape {    position: relative;    display: block;}
/*.articleImagesWrap figure.portrait:nth-child(even) {margin-left: 10px; }*/
/*.articleImagesWrap figure.portrait:nth-child(odd) { margin-right: 10px;}*/
.articleImagesWrap figure.portrait {  /*width: calc(50% - 10px);*/  float: left;   position: relative;    display: block;    /*margin: 0 0 20px;*/}
img[data-sizes=auto] {display: block;width: 100%;}
.articleImagesWrap img {transition: opacity .3s ease-in; width:100%; }
.lazyloaded {opacity: 1;}
.work_relatedContent { background-color: #e0e1e2; font-family: Georgia, "Times New Roman", 微软雅黑, Times, serif; padding-bottom:60px; margin-bottom:0px;}
.work_relatedContent h1, .work_relatedContent h2, .work_relatedContent h3, .work_relatedContent h4 {
    line-height: 24px;
    font-weight: normal;
    color: #333;
    margin: 0;
    padding: 0;
    text-rendering: optimizelegibility;
}
.work_relatedContent h3{font-size: 16px;line-height:36px;font-family: Georgia, "Times New Roman", 微软雅黑, Times, serif;}
.work_relatedContent .wrapper div h3 { font-weight: 200;  text-transform: uppercase;   letter-spacing: 2px;  font-size: 12px;  margin: 50px auto;  display: inline-block; border-bottom: 1px solid grey;  padding-bottom: 3px; padding-left: 2px;}
/* .work_relatedContent .work_related_main{ overflow:hidden; height:800px;}
.work_relatedContent .work_related_main .work_list_Grid li{margin-bottom:300px;} */
/* 工作详情 */
@media (max-width: 1600px){
/*  .work_relatedContent .work_related_main{ overflow:hidden; height:750px;}  	 */
 /*   .work_list_Grid.relatedPosts .portrait,.work_list_Grid.relatedPosts .landscape{width:100%;}  */
}
@media (max-width: 1560px){
	
}
@media (max-width: 1440px){
/*  .work_relatedContent .work_related_main{ overflow:hidden; height:650px;}   */
}
@media (max-width: 1200px){
	
}
@media (max-width: 1100px){
	/* 工作 */	
	.work_list_Grid .work_list_Item .work_list_ItemMeta h2 a {
    font-weight: 400;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 1px;
    line-height: 1.5rem;
    outline: none;
    transition: color .3s ease-in;
	
	 word-break: break-all;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	
}

 .work_list_Grid .work_list_Item .work_list_ItemMeta .work_list_ItemCategories{ 
 margin-top:10px;
 color:#999;
 font-size:12px;
  height: 15px;
    overflow: hidden;
  word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
 }
	
/* 工作 */	

}
@media(max-width:960px)  {
/* 工作 */	
.sec_nav {max-width:100%;text-overflow: ellipsis;white-space: nowrap;/* display:inline-block; */ overflow:hidden; position:relative; }
.scroll {
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 overflow-x: hidden;
}
.work_list_Grid .work_list_Item.landscape {width: 63.16%;-webkit-flex-grow: 2;-ms-flex-positive: 2;flex-grow: 2;}
.work_list_Grid .work_list_Item {width: 29.3%;max-width: 100%;}
/* 工作 */
/* 工作详情 */
article.work_article { display:block}
.articleText .articleText_content{padding-right:0;}
.articleText .articleText_content p{width:100%;max-width: 100%;}
.articleText, .articleImages, .articleText_header  p.articleText_header_Quote{width: 100%;}
/* 工作详情 */
}
@media (max-width: 768px){
	 
}
@media (max-width: 640px){
/* 	.work_relatedContent .work_related_main{ overflow:hidden; height:600px;}    */
}
@media (max-width: 480px){


/* 工作 */
.work_list_Grid.relatedPosts{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.work_list_Grid li,.work_list_Grid .work_list_Item,.work_list_Grid .work_list_Item.landscape{width:100%;max-width:none; padding:0;margin-bottom: 20px !important;}
/* .work_relatedContent .work_related_main { height: auto;} */
 .work_list_Grid .work_list_Item img{height: auto}  
/* 工作 */
/* 工作详情 */
/* 工作详情 */
}