@charset='gbk';

.td_r{text-align: right;}

*{
	margin:0;
	padding:0;
	font-family:'微软雅黑';
}

/**************        HEADER      *****************/
body{margin-top:70px;}
header{
	width:100%;
	height:100px;
	background:#FAFAFA;
}
.clear{
	clear:both;
}
header #header{
	width:1024px;
	height:100px;
	margin:0 auto;
}
header #logo{
	float:left;
	margin-top:20px;
}
header #logo span{
	display:block;
	height:60px;
	font-size:20px;
	float:left;
}
header #logo span:first-child{
	border-right:1px solid #aaa;
}
header #logo span:nth-child(2){
	padding-left:30px;
	line-height:60px;
}
header #log {
	width:100px;
	float:right;
}
header #log span{
	width:50px;
	height:60px;
	margin-top:20px;
	font-size:14px;
	line-height:60px;
	float:right;
}
header a{
	color:#666;
	text-decoration:none;
}
header #nav{
	float:left;
	margin-top:20px;
	margin-left:100px;
}
header #nav span{
	width:80px;
	height:60px;
	font-size:20px;
	margin-top:16px;
	margin-left:30px;
	line-height:60px;
}
.current{
	border-radius:5px;
	background:#3776C6;
	color:#fff;
	padding:5px 10px 5px 10px;
}
/**************       BANNER     *****************/
#banner {
	width:100%;
	height:450px;
	background:url('../images/banner-bg.jpg');
}
#banner #banner-box{
	width:960px;
	height:450px;
	margin:0 auto;
	background:url('../images/banner-01.png');
}
#banner #btns{
	float:right;
	width:120px;
	height:20px;
	margin-right:100px;
	margin-top:400px;
}
#banner #btns li {
	float:left;
	width:25px;
	height:27px;
	background:url('../images/icons.png') 0 -450px;
	list-style:none;
	text-align:center;
	margin-left:10px;
	cursor:pointer;
}
#banner #btns li:hover{
	background:url('../images/icons.png') 0 -410px;
}
/**************        ADTYPE     *****************/

#adtype{
	width:960px;
	height:493px;
	margin:50px auto;

}
#adtype #adleft{
	width:540px;
	height:450px;
	float:left;
}
.adtitle{
	font-size:20px;
	font-weight:bold;
	color:#333;
	padding:20px 0 20px 0;
	font-family:'微软雅黑';
}
#adtype #adbox{
	width:540px;
	height:360px;
}
#adtype #adbox ul li{
	float:left;
	width:170px;
	height:180px;
	list-style-type:none;
}
#adtype #adbox ul li div{
	width:50px;
	height:80px;
	margin-top:40px;
	margin-left:60px;
	border-radius:15px;
}
#adtype #adbox ul li p{
	margin-top:15px;
	text-align:center;
}
.ads1{
	background:url('../images/ads01.png');
}
.ads2{
	background:url('../images/ads_02.png');
}
.ads3{
	background:url('../images/ads_03.png');
}
.ads4{
	background:url('../images/ads_04.png');
}
.ads5{
	background:url('../images/ads_05.png');
}
.ads6{
	background:url('../images/ads_06.png');
}
#adtype #adright {
	margin-left:100px;
	width:290px;
	height:450px;
	float:left;
	background:url('../images/adspic.jpg');
}
#adtype #adright #phone_src{
	width:240px;
	height:360px;
	margin-left:27px;
	margin-top:92px;
	background:url('../images/adspic01.png');
}

/**************        ADGOODNESS     *****************/
#adgoodness{
	width:100%;
	height:270px;
	background:#F5F5F5;
	margin-top:-90px;
}

#adgoodness #inner{
	width:960px;
	height:100%;
	margin:0 auto;
}
#adgoodness #inner #inner_con{
	width:960px;
	height:100%;
}
#adgoodness #inner #inner_con  > div{
	width:290px;
	height:138px;
	float:left;
	margin-left:23px;
	margin-top:20px;
}
#adgoodness #inner #inner_con div div:first-child{
	float:left;
	width:132px;
	height:138px;
}
#adgoodness #inner #inner_con div div:nth-child(2){
	float:left;
	margin-left:10px;
	width:132px;
	height:138px;
}
#index1{
	background:url('../images/indexpic.png');
}
#index2{
	background:url('../images/indexpic.png') 0 -160px;
}
#index3{
	background:url('../images/indexpic.png') 0 -318px;
}

.index-title{
	display:block;
	margin-left:10px;
	font-size:16px;
	color:#333;
}
.index-content{
	display:inline-block;
	margin-top:10px;
	margin-left:10px;
	font-size:14px;
	color:#888;
}
/**************        COOPERATION     *****************/
#cooper{
	width:960px;
	height:300px;
	margin:10px auto;
}

#cooper #coopertitle{
	width:100%;
	border-bottom:1px solid #ccc;
}
#cooper #coopercontent ul{
	margin-top:32px;
}
#cooper #coopercontent ul li{
	float:left;
	margin-left:35px;
	list-style:none;
	width:80px;
}
#cooper #coopercontent a{
	text-decoration:none;
	text-align:center;
	color:#999;
	font-size:14px;
}
#cooper #coopercontent ul li span:first-child{
	width:80px;
	height:80px;
	display:block;
	margin-left:15px;
}
#cooper #coopercontent ul li span:nth-child(2){
	display:inline-block;
	width:80px;
	margin-top:5px;
}

