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

@media screen and (min-width:768px) and (max-width:1139px){
	body{ min-width:768px; max-width:1139px;}
	.nav{ width:790px;}
	.nav img {
   
    height: 3em;
    border-radius: 0.5em;
}
.nav img {
   
    display: block;
    margin: 2em 1em;
    border-radius: 1em;
    float: left;
}
	.nav ul{ width:85%; line-height:2em; background:none; padding-top:0.7em;}	
	.nav ul li { padding:0 0.8em;}
	/*header end*/
	.content{ width:790px;}
	.home-pro h2{ line-height:2em; background-position:-30px -589px;}
	.home-pro span{ line-height:2.5em;}
	.pro-turn{ margin:1em 0;}
	.pro-turn ul li{ margin-right:1em;}
	.pro-turn ul li img{ width:180px; height:120px; margin:0;}
	.pro-turn ul li p{ margin:0.5em auto;}
	.home-news,.home-case{ width:100%;}
	.time{ width:6em; height:6em;}
	.time span.day{ font-size:3em;}
	.time span.month{  line-height: 2.5em;}
	.home-case{ margin-left:1em;}
	.h-c-pic ul li img{ width:100%; }
	.chat-pic{ width:80%; display:block; margin:0 auto;}
	.foot{ width:790px;}
	.f-1{ width:47%;}
	/*home page end*/

	.sidebar{width:28%;}
	.mains-n{ width:70%; margin-left:1em;}
	.mains{ width:100%; margin-left:1em;}
	.down-top span{ width:95%; margin:0 auto; display:block; line-height:1.8em;}
	.mains-down table{width:100%;}
	.mains-cen dl dd{ width:30%; }
	.mains-cen dl dd img{ width:12.5em; height:8.3em;}
	.wp-pagenavi{ width:70%;}
	#crumbs{ margin:0.5em 0; line-height:2.5em; }
	.pro-cate dl dd a h3{ line-height:1.5em; }
	.pro-cate ul li img{width: 33.6%; margin-right:1em; }
	.pro-cate ul li h2{ width:65%; line-height:1.5em; }
	.pro-cate ul li p{ width:65%; }
	.contact h1{ width:95%;}
	.contact p img{ width:100%; height:auto;}
	.mains-top h1, .mains-top h3{ font-size:2em; }
	.page-title h1{ font-size:2em; line-height:2em; }
	.news-page dl dd, .pro-page dl dd{ line-height:1.5em; }
	.chatbox label{ width:20%;}
	 input.name,.chatbox textarea{ width:75%; }
	.sidebar-n{ width:100%; float:none;}
	.sidebar-n dl dd a img{width:240px; height:160px; }
	.chat-n{ width:40%; float:left;}
	.sidebar-n a img{ width:50%; float:left; margin-top:1em;}
	.chatbox span{ width:20%;}
	input.email{width:60%; margin:7px 0; margin-left:8px;}
	
	.chatbox p img{margin-top:5px;}
	#submit{ width:30%}
	input.name,.chatbox textarea{ width:73%;}
        #LRfloater0 img {width:150px;}

	}
	
	
@media screen and (min-width:480px) and (max-width:767px){
	body{ min-width:480px; max-width:767px;}
	.nav{ width:540px;}
	.nav img{ height:3.4em; border-radius:0.5em;}
	.nav ul{ width:82%; line-height:1em; background:none; padding-top:0.5em;}	
	.nav ul li { padding:0 0.5em;}
	.nav ul li a:hover{background:none;}
	/*header end*/
	.content{ width:540px;}
	.home-pro h2{ line-height:2em; background-position:-30px -589px;}
	.home-pro span{ line-height:2.5em;}
	.pro-turn{ margin:1em 0;}
	.pro-turn ul li{ margin-right:0.5em; width:48%; }
	.pro-turn ul li img{ width:240px; height:160px; margin:10px;}
	.pro-turn ul li p{ margin:0.5em auto;}
	.home-news,.home-case{ width:100%;}
	.time{ width:6em; heihgt:6em;}
	.time span.day{ font-size:3em;}
	.time span.month{  line-height: 2.5em;}
	.home-case{ margin-left:1em;}
	.h-c-pic ul li img{ width:20em; height:13.3em; }
	.chat-pic{ width:80%; display:block; margin:0 auto;}
	.foot{ width:540px;}
	.f-1{ width:100%;}
	.f-2{ width:75%; margin:1em 0 0 0;}
	.f-3{ width:23%;float: none;}
	/*home page end*/
	.sidebar{ display:none;}
	.sidebar-n dl dt{ line-height:2em;}
	.mains{ width:100%; margin-left:0;}
	.down-top span{ width:95%; margin:0 auto; display:block; line-height:1.8em;}
	.mains-down table{width:100%;}
	.mains-cen dl dd{ width:30%; }
	.mains-cen dl dd img{ width:12.5em; height:8.3em;}
	.wp-pagenavi{ width:90%;}
	#crumbs{ margin:0.5em 0; line-height:1.5em; }
	.pro-cate dl dd a h3{ line-height:1.5em; }
	.pro-cate ul li img{ width: 100%; margin:0 auto; float:none; }
	.pro-cate ul li h2{ width:95%; margin:0.5em auto; float:none; line-height:1.5em;}
	.pro-cate ul li p{ width:95%; margin:0 auto; float:none; }
	.pro-cate ul li span{ margin-top:0.5em;}
	.contact h1{ width:95%; line-height:1.5em;}
	.contact p img{ width:100%; height:auto;}
	.mains-top h1, .mains-top h3{ font-size:2em; }
	.page-title h1{ font-size:2em; line-height:2em; }
	.news-page dl dd, .pro-page dl dd{ line-height:1.5em; }
	.page-top h1{ width:100%; font-size:2em;}
	.page-top p{ font-size:1.6em; width:100%;}
	.page-top img{ width: 100%;display:block; float:none; margin:0 auto;}
	.news-page dl dd, .pro-page dl dd{ width:100%; line-height:1.5em; }
	.chatbox label{ width:26%;}
	.chatbox span{ width:26%;}
	input.email{width:50%; margin:7px 0; margin-left:8px;}
	#submit{ width:30%}
	input.name,.chatbox textarea{ width:66%;}
	.sidebar-n{ width:100%; float:none;}
	.sidebar-n dl dd a img{width:240px; height:160px; }
	.chat-n{ width:40%; float:left;}
	.sidebar-n a img{ width:60%; float:left; margin-top:1em;}
	.mains-n{ width:95%; margin:0 auto; margin-left:0;}
.chatbox p img{margin-top:10px;}
#LRfloater0 img {width:150px;}

}

