/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}


/* 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;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* 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: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 50%; height:675px;
  margin-left:-50%
}


/* 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; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 10px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius:0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 35px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 50px;
  }
}
.jianjie { line-height:25px; display:block; width:100%; height:auto; float:left; clear:both; margin-top:30px;}
.inimgbox {
	display: block;
	height: 131px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #f8f8f8;
}
.inimgbox a { display:block; margin:0px auto; text-align:center; line-height:20px;}
.inimgbox a.imga {
	display: block;
	width: 120px;
	height:95px;
	float: left;
	clear: both;
	overflow: hidden;
}
.inimgbox a.imga img { max-height:90px; display:block; margin:0px auto; border:0px;}
a.inpro { width:100%; height:20px; line-height:20px; text-align:center; text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; text-decoration:none;}

.orange01{ background-color:#eebebe; height:262px; }
.orange01 h2{ margin-top:8px; font-size:18px; color:#ff0000; font-weight:600;}
.orange01 p a,.blue01 p a,.red01 p a { color:#666; text-decoration:none; display:block; padding:0px 8px; float:left; line-height:20px; font-size:12px;}
.orange02 { border:solid 1px #eebebe; padding:0px; margin:0px; float:left; }
.orange02 a { color:#ff0000; font-size:12px; text-align:center; text-decoration:none; }


.blue { margin-top:30px; }
.blue01 { background-color:#d8b3aa; height:262px; }
.blue01 h2{ margin-top:8px; font-size:18px; color:#ffffff; font-weight:600;}
.blue02 { border:solid 1px #d8b3aa; padding:0px; margin:0px; float:left; }
.blue02 a { color:#ff0000; font-size:12px; text-align:center; text-decoration:none; }



.red { margin-top:30px; }
.red01 { background-color:#d9e4f7; height:262px; }
.red01 h2{ margin-top:8px; font-size:18px; color:#666666; font-weight:600;}
.red02 { border:solid 1px #d9e4f7; padding:0px; margin:0px; float:left; }
.red02 a { color:#ff0000; font-size:12px; text-align:center; text-decoration:none; }
.friends { margin-top:60px; background-color:#fff; border:1px solid #dedede; padding-bottom:25px;}
.ftit h2 { margin-top:8px; font-size:18px; color:#666666; font-weight:600; padding-bottom:15px;}
.f { background-color:#fff; text-align:center;}
.position { font-size:14px; color:#034dd4; margin-top:130px; margin-bottom:30px; padding-left:30px;}
.position a { display:block; padding:0px 6px; float:left; color:#034dd4; text-decoration:none; }
.position a:hover { color:#F00;}
.position span {  display:block; padding:0px 2px; float:left; color:#034dd4; text-decoration:none; }
.probox { border:1px solid #dedede; max-height:250px; overflow:hidden; }

ul.pages { float:left; clear:both; margin-top:50px; list-style:none; padding:0px; border:0px;}
ul.pages li { float:left; margin:0px 5px; list-style:none; color:#000; line-height:28px; text-align:center;    }

ul.pages li.thisclass { background-color:#F00; color:#FFF; border:1px solid #dedede; background-color:#337AB7; padding:0px 5px;  }
ul.pages li a { color:#F00; text-decoration:none; display:block; margin:0px auto; line-height:28px; display:block; width:100%; height:100%;  border:1px solid #dedede; background-color:#337AB7; padding:0px 5px;  }
ul.pages li a:hover { background-color:#F00; color:#FFF; }
ul.pages { width:100%; float:left; clear:both; list-style:none; }
.probox a h1 { font-size:14px; font-weight:bold; width:100%; height:30px; text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.prode { width:100%; height:160px; float:left; clear:both; }
.prode a.proimg { width:50%; height:160px; float:left; display:block; }
.prode a img { padding:10px 10px 0px 0px; border:0px; }
.prode p { font-size:12px; display:block; float:right; width:50%; }
.probox div.more { width:60px; float:right; clear:both; height:25px; line-height:20px; padding-bottom:10px; }
.probox div.more a { color:#F00; text-decoration:none; }
.left { float:left; display:block; }

.wright246 { width:246px; float:right; clear:both; height:auto; background-color:#fff; border:1px solid #dedede; padding:10px; }
.wright246 h2 { color:#f00; font-size:16px; font-weight:bold; line-height:30px; text-align:left; margin:0px; padding:0px;  }
.wright246 a { color:#666666; font-size:12px; line-height:25px; display:block; text-align:left; text-decoration:none; padding-left:5px; }
.projianbox { width:100%; min-height:350px;  float:left; clear:both; background-color:#fff; }
.probigimg { width:50%; height:330px; float:left; overflow:hidden; text-align:center; padding:15px; }
.probigimg img { border:0px; max-height:330px; display:block; margin:0px auto; }
@media (min-width:768px) {
.projian { height:350px;  width:44%; float:right; padding:30px 15px 20px 10px;}
}
.projian { height:350px;  width:44%; float:right; padding:30px 15px 20px 10px;}

@media (max-width:768px) {
.projian { height:auto;  width:100%; float:left; padding:30px 15px 40px 10px;}
}



.projian h1 { width:100%; padding:0px 0px 15px; margin:0px; float:left; color:#000; font-size:18px; line-height:25px; text-align:left; clear:both; }
.projian span { display:block; padding:0px 0px 0px 5px; margin:0px; float:left; clear:both; line-height:30px; }
.projian span.stell { font-size:16px; color:#ff0000; padding-left:0px; }
.protell { width:100%; height:60px; margin:10px 0px 0px; float:left; clear:both; padding-left:0px; }
.prodetail { width:100%; padding:30px; float:left; clear:both; background-color:#fff; }
.prodetail a { text-decoration:none; color:#333;}
.prodetail a:hover { text-decoration:none; color:#333; }

.navtit { float:left; clear:both; width:100%; border-bottom:1px solid #F00; margin-bottom:30px; }
.navtit span.abaon { background-color:#dc2e30; display:block; padding:0px 15px; line-height:30px; text-align:left; color:#fff; font-size:16px; width:auto; float:left; }


.leibox { width:100%; min-height:300px; float:left; clear:both; margin-top:30px;  }
.rightlibox { padding:10px; border:1px solid #dedede; width:100%; float:right; }
.margtop20 { margin-top:20px;}
.met_page div { display:block; float:left; clear:both; margin-top:10px; }
.protag { width:100%; border:1px solid #dedede; background-color:#dedede; line-height:25px; margin-bottom:15px;}
.protag span { display:block; padding:0px 5px; float:left; color:#333; }
.protag a { display:block; margin:0px 5px; float:left; text-decoration:underline; color:#03F;}


.inf_lc{ clear:both;}

.inf_lc li{  background:#f2f2f2 ; box-shadow: 2px 2px 5px #999;height:auto; margin: 0 0 30px; overflow: hidden; padding: 25px 15px;}

.inf_lc li h4{ padding:0 5px 0 0;text-align:center; float:left;width:64px; overflow:hidden; border-right: 1px solid #666;margin-top: 10px;}

.inf_lc li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:36px; font-family:Arial; text-transform:uppercase;}

.inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:16px; overflow:hidden; font-size:12px; font-family:Arial; text-transform:uppercase; color:#868686;}

.inf_lc li p a:hover{text-decoration:none;}

.inf_lc li p{padding:0 0 0 14px; line-height:26px;width:655px; overflow:hidden;font-size:12px; float:left;height: 77px; }

.inf_lc li p b{ display:block; font-weight:100; color:#222; }

.inf_lc li p b a{  color:#000;  font-size: 18px;}

.inf_lc li .fr{margin:26px 0 0;}



dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}

dl.news_dl a{ color:#000; }

dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px; width:720px; overflow:hidden;}

dl.news_dl .dt_1 { height:20px; background:url(../images/ico10.gif) no-repeat 0 6px;  padding-left:10px;  font-size:14px; color:#333; font-weight:bold; }

dl.news_dl .dt_1:hover {background:url(../images/ico7.gif) no-repeat 0 6px;color:#069b4b; }/*资讯首页内容,点击时的图片*/

dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"宋体"; }

dl.news_dl .dt_3 { font-size:12px;}

dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} /*文章出处*/

dl.news_dl dd { font-size:12px; padding-left:10px; height:45px; overflow:hidden; margin-bottom:10px;}

.mb10{ margin-bottom:10px;}

.newchang{ border-bottom:1px dashed #ccc; height:25px; padding-left:30px;}


.n_info_con { width:100%; padding:10px 15px 0 10px; overflow:hidden;}

.n_info_con h1 {  border-bottom: 1px dashed #CCCCCC; color: #333; font-family: "宋体";   font-size: 22px; line-height: 40px; padding-bottom:10px;  margin-bottom: 10px; text-align: center;}

.n_info_con2 { width:760px; margin:0 auto;}

.n_info_con h3 { text-align:center; color:#000; font-family:"宋体"; margin-bottom:10px; font-size:24px;border-bottom: 1px dashed #CCCCCC; } /*资讯详细页面，内容标题*/

.info_con_tit {font-family:"宋体";  line-height:24px; margin-bottom:15px;}

.info_con_tit span { margin-right:20px;}

.info_con_tit .n_tit {  text-align:center; color:#BCBBBB;}

.info_con_tit .n_tit a{ color:#BCBBBB;}

.info_con_tit .n_tit2 { height:24px;}

.n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;}

.n_info_con p { line-height:22px; padding:0 10px;word-spacing: 10px;}

.n_info_con p a { color:#B61212;}

.n_info_con .apage { text-align:center; margin-bottom:10px;} /*资讯详细页面，翻页区块*/

.info_input { text-align:center; color:#000; margin-bottom:15px;}  /*详细页面，评论，推荐，打印，订阅，按钮样式块*/

.info_input input { } /*详细页面，评论，推荐，打印，订阅，按钮,可修改文字色彩*/

.info_key { border-bottom:solid 1px #ccc; height:30px; line-height:30px; padding:0 10px; margin:10px 0; width:648px; overflow:hidden;}

.info_key span { font-size:14px; font-weight:bold;}

.info_key a { margin-right:10px;}

.ad2 { margin-bottom:10px;}

.n_info_con2 .t04 { color:#000;}/*可修改文字色彩(关于网络推广)*/

.n_info_con2 .t04 a { color:#B61212;}/*可修改文字色彩(关于网络推广)*/

.n_info_con2 .t04 a:hover { color:#B61212;}
