@charset "utf-8";
/*通用*/
* {  padding: 0px;  border: 0px;  margin: 0px;  }
body {  font: 12px "microsoft yahei", Arial, Helvetica, sans-serif;  background-color: #f3f3f3;  margin: 0;  padding: 0;  }
ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, a {  margin: 0;  padding: 0;  border: none;  list-style: none;  }
input {  border: none;  }
.lf {  float: left;  }
.rt {  float: right;  }
.clear {  clear: both;  }
a {  text-decoration: none;  color: #333;  }

/*整体布局*/
.w1100 {  width: 1100px;  margin: 0 auto;  }

/*头*/
#top {
    width: 100%;
    height: 111px;
    line-height: 111px;
    background: #efefef;
    border-bottom: 1px solid #eee;
}
.head {
    overflow: hidden;
}
.head li {
    float: left;
    margin-right: 50px;
    height: 111px;
    line-height: 111px;
}
.head li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
}
.head li a:hover {
    color: #11844D;
}
.head li.logo {
    margin-right: 120px;
}
.head li.logo img {
    margin-top: 20px;
    margin-left: 80px;
}

/*中间轮播图区域*/

.content_middle {
    width: 100%;
    /* height: 400px; */
    margin: 0px auto;
    position: relative;
}

.content_middle:hover .common {  display: block; }

.content_middle ul li {
    width: 100%;
    /* height: 400px; */
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    margin: 0px auto;
    cursor: pointer;
}

.content_middle .table {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%)
}

.content_middle .table a {
    width: 8px;
    height: 8px;
    background: #E3DEE1;
    border: 1px solid transparent;
    border-radius: 50px;
    opacity: 0.8;
    text-align: center;
    margin-left: 3px;
    display: block;
    float: left;
}

.content_middle .table a:first-child {
    margin-left: 0;
}

.content_middle .table a.small_active {
    background: #FF8800;
}

.content_middle>ul>li>img {
    display: block;
    width: 100%;
}


/*主体*/

.main_center {
    margin: 20px 0;
    padding: 0 22px;
    overflow: hidden;
}

.main_center ul li img {
    width: 245px;
    height: 104px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.main_center ul li {
    float: left;
    width: 252px;
    height: 104px;
    color: #F3F3F3;
    margin: 10px 16px 10px 0;
    text-align: center;
}

.main_center ul li.no-border {
    margin-right: 0;
}


/*底部*/

.foot {
    width: 100%;
    background: #dadada;
    padding: 20px 0;
    overflow: hidden;
}

.footer {
    padding: 20px 0;
}

.footer ul,
.box {
    float: left;
}

.footer ul {
    border-right: 1px solid #ededed;
    padding: 10px 80px;
    line-height: 22px;
    margin-left: 80px;
}

.footer ul li.lone,
.box p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    color: #000;
}

.footer ul li {
    line-height: 28px;
    color: #333;
}

.footer ul li span {
    display: inline-block;
    height: 28px;
    width: 26px;
    background: url(../images/pd_3/icon1.png) no-repeat;
    vertical-align: middle;
}

.footer ul li span.tel {
    background-position: 0 -224px;
}

.footer ul li span.qq {
    background-position: 0 -253px;
}

.footer ul li span.email {
    background-position: 0 -281px;
}

.footer ul li span.fax {
    background-position: 0 -308px;
}

.box {
    padding: 10px 50px;
    margin: 0 20px;
}

.box img {
    width: 86px;
    height: 86px;
    margin-top: 10px;
}

.box p {
    text-align: center;
}

.footer .box p a.sina {
    display: block;
    width: 86px;
    height: 86px;
    background: url(../images/pd_3/weixin_01.png) no-repeat;
    margin-top: 10px;
}

.footer .box p a.sina {
    background-position: 0 0;
}

.footer .box p a.sina:hover {
    background-position: 0 -86px;
}

.t_center {
    text-align: center;
}

.gary {
    color: #8b8c8b;
}

.mrt30 {
    margin-top: 30px;
}

.mrt15 {
    margin-top: 15px;
}