@media screen and (max-width:479px){
	body{ max-widt:479px;}
	.header {
    width: 100%;
    background: #000;
    color: #fff;
    overflow: hidden;
}
    .banner{width:100%;}
    
	.nav{ width:320px;}
	.nav img{ height:6em; border-radius:0.5em; float:none; margin:2em auto;}
	.nav ul{ width:100%; line-height:2em; background:none; padding-top:0.5em;}	
	.nav ul li { padding:0 0.5em;}
	.nav ul li a:hover{background:none;}
	/*header end*/
	.content{ width:320px;}
	.home-pro h2{ line-height:2em; background-position:-30px -589px;}
	.home-pro span{ line-height:2.5em;}
	.pro-turn{ margin:1em 0;}
	.pro-turn ul li{ margin-right:0.5em; width:100%; }
	.pro-turn ul li img{ width:300px; height:200px; margin:10px;}
	.pro-turn ul li p{ margin:0.5em auto; width:95%; line-height:2em;}
	.home-news,.home-case{ width:100%;margin: 0em 2em 0 1em;}
	.home-news ul li a{ width:100%; margin-left:0; float:none;}
	.time{ display:none;}
	.home-case{ margin-left:1em;}
	.h-c-pic ul li{width:100%; float:none; margin:0.5em 0;}
	.h-c-pic ul li img{ width:300px; height:200px; }
	.h-c-pic ul li p{ width:95%; }
	.chat-pic{ width:100%; display:block; margin:0 auto;}
	.foot{ width:320px;}
	.f-1{ width:100%;}
	.f-2{ width:100%; margin: 1em 2em 0 1em;}
	.f-3{ width:100%;margin: 1em 2em 0 1em;float: none;}
	/*home page end*/
	.sidebar{ display:none;}
	.mains{ width:100%; margin-left:0;}
	.down-top span{ width:95%; margin:0 auto; display:block; line-height:1.8em;}
	.mains-down table{width:100%;}
	.mains-cen dl dd{ width:100%; margin:1em auto; }
	.mains-cen dl dd img{ width:21em; height:14em;}
	.wp-pagenavi{ width:100%;}
	.page, .first, .last,.extend{ margin:0 0.5em;}
	#crumbs{ margin:0.5em 0; line-height:1.8em; }
	.pro-cate dl dd a h3{ line-height:1.5em; }
	.pro-cate ul li{ width:96%; margin:0; padding:0.5em; border-bottom:dashed 1px #fff; padding-bottom:10px;}
	.pro-cate ul li img{ width:300px; height:200px; margin:0 auto; float:none; }
	.pro-cate ul li h2{ width:95%; margin:0.5em auto; float:none; line-height:1.5em;}
	.pro-cate ul li p{ width:95%; margin:0 auto; float:none; }
	.pro-cate ul li span{ margin-top:0.5em;}
	.pro-cate dl dd{ border-bottom:dashed 1px #003893; }
	.contact h1{ width:95%; font-size:1.8em; text-align:center;}
	.contact ul,.contact dl{ width:100%; }
	.contact h1 img{ width:40%; height:auto; display:block; float:none; margin:0 auto;}
	.contact p img{ width:100%; height:auto;}
	.mains-top h1, .mains-top h3{ font-size:1.8em; line-height:1.5em; }
	.page-title h1{ font-size:2em; line-height:2em; }
	.news-page dl dd, .pro-page dl dd{ line-height:1.5em; }
	.page-top h1{ width:100%;}
	.page-top img{ width: 100%;display:block; float:none; margin:0 auto;}
	.news-page dl dd, .pro-page dl dd{ width:100%; line-height:2em; }
	#submit{ width:40%;}
	.mains-cen dl dt strong{ line-height:1.5em;}
	.mains-cen dl dt span{line-height:1em;}
	.pro-cate dl dd a{ width:95%; margin-left:0; float:none; margin:0 auto;}
	.chatbox label{ width:50%; text-align:left;}
	input.name,.chatbox textarea{ width:90%;}
    .chatbox span{ width:20%; line-height:2em; text-align:left;}
	input.email{ width:90%; margin:4px 0; margin-left:8px;}
	.sidebar-n{ width:100%; float:none;}
	.chat-n{ width:100%;}
	.sidebar-n a img{ width:100%; margin-top:1em;}
    .mains-n{ width:100%; margin-left:0;}
	.sidebar-n dl dt{line-height:2em;}
	.chat p, .chat-n p{ margin-left:3.5em;}
	.page-top p{ width:100%;}
	.chatbox p img{clear: both;}
	.callbacks_tabs li{display: none;}
        #LRfloater0 img {width:150px;}
	}