/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #303030;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
/*留言板*/
.liuyan{ width: 150px; height: 50px}

/*首页*/
.bottomm{background:#171717; text-align:left; padding:30px 0px; margin-top:20px; color:#FFF}
.bgfff{ background: #fff}
.pc_top{ background:#0984B3; margin-top:7px  }
.gonggao{line-height: 30px;color: #fff;font-size: 14px;border-bottom: 1px solid #ccc;padding: 10px 0px;}
.search_key{float:left; padding:13px 0px; color:#FFFFFF;font-size:18px}
.search_kuang{  height:67px; width:67%;border: 0px; float: right}
.search_tiao{float:left;margin: 10px 0px;width:65%;padding-left: 20px; border: 0px; height: 35px;background: url(../images/search_tiao.jpg);}
.search_btn{margin: 4px 0px; float:left;padding-left: 20px;border: 0px;height: 42px; width:55px;background: url(../images/search_btn.jpg);}
.cpright{float: right; width: 100%}
.cpleft{ float: left; width:100%;  }
.cpleft-nav{background: url(../images/index_10.jpg) no-repeat ; height: auto; width: 100%}
.cpleft ul{padding: 0px}
.cpleft ul li{ color:#000; text-decoration: none;list-style-type: none;width: 100%;height: 50px;line-height: 50px;padding-left: 20px;background: #464646;background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(223, 223, 223)));background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(223, 223, 223));border: 1px solid #E0E0E0;position: relative;margin-bottom: 3px;}
.cpleft ul li:hover{ text-decoration: none;color:#fff;list-style-type: none;width: 100%;height: 50px;line-height: 50px;padding-left: 20px;background: #464646;background: -webkit-gradient(linear, left top, left bottom, from(rgb(123, 186, 255)), to(rgb(38, 120, 175)));background: -moz-linear-gradient(top, rgb(123, 186, 255), rgb(38, 120, 175));border: 1px solid #E0E0E0;position: relative;margin-bottom: 3px;}
.news{box-shadow: 0px 0px 0px #CECECE; background: #f7f7f7; height:0px;}
.news-left{ float: left; width: 100%;box-shadow: 1px 1px 4px #CECECE; background: #f7f7f7;}

.news-nav{background: url(../images/s1.jpg) no-repeat center ; width: 100%; height: 63px;}
.news-navr{background: url(../images/lianxiwomen.jpg) no-repeat center ; width: 100%; height: 63px;}
.news-con1{padding: 20px; }
.news-right{ float: right; width: 100%}
.news-xinwen{ float: right;width: 100%; height: 100%; padding: 5px;}
.news-xinwen ul{ padding: 0px}
.news-xinwen ul li{height: 40px; line-height: 40px; border-bottom: 1px #ccc dashed; list-style-type:none;padding-left: 12px;background: url(../images/index_35.jpg) 0 18px no-repeat;}
.news-xinwen ul li a{ color: #000; font-family:微软雅黑}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top:28px;
}


.zsylogo{ height: 80px; width:230px; background:url(../images/ph_logo2.png); }

/* Carousel base class */
.carousel {
  height: 208px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 208px;
  
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 208px;
}
/*列表页*/
.lpright{float: right; width: 100%}

.lpleft{ float: left; width:100%;  }
.menu-first{clear: both;left: 0px;margin: 5px auto 0;overflow: hidden;position: relative;text-align: left;width: 100%;}
.menu-first ul{padding:0px;}
.menu-first ul li{padding:0px;list-style-type: none; color:#999 
font-family: microsoft yahei;
font-size: 14px;
height: 57px;
text-align: center;
width: 50%;
border-bottom: 1px solid #ccc; float: left;
}
.menu-first ul li:hover {
color: #fff;
font-family: microsoft yahei;
font-size: 14px;
height: 57px;
text-align: center;
width: 50%px;
background: url(../images/dlnarimages32.jpg) no-repeat scroll 0 0 rgba(0,0,0,0);
background-image: url(../images/dlnarimages32.jpg);
background-repeat: no-repeat;
background-position: 0 0;
float: left
}
.menu-first ul li a{ font-size: 14px;height: 57px;line-height: 57px;text-align: center;text-decoration: none;color:#999 }
.menu-first ul li a:hover{ font-size: 14px;height: 57px;line-height: 57px;text-align: center;text-decoration: none;color:#fff }
.menu-first .current{ color: #fff;
font-family: microsoft yahei;
font-size: 14px;
height: 57px;
text-align: center;
width: 157px;
background: url(../images/dlnarimages32.jpg) no-repeat scroll 0 0 rgba(0,0,0,0);
background-image: url(../images/dlnarimages32.jpg);
background-repeat: no-repeat;
background-position: 0 0; }
.menu-first .current a{ color:#fff;}

#dlnargywmtitle{height: 70px;left: 0px;position: relative;width: 100%; background: #000}
#dlnargywmtitle p{color: #fff;font-size: 20px;padding-top: 10px;text-align: center;margin-bottom:0px;}
#dlnargywmtitle .pxiao{font-family:arial;font-size:12px;text-align:center;color:#fff;padding:0;}
/*文章*/
.NewsList-A5 ._img { float: none; height: auto; }
.NewsList-A5 ._img img {width: 100%;height: auto;}
.NewsList-A5 {padding-bottom: 10px;}
.NewsList-A5 li {padding: 10px 0;border-bottom: 1px dotted #cdcdcd;overflow: hidden;}
.NewsList-A5 ._t, .NewsList-A5 ._t a {color: #333;font-size: 16px;margin-bottom: 8px;font-weight: bold;}

.NewsList-A5 ._i {color: #999;margin-top: 8px;}
.NewsList-A5 ._i span {margin-right: 1em;}
.NewsList-A5 ._p {line-height: 1.6em;max-height: 4.8em;overflow: hidden;color: #666;margin: 8px 0;}
.NewsList-A5 ._link {background: #007ec1;color: #fff;padding: 0 5px;border-radius: 2px;white-space: nowrap;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; 
}

.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.codrops-demos {
  float: right;
  clear: none;
  padding-top: 10px;
}

.codrops-demos a {
    display: inline-block;
    margin: 10px 10px 10px 0;
    color: #666;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 4px solid transparent;
}

.codrops-demos a:hover {
  color: #000;
  border-color: #000;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
  color: #aaa;
  border-color: #aaa;
}

.column {
  width: 50%;
  float: left;
  padding: 20px;
  min-height: 300px;
}

.column p {
  text-align: left;
}

.column-20 {
  width: 20%;
}

.column-80 {
  width: 80%;
}

.js .fixed-bar {
  
  width: 100%;
  left: 0;
  bottom: 0;
}

.js .gallery {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  border-radius: 20px;
  position: relative;
  background: #000 url(../images/black_denim.png);
  box-shadow: 0 2px 1px rgba(255,255,255,0.9), 0 -2px 1px rgba(255,255,255,0.9);
}

.lt-ie8 .elastislide-list {
  display: none;
}

@media screen and (max-width: 690px) {
  .codrops-demos {
    float: left;
    clear: both;
  }
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
/*留言板*/
.liuyan{ width: 500px; height: 200px}
/*首页*/
.bottomm{background:#171717; text-align:center; padding:30px 0px; margin-top:20px; color:#FFF}

.menu-first ul li{padding:0px;list-style-type: none; color:#999 
font-family: microsoft yahei;
font-size: 14px;
height: 57px;
text-align: center;
width: 157px;
border-bottom: 1px solid #ccc; float: none;
}
.menu-first ul li:hover {
color: #fff;
font-family: microsoft yahei;
font-size: 14px;
height: 57px;
text-align: center;
width: 157px;
background: url(../images/dlnarimages32.jpg) no-repeat scroll 0 0 rgba(0,0,0,0);
background-image: url(../images/dlnarimages32.jpg);
background-repeat: no-repeat;
background-position: 0 0; float: none;
}
.menu-first ul li a{ font-size: 14px;height: 57px;line-height: 57px;text-align: center;text-decoration: none;color:#999 }
.menu-first ul li a:hover{ font-size: 14px;height: 57px;line-height: 57px;text-align: center;text-decoration: none;color:#fff }

.lpright{float: right; width: 75%}

.lpleft{ float: left; width:23%;  }
.menu-first{clear: both;
font-size: 12px;
left: 52px;
margin: 5px auto 0;
overflow: hidden;
position: relative;
text-align: left;
width: 157px;}
#dlnargywmtitle{height: 95px;left: 65px;position: relative;width: 165px; background: none}

#dlnargywmtitle p{color: #fff;font-size: 20px;padding-top: 10px;text-align: center;margin-bottom:0px;}
#dlnargywmtitle .pxiao{font-family:arial;font-size:12px;text-align:center;color:#fff;padding:0;}
/*index*/
.bgf{ background: url(../images/bgf.png) no-repeat; height: 500px; padding-top: 20px}
.bgfff{ background: #fff; padding-top: 10px; padding-left:0px;  }
.pc_top{ background: #E0E0E0;margin-top: 95px;  }
.gonggao{line-height: 70px;color: #fff;font-size: 14px;border-bottom: 0px;padding: 0px;}
.search_key{float:right; padding:23px 0px; color:#FFFFFF;font-size:18px}
.search_kuang{  height:67px; width:67%;border: 0px; float: right}
.search_tiao{margin: 18px 0px; float:left;width:70%; padding-left: 20px; border: 0px; height: 35px;background: url(../images/search_tiao.jpg);}
.search_btn{margin: 12px 0px; float:left;padding-left: 20px;border: 0px;
height: 42px; width:55px;background: url(../images/search_btn.jpg) no-repeat;}
.zsylogo{ height: 80px; width:654px; background: url(../images/logo2.png) no-repeat}
.cpleft{ float: left; width:23%;}
.cpleft-nav{background: url(../images/index_10.jpg) no-repeat ; height: 67px; width: 100%}
.cpright{float: right; width: 75%}
.news{box-shadow: 1px 1px 4px #A8A8A8; background: #f7f7f7; height:369px;}
.news-left{ float: left; width: 65%;box-shadow: 0px 0px 0px #A8A8A8; }

.news-nav{background: url(../images/ss1.jpg) no-repeat center ; width: 100%; height: 63px;}
.news-right{ float: right; width: 35%}
.news-con{padding: 10px}
.news-tu{width: 270px; height: 270px; float: left}
.news-xinwen{ float: right;width: 390px; height: 270px}
.news-xinwen ul{ padding: 0px}
.news-xinwen ul li{height: 40px; line-height: 40px; border-bottom: 1px #ccc dashed; list-style-type:none;padding-left: 12px;background: url(../images/index_35.jpg) 0 18px no-repeat;}
.news-xinwen ul li a{ color: #000; font-family:微软雅黑}

.news-navr{background: url(../images/lianxiwomen.jpg) no-repeat center ; width: 100%; height: 63px;}
.news-con1{padding: 20px; background: url(../images/lianxiwomen1.jpg) no-repeat;}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top:110px;
}

.carousel {
  height: 534px;
}
.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 534px;
  
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 534px;
}

  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  /*文章*/
.NewsList-A5 {padding-bottom: 10px;}
.NewsList-A5 li {padding: 10px 0;border-bottom: 1px dotted #cdcdcd;overflow: hidden;}
.NewsList-A5 ._t, .NewsList-A5 ._t a {color: #333;font-size: 16px;margin-bottom: 8px;font-weight: bold;}
.NewsList-A5 ._img {float: left;height: 8em;max-width: 30%;margin-right: 1em;}
.NewsList-A5 ._img img {height: 100%;}

.NewsList-A5 ._i {color: #999;margin-top: 8px;}
.NewsList-A5 ._i span {margin-right: 1em;}
.NewsList-A5 ._p {line-height: 1.6em;max-height: 4.8em;overflow: hidden;color: #666;margin: 8px 0;}
.NewsList-A5 ._link {background: #007ec1;color: #fff;padding: 0 5px;border-radius: 2px;white-space: nowrap;}
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }










}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
/*add*/
.navbg {
width:100%; background:url(../images/index_05.jpg) repeat-x;
}