html{margin:0;
          padding:0;
         }
@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, legend, button, input, textarea,
th, td {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
	/* [disabled]font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; */ /* 用 ascii 字符表示，使得在任何编码下都无问题 */
	color: #463e3e;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
small { font-size: 12px; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
    outline: none;
}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}
a { text-decoration: none; color: #1c1d1d; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
/*html { overflow-y: scroll; }*/
.clear { clear: both; }
ul, ol { list-style: none; }
abbr[title], acronym[title] { 
    border-bottom: 1px dotted;
    cursor: help;
}
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
@media screen and (max-width:1680px){
  .cons{margin-left:320px !important;}
  .colorcirclemainbox{margin:20px 375px !important; width:1600px;margin-top:80px;}
  .wb{ width:30% !important; margin-right:240px; font-size:12px;}
  .content-title{}
  .index-contact{ position:absolute; right:200px !important;}
  .or {
	height: 60px;
	left: 900px !important;
	position: absolute;
	top: 8px;
	width: 40px;
	margin-left:-60px;
}
	}

@media screen and (max-width:1280px){
  .colorcirclemainbox{margin-left:175px !important; margin-top:80px; width:980px !important;}
  .colorcirclebox{float: left !important;width: 146px;margin:0px;}

   
   #gla{ display:none !important;}
   #gla1{ display:block !important;}
  .more1{ width:92px; height:33px; background:#b27b6b; font-size:14px; color:#d1fbf4; margin-left:315px !important; margin-top:-125px !important;}


   .width { width:980px !important; margin-left:170px !important; position:relative;}
   
   
   
   
  .xl1{ position: absolute; z-index:10000;top: -50px; left:93px !important; margin-left:-50px !important;}
  .xl2{  position: absolute; left:-60px;}
  .or {
	height: 60px;
	left:px !important;
	position: absolute;
	top: 8px;
	width: 40px;
	margin-left:-115px;
}
  .wb{  width:40% !important; margin-right:190px !important; font-size:12px; margin-top:-25px !important; position:absolute; top:60px; left:560px;}
  .index-contact{
	position: absolute;
	top: 27px;
	right: 105px !important;
	z-index:99999999999999;
	margin-right:-40px;
}
   
   #gla_box{ margin-top:40px !important;}
   
   
   
   
	}
	
@media screen and (max-width:1366px){
  
  .colorcirclemainbox{margin-left:175px !important; margin-top:80px; width:980px !important;}
  .colorcirclebox{float: left !important;width: 146px;margin:0px;}

  .wb{ width:30% !important; margin-right:440px !important; font-size:12px; margin-top:-35px !important;}
  .comleft{ float:left !important; width:330px; position:relative;}
  .width { width:980px !important; margin-left:170px !important; position:relative;}
   .more1{ width:92px; height:33px; background:#b27b6b; font-size:14px; color:#d1fbf4; margin-left:315px !important; margin-top:-125px;}
   
  .xl1{ position: absolute;z-index:10000;top: -50px;left:193px !important;}
  .xl2{margin-left:340px !important;}
  .or {
	height: 60px;
	left: 625px !important;
	position: absolute;
	top: 8px;
	width: 40px;
}
  .wb{  width:40% !important; margin-right:190px !important; font-size:12px; margin-top:-55px !important;}
  .index-contact{
	position: absolute;
	top: 27px;
	right: 195px !important;
	z-index:99999999999999;
}
   

	}
@media screen and (max-width:1220px){
	
	.head .nav{ margin-left:50px; width:595px;}
    .head .nav li{ margin-right:0px;}
    .head .nav li a{ padding:0 22px;}
    
   .box_h{ width:100%;}
   .xl2{ margin-left:240px; line-height:55px;}
   .colorcirclemainbox{margin:20px 200px !important; margin-top:80px; width:940px !important;}
   .colorcirclebox{float: left !important;width: 146px;margin:0px;}
   .cons{margin-left:150px !important;}

   .tel{ display:none;}
   

   
   
	}
@media screen and (max-width:1024px){
  .contenttop2{ width:100%;}
  .cons{margin-left:10px !important;}
  .colorcirclemainbox{margin:20px 40px !important; margin-top:80px; width:960px !important;}
  .colorcirclebox{float: left !important;width: 126px;margin:0px;}
  .tel{ display:none;}
 
  .xl1{ position: absolute;z-index:10000;top: -50px;left:77px !important;}
  .xl2{margin-left:230px !important;}
  .or {
	height: 60px;
	left: 460px !important;
	position: absolute;
	top: 8px;
	width: 40px;
	margin-left:-60px !important;
}
  .wb{  width:37% !important; margin-right:360px !important; font-size:12px; margin-top:-55px !important; position:absolute; left:450px !important; top:60px !important;}
  .index-contact{
	position: absolute;
	top: 27px;
	right: 65px !important;
	z-index:99999999999999;
}

	#gla_box{ margin-top:40px !important;}
	.clx1{ margin-left:8px !important;}

	}
@media screen and (max-width:980px){
	
	.head .nav{ margin-left:20px; width:415px;}
    .head .nav li{ margin-right:0px;}
    .head .nav li a{ padding:0 10px; font-size:15px;}
    .box_h { width:55%;}    .or{ width:40px; height:40px;}
     
	 .tel{ display:none;}
	}


@media screen and (max-width:770px) {
	.head .smartmenu{ display:none;}
    .nav_m{display:block !important;}
    .header .head{ position:relative; height:auto;}
    .header .head .logo{ margin-bottom:20px;}
    .head .nav_m{ clear:both; margin-top:30px;}
    .box_h{ width:100%; float:none; clear:both; padding-top:20px; text-align:left; border-top:1px solid #47494F;}
	.content-title img{ width:680px; height:34px;}
    .colorcirclemainbox{margin:0px 0px !important; margin-top:10px; width:900px !important;}
    .colorcirclebox{float: left !important;width:36px;margin:0px;}
    .tel{ display:none;}
    .header{ height:345px !important;}
	}

@media screen and (max-width:500px) {
	
	.header .head .logo{ width:100%; float:none; margin-bottom:15px;}
    .box_h img{ width:30px; height:30px; margin:0 2px;}
    .box_h .wb{ display:none;}
	
	.tel{ display:none;}
	}