@charset "utf-8";
/*
  Document   : CSS样式初始化
  Created on : 2016. 8. 7,09:41:00
  Author :
  Description:
  CSS样式表的初始化，全局样式设置。部分样式属性请根据具体页面重置其属性
      导入方式：<link href="css/common.css" rel="stylesheet" type="text/css" /> */

/* reset */
html { overflow-x: hidden; overflow-y: auto; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
body {background:#fff}   /* 重置body 页面背景为白色 */
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */
a {color:#666;text-decoration:none}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */

/* 页面设置 */

/* 取消a标签点击后的虚线框 */
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}

/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */
/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/

/*清除浮动*/
.clear{clear: both;}

/*清除浮动--推荐使用*/
.clearfix:before,.clearfix:after{content: '';display: table;}
.clearfix:after{clear: both;}
.header{
    position: relative;
    z-index: 10;
    min-width: 1200px;
}
.header .left{
    float: left;
}
.header .right{
    float: right;
}
.header .right ul li{
    float: left;
    padding-right: 36px;
}
.header .right ul li a{
    line-height: 56px;
    font-size: 14px;
    display: block;
    color: #fff;
}
.acolor{
    color: #cb2842!important;
}
.footer{
    width: 1181px;
    margin: 0 auto;
}
.footer .top{
    border-bottom: 1px solid #dcdddd;
    padding-bottom: 15px;
    padding-top: 58px;
}
.footer .top .left{
    float: left;
    background: url("../image/Index/icon_1.png") no-repeat;
    line-height: 56px;
    height: 56px;
    font-size: 26px;
    color: #4c4948;
    padding-left: 67px;
}
.footer .top .right{
    float: right;
}
.footer .top .right dt{
    font-size: 14px;
    color: #676666;
    float: left;
    height: 55px;
    line-height: 55px;
    padding-right: 10px;
}
.footer .top .right dd{
    width: 44px;
    height: 55px;
    float: left;
    position: relative;
}
.footer .top .right dd:nth-of-type(1){
    background: url("../image/Index/icon_2.png") no-repeat;
    margin-right: 10px;
}
.footer .top .right dd:nth-of-type(1) a{
    display: block;
    width: 44px;
    height: 55px;
}
.footer .top .right dd:nth-of-type(2){
    background: url("../image/Index/icon_3.png") no-repeat;
}
.footer .top .right dd:nth-of-type(2) .wechatCode{
    display: none;
    position: absolute;
    width: 112px;
    height: 112px;
    background: #333333 url("../image/Index/Wechatcode.png") no-repeat center center;
    padding: 8px;
    top:-135px;
    left: -45px;
}
.footer .bottom{
    padding-top: 29px;
    padding-bottom: 88px;
}
.footer .bottom .left{
    float: left;
}
.footer .bottom .left ul li{
    line-height: 18px;
    font-size: 12px;
    color: #666464;
}
.footer .bottom .right{
    float: right;
}
.footer .bottom .right .icon{
    float: left;
    width: 31px;
    height: 38px;
    padding-right: 6px;
    border-right:1px dashed #dcdddd ;
    background:url("../image/Index/icon_4.png") no-repeat;
}
.footer .bottom .right ul{
    float: left;
    padding-left: 12px;
}
.footer .bottom .right ul li:nth-of-type(1){
    padding-bottom: 11px;
}
.footer .top .right dd:nth-of-type(2) .wechatCode .sanjiao{
    width:0;
    height:0;
    border-width:10px 10px 0;
    border-style:solid;
    border-color:#333333 transparent transparent;/*灰 透明 透明 */
    position: absolute;
    bottom: -10px;
    left: 54px;
}
.contactWay{
     position: fixed;
    right: 0;
    bottom: 200px;
    width: 46px;
    z-index: 55;
}
.contactWay ul{
    width: 100%;
}
.contactWay ul li:nth-of-type(1){
    background-color: #cbcbcb;
}
.contactWay ul li.color{
    background-color: #333333;
}
.contactWay ul li{
     width: 46px;
     height: 46px;
     border-bottom: 1px solid #fff;
    background-color: #cb2842;
 }
.contactWay ul li.color{
    background-color: #333333;
}
.contactWay ul li:nth-last-of-type(2){
    position: relative;
}
.contactWay ul li  .telephone{
    display: none;
    position: absolute;
    width: 139px;
    height: 46px;
    background: #333333;
    line-height: 46px;
    text-align: center;
    top: 0;
    left: -139px;
    font-size: 15px;
    color: #fff;
}
.contactWay ul li.color  .telephone{
    display: block;
}
.contactWay ul li .wechat{
    display: none;
    position: absolute;
    width: 112px;
    height: 112px;
    background: #333333 url("../image/Index/Wechatcode.png") no-repeat center center;
    padding: 8px;
    top:0;
    left: -128px;
}
.contactWay ul li.color .wechat{
    display: block;
}
.contactWay ul li:nth-last-of-type(1){
    width: 46px;
    height: 46px;
    border-bottom:none;
    position: relative;
}
.contactWay ul li:nth-of-type(1) a{
    width: 46px;
    height: 46px;
    display: block;
    background-image:url("../image/Index/contactWay_1.png") ;
}
.contactWay ul li:nth-of-type(2) a{
    width: 46px;
    height: 46px;
    display: block;
    background-image:url("../image/Index/contactWay_2.png") ;
}
.contactWay ul li:nth-of-type(3) a{
    width: 46px;
    height: 46px;
    display: block;
    background-image:url("../image/Index/contactWay_3.png") ;
}
.contactWay ul li:nth-of-type(4) a{
    width: 46px;
    height: 46px;
    display: block;
    background-image:url("../image/Index/contactWay_4.png") ;
}
.contactWay ul li.color:nth-of-type(4) a{
    width: 46px;
    height: 46px;
    display: block;
    background-image:url("../image/Index/contactWay_4_1.png") ;
}