@charset "utf-8";
/* CSS Document */
.body_top_p {max-width:1000px;max-height:110px; margin:0 auto; }
.logo_p{ float:left; width:50%}
.top_right_p{     float: left;
    text-align: right;
    height: 89px;
    width: 50%;
    padding-top: 15px;}

.body_nav_p {
	width:auto;
	height:50px;
	background-color:#000;
}
@media only screen and (max-width: 710px){
	.body_nav_p{ height:55px; background-color:#FFF;}
	.top_right_p{  display: none;}
	.logo_p img{ height:50px; width:auto;}
	.logo_p{ position:absolute; top:0; left:2px;}
	}

.nav_p {
	width:100%;
	max-width:1000px;
	height:50px;
	margin:0 auto;
margin-top:2px;
	line-height:200%;
}
.nav_p a {
	font-size:16px;
	color:#ebebeb;
	line-height:310%;
}
.nav_p a:hover {
	text-decoration: none;
	color:#ffffff;
	
}
.nav_p li {
	color:#ffffff;
	float:left;
	height:50px;
	text-align:center;
}

.nav-collapse ul {
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  display: block;
  list-style: none;
}

.nav-collapse li {

  display: block;

}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 44.5em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
 
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  margin:0 auto;
  float: left;
}

.nav-collapse li {
  float: left;
  line-height:60px;
  text-align:center;
  
}
#width100{ width:auto;}
#width101{width:15%}
#width102{width:16%}
#width103{width:16%}
#width104{width:18%}
#width105{width:10%}
#width106{width:10%}

@media screen and (max-width: 710px) {
	.body_nav_p{ }
	.nav-collapse li{ background-color:#FFF;}
	#width100{ width:100%}
#width101{ width:100%}
#width102{ width:100%}
#width103{ width:100%}
#width104{ width:100%}
#width105{ width:100%}
#width106{ width:100%}
	}
@media screen and (min-width: 710px) {
.nav-collapse li {
	  text-align:center;
      }

}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #000; 
  float: left;
}

.nav-collapse .alt a {
  background: #555;
}

@media screen and (min-width: 710px) {
  .nav-collapse a {
    margin: 0;
    float: left;
    text-align: center;
    border-bottom: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  
}

@media screen and (min-width: 710px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 50px;
  height: 50px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
margin-bottom:2px;
  background: #346bbb url("../images/1410231815006106182.gif") no-repeat 50% 33%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url('../images/1410231815007604077.gif');
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}

.Focus .children{display:block; background-color:#346bbb; color:#FFF; line-height:50px;}
.unFocus .children{display:block; color:#FFF;}

.footerb_p { max-width:1000px; margin:0 auto;float:left;padding-left:23%;}
.footerb_p li{ padding-left:15px;}
.footer-01,.footer-02{ font-size:15px;}
.footer-01{ padding-top:25px; color:#efefef;height:24px; line-height:24px;}
.footer-01 li{color:#efefef;}
.footer-02{ padding-top:10px;color:#9a9a9a}
.footer-02 li{color:#9a9a9a}
@media only screen and (max-width: 710px) {
	.footer_p{ height:auto;}
	.footerb_p { width:100%; margin:0 auto;}
	.footer-01{ display:none;}
	.footerb_p li{ padding-left:10px; width:320px; text-align:center}
	}
	.clear{ clear:both}
 @media only screen and (min-width: 710px)  {


/*����ҳ���岿��*/
.main {
	width:100%;
	height:auto;
	background-color:#f6f6f6;
	padding-bottom:30px;
}
.main_article {
	width:100%;
	max-width:1000px;
	margin:0 auto
}
.main_dqwz {
	color:#333333;
	width:100%;
	max-width:990px;
	padding:25px 0 8px 10px;
	font-size:15px;
	line-height:25px
}
.main_content {
	width:100%;
	max-width:800px;
	height:auto;
	min-height:300px;
	background-color:#FFF;
	border:solid 1px #dedede;
	padding:60px 100px;
	font-size:15px;
	line-height:26px;
}
/*����ҳ���岿��*/

/*�ײ�footer���ֿ�ʼ*/
.footer_p {
	width:auto;
	height:auto;
	background-color:#161616;
}
.footerb_p {
	width:100%;
	max-width:1000px;
	margin:0 auto
}
.footer1_p {
	font-size:12px;
	color:#efefef;
	padding-top:35px;
}
.footer2_p {
	font-size:12px;
	padding-top:10px;
	color:#9a9a9a;
}
/*�ײ�footer���ֽ���*/

/*�������IJ��ֿ�ʼ*/
.article_title{width:100%;}
.article_title .li_top{font-size:24px; line-height:40px; color:#000000; text-align:left}
.article_title .li_bottom{font-size:13px; line-height:22px; color:#8e8e8e; text-align:left}
.article_pic{width:100%; margin-top:35px}
.article_pic img{width:auto; height:auto}
.article_text{font-size:17px; line-height:200%; color:#616161; margin-top:40px}
.article_bottom{border-top:solid 1px #989898; margin-top:80px; padding-top:12px}
.article_bottom li{float: right; margin-right:20px}
.article_bottom li a img{ width:42px; height:14px; border:0;}
/*�������IJ��ֽ���*/
 }
@media only screen and (max-width: 710px)  {
/*����ҳ���岿��*/
.main {
	width:96%;
	height:auto;
	background-color:#f6f6f6;
	padding:0px 5px 5px 8px;
	
}
.main_article {
	width:100%;
	max-width:1000px;
	margin:0 auto
}
.main_dqwz {
	color:#333333;
	width:100%;
	max-width:990px;
	padding:0;
	font-size:15px;
	line-height:25px
}
.main_content {
	width:92%;
	height:auto;
	min-height:300px;
	background-color:#FFF;
	border:solid 1px #dedede; 
	font-size:15px;
	line-height:26px;
	padding:0px 10px 8px 12px;
}
/*����ҳ���岿��*/

/*�ײ�footer���ֿ�ʼ*/
.footer_p {
	width:auto;
	height:auto;
	background-color:#161616;
}
.footerb_p {
	width:100%;
	max-width:1000px;
	margin:0 auto
}
.footer1_p {
	font-size:12px;
	color:#efefef;
	padding-top:35px;
}
.footer2_p {
	font-size:12px;
	padding-top:10px;
	color:#9a9a9a;
}
/*�ײ�footer���ֽ���*/

/*�������IJ��ֿ�ʼ*/
.article_title{width:96%;}
.article_title .li_top{font-size:20px; line-height:40px; color:#000000; text-align:left}
.article_title .li_bottom{font-size:13px; line-height:22px; color:#8e8e8e; text-align:left}
.article_title .li_bottom span{ display:none}
.article_pic{width:96%; margin-top:35px}
.article_pic img{width:96%; height:auto}
.article_text{font-size:17px; line-height:26px; color:#616161; margin-top:40px}
.article_text img{width:100%; height:auto}
.article_bottom{border-top:solid 1px #989898; margin-top:40px; padding-top:6px; height:30px;}
.article_bottom li{float: right; margin-right:20px; display:none}
.article_bottom li a img{ width:42px; height:14px; border:0;}
/*�������IJ��ֽ���*/
 }