/*nyDetail start*/
.nyDetail { overflow: hidden; padding: 100px 0;}
.nyDetail_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.nyDetail_head h1 { width: 72%; line-height: 1.2; color: #222; font-size: 36px; font-weight: bold; text-transform: capitalize;}
.nyDetail_head .nyShare { display: flex; align-items: center;}
.nyDetail_head .nyShare span { display: block; height: 36px; line-height: 36px; color: #777; font-size: 16px; vertical-align: top;}
.nyDetail_head .nyShare a { display: block; width: 36px; height: 36px; overflow: hidden; padding: 9px; background-color: #0075bc; border-radius: 50%; vertical-align: top; margin-left: 4px;}
.nyDetail_head .nyShare a:hover { background-color: #0088da;}

.nyDetail_con { min-height: 300px;}
.nyDetail_con, .nyDetail_con div, .nyDetail_con p { line-height: 1.8 !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'sans-serif'!important; color: #222!important; font-size: 16px!important;}
.nyDetail_con div, .nyDetail_con p { margin: 10px 0;}
.nyDetail_con table  { max-width: 100% !important; height: auto !important;}
.nyDetail_con img { display: block; max-width: 100%; height: auto !important; margin: 20px auto;}
.nyDetail_con p span, .nyDetail_con span, .nyDetail_con p em, .nyDetail_con em { color: #222 !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'sans-serif' !important; font-size: 16px !important;}
.nyDetail_con b, .nyDetail_con strong {  color: #222; font-size: 22px !important; font-weight: bold;}

.nyDetail_con video { display: block; width: 60%; background-color: #000;}

.nyPrevNext { margin: 50px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.nyPrevNext p { height: 44px; overflow: hidden; line-height: 44px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.nyPrevNext p span { color: #222; font-size: 22px; font-weight: bold; padding-right: 10px;}
.nyPrevNext p a { overflow: hidden; color: #222; font-size: 16px;}
.nyPrevNext p a:hover { color: #0075bc; text-decoration: underline;}

.nyDetail_back a { display: block; width: 120px; height: 120px; overflow: hidden; margin: 0 auto; padding: 30px 10px; background-color: #0075bc; border-radius: 50%;}
.nyDetail_back a:hover { background-color: #0088da;}
.nyDetail_back a i { display: block; width: 32px; height: 32px; overflow: hidden; margin: 0 auto;}
.nyDetail_back a span { display: block; line-height: 1.3; color: #fff; font-size: 14px; text-align: center; margin-top: 10px;}
/*nyDetail end*/

@media (max-width:1680px) {
  .nyDetail { padding: 80px 0;}
  .nyDetail_head h1 { font-size: 36px;}
  .nyDetail_con div, .nyDetail_con p { margin: 10px 0;}
  .nyDetail_con img { margin: 20px auto;}
  
  .nyPrevNext { margin: 40px 0; padding-bottom: 10px;}  
  
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyDetail { padding: 60px 0;}
  .nyDetail_head h1 { font-size: 32px;}
  .nyDetail_head { margin-bottom: 20px; padding-bottom: 20px;}  
}

@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1200px) {
  .nyDetail_head h1 { font-size: 30px;}
  .nyDetail_head .nyShare span { font-size: 15px;}
}

@media (max-width:1080px) {}

@media (max-width:1024px) {
  .nyDetail_head h1 { font-size: 28px;}
}

@media (max-width:920px) {
  .nyDetail { padding: 40px 0;}
  .nyDetail_head h1 { font-size: 24px;}
  .nyDetail_head .nyShare span { font-size: 14px;}
  
  .nyDetail_con video { width: 100%;}
  
  .nyDetail_back a { width: 100px; height: 100px; padding: 18px 10px;}
  .nyDetail_back a i { width: 26px; height: 26px;}
  .nyDetail_back a span { margin-top: 5px;}
}

@media (max-width:820px) {
  .nyDetail_head { display: block;}
  .nyDetail_head h1 { width: 100%;  font-size: 22px;}
  .nyDetail_head .nyShare { margin-top: 15px;}
  .nyDetail_head .nyShare span { height: 32px; line-height: 32px;}
  .nyDetail_head .nyShare a { width: 32px; height: 32px; margin-left: 4px; padding: 8px;}
}

@media (max-width:767px) {
  .nyDetail_head h1 { font-size: 22px;}
  .nyDetail_con, .nyDetail_con div, .nyDetail_con p, .nyDetail_con p span, .nyDetail_con span, .nyDetail_con p em, .nyDetail_con em { font-size: 15px !important;}
  .nyDetail_con b, .nyDetail_con strong { font-size: 18px !important;}

  .nyPrevNext p { height: auto; white-space: inherit; text-overflow: inherit; margin-bottom: 10px;}
  .nyPrevNext p span { display: block; line-height: 1.5; font-size: 20px;}
  .nyPrevNext p a { display: block; line-height: 1.4; font-size: 15px;}
}

@media (max-width:390px) {}

@media (max-width:320px) {}
