﻿.title_top, .inmain
{
    position: relative;
}
.topmain
{
    margin-top: 35px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 70%;
}
.title_top img
{
    width: 100%;
    height: auto;
}
.xmn_tit
{
    width: 100%;
}
.xmn_tit p
{
    margin-top: 12px;
}
.xmn_tit p span
{
    font-size: 14px;
    color: #babdbb;
    margin-right: 43px;
}
.xmn_ovf
{
    width: 70%;
    overflow: hidden;
}
.xmn_content
{
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: auto center;
    background-size: cover;
    margin-bottom: 89px;
}
.xmn_float
{
    width: 50%;
    height: auto;
    float: left;
}
.xmn_float_r
{
    float: right;
    width: 40%;
}
.xmn_float_r h2
{
    margin: 0 0 4%;
    color: #656565;
}
.xmn_float_r li
{
    width: 100%;
    background: #eef3f3;
}
.xmn_float_r li a
{
    display: block;
    padding: 10%;
}
.xmn_float_r li h4
{
    margin-bottom: 3%;
}
.xmn_float_r li h2
{
    max-height: 3em;
    color: #414141;
    line-height: 1.5;
    margin-bottom: 3%;
    overflow: hidden;
}
.xmn_float_r li p
{
    max-height: 4em;
    color: #414141;
    line-height: 2;
    margin-bottom: 5%;
    overflow: hidden;
}
.xmn_float_r li span
{
    display: block;
    width: 15%;
    height: 2px;
    background: #494949;
}
@media only screen and (min-width: 1025px)
{
    .xmn_float_r li
    {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
    }
    .xmn_float_r li:hover
    {
        background: #00b6b5;
    }
    .xmn_float_r li:hover h4, .xmn_float_r li:hover h2, .xmn_float_r li:hover p
    {
        color: #fff;
    }
    .xmn_float_r li:hover span
    {
        background: #fff;
    }
}
.xmn_put
{
    width: 70%;
    margin-bottom: 111px;
}
.xmn_put p a
{
    line-height: 2;
    color: #3e3e3e;
}
.xmn_xiao
{
    margin-top: 20%;
    overflow: hidden;
    box-shadow: 0 0 15px #ccc;/*position: absolute;
    left: 54%;
    /* transform: translateY(-50%); */
    display: inline-block;
}
.xmn_xiao::after
{
    content: '';
    clear: both;
}
.xiaocen, .xiaocen_ul a
{
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.xiaocen_ul li
{
    cursor: pointer;
    transition: .3s all;
}
.xiaocen_ul li:hover
{
    transform: scale(1.25);
}
.xiaocen_ul
{
    float: left;
    overflow: hidden;
    background: #fff;
}
@media only screen and (max-width: 1440px)
{
    .topmain
    {
        margin-top: 32px;
    }
}
@media only screen and (max-width: 1366px)
{
    .xmn_tit p
    {
        margin-top: 16px;
    }
}
@media only screen and (max-width: 1280px)
{
    .xmn_ovf, .xmn_put
    {
        width: 94%;
    }
    .xmn_tit
    {
        width: auto;
        padding: 2em 0;
    }
    .xmn_tit p
    {
        margin-top: 1em;
        margin-bottom: 3em;
    }
    .topmain
    {
        margin-top: 0;
    }
}
@media only screen and (max-width: 1023px)
{
    .topmain
    {
        position: relative;
        z-index: 1;
    }
    .title_top img
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    .xmn_xiao
    {
        display: none;
    }
    .xmn_float
    {
        width: auto;
    }
    .xmn_float_r
    {
        width: 100%;
    }
    .xmn_float_r li a
    {
        padding: 5%;
    }
    .xmn_content
    {
        margin-bottom: 0;
    }
    .xmn_put
    {
        margin-bottom: 3em;
    }
    .xiaocen, .xiaocen_ul li
    {
        float: left;
    }
    .xmn_xiao
    {
        display: block;
        position: relative;
        transform: translateY(0);
        margin-top: 2em;
        margin-bottom: 3em;
        box-shadow: none;
        left: 0;
    }
}
@media only screen and (max-width: 768px)
{
    .xmn_tit p span
    {
        display: block;
    }
}
@media only screen and (max-width: 767px)
{
    .topmain, .xmn_ovf, .xmn_put
    {
        width: 94%;
        margin: 0 3%;
    }
    .xmn_tit p span
    {
        display: inline-block;
        margin-right: 10px;
    }
    .xiaocen_ul a
    {
        font-size: 20px;
    }
}
.weixin
{
    position: fixed;
    width: 300px;
    z-index: 100000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 1px 1px 10px #666;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.weixin .c
{
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/png/00mmxxmf.png) center center no-repeat;
    overflow: hidden;
    text-indent: 100px;
    right: 0;
    top: 0;
    font-size: 20px;
    font-style: normal;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}
.weixin h2
{
    position: relative;
    line-height: 40px;
    font-size: 16px;
    padding-left: 20px;
    font-weight: normal;
}
.weixin .img
{
    padding: 10px 20px;
    text-align: center;
    border-top: 1px solid #ddd;
}
.weixin .img img
{
    width: 200px;
    height: 200px;
}
.weixin p
{
    margin: 0 0 30px;
    text-align: center;
}
