/* Write your styles */
body{ background: #f5f5f5;}
header{ background: #fff;}
a{transition: all 0.3s;}


.am-container{ max-width: 1200px;}



.hr-top{ height: 110px;}
.hr-top .hr-logo{ background: url(../image/logo.png) no-repeat; display: block; width: 271px; height: 110px; padding: 0; float: left;}
.hr-tel{ font-size: 30px;  color: #0E7DC7; line-height: 30px; margin: 30px 0;}
.hr-tel span,.hr-tel b{ display:inline-block !important; font-weight: normal;}
.hr-nav{ background-color: #0E7DC7; line-height: 50px; height: 50px; color: #fff;}
.hr-nav li{ text-align: center; position: relative;}
.hr-nav li a{ color: #fff; font-size: 15px; display: block;width: 100%; height: 100%;   background: url(http://www.nlsdo.com/i/nav-line.png) right center no-repeat;}
.hr-nav li a:hover,.hr-nav li a.active{ background-color: #0370B8; background-image: none;}
.hr-nav li .hr-dropdown{ display: none; position: absolute; width: 100%; }
.hr-nav li:hover .hr-dropdown{ display: block; z-index: 99; background: #0e7dc7; list-style: none; margin: 0; padding: 0;}



.am-slides li{ height: 950px; background-position: top center; background-repeat: no-repeat;}
.am-slider-default{ margin: 0; box-shadow:none;-webkit-box-shadow:none;}
.am-slider-default .am-control-nav{ bottom: 66px; z-index: 50;}
.am-slider-default .am-control-nav li a{ background: none; border: 2px solid #fff; width: 12px; height: 12px; -webkit-box-shadow:none; box-shadow:none;}
.am-slider-default .am-control-nav li a:hover{ background: none;}
.am-slider-default .am-control-nav li a.am-active{ background-color:  #fff;}

.hr-cpfl-bg,.ny-bg{  margin-top: -35px;  z-index:3; position: relative;}
.hr-cpfl,.ny-cont{min-height: 300px; background: #fff;box-shadow:0px 0px 30px rgba(0,0,0,0.03);}
.hr-cpfl h1{ display: block; height: 184px;  padding: 55px 0 35px 0; text-align: center;}
.hr-cpfl ul{ padding: 0 6px;}
.hr-cpfl ul li{ text-align: center; font-size: 18px; color: #000; font-weight: bold; padding-bottom: 25px;}
.hr-cpfl ul li a{ color: #000; display: block; max-width: 326px; margin: 0 auto;}
.hr-cpfl ul li img.am-thumbnail{  padding: 0; border: none; padding: 0; margin: 0;}
.hr-cpfl-tp{ position: relative; border: 1px solid #e6e6e6; margin-bottom: 10px;}
.hr-cpfl-bk{margin: 7px; position: relative;}
.hr-cpfl-tp .hover{ position: absolute; width: 100%; height: 100%;  left: 0; top: 0; background:rgba(14,125,199,0.7);transition: all 0.3s; opacity: 0; color: #fff; font-size: 14px; font-weight: normal; vertical-align: middle;}
.hr-cpfl-tp .hover i{ display:block;}
.hr-cpfl ul li a:hover{ color: #0E7DC7;}
.hr-cpfl ul li a:hover .hover{ display: block; opacity: 1;}


.hr-ind-about{ height: 585px; background-color: #0e7dc7; background-image:url(http://www.nlsdo.com/img/about.png); background-position: top center; background-repeat: no-repeat; padding-top: 100px;}
.hr-ind-about h1{ color: #fff; font-size: 28px; background: url(http://www.nlsdo.com/i/about-bt.png) no-repeat left top; padding-top: 57px;}
.hr-ind-about p{ font-size: 16px; color: #fff; line-height: 36px; width: 650px;}
.hr-ind-about h1 a{ color: #fff;}

.hr-ind-cp{ background: none;}
.hr-ind-cp h1{ height: 194px;padding: 56px 0 44px 0;}
.hr-ind-cp h1 a{ display: block;  }
.hr-ind-cp-padding{ padding: 0 78px;}

.hr-ind-join{ height: 700px; background-color: #0e7dc7; background-image:url(http://www.nlsdo.com/i/jiameng.png); background-position: top center; background-repeat: no-repeat; }
.hr-ind-join h1{ display: block;  margin-top: 85px; margin-bottom: 0;}
.hr-ind-join-nr{ padding: 0 80px;}
.hr-ind-join-ico{ margin-top: 170px;}
.join1,.join2,.join3,.join4{background-repeat:no-repeat; min-height: 148px; padding: 5% 15% 5% 5%; margin-top: 47px; background-position: left top;}
.join3,.join4{ padding: 5% 4% 5% 14%; background-position: right top;}
.join1 p,.join2 p,.join3 p,.join4 p{ font-size: 12px; line-height: 24px; margin: 0;}
.hr-ind-join h3{ font-size: 18px;margin-bottom: 5px;}
.hr-ind-join [class*=am-u-]{ padding: 0; }
.join1{ background-image: url(http://www.nlsdo.com/img/join1.png)}
.join2{ background-image: url(http://www.nlsdo.com/img/join2.png)}
.join3{ background-image: url(http://www.nlsdo.com/img/join3.png)}
.join4{ background-image: url(http://www.nlsdo.com/img/join4.png)}
.join3,.join4{ float:right; }



.hr-ind-news{}
.hr-ind-news h1{ display: block;  padding: 55px 0 35px 0;}
.hr-ind-news ul{ padding: 0 63px 87px 63px;}
.hr-ind-news li{ list-style: none; }
.hr-ind-news .hr-ind-news-bg{ background: #fff; border: 1px solid #E6E6E6; padding: 14px;transition: all 0.3s;}
.litpic{  display: block;font-size: 16px; color: #1a1a1a; overflow: hidden;}
.litpic img{ margin-bottom: 20px; max-width:100%}
.hr-ind-news span{ display: block; color: #bbbbbb; font-size: 13px;}
.hr-ind-news p{ color: #808080; font-size: 13px; line-height: 22px; height: 44px;overflow: hidden;}
.hr-title{color: #1a1a1a}
.hr-more{ color: #fff; font-size: 13px; background-color: #E6E6E6; border-radius: 13px; line-height: 26px; height: 26px; display: block; padding: 0 20px; width: 115px; text-align: center;}

.hr-ind-news li:hover .hr-ind-news-bg{ background: #0e90d2;}
.hr-ind-news li:hover .litpic{ color: #fff;}
.hr-ind-news li:hover span{ color: #fff;}
.hr-ind-news li:hover p{ color: #fff;}
.hr-ind-news li:hover .hr-more{ background: #fff; color: #0e90d2;}

footer{ background: #565656; padding-top: 34px;}
footer .footer-nr{ padding:0 80px;}
footer .ewm{ float: left; padding-right: 37px; text-align: center; color: #fff; font-size: 13px; line-height: 25px;}
.footer [class*=am-u-]{ padding: 0; }
.footer-tel{ float: left;}
.footer-tel span{ display: block; font-size: 13px; color: #fff; line-height: 18px;}
.footer-tel b{ font-size: 25px; color: #fff;}
.footer-tel a{ color: #fff;}

.footer-ico{ color: #e5e5e5; font-size: 12px; padding-top: 18px; padding-left: 0; margin: 0 !important;}
.footer-ico a{ color: #e5e5e5; font-size: 12px; display: block; padding-left: 50px; background-position: left center; background-repeat: no-repeat; line-height: 22px;}
.footer-ico li{ list-style: none; float: left; width: 33%;}
.f1{ background-image: url(http://www.nlsdo.com/i/f1.png);}
.f2{ background-image: url(http://www.nlsdo.com/i/f2.png);}
.f3{ background-image: url(http://www.nlsdo.com/i/f3.png);}
.footer-fgx{ border-bottom:1px solid #7b7b7b; padding-top: 28px;}
.copy{ color:rgba(255,255,255,0.5);}
.copy p{ margin: 0; font-size: 12px; line-height: 59px;}
.copy a{color:rgba(255,255,255,0.5);}

.hr-navbar{ background: #0E7DC7; color: #fff; position:fixed;bottom: 0; width: 100%; z-index: 999;}
.hr-navbar ul li{ width: 25%; float: left; color: #fff; text-align: center; padding:7px 0; border-right:1px solid #0370B8;}
.hr-navbar ul li a{ color: #fff; font-size: 13px;}
.hr-navbar ul li i{ display: block;}


.ny-banner{ height: 400px; background-repeat: no-repeat; background-position: top center; background-color: #FFFCF8;}
.ny-cont h1{ padding: 51px 0 44px 0;}
.ny-danye{ padding: 0 108px 108px 108px; color: #565656; font-size: 16px; line-height: 36px;}
.ny-danye img{ max-width: 100%; height: auto !important; margin:0 auto 50px auto;}
#allmap{width: 100%; height: 400px; margin:0 auto 50px auto;}
#allmap img{ max-width: inherit;}

.ny-zs{ padding: 0 108px 108px 108px; color: #565656; font-size: 16px; line-height: 36px;}
.ny-zs li{list-style: none; background: url(http://www.nlsdo.com/img/jiameng3.png) no-repeat left top; background-size:auto; padding-left:100px; margin-bottom: 35px;}
.ny-zs li h3{ font-size: 18px; color: #333; line-height: 26px; margin-bottom: 10px;}
.ny-zs li p{ margin: 0; line-height: 24px; font-size: 14px; color: #333;}

.xq-cp{ padding: 0 108px 108px 108px; color: #565656; font-size: 16px; line-height: 36px;}
.xq-cp h2{ text-align: center; font-size: 20px; color: #333; line-height: 30px;}
.xq-cp .xx{ text-align: center;display: block; width: 100%; line-height: 30px; color: #999; font-size: 12px; border-bottom: 1px solid #eaeaea; padding-bottom: 20px;}
.xq-cp .xq-nr { font-size: 14px; padding-top: 30px;}
.xq-cp .xq-nr img{ max-width: 100%; height: auto !important; margin-bottom: 20px;}
.sxp{ border-top: 1px solid #eaeaea;}
.sxp p{ margin: 0; color: #5f5f5f;font-size: 12px; font-weight: bold;}
.sxp p a{ color: #5f5f5f; font-size: 12px;}
.sxp p a:hover{ color:  #0E7DC7;}


.ny-cp {padding: 0 60px 108px 60px;}
.ny-cp ul li {list-style: none;padding: 0 11px; margin-bottom: 22px;}
.ny-cp ul li div{border: 1px solid #eaeaea; }
.ny-cp ul li a{outline: none;}
.ny-cp ul li span{
  background: #fff;
  color: #4c4c4c;
  height: 57px;
  border-top:3px solid #77797A;
  display: block;
  width: 100%;
  line-height: 57px;
  text-align: center;
  font-size: 15px;
  transition: all 0.3s;
}
.ny-cp ul li .cptp{ overflow: hidden;}
.ny-cp ul li img{transition: 0.3s;}
.ny-cp ul li span a {color: #4c4c4c;}

.ny-cp ul li:hover span{ background: #0E7DC7; color: #fff; border-color: #0E7DC7;}
.ny-cp ul li:hover img{ transform: scale(1.1);}
.cp-nav{ padding: 0 140px; margin-bottom: 60px;}
.cp-nav li{  list-style: none; padding: 0 5px;}
.cp-nav li a{background: #ededed; display: block; width: 100%; text-align: center; line-height: 40px; height: 40px; font-size: 14px; color: #4b4b4b;}
.cp-nav li a.active,.cp-nav li a:hover{ background: #0e7dc7; color: #fff;}


.ny-news{padding: 0 60px 108px 60px;}
.ny-news ul{ padding: 0;}
.ny-news li{ list-style: none; margin-bottom: 40px; float:left !important;}
.ny-news .ny-news-bg{ background: #fff; border: 1px solid #E6E6E6; padding: 14px;transition: all 0.3s;}
.ny-news span{ display: block; color: #bbbbbb; font-size: 13px;}
.ny-news p{ color: #808080; font-size: 13px; line-height: 22px; height: 44px;overflow: hidden;}


.ny-news li:hover .ny-news-bg{ background: #0e90d2;}
.ny-news li:hover .litpic{ color: #fff;}
.ny-news li:hover span{ color: #fff;}
.ny-news li:hover p{ color: #fff;}
.ny-news li:hover .hr-more{ background: #fff; color: #0e90d2;}

.ewmlb li{ padding-right: 30px; text-align: center;}
.ewmlb li img{ margin-bottom: 0;}


@media only screen  and (max-width: 640px) {
.hr-nav{ line-height: 36px; height: 72px;}
.hr-nav li:hover .hr-dropdown{ display: none;}
.hr-ind-about p{ width: 100%;}
.am-slides li{ height:auto;}
.am-slider-default{ position:relative;}
.am-slider-default .am-control-nav{ bottom: 16px; z-index: 50;}
.hr-cpfl-bg{ margin-top: 0;}
.hr-top{ height: 80px;}
.hr-tel{ margin: 14px 12px 0 0;}
.hr-top .hr-logo{ width: 197px; height: 80px; background-size: 100% 100%; margin-left: 10px}
.hr-nav li a{ font-size: 13px;}
.hr-cpfl ul{ padding: 0;}
.hr-cpfl ul li{ font-size: 13px;}
.hr-cpfl h1{}
.hr-ind-about{height:auto; padding: 40px 0;}
.hr-ind-about p{ font-size: 13px; color: #fff; line-height: 30px; width: 90%; }

.hr-ind-join{ height: auto; background-size: cover;}
.hr-ind-join-nr{ padding: 0 12px;}
.hr-ind-join h1{ margin: 20px 0;}
.join1,.join2,.join3,.join4{ margin-bottom: 10px; margin-top: 0; padding: 22px; min-height: auto;background: #ECF4FA; border: 2px solid #fff;}
.join4{ margin-bottom: 20px;}
.hr-ind-join h3{ font-size: 15px;}
.join1 p, .join2 p, .join3 p, .join4 p{ font-size: 12px; line-height: 20px;}


.hr-ind-news ul{ padding: 0;}
.hr-ind-news li{ margin-bottom: 10px;}
.hr-ind-news h1{ padding: 20px 0;}

.slick-prev,.slick-next{  height: 25px;width: 25px;}
.slick-prev:before,.slick-next:before { font-size: 25px;}
.slick-prev {left: -5px;}
[dir="rtl"] .slick-prev {right: -5px;}
.slick-next {right: -5px;}
[dir="rtl"] .slick-next {left: -5px;}

.hr-ind-cp-padding{ padding: 0 12px;}
footer{ padding: 10px 0; margin-bottom: 59px;}
footer .footer-nr{ padding:0 12px;}
footer .ewm{ padding-right: 17px;}
.footer-fgx{ padding: 8px 0;}
.copy p{ line-height: 25px; float: none; text-align: center;}


.ny-cont h1{ padding: 30px 0 10px 0;}
.ny-danye{ padding: 0 0 30px 0;}
.ny-danye img{ margin-bottom: 20px;}
.ny-danye table{ width: 100% !important;}
.ny-danye a{ color: #565656;}
.ny-cp{ padding: 0 0 30px 0;}
.cp-nav{ padding: 0; margin-bottom: 20px;}
.cp-nav ul{  padding: 0;}
.cp-nav ul li{ margin-bottom: 5px;}
.ny-zs{ padding: 0 0 30px 0;}
.ny-zs ul{ padding: 0;}
.xq-cp{padding: 0 0 30px 0;}
.sxp{ padding: 0 12px;}
.sxp .am-fr{ float: left;}
.ny-banner{ height: 300px; background-size:cover;}
.ny-news{ padding: 0 0 30px 0;}
.litpic img{ width: 100%;}

.hr-cpfl-bg, .ny-bg{ margin-top: 0;}
.hr-ind-news ul li{ margin-bottom: 30px}
.hr-ind-news ul li:last-child{ display: none;}
.focusd{ display:none;}
.focusx{ display:block}
}

@media only screen and (min-width: 641px) and (max-width: 768px) {

.hr-nav{ line-height: 36px; height: 72px;}
.hr-nav li:hover .hr-dropdown{ display: none;}
.hr-tel{ margin-right: 12px;}
.am-slides li{ height:auto;}
.hr-ind-cp-padding{ padding: 0 12px;}
.hr-ind-join-nr{ padding: 0 12px;}

.slick-prev,.slick-next{  height: 25px;width: 25px;}
.slick-prev:before,.slick-next:before { font-size: 25px;}
.slick-prev {left: -5px;}
[dir="rtl"] .slick-prev {right: -5px;}
.slick-next {right: -5px;}
[dir="rtl"] .slick-next {left: -5px;}
.join1, .join2, .join3, .join4{ background: #ECF4FA; border: 2px solid #fff; padding: 10px;}
.join1, .join2{ margin-right:18px;}
.join3, .join4{ margin-left:18px;}
.hr-ind-news ul{ padding: 0;}
.hr-ind-about p{ width: 70%}
.hr-ind-news ul{ padding-bottom: 20px;}
footer{ padding: 18px 0;}
footer .footer-nr{ padding:0 12px;}
footer .ewm{ padding-right: 17px;}
.footer-ico{ padding-top: 0;}


.ny-danye{ padding: 0 0 30px 0;}
.ny-danye img{ margin-bottom: 20px;}
.ny-danye table{ width: 100% !important;}
.ny-cp{ padding: 0 0 30px 0;}
.cp-nav{ padding: 0; margin-bottom: 20px;}
.cp-nav ul{  padding: 0;}
.cp-nav ul li{ margin-bottom: 5px;}
.xq-cp{padding: 0 0 30px 0;}
.ny-news{padding: 0 0 30px 0;}
.sxp{ padding: 0 12px;}
.ny-banner{ height: 250px; background-size:cover;}
.footer-ico{ padding-top: 20px;}

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  .hr-nav{ line-height: 36px; height: 72px;}
  .hr-cpfl ul{ padding: 0;}
  .ny-danye{ padding: 0 0 30px 0;}
  .ny-danye img{ margin-bottom: 20px;}
  .ny-danye table{ width: 100% !important;}
  .ny-cp{ padding: 0 0 30px 0;}
  .cp-nav{ padding: 0; margin-bottom: 20px;}
  .cp-nav ul{  padding: 0;}
  .cp-nav ul li{ margin-bottom: 5px;}
  .xq-cp{padding: 0 0 30px 0;}
  .ny-news{padding: 0 0 30px 0;}
  .sxp{ padding: 0 12px;}
  .ny-zs{padding: 0 0 30px 0;}
  .am-slides li{ height:auto;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

  .hr-ind-join-nr{ padding: 0 10px;}
  footer .footer-nr{ padding: 0 10px;}
}
