@charset "utf-8";
/* CSS Document
*
*Author:织梦先生 & \u7ec7\u68a6\u5148\u751f
*Author URL:http://mrdede.com
*/
@media only screen and (max-width:540px) {
	body{min-width:240px;width:480px;}
	#wrapper #head .top,
	#wrapper #head .top .TopLogo,
	#wrapper #head #NavLink,
	#wrapper #head #NavLink .NavBG,
	#body #InnerBanner img,
	.ImageList .ImageBlock img{width:100%;height:auto}
	
	#footer{width:auto;height:auto;margin-left:10px;margin-right:10px}
	
	#wrapper #head .top .TopLogo .logo,
	#wrapper #head .top .TopLogo .tel,
	#body .inner .left,
	#body .inner .right,
	#body .inner .right .main .content .ProInfo .image,
	.FeedBack .Fright{float:none;width:100%;margin-left:auto;margin-right:auto}
	#body .ProductShow .blk_29 .Cont,
	#body .inner .right .main .content .ProInfo .column,
	#body .prenext .blk_29 .Cont{left:0;float:none;width:100%!important;height:auto!important;margin-left:auto;margin-right:auto}
	
	#wrapper #head #NavLink #sddm li{float:none;display:inline-block}
	.albumblock,
	#body .prenext .blk_29 .box{width:50%;float:none;padding-left:0;padding-right:0;display:inline-block}

	/*定位*/
	#wrapper #head #NavLink .NavBG{position:relative}

	#Focus .preNext{top:0}

	/*浮动*/
	#body .ProductShow .blk_29 .Cont>div>div,
	#body .ProductShow .blk_29 .box,
	#body .prenext .blk_29 .Cont>div>div,
	#body .prenext .blk_29 .box,
	.FeedBack .Fleft{float:none!important;}

	/*背景*/
	#wrapper #head #NavLink .NavBG{background-image:none}
	
	.FeedBack .Fright .Fcontent{background-size:100% }

	/*宽度*/
	#wrapper #head #NavLink #sddm,
	#Focus .btnBg,
	#Focus .btn,
	#body .CommonBlock,
	#body .CommonBlock .CommonLeft,
	#body .CommonBlock .CommonCenter,
	#body .CommonBlock .CommonRight,
	#body .ProductBG,
	#body .MainBlock,
	#body .ProductShow,
	#body .ProductShow .blk_29 .Cont>div,
	#footer .inner,
	#wrapper #head .top .TopLogo .logo img,
	#body .ProductShow .blk_29 .box P,
	#body #InnerBanner,
	#body .inner,
	#body .inner .left .Sbox,
	#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle,
	#body .prenext .blk_29 .Cont>div,
	#body .prenext .blk_29 .box P,
	.FeedBack .Fright .Fcontent,
	#commentform{width:100%!important;}	

	.ImageList .ImageBlock{width:95%}

	.FeedBack .Fright .Fline{width:94%}

	#body .ProductShow .blk_29 .box{width:50%}

	#wrapper #head #NavLink #sddm li{width:24%}

	#wrapper,
	.FeedBack .IntroTitle{width:auto;}

	/*高度*/
	.ImageList .ImageBlock{height:auto}

	/*边距*/
	#body .CommonBlock .CommonLeft,
	.BlockBox,
	.FeedBack .Fleft{margin-bottom:15px}
	#body .CommonBlock .CommonRight{margin-bottom:-10px}

	.ImageList .ImageBlockBG{margin:5px auto}
	
	body,
	#body .inner .right .main .content .ProInfo .image a,
	.ImageList .ImageBlock{margin-left:auto;margin-right:auto}


	/*填充*/
	#wrapper #head .top .TopLogo .tel .telW,
	#wrapper #head .top .TopLogo .tel .telN{padding:0px;}
	#body .topic .TopicMore{padding-top:0}
	#body .inner .right .main .content .prenext ul li{padding-left:0}

	.ImageList .ImageBlockBG{padding:0}

	#body .inner .right .main{padding-left:10px;padding-right:10px}

	/*块*/
	#divQQbox,
	#body #Links,
	.CurrentLi,
	#wrapper #head #NavLink #sddm div,
	#body .ProductShow .blk_29 .LeftBotton,
	#body .ProductShow .blk_29 .RightBotton,
	#body .ProductShow .blk_29 .Cont>div>div:last-child,
	#body .inner .right .main .content .ProInfo .ImageList,
	#body .prenext .blk_29 .LeftBotton,
	#body .prenext .blk_29 .RightBotton,
	#body .prenext .blk_29 .Cont>div>div:last-child{display:none!important}

	#body .ProductShow .blk_29 .box{display:inline-block}

	#wrapper #head #NavLink #sddm li:before,
	#wrapper #head #NavLink #sddm:before{content:" ";display:table}
	#wrapper #head #NavLink #sddm li:after,
	#wrapper #head #NavLink #sddm:after{content:" ";display:table;clear:both}

	/*居中*/
	#wrapper #head .top .TopLogo .tel,
	#body .inner .right .main .content .MorePro .albumblock .inner{text-align:center!important}
	
	/*文字不换行*/
	#body .CommonBlock .DivList .DivLi,
	#body .ProductShow .blk_29 .box P{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

	/*边线*/
	#body .inner .right{border:1px solid #dedede;}
	.BlockBox{border-left:1px solid #dedede;border-right:1px solid #dedede;
		border-bottom:1px solid #dedede;}
	#body .CommonBlock .CommonCenter,
	#body .CommonBlock .CommonRight{border:none}

	/*table*/
	#table-responsive{width:100%!important;margin-bottom:15px!important;overflow-y:hidden;border:1px solid #DDD;min-height:0.01%;overflow-x:auto}
	#table-responsive:before{content:" 向左轻滑表格可查看全部内容";display:table}
	#table-responsive:after{content:" ";display:table;clear:both}
	#table-responsive table{width:100%;max-width:100%;margin-bottom:20px;}
	#table-responsive table td{white-space:nowrap;padding-left:2px;padding-right:2px}
	
	/*独立*/
	#FocusBG{height:200px}
	#Focus{width:100%;height:200px}
	#Focus ul{height:200px}
	#Focus ul li{width:460px;height:200px}
	#Focus ul li img{width:460px;height:200px}

	.SearchBar #search-text,
	.SearchBar #search-submit{display: inline-block;vertical-align: middle}
	
	#body .inner .right .main .ArticleList ul li h1{font-size:12px}
	#body .inner .right .main .content .maincontent img{max-width:100%;height:auto}
	
	.ImageList .ImageBlockBG{width:100%;float:none;display:inline-block}
	
	#commentform textarea{width:84%;}
	#commentform td{min-width: 70px}
}

@media only screen and (max-width:479px) {
	body{width:100%}
	#wrapper #head .top .TopLogo{padding-top:5px}
	#wrapper #head .top .TopLogo .logo{height:auto;}
	#Focus ul li{width:50%;height:200px}
	#Focus ul li img{width:100%;height:200px}
	#body .CommonBlock .LeftImg{width:100%;float:none;padding-top:0;padding-left:0;padding-right:0;}
	#body .CommonBlock .LeftImg img{width:100%;height:auto}
	#body .CommonBlock .RightTxt{width:100%;float:none;padding-right:0}
	#body .CommonBlock .RightTxt .UList{padding:0 10px}
	#body .img{width:40%}
	#body .img img{width:100%;height:auto}
	
	.albumblock{width:100%}
	#body .inner .right .main .content .MorePro .albumblock .inner{height:300px;background-size:320px 300px;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:310px;height:240px;margin-top:5px}
	
	#body .inner .right .main .RecruitList td{min-width:70px}
	
	.ImageList .ImageBlock{width:90%}
}

@media only screen and (max-width:413px) {
	.CurrentLi{display:inline-block!important;}
	#wrapper #head #NavLink #sddm li{width:32%;}
	
	#body .prenext .blk_29 .box{width:100%;margin-bottom:15px}
	#body .prenext .blk_29 .box IMG{width:95%;height:200px}
	
	.FeedBack .Fright .Fline{width:100%}
	.FeedBack .Fright .Fcontent{background-image: none}
	.FeedBack .Fright .Fcontent p{padding-left:5px;padding-right:5px}
	.FeedBack .Fright .Fcontent .Freply .FRtitle{margin-left:0}
}

@media only screen and (max-width:359px) {
	#FocusBG,
	#Focus,
	#Focus ul,
	#Focus ul li,
	#Focus ul li img{height:150px}
	#wrapper #head #NavLink #sddm li a{width:100%;padding:0}
	#body .tab-hd li{width:31%}
	#body .ProductShow .blk_29 .box{width:100%;margin-bottom:10px}
	#body .ProductShow .blk_29 .box IMG{width:240px;height:240px}
	
	.albumblock{padding-bottom:5px}
	#body .inner .right .main .content .MorePro .albumblock .inner{height:220px;background-size:280px 220px;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:270px;height:170px;}
	
	.FeedBack .commentbox #commentform input{width:84%}
	[name="verycode"]{width:70px!important}
}

@media only screen and (max-width:319px) {
	#wrapper{padding-left:5px;padding-right:5px}
	#footer{margin-left:5px;margin-right:5px}
	
	#body .inner .right .main .content .MorePro .albumblock .inner{height:170px;background-size:210px 170px;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:200px;height:120px;}
	
	#body .inner .right .Position{background:none}
	#body .inner .right .main .content .ProInfo .image a,
	#body .inner .right .main .content .ProInfo .image img{width:230px;height:230px}
	
	#body .prenext .blk_29 .box IMG{height:160px}
}

@media only screen and (max-width:279px) {
	#body .ProductShow .blk_29 .box IMG{width:210px;height:210px}
	
	#body .inner .right .main .content .ProInfo .image a,
	#body .inner .right .main .content .ProInfo .image img{width:200px;height:200px}
}