@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
 
 

 @media only screen and (max-width: 480px) {
body{ font-family:"微软雅黑";}	 
#top { display:none;}	 
#menu { width:100%; margin:auto;}/*- Menu Tabs K--------------------------- */

    #tabsK {
      float:left;
      width:100%;
       line-height:normal;
       }
    #tabsK ul {margin:0; padding:0px; height:76px;    background: #F54343; border-bottom:#FFF 2px solid;}
    #tabsK li {display:inline;margin-left:6px;padding:0; width:20%;  line-height:38px; font-size:14px;
      }
    #tabsK  li a { width:20%;  line-height:38px; font-size:14px; color:#FFF;
      float:left;
       margin-left:6px;
      text-decoration:none;
      }
    #tabsK a:hover { color:#CCC;}
.nologo { width:100%; display:block;}	
.header{height:50px;background:#035aaa;visibility: visible;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;}
.header .logo img{display:block;width:100%;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(icon-back.png) no-repeat center center;background-size:12px 20px;}
.Professionalimages {width:100%; margin-top:2px; margin-bottom:2px; height:auto;}
.Professionalimages .bleft{width:100%;}
.Professionalimages .bright{ display:none;}
.Professionalimages img{width:100%;}
#cpzs1 { display:none;}
#main { width:98%; margin:auto;}
#main h3{ font-size:14px; line-height:26px; height:26px;}
#main h3 span{ visibility:hidden;}
#main_imp{ width:98%;}
#main_imp .probox { width:98%;}
#main_imp .probox .imgbox { padding:3px; border:1px solid #CCC; float:left; width:25%;}
#main_imp .probox .imgbox img { width:100%; margin-top:8px; }
#main_imp .probox .text {width:65%;float:left;}
#main_imp .probox .text h4 { height:20px; line-height:20px; border-bottom:1px dotted #CCC; font-size:14px;}
#main_imp .probox .text ul { margin:5px;}
#main_imp .probox .text ul li { height:25px; font-size:12px; list-style:none; float:left; width:31%; overflow:hidden;}

#main_news{width:98%; margin:auto; margin-top:10px; margin-bottom:100px;}
#main_news ul{ padding-left:20px; margin-top:5px; font-size:12px;}
#main_news ul li{ width:95%;height:25px; line-height:17px; background:url(listt.jpg) no-repeat 0 bottom; overflow:hidden; color:#666; position:relative; list-style:none;}
#main_news li a{ margin-left:16px; color:#666;}
#main_news ul li a:hover{ color:#FBAB00;}
#main_news ul li span{ float:right;}
 
#main_ext{ visibility:hidden; height:0px; display:none;}
#cpzs2 { width:98%; margin:auto; height:570px; margin-bottom:5px; border:0px;}
#cpzs2 h3 { font-size:14px; line-height:26px; height:26px;}
#cpzs2 ul { margin:0px; padding:0px;} 
#cpzs2 ul  li { margin:6px 3px 3px 6px; width:47%;}
#cpzs2  ul  li p { width:100%; text-align:center; height:18px; overflow: hidden;}
.foot { visibility:hidden; display:none;} 
.foot ul { visibility:hidden; height:0px;  padding:0px;}
.mfooter { visibility:visible; display: block;}
.mfooter {width: 100%; height: 90px; background-color:#f54343;padding-top:10px; margin-top:20px;position:fixed!important; position:absolute;bottom:0px!important; top: expression(eval(document.compatMode && document.compatMode==’CSS1Compat’) ? documentElement.scrollTop+(documentElement.clientHeight – this.clientHeight):document.body.scrollTop+(document.body.clientHeight – this.clientHeight));}
.mfooter .mfoot{ background-color:f54343;width: 25%;height:100%;float: left;overflow: hidden;text-align: center;}
.mfooter .mfoot .mlogo{border-left-style: none; font-size:12px; height:60px;}
.mfooter .mfoot p{ color:#FFF; font-size:12px; line-height:20px;}
.mfooter .mfoot p a { color:#FFF;}
#main { width:98%;}
#main .daohang{ width:100%; }
#main .nleft { width:100%; background:#FFF; margin-bottom:6px;margin-top:30px;}
#main .nleft  h3{ font-weight:bold; font-size:14px;}
#main .nleft ul { padding:6px; margin:0px;}
#main .nleft li { width:31%;color:#000; height:18px;font-size:14px; overflow:hidden; float:left; line-height:18px; background:#FFF;}
#main .nleft li a { color:#000;}

#main .nmidd { width:100%; margin:auto 0px; height:100%; margin-bottom:100px;}
#main .nmidd .plist { width:100%; margin-top:10px;}
#main .nmidd .plist ul{  margin:0px; padding:0px;}
#main .nmidd .plist ul li{ float:left; width:45%; margin-left:10px;text-align:center;}
#main .nmidd .plist ul li p { width:100%; text-align:center; height:18px; overflow: hidden;}
 
 #main .nbmidd {
    width: 98%; margin:auto;
    border: 1px solid #fbd9d9;
     margin-bottom:100px;
}
 
 #main .nbmidd .plist { width:100%; margin-top:10px;}
#main .nbmidd .plist ul{  margin:0px; padding:0px;}
#main .nbmidd .plist ul li{ float:left; width:45%; margin-left:10px;text-align:center;}
#main .nbmidd .plist ul li p { width:100%; text-align:center; height:18px; overflow: hidden;}
 
#main .nright { visibility:hidden;overflow: hidden; display:none;}
#main .bigright { width:100%; margin:0px;margin-bottom:100px;}
#main .bigright .xg {
width: 98%;
background-color: #fff;
margin: auto;
border: #CCC 1px solid; margin-bottom:26px;
}
 
 
}
 @media only screen and  (min-width: 481px) and(max-width:1920px)  {
	 .header{ visibility: hidden;}
	 .Professionalimages { margin:auto; width:960px; margin-top:2px; margin-bottom:2px;}
.foot { width:960px; margin:auto; }
.cpzs2 { width:956px; height:325px;}	
#cpzs2  ul { margin:5px;}
#cpzs2  ul  li { width:145px; margin:5px 0px 0px 8px;"margin-left:2px; float:left; font-size:12px; list-style:none;}
#cpzs2 h3 {
background-color: #6188fd;
color: #FFF;
font-size: 12px;
height: 25px;
line-height: 25px;
text-indent: 8px;
}
.mfooter { visibility:hidden; display:none;}

.mfooter .mfoot { visibility:hidden;}
.nologo { display:none;}
 }
@media (min-width:641px){ 

}