/**************        CONTACT     *****************/
#contact{
	width:960px;
	margin:10px auto;
	font-size:14px;
	color:#aaa;
	padding-bottom:100px;
}
#contact #contacttitle{
	width:100%;
	border-bottom:1px solid #999;
}
#contact  #contactleft{
	margin-top:40px;
	float:left;
	width:580px;
	border-right:1px solid #aaa;
}
#contact h4{
	margin-bottom:20px;
}
#contact  #contactleft  div{
	line-height:30px;
}
#contact #contactright{
	margin-top:40px;
	float:left;
	padding-left:100px;
}
#contact #contactright div{
	line-height:30px;
}

/**************        FOOTER     *****************/
.footer {
    background-color: #222;
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%;
}
.container .text-muted {
    margin: 20px 0;
}
.text-muted {
    color: #777;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: 20px;
}
.form-signin input[type="password"] {
  margin-bottom: 20px;
}
/***************************      WEBBER      ***************************************/
.grids{
	padding: 20px;
}
.wrap{
	width:1024px;
	margin:0 auto;
}

.gallery-top{
	width:450px;
	float: left;
	margin-right: 84px;
}
.gallery-top1 {
	width: 450px;
	float: left;
	margin-right: 0px;
}
.gallery-top h4, .gallery-top1 h4{
	color:#555;
	font-size:16px;
	margin:10px 0;
	font-family:'微软雅黑';
}
.gallery-top img, .gallery-top1 img{
	padding: 5px;
	background: #3480D2;
} 
.gallery-top p, .gallery-top1 p{
	color:#555;
	font-size:13px;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.gallery-top ul, .gallery-top1 ul{
	margin-left:20px;
}
.gallery-top ul li, .gallery-top1 ul li{
	list-style:none;
	color:#555;
	
}
.gallery h2, .contact h2, .contact-right h2, .about-left h2{
	color:#666;
	font-weight:normal;
	font-size:25px;
	margin-bottom: 20px;
}


/************************** ABOUT **********************************/
.margin-top{
	margin-top:30px;
}

.about-top{
	margin: 40px 0;
}
.about-left {
	width: 630px;
	float: left;
	padding-right: 53px;
	margin-bottom: 20px;
	border-right: 1px dotted #999;
}
.about-right {
	width: 280px;
	float: left;
	padding-left: 20px;
}
.about-left h2,.about-right h2, .contact-right h2{
	color:#000;
	font-size:25px;
	margin-bottom: 20px;
	font-family:"Bookman Old Style", Helvetica, sans-serif;
}
.about-left h2 span, .about-right h2 span , .gallery h2 span {
	font-size:15px;
	color:#555;
	display:block;
}
.about-txt h3 {
	color: #666;
	font-size: 25px;
	margin-bottom: 10px;
}
.about-txt h4{
	color: #666;
	font-size: 16px;
}
.about-txt img{
	padding:5px;
	background: #f0f0f0;
	box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
}
.about-txt p{
	color:#555;
	font-size:13px;
	line-height: 1.8em;
	margin-bottom: 10px;
}
.about-txt ul li{
		color:#555;
		font-size:14px;
		margin-left:20px;
		margin-top:10px;
		list-style:none;
	}
/************************** LOGIN **********************************/
.log-div{
	width:800px;
	min-height:500px;
	border:1px solid #ccc;
	box-shadow: 2px 0 5px #3776C6;
	margin:30px auto;
	padding:20px;
	font-family:'微软雅黑';
}
#l-title{
	width:80px;
	border:1px solid #3776C6;
	background:#3776C6;
	padding:6px;
	color:#fff;
	text-align:center;
}
.login-form,#l-title{
	margin-left:100px;
}
.login-form{	
	border-top:1px solid #3776C6;
	width:400px;
	padding-bottom:50px;
	float:left;
}
.right-form{
	float:left;
}
.right-form li{
	margin-top:20px;
	margin-left:30px;
	list-style:none;
}
.right-form li #jump{
	display:inline-block;
	line-height:35px;
	text-align:center;
	width:80px;
	height:35px;
	background:#3776C6;
	color:#fff;
}
.login-form li {
	margin:40px 0 0 0;
	list-style:none;
}
.login-form li span{
	color:#000;
	display:inline-block;
	width:70px;
	text-align:right;
}
.login-form li input {
	margin-left:20px;
	padding-left:5px;
	width:200px;
	height:30px;
	border:1px solid #ccc;
}
.login-form .required{
	outline: none;
	border: 1px solid #f0f0f0;
	color: #555;
	box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
}

#submit{
	width:150px;
	height:35px;
	border:1px solid #3776C6;
	cursor:pointer;
	background:#3776C6;
	margin-left:60px;
	color:#fff;	
}
#sendmes {
	margin-left:10px;
	color:#fff;
	width:100px;
	height:35px;
	font-size:12px;
	cursor:pointer;
	border:1px solid #3776C6;
	background:#3776C6;
}
#sendmes:hover{
	background:#4B83CB;	
	color:#fff;	
}
#form-right{
	float:right;
}
.annex{
	color:#000000;
	font-size:14px;
	margin-left:80px;
}
.small{
	font-size:12px;
	color:#aaa;
	margin-left:10px;
}
.price{
	font-size:12px;
	color:#666;	
}



