/* CSS Document
 * Design By niuwentao
 * Ver:QimingDao Team
 */
.page-holder{max-width:1140px;margin:0 auto}
.page-holder h1{font-size:28px;text-align:center;}
.page-holder h2{font-size:28px;color:#e4e4e4;text-align:center;margin-bottom:30px}

.news-list{padding:40px 0}
.news-list dl{overflow:hidden;margin-bottom:20px}
.news-list dl:last-child{margin:0}
.news-list dt{float:left;}
.news-list dt img{vertical-align:top;}
.news-list dd{padding:20px;margin-left:280px;border:#f4f4f4 solid 10px;height:210px}
.news-list dd span{font-size:14px;display:block;color:#bd9e64;font-weight:700;}
.news-list dd a{display:block;font-size:18px;margin:10px 0}
.news-list dd p{font-size:14px;line-height:24px;max-height:48px;overflow:hidden;}

.page-body{overflow: hidden;padding: 20px 0}
.sidebar{float:left;width:260px;}

.sidebar a{line-height: 50px;display: block;font-size: 16px;color:#999;background: #f6f6f6;border-bottom: #fff solid 1px;padding: 0 20px 0 40px;position: relative;}
.sidebar a:before{content:'';background:#dedede;width:4px;height:4px;position:absolute;left:25px;top:23px}
.sidebar a:hover,.sidebar .on{color: #2ca8f0;}
.sidebar a:hover:before,.sidebar .on:before{background:#fff}
.mainbar{padding:0px 15px 15px 15px;min-height:560px;width:880px;float:left;}
.title2 {height: 40px; background: #eceef2; font-family:"微软雅黑" ;}
.title2 h2 { font-size: 20px; color:#333; line-height: 30px; font-family: "微软雅黑"; font-weight:bold; text-align: center; padding-top: 5px;}

.article_content {padding: 20px 0;font-size: 16px;line-height: 180%;}
.article_content p {padding-bottom: 15px;text-indent:2em;}
.article_content img {max-width: 100%; height: auto;}

.quotes{
	font-family: "宋体","Microsoft YaHei","微软雅黑";font-size: 14px;color: #333;
}

.quotes a{
	font-family: "宋体","Microsoft YaHei","微软雅黑";font-size: 14px;color: #333;
}

.icon{background:url(/img/icon.png) no-repeat 0 0;display:inline-block;vertical-align:middle;}
.icon-clock{width:16px;height:16px;}
.icon-tel{width:16px;height:16px;background-position:0 -31px}
.icon-arrow-right{width:14px;height:8px;background-position:0 -86px}
.icon-arrow-right-max{width:25px;height:17px;background-position:0 -59px}

.nav-mb{position:fixed;top:0;right:0;z-index:100;display:none}
.nav-mb .icon-mb{display:block;padding:20px 15px}
.nav-mb .icon-mb i{display:block;height:2px;width:20px;background:#000;margin:5px 0;}
.close-mb{display:none;padding:20px 15px;background-color:#999;color:#fff}
.close-mb img{width:24px;}
.menu-mb{position:fixed;top:70px;bottom:0;background:#fff;left:0;right:0;z-index:99;padding:0 15px;display:none}
.menu-mb li{display:block;margin:0 auto;position:relative;}
.menu-mb li a{display:block;margin:0 auto;color:#333;font-size:18px;line-height:40px;text-align:center;border-bottom:#e5ebf4 solid 0.01rem;}
.menu-mb li a:hover{color:#CC3300;}
.menutop { height: 50px; line-height: 50px; font-size:28px;text-align: center; color: #fff; background: #2ca8f0; border-top:3px solid #cda000; font-family: "微软雅黑";margin-bottom:0px;}


.news2 {font-size:15px;color:#333;}
.news2 ul li {border-bottom: 1px dashed #e4e4e4; padding: 10px 0;list-style-type:none;}
.news2 ul li a {color:#333; line-height: 30px;font-size:15px;margin-left:10px;}
.news2 ul li a img {margin: 0 30px 0 0; width:160px; height:auto; float: left;max-width:160px;max-height:120px}
.news2 ul li {position: relative; z-index: 1;}
.news2 ul li span {display: block; float: right; position: absolute; color: #999; z-index: 10; right: 0; top: 10px; line-height: 30px;}
.news2 ul li h2 {font-size: 16px; padding-bottom: 15px; line-height: 30px;}
.news2 ul li p {line-height: 180%; color: #666;min-height:80px;}

.news3 {font-size:15px;color:#333;}
.news3 ul li {border-bottom: 1px dashed #e4e4e4; line-height:55px ;}
.news3 ul li span {display: block; float: right;}
.pics_list {padding: 10px 0 0;font-size:14px;color:#333;}
.pics_list ul li {width: 25%; float: left; margin-bottom: 20px; text-align: center;height:190px}
.pics_list ul li img {padding-bottom: 10px;max-width:198px;}

.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clear1 { clear:both; font-size:10px; height:10px; overflow:hidden; line-height:10px;}
.clear2 { clear:both; font-size:20px; height:20px; overflow:hidden; line-height:20px;}
.clear3 { clear:both; font-size:30px; height:30px; overflow:hidden; line-height:30px;}
.clearline {clear:both; font-size:15px; height:15px; overflow:hidden; line-height:15px; border-bottom:1px solid #eee; margin-bottom:15px; }

.article {padding: 0 35px 20px;}
.article h2 {padding: 0 0 15px;font-size: 28px;font-weight: normal;line-height: 40px;color:#333;}
.article h3 {padding: 0 0 15px;font-size: 24px;font-weight: normal;line-height: 36px;color:#333;}
.aritlce_info {height: 40px;border-bottom: 1px solid #E6E6E6;overflow: hidden;}
.aritlce_date {float: left;color: #999;line-height: 26px;text-align:right;width:80%;font-size:13px;}
.aritlce_zoom {float: right;width:20%;font-size:13px;}
.aritlce_zoom a {display: inline-block;margin-left: -1px;width: 26px;height: 20px;border: 1px solid #E0E0E0;background: #FAFAFA;line-height: 16px;text-align: center;overflow: hidden;}
.aritlce_zoom sup {font-size: 10px;-webkit-text-size-adjust: none;}
.article_content {padding: 20px 0;font-size: 16px;line-height: 180%;}
.article_content p {padding-bottom: 15px;text-indent:2em;}
.article_content img {max-width: 100%; height: auto;}
.article_page_nav {margin: auto;padding-bottom: 20px;width: 600px;overflow: hidden;}
.article_page_nav li {float: left;margin: 0 -1px -1px 0;width: 298px;height: 38px;border: 1px solid #E6E6E6;}
.article_page_nav li a {display: block;padding: 0 15px;line-height: 38px;}
.article_page_nav li a.crt {color: #468C00;}

.article_page {margin: auto;padding-bottom: 40px;width: 600px;border-top: 1px solid #E6E6E6;text-align: center;}
.article_page a {display: inline-block;margin-left: -1px;padding: 5px 12px;height: 20px;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-bottom: 2px solid #E6E6E6;background: #FAFAFA;color: #333;line-height: 20px;vertical-align: middle;}
.article_page a:hover {background: #FFF;}
.article_page a.current {background: #FFF;border-bottom: 2px solid #8EC100;}


@media screen and (max-width:768px){
	.header{padding: 0 15px;height:auto;overflow:hidden;}
	.logo a{padding:15px 0}
	.logo img{height:40px}
	.nav{display:none}
	.index-product{padding:20px 0}
	.nav-mb{display:block}
   .quick-holder{display: none}
   .index-product ul{margin:0;padding:0 15px}
   .index-product li a{margin:0 0 15px}
   .index-product li{width:100%;float:none}
   .index-product li:first-child{width:100%}
   .index-product li span{right:10px;bottom:10px;left:10px}
   .banner{padding:30px}
   .news-list{padding:20px 0}
   .news-list dl{margin-bottom:1px}
   .news-list dt{display:none}
   .news-list dd{margin:0;height:auto}
   .news-list dd p{max-height:inherit;}
   .banner h4{font-size:18px}
   .banner h5{font-size:16px}
   .index-business .item{left:10px;right:10px;bottom:10px;padding:15px}
   .index-business ul{margin:0;padding:20px 15px}
   .index-business li{width:100%;float:none}
   .index-business li a{margin:0 0 10px}
   .index-intro .item-media{float:none;padding:0 0 15px}
   .index-intro .item-text{margin:0}
   .index-intro{padding:20px 15px 30px}
   .page-holder h1,.page-holder h2{font-size:18px}
   .page-holder h2{margin-bottom:15px}
   .index-news{padding:0}
   .index-news .item-list,.index-news .item-images{float:none;width:100%}
   .index-news .item-images{padding:0 5px}
   .index-news .item-list ul{padding:15px}
   .index-news .item-list li{height:auto;line-height:1;padding:15px 20px}
   .index-news .item-list a{display:block;margin-top:10px}
   .index-news .item-list span{float:none;color:#999}
   .index-address{padding:30px 0 }
   .index-address ul{margin:0}
   .index-address li{float:none;width:100%}
   .page-body{padding:30px 0}
   .sidebar{float:none;width:100%}
   .sidebar li{display:inline-block;width:50%;float:left}
  }


 .membertable{
	width:100%;

  }
 .membertable tr{
  	height:36px;
	line-height:36px;
  }

.membertable caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center;
}

.membertable td {
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
}

.membertable thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.membertable td {
    background-color: transparent;
}

.membertable-odd td {
    background-color: #eeedf8;
}



.membertablelist{
	width:100%;
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;

  }
 .membertablelist tr{
  	height:36px;
	line-height:36px;
  }

.membertablelist caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center;
}

.membertablelist td,.membertablelist th {
	border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
	text-align:center;
}

.membertablelist thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.membertablelist td {
    background-color: transparent;
}

.membertablelist-odd td {
    background-color: #eeedf8;
}