@charset "utf-8";
/* CSS Document */

.SearchBar #search-submit{line-height:1rem !important;}

@media only screen and (max-width: 768px) {

	#wrapper #head .top .TopLogo,
	#wrapper #head .top .TopLogo .tel,
	#wrapper #head #NavLink,
	#wrapper #head #NavLink .NavBG,
	#body #Focus #lantern #lanternMain,
	#body #Focus #lantern #lanternMain #lanternImg,
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'],
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'] img,
	#body .MainBlock .left,
	#body .MainBlock .right,
	#body .MainBlock .right .img img,
	#body .MainBlock .right2 .img img,
	#body .MainBlock .right2,
	#body .MainBlock3 .left,
	#body .MainBlock3 .left .blk_29 .Cont,
	#body .MainBlock3 .left .blk_29 .Cont>div,
	#footer #Links,
	#body .inner .right .main .content .maincontent p img,
	#body .inner .right .main .content .ProInfo .image img{width:100%!important;height:auto !important;}	

	/*宽度*/
	#wrapper #head .top .TopLogo .logo img,
	#wrapper #head #NavLink #sddm,
	#wrapper #body,
	#body #Focus,
	#body #Focus #lantern,
	#body #Focus #lantern #lanternNavy,
	#body .MainBlock3 .left .blk_29 .box,
	#body .inner .left .Sbox,
	#body .inner .right,
	#body .inner .right .main .content .maincontent table,
	#body .inner .right .main .content .CaseBlock li,
	#body .inner .right .main .FeedBack .IntroTitle,
	#body .inner .right .main .FeedBack .commentbox table,
	#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{width:100%!important;}	

	#body .inner .left,
	#body .inner .right,
	#body .inner .right .main .content .ProInfo .column{width: 99% !important;}
	
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#body .MainBlock3 .left .blk_29 .box img,
	#body .inner .right .main .content .ProInfo .image a{ width:95% !important;}

	{ width: 84% !important; }

	#body .inner .left .Sbox .blank ul li,
	#body .inner .left .Sbox .ClassNav .NavTree ul li{ width:49% !important;}

	#wrapper #head #NavLink #sddm li{ width:23.7% !important;}

	{ width:auto !important;}

	/*高度*/
	{ height:100% !important;}

	#body .MainBlock3 .left .blk_29 .box img,
	#body .inner .right .main .content .ProInfo .image a{ height:auto !important;}

	/*边距*/
	{ margin:0px !important;}

	{margin: 0px auto !important;}

	{margin: 1rem auto !important;}

	#body .right,
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#body .inner .left,
	#body .inner .left .img,
	#body .inner .left .Sbox .clist,
	#body .inner .right,
	#body .inner .right .main .content .CaseBlock li,
	#body .inner .right .main .content .ProInfo .image a,
	#body .inner .right .main .content .MorePro .albumblock .inner,
	#body .MainBlock3 .left .blk_29 .box P{ margin-left:auto !important; margin-right:auto !important;}

	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img{margin-top: 1rem!important;}

	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#wrapper #head #NavLink,
	#body .inner .left .Sbox,
	#wrapper .t_page a,
	#body .MainBlock3 .left .blk_29 .box{margin-bottom: 1rem !important;}

	{margin-left: 1rem !important;}

	/*填充*/
	#footer .inner .BottomNav a,
	#body .inner .left .Sbox .blank ul li a,
	#body .inner .left .Sbox,
	#body .inner .right,
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img{ padding:0px !important;}

	{ padding:10px !important;}
	
	#body .inner .right .Position .PTitle{padding-left: .4rem !important;}

	#body .MainBlock .left .MBlockTable .ListTitle{ padding-left:1rem !important;}
	
	#wrapper .t_page,
	#body .inner .right .main{padding-left: 0 !important;padding-right: 0 !important;}
	
	#body .inner .right .main .content .maincontent,
	#body .inner .right .main .MorePro .albumblock{padding-left: .4rem !important;padding-right: .4rem !important;}

	#body .inner .left .Sbox .list dl{ padding-left:1rem !important; padding-right:1rem !important;}

	{ padding-top:1rem !important; padding-bottom:1rem !important;}

	{ padding-top:.6rem !important; padding-bottom:.6rem !important;}

	/*块*/
	#wrapper #head .top .TopInfo,
	#wrapper #head #NavLink #sddm li div,
	#body #Focus,
	#body .MainBlock3 .left .blk_29 .LeftBotton,
	#body .MainBlock3 .left .blk_29 .RightBotton{ display:none !important;}

	{display:table !important;}

	#wrapper #head .top .TopLogo .logo,
	#wrapper #head .top .TopLogo .tel,
	#wrapper #head #NavLink #sddm li,
	#footer #Links a,
	#body .inner .left .Sbox .blank ul li,
	#wrapper .t_page a,
	#body .inner .left .Sbox .ClassNav .NavTree ul li,
	#body .inner .right .main .content .CaseBlock li{display:inline-block !important;}

	{display:inline !important;}

	#footer #Links span{display:block;}

	/*浮动*/
	#wrapper #head .top .TopLogo .logo,
	#wrapper #head .top .TopLogo .tel,
	#wrapper #head #NavLink #sddm li,
	#body .MainBlock .right,
	#body .MainBlock .left,
	#body .MainBlock .WidthTab2,
	#body .inner .left,
	#body .inner .right,
	#body .inner .right .main .content .CaseBlock li,
	#body .inner .right .main .MorePro .albumblock{ float:none !important;}

	{ clear: both !important;}

	/*居中*/
	#wrapper #head .top .TopLogo .tel .telW,
	#wrapper #head .top .TopLogo .tel .telN,
	#body .MainBlock .right2 .img,
	#body .inner .left .Sbox .blank ul li a,
	#body .inner .left .Sbox .blank ul,
	#body .inner .left .Sbox .ClassNav .NavTree ul li{text-align:center !important;}

	{vertical-align:top !important;}
	
	{width: 100% !important;height: 100% !important;max-width:320px !important;}

	/*背景*/
	#wrapper #head #NavLink .NavBG,
	#body .MainBlock .left .MBlockTable .ListTitle,
	#body .inner .left .Sbox .blank ul li a{background:none !important;}
	
	#body .inner .right .main .content .CaseBlock li{background-position:center !important;}
  
	{background-size: 95% 200px !important;}

	/*字体*/
	{font-size:1.4rem !important;}

	{font-size:.9rem !important;}

	/*文字不换行*/
	#body .MainBlock .left .MBlockTable .ListTitle,
	#body .inner .right .main .ArticleList .fw_t{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

	/*定位*/
	#wrapper #head #NavLink .NavBG,
	#body #Focus #lantern #lanternMain #lanternImg,
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'],
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'] img{ position: relative !important;}

	#wrapper,
	#body .MainBlock .left .MBlockTable tr,
	#footer .inner .BottomNav,
	#body .inner,
	#body .inner .right .Position .PTitle{overflow: hidden !important;}

	/*边线*/
	#body .inner .right .main .content .CaseBlock .Cimg a:hover,
	#body .inner .right .main .content .CaseBlock .Cimg a{border: none !important;}
	
	#body .MainBlock .left,
	#body .MainBlock .right2,
	#body .MainBlock3 .left,
	#body .inner .left .Sbox{border-left:none !important;border-right:none !important;}

	#body .inner .left .Sbox{border-bottom:none !important;}
	
	{border-top-color:#FFF !important;height:auto;}

	{position: relative !important;top: auto !important;left: auto !important;margin:10px auto !important; }

	/*独立*/
	/*#wrapper #head #NavLink #sddm li{background: transparent url("/images/nav_bg1.jpg") repeat scroll left top;}*/
	
	#wrapper #head #NavLink #sddm{background-color:#3092B9 !important;}
	
	#wrapper #head #NavLink #sddm li a{width:100% !important;padding:0 !important;background:none !important;}
	
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'],
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'] img{top:auto !important;left:auto !important;}
	
	#body .MainBlock .left .MBlockTable tr{height:27px !important;}
	
	#body .MainBlock .left .MBlockTable td{max-width: 144px;min-width: 70px;}
	
	#body .MainBlock3 .left .blk_29 .Cont{left: auto !important;}
	
	#body .inner .left .Sbox .blank .current a,
	#body .inner .left .Sbox .blank ul li a:hover{background: #3092B9 none repeat scroll 0% 0% !important;}
	
	#body .inner .left .Sbox .clist{width:190px !important;padding-left:0 !important;}
	
	#wrapper .t_page{line-height: 2 !important;}
	
	#wrapper .t_page a{padding: 0rem .6rem !important;}
	
	#body .inner .right .main .RecruitList td,
	#body .inner .right .main .FeedBack .commentbox #commentform td{min-width: 61px;}
	
	#body .inner .right .main .FeedBack .commentbox #commentform [type="text"],
	#body .inner .right .main .FeedBack .commentbox #commentform textarea{max-width: 160px;}
	
	#body .inner .right .main .content .MorePro .albumblock .inner{width:220px !important;height:148px !important;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:216px !important;height:144px !important;}
	
	
	#body .inner .right .main .content .CaseBlock li{background-size: 95% 200px !important;}
	#body .inner .right .main .content .CaseBlock li img{width: 88% !important;}
	
	{max-width:284px !important;height:auto !important;}

	{margin-left:auto !important;margin-right:auto !important;padding-left:15px;padding-right:15px;}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img{width:40% !important;}
	#body .MainBlock .right h1,
	#body .MainBlock .right .txt,
	#body .MainBlock .right2 .txt,
	#body .MainBlock3 .left .blk_29 .box{width:50% !important;}

	#wrapper #head #NavLink #sddm li{width:11.7% !important;}

	#body .MainBlock3 .left .blk_29 .box IMG{width: 228px !important;height: 190px !important;}
	
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img{float: left !important;}
	#body .MainBlock .right h1,
	#body .MainBlock .right .txt,
	#body .MainBlock .right2 .txt{display: inline-block !important;}

	#body .MainBlock .right h1,
	#body .MainBlock .right2 h1,
	#body .MainBlock .right .txt{ margin-top:1.6rem !important;}

	
	#body .inner .left .Sbox .blank ul li{width: 24.2% !important;}
	
	#body .inner .left .Sbox .ClassNav .NavTree ul li{width: 19.2% !important;}
	
	
	#body .inner .right .main .content .CaseBlock li{width: 49.9% !important;background-size: 95% 240px !important;height:240px !important;}
	#body .inner .right .main .content .CaseBlock li img{width: 88% !important;height:190px !important;}
	
	/*独立*/
	#body .MainBlock .right .img{margin-left: 1rem !important;}
	#body .MainBlock .right .img img{height: 150px !important;}
	
	
	#body .inner .right .main .FeedBack .commentbox #commentform{padding-left: 9% !important;}
	#body .inner .right .main .FeedBack .commentbox #commentform td {min-width: 61px;}
	#body .inner .right .main .FeedBack .commentbox #commentform [type="text"],
	#body .inner .right .main .FeedBack .commentbox #commentform textarea{max-width: 66%;}
	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {

	#body .inner .left .Sbox .blank ul li{width: 24% !important;}
	
	#body .inner .left .Sbox .ClassNav .NavTree ul li{width: 32% !important;}
	
	
	#body .inner .right .main .content .CaseBlock li{background-size: 95% 250px !important;height:250px !important;}
	#body .inner .right .main .content .CaseBlock li img{width: 88% !important;height:200px !important;}
	
	
	#body .inner .right .main .FeedBack .commentbox #commentform{padding-left: 9% !important;}
	#body .inner .right .main .FeedBack .commentbox #commentform td {min-width: 61px;}
	#body .inner .right .main .FeedBack .commentbox #commentform [type="text"],
	#body .inner .right .main .FeedBack .commentbox #commentform textarea{max-width: 36%;}
	
	{text-align:center !important;}

	{ float:none !important;}
}

@media only screen and (min-width: 240px) and (max-width: 319px) {

	{text-align:center !important;}

	#body .inner .right .main .ArticleList .fw_s{ display:none !important;}

	
	#body .inner .right .main .ArticleList .fw_t{display: block !important;max-width:240px;}
	
}