@charset "utf-8";
/* CSS Document */

html,div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd,p, blockquote, pre, form, fieldset,  span a{padding:0px;/*margin:0px;*/ line-height:23px;}
body{ margin:0px; padding:0px;font-family:Microsoft YAHEI,Arial,Verdana;font-size:14px;color:#5f5f5f; }
a{ color:#5f5f5f; text-decoration:none;}
a:hover{ color:#0393DD; text-decoration:none;}
img{ border:0px; -ms-interpolation-mode: bicubic; }
.clear{clear:both;}
.width1{ width:100%;}
.width2{ width:1000px; margin:0 auto;}
.width3{ width:980px; margin:0 auto;}
.floatleft{ float:left;}
.floatright{ float:right;}
ul{ list-style:none;}

/*@media screen and (min-width:1440px) and (max-width:1600px){}*/
@media screen and (min-width:1440px){ /*大于等于1440*/
    /*这里是特定的样式表*/
    body,input,textarea,select,small,a{font-size:14px;}
}
@media screen and (max-width:1024px){    
      /*懒人建站*/
}
@media screen and (max-width:768px){
      /*不大于768px的设备尺寸中 响应式布局的特定样式*/
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}
/* 移动端定义字体的代码 */


#whole_m{ width:100%; min-width:320px; height:500px;; }
#top_bj_m{ width:100%; max-height:70px;  background-color:#fff; opacity:0.8;filter:alpha(opacity=50);position:fixed;top:0;left:0;z-index:9999; }
#top_m{ width:80%; left:80%; margin:auto;}
#top_m a { float:left; width:15%; margin-left:4%; margin-top:1%; color:#3C8E33; min-width:10%; font-size:11px; }
#top_m img { margin:0 auto; max-width: 75%; margin-top:10px; margin-bottom:10px; float:left;  }
#banner_m{ width:100%; text-align:center;}
#banner_m img { max-width: 100%;  }
#nav_m{ width:100%; min-width:320px;max-height:120px; margin-top:20px; }
#nav_m ul{ width:90%; min-width:320px; margin:auto;}
#nav_m ul li {  width:20%; float:left; margin-left:4%;margin-bottom:4%;}
#nav_m ul li a { text-align:center;margin-left:4%;margin-bottom:4%; margin:auto;}
#nav_m ul li img { width:100%;}

#hb_m{ width:100%;}
#hb_m img { max-width: 100%;min-width:320px; }
#cp_m{ width:100%; margin-top:15px;}
#cp_m .title_m { width:30%; background:url(../images/cp_title_bj.jpg) repeat-x; color:#fff; text-align:center; margin:auto; }
.cp_list_m{ width:98%; margin:auto; margin-top:15px; }
.cp_list_m li{  width:45%;
    margin-top:4%;
    border:#ccc 1px solid;
    vertical-align:middle;
    text-align:center;
    display:table-cell; float:left; margin-left:2%; max-height:250px; height:auto; overflow:hidden; min-height:200px;
	 }
.cp_list_m span {
    display:inline-block;
    height:100%;
    vertical-align:middle
}

.cp_list_m img { width:100%; min-width:80px; max-height:250px; height:auto; vertical-align:middle; overflow:hidden; 
    text-align:center;
    }

#fot_m{ width:100%;/* margin-top:30px;*/ }
#fot_m p{ width:100%; margin:auto; text-align:center;}

#fot_list_m{ width:100%;  margin-top:15px; border-top:1px #666666 solid;}
#fot_list_m ul{ width:100%; min-width:320px; margin:auto;}
#fot_list_m ul li {  width:13%; float:left; margin-left:9%;margin-bottom:4%;}
#fot_list_m ul li a { text-align:center;margin-left:10%;margin-bottom:4%; margin:auto; }
#fot_list_m ul li p{ width:100%; text-align:center;}
#fot_list_m ul li img { width:100%; margin-top:15px;}

/*neiye*/
.ny_title_m_bj{ width:100%; height:35px; background:url(../images/cp_title_bj.jpg) repeat-x; color:#FFFFFF; }
.ny_title_m_bj p { padding-left:2%;}
.ny_m { width:95%;  margin:auto;	
white-space:normal;
	text-align:justify;
 word-wrap:break-word; }
.ny_m p {  line-height:15px; text-align:justify; padding-top:10px;  }
.ny_m .title { width:100%; background:url(../images/cp_title_bj.jpg) repeat-x; color:#fff; text-align:center; margin:auto; margin-top:10px; }
.ny_m .info{text-align: center;}
.tu_news_m { width:100%; border-bottom:1px #3f3434 dashed;}
.tu_news_m img{ float:left; width:20%; padding-left:3%; padding-top:3%; padding-right:2%; padding-bottom:2%;}
.tu_news_m p { /*line-height:22px;*/padding-bottom:2%; }
.tu_news_m a { color:#3C8E33;}

#cp_list_m{ width:100%;  color:#666; margin-bottom:10px;}

#cp_list_m li { width:100%; border-bottom:1px dashed #999999; height:26px; line-height:26px; }

#cp_list_m li a { padding-left:2%;}


#next_m{ width:100%; text-align:center; margin:auto;/* margin-top:25px;*/ }
#next_m a{ padding-left:3%; }