@charset "utf-8";
body{ font-family: "Microsoft YaHei","Arial","Hiragino Sans GB",Sans-Serif; font-size:13px; width: 100%; }
.in_banner{ display:none;}
#top_messages { display:block;}
.phoneen { display:none;}



@media screen and (max-width:640px) {
#top_messages { display:none;}
.phoneen { display:block; float:right;}
.phoneen ul li { float:left; margin-top:20px;}
.phoneen ul li span { padding:0 5px;}


#header_menu{width:96%; margin:0 auto;}

#n_banner{ background-size:150%!important;}
#top_messages ul{ float:none;}
#i_menu{float:none;}
.box_skitter .image img{ width:100%; height:auto;}
.nav{ display:none}
.pc_banner{ display:none;} 
.in_banner{ display:block; margin-top:110px;}

/* banner */
#Slidebox{ width:100%; height:250px;  padding:0px;  margin:0 auto;  /*position:relative;*/ overflow:hidden;}
#flashBg { width:100%; height:250px; overflow: hidden; clear:both; margin:0; padding:0;}
#flashLine { height:250px; width:100%; clear:both;}
#flash{ width:100%; height:250px; overflow: hidden; margin:0 auto; clear: both; position:relative; padding:0px 0px;}
#flash a {width:100%; height:250px; display:block; text-align:center; background-size:100% 100%;}
#flash img { display:block; width:100%; height:250px;}
.flash_bar { display:block; z-index:69; height:5px; overflow:hidden; position:absolute; padding-top:13px!important; padding-top:12px; bottom:0px; text-align:center; width:100%; }
.flash_bar .dq {display: block;float:left;width:50%; height:5px;cursor: pointer;background:#ff0000; overflow:hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/pagination.gif" ,sizingMethod="crop");}
.flash_bar .no {display: block;float: left;width:50%; height:5px;cursor: pointer; background:#d2d2d2; overflow:hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pagination.gif" ,sizingMethod="crop");}

#n_banner img { width:100%; height:auto; }



.icontent_box{width:96%; margin:0 auto;}
.i_fourcy ul li{ width:37.5%; margin:25px 6%;}
.i_fourcy ul li h3 img{ width:auto; }
.inews_box{ width:100%; float:none}
.iabout_box{ float:none}
.inews_img{ float:none;}
.inews_list{ float:none}
#divul{ width:96%;}
.i_news_box{ width:96%;}
#bottom_key ul li{ width:32%;}
#bottom_content{ height:auto}
#footer{ width:96%; height:auto;}
#b_left{ width:100%; line-height:25px;}
#b_right{ width:100%; float:none; height:auto; line-height:normal; text-align:left}
.b_qrcode img{ display:none}
.n_catmenu{ height:auto; background:none}
.n_menulist{ width:96%;}
.n_menulist ul li a{ color:#000; border-left:none; border-right:none;}
.n_body{ width:96%}
.n_body div{ float:none !important; width:100% !important}
.n_body div img{ width:100%; height:auto}
.art_right{ margin:80px 0 0 0}
}

@media screen and (max-width:414px) {
.i_fourcy ul li{ width:100%; margin:25px 0 0 0}
#top_messages{ display:none}
.inews_list{ width:auto}
.iabout_box{ margin-top:18px;}
#bottom_key ul li{ background:none; width:80%; margin:0;}
#Slidebox{ width:100%; height:150px;  padding:0px;  margin:0 auto;  /*position:relative;*/ overflow:hidden;}
#flashBg { width:100%; height:150px; overflow: hidden; clear:both; margin:0; padding:0;}
#flashLine { height:150px; width:100%; clear:both;}
#flash{ width:100%; height:150px; overflow: hidden; margin:0 auto; clear: both; position:relative; padding:0px 0px;}
#flash a {width:100%; height:150px; display:block; text-align:center; background-size:100% 100%;}
#flash img { display:block; width:100%; height:150px;}


}


@media screen and (max-width:320px) {
.i_fourcy ul li{ width:100%; margin:25px 0 0 0}
#top_messages{ display:none}
.inews_list{ width:auto}
.iabout_box{ margin-top:18px;}
#bottom_key ul li{ background:none; width:80%; margin:0;}
#Slidebox{ width:100%; height:150px;  padding:0px;  margin:0 auto;  /*position:relative;*/ overflow:hidden;}
#flashBg { width:100%; height:150px; overflow: hidden; clear:both; margin:0; padding:0;}
#flashLine { height:150px; width:100%; clear:both;}
#flash{ width:100%; height:150px; overflow: hidden; margin:0 auto; clear: both; position:relative; padding:0px 0px;}
#flash a {width:100%; height:150px; display:block; text-align:center; background-size:100% 100%;}
#flash img { display:block; width:100%; height:150px;}
.art_right h2 a { font-size:18px;}
#n_banner { margin:0;}
.n_menulist ul li a { padding:0 30px; width:90px;}
.xhjj h2 { font-size:18px;}
.contact_title ul li { margin:10px; width:90px;}
.fangshibg { margin:15px 0;}
.fangshibg li h1 { font-size:15px;}
.fangshibg li h2 { font-size:12px;}
.fangshibg li h2 a { font-size:12px;}
#news_list ul li h1 img { width:100%;}

}