@charset "utf-8";
/*共用样式*/
html{

	 font-family: "黑体";
}
/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    background:white;
    color:black;
}
*{font-size:12px;color:#555555;} 
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,
aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:12px \5b8b\4f53,arial,sans-serif;
}
input,select,textarea {
    font-size:100%;
}
input::-webkit-input-placeholder {
   /* placeholder颜色  */
   color: #4a4a4a;
   /* placeholder字体大小  */
   font-size: 20px;
  /* placeholder位置  */
   }
input[type="text"]:before{
    content: attr(placeholder);//强制给placeholder属性
    
}

/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 让链接在 hover 状态下显示下划线 */
/*a:hover {
    text-decoration:underline;
}*/
/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}

.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {
    display:inline;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.hidden{visibility: hidden;}
/*共用代码*/
.content-box{

    width: 1075px;
    margin:0 auto;
}
.clear{ clear:both; }
/*head*/
.header{

    background-color: #2F2F2F;
    overflow:hidden;
    
}
.logo{

    float: left;
     width: 133px;
     margin-top: 15px
}
.head-nav{

    float: right;
    width: 700px;

}
.head-title{

    float: right;
    margin: 15px 0px 10px;
    width:460px;
    color: #fff;
    position: relative;
    z-index: 99
}
.head-title h1{

     float: left;
     font-size: 18px;   
     font-weight: normal;
     margin-top: 5px;
     color: #fff
}
.head-title h1 img{

     vertical-align: middle;
}
.welcome-title,.time-title{ 
    text-align: center;
    font-size: 24px;
    padding:10px 0;
    color: #fff;
 }
 .time-title{
    font-size: 20px
 }
 /*nav*/
 .nav{
    width: 750px; 
    float: right;
    overflow:hidden;
    margin-top: 30px;
 }
 .nav li{

    float: left;
    width:125px;
    background: url(../images/nav-abg.jpg) repeat-x;
    height: 52px;

 }
 .nav li a{

    display: block;
    font-size: 18px;
    width: 100%;
    line-height: 52px;
    color: #fff;
    text-align: center;
    background: url(../images/li.jpg) no-repeat right center;

 }
.nav li:last-child a{background:none}
.nav li:hover{background:url(../images/nav-acur-bg.jpg) repeat-x;}
.nav li:hover a{background:none}
.nav li a.nav-cur{background:url(../images/nav-acur-bg.jpg) repeat-x;}
/*main*/
.main{

    background-color: #4A4A4A;
    overflow:hidden;
    padding: 100px 0
}
/*foot*/
.copy-rights{

	background-color: #AB9C97;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.footer-bg{

            background-image: url(../images/foot-bg.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            height: 501px;
            width: 100%;
            max-width: 1920px;
}

.foot-main{

            margin: 0px auto;
             overflow: hidden;
}
.foot-ul{

            float: left;
            width: 600px;
}
.ul-list{

    float: left;
    width: 170px;
    margin-top: 30px;
    
}
.ul-list li{

    margin:30px 0;

}
.ul-list span{

    display: block;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 15px

}
.ul-list  .return-index{text-indent: 0;color: #fff;}
.ul-list a{

    display: block;
    font-size: 18px;
    color: #AB9C97;
    text-indent: 2em;
    line-height: 32px;
    cursor: pointer;
}
.ul-list a:hover{
    opacity: .4;
}

.address-box{

            float: left;
            width: 400px;
}
.address-box h1{
            margin:25px 0;
            text-align: center;
}
.address-box img{ vertical-align: middle; }
.issue-span{

            font-size: 20px;
            color: #fff;
            margin-bottom: 5px;

}
.reply-span{

            font-size: 18px;
            color: #9A8C88;
            margin: 10px 0px 10px 50px;
            display: block;


}
.copyright{

            background-color: #AB9C97;
            height: 40px;
            line-height: 40px; 
            text-align: center;
            color: #fff;
            font-size: 18px
}
.foot-email{

            color: #fff;
            text-decoration:underline;
            font-size: 18px;
            margin: 15px 0px 5px 50px;
            display: block;
            cursor: pointer;
}
.foot-email:hover{opacity: .5}