/*
* 编写代码简则
*/
/*
* Common
*
* 本项目常用工具，但不包括 .clearon-left, .clear ，
* 它们已经包含在 UI tool 模块里面，请注意
*/

body {
  font-size: 14px;
  font-family: "微软雅黑", "PingHei", "Lucida Grande", "Lucida Sans Unicode", "Helvetica", "Arial", "Verdana", "sans-serif";
  background:url(../images/body-bg.jpg) center top no-repeat #f1f1f1;
}

.on-left{ float:left;}
.on-right{float:right;}
.icon {
  display: inline-block;
  width:25px;
  height:25px;
  background: url(../images/icon.png) no-repeat 0 0;
  vertical-align: middle;
  margin-right: 5px;
  top:0px;
}

.icon-large {
  width: 30px;
  height:26px;
  background-image: url(../images/icons.png) no-repeat 0 0;
  top: -1px;
  display: inline-block;
  vertical-align:middle;
}

.icon-blue-down {
  background-position: -32px -39px;
  width: 30px;
  height:26px;
  margin-right:0px;
  margin-top:-13px !important;
  right:0px !important;
}
.icon-grey-down {
  background-position: -68px -39px;
  width: 30px;
  height:26px;
  margin-right:0px;
  margin-top:-13px !important;
  right:0px !important;
  border-radius:5px;
}
.icon-for{
 width:90px;
 height:90px;
 display:inline-block;
 vertical-align:middle;
 background:url(../images/icons.png) no-repeat 0 -110px;
}
.icon-search{
  background-position: 0px 0px;
  
}
.icon-menu{
  background-position: -35px 0px;
}
.icon-down{
  background-position: -70px 0px;
}
.icon-go{
 background-position: -105px 0px;
 position:absolute;
 right:300px;
 margin-top:40px;
 cursor:pointer;
 z-index:1000;
}

.border {
  border-width: 1px;
  border-color: #D9D9D9;
}

.border-solid {
  border-style: solid;
}

.border-top-none {
  border-top: none;
}
.box-border{
  border:1px solid #e1eaf3;
}
.cfff {
  color: #fff;
}

.cred {
  color: #E60012;
}
.cblue {
  color: #37C4F6
}

.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f26 {
  font-size: 26px;
}
.f42 {
  font-size: 42px;
}
.l22 {
  line-height: 22px
}
.l26 {
  line-height: 26px;
}
.l28 {
  line-height: 28px;
}
.l30 {
  line-height: 30px;
}
.center{
 width:100%;
}
.center-1258{
 width:1280px;
 margin:0 auto;
}

/*头部*/
.top{
 height:35px;
 position:relative;
 width:100%;
 line-height:35px;
}

.top em{
 color:#5d4f4b
}
.top .en{
 width:142px;
}

