/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
/* Base Grid */

#cd-menu-trigger {
	display:none
}
.logo {
	margin:18px 10px 0 5px;
}
.four {
	margin: 40px 15px 20px 15px;
	float:left;
	width:210px;
}
.two {
	width:480px;
	float:left;
	padding-bottom:50px;
}
.show-class {
	background:#fff;
	padding:15px;
	margin-top:-2px;
	font-size:12px;
	line-height:18px;
	width:210px;
	font-family: "宋體";
}
.intruduction {
	text-align:center;
	margin:0 20px 20px 20px;
}
.top-news-img {
	float:left;
	width:180px;
	text-align:left
}
.about-left {
	float:left;
	width:450px;
	padding:30px 10px 0 20px;
	color:#666666;
	line-height:24px;
	font-size:14px;
	overflow:hidden
}
#allmap {
	width:400px;
	height:260px;
	border:1px solid #999999;
	margin:20px 0 40px 0
}
.solution-contant {
	width:700px;
	padding:0 15px 10px 20px;
}
.solution, .solution1 {
	padding:20px 20px 20px 20px;
}
.solution-title {
	padding:8px 0 10px 20px;
}
.news-date, .news-contant, {
width:730px;
padding-left:20px;
}
.solution-more {
	padding-left:20px;
}
.left-menu {
	width:240px;
	color:#fff;
	display:block;
	float:left;
	padding-right:40px;
	margin:20px 0 20px 0;
}
.right-contant {
	float:left;
	width: 680px;
	margin:20px 0 40px 0;
	overflow:hidden
}
.right-jieshao {
	float:left;
	font-size:12px;
	font-family:宋体;
	padding:0 0 20px 0;
	width:450px;
}
.right-box-title {
	color:#3399cc;
	padding:10px 0 10px 0;
}
.none {
	width:350px;
}
.li_list {
	width:100%;
	position:relative;
	float: left;
}
.pic_list {
	padding:0 1% 0 1%;
	width:98%;
	float:left;
	margin:20px 0 0 0;
	width:680px;
}
.news-contant {
	font-size:12px;
	font-family:宋体;
	line-height:24px;
	padding:0 0 0 20px;
	width:720px;
}
.news-date {
	padding:0 0 0 20px;
	width:720px;
	color:#888888;
}
.propose1{ display:none}
.textbox2{ width:212px;}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
 .container {
width: 768px;
}
 .logo {
margin:18px 10px 0 15px;
}
#cd-menu-trigger {
display:block
}
.mainmenu {
display:none;
}
.four {
width:320px;
margin-left:30px;
}
.four-img {
margin-left:50px;
}
.four-more {
margin-left:40px;
}
.two {
width:600px;
padding-left:150px;
}
.show-class {
margin-left:50px;
width:215px;
}
.intruduction {
text-align:left;
}
.about-left {
float:left;
width:738px;
padding:30px 10px 0 20px;
color:#666666;
line-height:24px;
font-size:14px;
overflow:hidden
}
#allmap {
width:700px;
height:260px;
border:1px solid #999999;
margin:20px 0 40px 0
}
.solution-contant {
width: 510px;
}
.solution-more {
width: 510px;
padding-left:20px;
}
.solution-title, .solution-contant {
padding:5px 0 0 20px;
}
.news-date, .news-contant {
width:500px;
padding-left:20px;
}
.left-menu {
display:none
}
.right-contant {
float:left;
width: 740px;
margin:20px 0 40px 0;
overflow:hidden;
padding-left:20px
}
.right-jieshao {
float:left;
font-size:12px;
font-family:宋体;
padding:0 0 20px 0;
width:490px;
}
.pic_list {
padding:0 1% 0 1%;
width:98%;
float:left;
margin:-40px 0 0 0;
width:680px;
}
.li_list {
width:100%;
position:relative;
float: left;
height:100px
}
.pic_list {
padding:0 1% 0 1%;
width:98%;
float:left;
margin:20px 0 0 0;
width:680px;
}
.news-contant {
font-size:12px;
font-family:宋体;
line-height:24px;
padding:0 0 0 20px;
width:570px;
}
.news-date {
padding:0 0 0 20px;
width:570px;
color:#888888;
}
.propose1{ display:block}
.textbox2{ width:225px;}
/* Offsets */
 
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
 .container {
width: 300px;
}
 .container .one-third.column, .container .two-thirds.column {
width: 280px;
}
#cd-menu-trigger {
display:block;
margin-top:-17px;
}
.four {
margin: 20px 15px 15px 45px;
float:left;
width:210px;
}
.two {
width:280px;
float:left;
text-align:center;
padding-bottom:50px;
}
.intruduction {
text-align:left;
}
.top-news-img {
float:left;
width:300px;
text-align:center
}
.tel {
font-size:12px;
line-height:18px;
}
.about-left {
float:left;
width:300px;
padding:30px 10px 0 20px;
color:#666666;
line-height:24px;
font-size:14px;
overflow:hidden
}
#allmap {
width:280px;
height:260px;
border:1px solid #999999;
margin:20px 0 40px 0
}
.solution {
padding:20px 0 20px 0;
width:300px;
border-bottom:1px dashed #000;
overflow:hidden;
}
.solution-img {
margin-left:45px;
}
.news-img {
margin-left:80px;
}
.solution-contant {
width: 300px;
}
.news-date, .news-contant {
width:300px;
padding-left:20px;
}
.left-menu {
display:none
}
.right-contant {
float:left;
width: 300px;
margin:20px 0 40px 0;
overflow:hidden
}
.right-img {
padding-left:38px;
}
.right-box-title {
color:#3399cc;
padding:10px 0 20px 0;
text-align:center;
width:300px;
}
.right-jieshao {
width:310px;
padding-left:5px;
text-align:center
}
.right-more {
margin-left:120px;
}
.none {
display:none;
width:0px;
}
.list_contant {
float:left;
margin-top:50px;
width:300px
}
.li_list {
width:100%;
position:relative;
float: left;
/*height:150px*/
}
.pic_list {
padding:0 1% 0 1%;
width:98%;
float:left;
margin:20px 0 0 0;
width:300px;
}
.news-contant {
font-size:12px;
font-family:宋体;
line-height:24px;
padding:0 0 0 20px;
width:300px;
}
.news-date {
padding:0 0 0 20px;
width:300px;
color:#888888;
}
.propose1{ display:block}
.textbox2{ width:98%;}
}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 568px */

    @media only screen and (min-width: 568px) and (max-width: 767px) {
 .container {
width: 560px;
}
#cd-menu-trigger {
display:block;
margin-top:0px;
}
.four {
float:left;
width:210px;
}
.intruduction {
text-align:left;
}
.about-left {
float:left;
width:530px;
padding:30px 10px 0 20px;
color:#666666;
line-height:24px;
font-size:14px;
overflow:hidden
}
#allmap {
width:500px;
}
.left-menu {
display:none
}
.right-contant {
width:560px;
}
.right-box-title {
color: #3399cc;
width: 280px;
text-align:left;
padding: 0px 0 5px 0;
}
.right-jieshao {
width: 280px;
padding-left: 5px;
padding-bottom:10px;
text-align:left;
}
.right-more {
margin:0px;
}
.right-box-title {
color:#3399cc;
padding:5px 0 10px 0;
}
.list_contant {
float:left;
margin-top:50px;
width:540px
}
.li_list {
width:470px;
}
.pic_list {
padding:0 1% 0 1%;
width:98%;
float:left;
margin:20px 0 0 0;
width:680px;
}
.news-contant {
font-size:12px;
font-family:宋体;
line-height:24px;
padding:0 0 0 20px;
width:540px;
}
.news-date {
padding:0 0 0 20px;
width:540px;
color:#888888;
}
.propose1{ display:block}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 567px) {
 .container {
width: 420px;
}
#cd-menu-trigger {
display:block;
margin-top:0px;
}
.intruduction {
text-align:left;
}
}
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {
	clear: both;
}
.row, .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
    .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/** modal window styles **/
#lean_overlay{
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#000;
	display:none;
}
#codeModal{
	width:300px;
	padding:15px 20px;
	background:#f3f6fa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
}