.top .en img{
 vertical-align:middle;
 margin-top:-1px;
}
.top .en a{
 color:#333;
 padding-left:10px;
 line-height:35px;
}
.top .en a:hover{
 color:#cc0000;	
}
.logo{
 width:400px;
 height:100px; 
 /*background:url(../images/logo.png) no-repeat left top; */
 display:inline-block;
 margin-top:75px;
}
.head-menu{
 width:1258px;
 height:60px;
 background:#f6f6eb;
 box-shadow: 0px 0px 3px #e6e6e6;
 -webkit-box-shadow: 0px 0px 3px #e6e6e6; 
 -moz-box-shadow: 0px 0px 3px #e6e6e6;
 text-align:center;
 position:relative;
 line-height:60px;
 top:30px;
 margin-left:0px;
 display:block;
}
.nav{
 width:100%;
 height:50px;
 margin-top:42px;
 position:relative;
 text-align:center;
 z-index:100;
 margin-left:-50px;
}
.nav li{
 list-style:none;
}
.nav li{
 display:inline-block;
}
.nav li a, 
.nav li a:visited{
 display:block;
 line-height:50px;
 background:url(../images/menu-icon.png) no-repeat 140px center;
 text-align:center;
 text-decoration:none;
 color:#b39560;
 font-size:21px;
 font-weight:300;
 min-width:155px;
}
.nav li a:hover{
  color:#bd1b20;
  background:url(../images/menu-icon.png) no-repeat 140px center;
  min-width:155px;
  color:#b39560;
}
.nav li a.curr{
  color:#bd1b20;
  background:url(../images/menu-icon.png) no-repeat 140px center;
  min-width:155px;
  color:#b39560;
}
.nav ul{
 position:absolute;
 top:44px;
 display:none;
 background-color:#b39560;
 width:120px;
} 
.menu:hover ul.submenu{
 display:block;
 margin-left:30px;
 padding-top:10px;
 
}
.submenu li{
 display:block;
 border-bottom:1px solid #a68a59; 
}
.menu:hover ul.submenu a{
  color:#fff;
  line-height:35px;
  background:none;
  font-size:14px;
  text-align:left;
  min-width:120px;
  text-indent:20px;
}
.menu ul.submenu a:hover{
 background:#403522;
 color:#fff;
}
.search-icon{
 position:absolute;
 width:21px;
 height:20px;
 background:url(../images/search-icon.png) no-repeat;
 margin-top:18px;
 margin-left:90px;
}
/* 尾部 */
.common-top{position:relative; 
 width:100%; 
 z-index:9;
 min-width:1258px; 
 height:50px; 
 line-height:50px; 
 background:#b39560;
}
.common-top .common-left{ width:200px; text-align:left; color:#fff; float:left;}
.common-top .common-left a{ color:#fff;}
.common-top .common-link{ width:860px; text-align:left; color:#fff; float:left;}
.common-top .common-right{width:120px; text-align:right; color:#fff; float:right; margin-right:15px;}
.common-top  a:hover{ color:#bd1b20;}
.common-top .common-nav{
 width:100%;
 height:50px;
 position:relative;
 text-align:center;
 z-index:1000;
}
.common-top .common-nav li{
 list-style:none;
}
.common-top .common-nav li{
 display:inline-block;
}
.common-top .common-nav li a, 
.common-top .common-nav li a:visited{
 display:block;
 line-height:50px;
 background:url(../images/foot-link-icon.png) no-repeat 150px center;
 text-align:center;
 text-decoration:none;
 color:#fff;
 font-size:14px;
 font-weight:300;
 min-width:190px;
}
.common-top .common-nav li a:hover{
  color:#bd1b20;
  background:url(../images/foot-link-icon.png) no-repeat 150px center;
  min-width:190px;
}
.common-top .common-nav li a.curr{
  color:#bd1b20;
  background:url(../images/foot-link-icon.png) no-repeat 150px center;
  min-width:200px;
}
.common-top .common-nav ul{
 position:absolute;
 top:54px;
 display:none;
 background-color:#b39560;
 width:190px;
} 
.common-menu:hover ul.common-submenu{
 display:block;
 margin-left:50px;
 margin-top:-10px;

}
.common-submenu li{
 display:block;
 border-bottom:1px solid #a68a59; 
}
.common-menu:hover ul.common-submenu a{
  color:#fff;
  line-height:30px;
  background:none;
  font-size:14px;
  text-align:left;
  min-width:190px;
  text-indent:20px;
}
.common-menu ul.common-submenu a:hover{
 background:#403522;
 color:#fff;
}

.common-footers{width:100%; text-align:center; padding-bottom:20px;}
.common-footers h3{font-size:14px;color: #666; line-height:28px;}
.common-footers a{ color:#333;}
.common-footers a:hover{ color:#034ea2;}
.common-footers .pic-info{
 width:45px;
 position:absolute;
 height:60px;
 margin-left:130px;
 margin-top:-45px;

}


.pop-box {
	opacity: 10;
	position: absolute;
	right: 50%;
	bottom: 100%;
	margin-right: -629px;
	width: 550px;
	
	background-color: #b39560;
	border-bottom: 6px solid #f5f5f5;
	display:none;
}
.common-top .pop-box .pop-head {
	border-bottom: 1px solid #c9ac79;
	line-height: 75px;
	font-size: 30px;
	color: #FFF;
	text-align: left;
	margin-bottom: 2px;
	padding-left: 30px;
}
.common-top .pop-box .pop-head .pop-close {
	display: block;
	float: right;
	width: 75px;
	height: 75px;
	background-color: #3c3c3c;
	background-image: url(../images/pop-close.png);
	background-position: center center;
	background-repeat: no-repeat
}
.common-top .pop-box .pop-con {
	padding: 15px 0 20px;
	border-top: 1px solid #c9ac79;
	padding-left: 30px;
}
.common-top .pop-box .pop-con p {
	line-height: 30px;
	font-size: 14px;
	color: #FFF;
	text-align: left
}
.common-top .pop-box .pop-con p i {
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	margin-right: 15px;
	width:18px;
	height:18px;
	background:url(../images/pop-icon.png) center center no-repeat
}
.common-top .pop-box .pop-con p i.icon-pop-00 {
	background-position:0px 0px;
}
.common-top .pop-box .pop-con p i.icon-pop-01 {
	background-position:-20px 0px;
}
.common-top .pop-box .pop-con p i.icon-pop-02 {
	background-position:-40px 0px;
}
.common-top .pop-box .pop-con p i.icon-pop-03 {
	background-position:-60px 0px;
}
.common-top .pop-box .pop-con p i.icon-pop-04 {
	background-position:-80px 0px;
}
.common-top .pop-box .pop-con p i.icon-pop-05 {
	background-position:-100px 0px;
}