@font-face
{
    font-family: "Alibaba-PuHuiTi-Regular";
    src: url("") format("woff"),url("") format("embedded-opentype"),url("") format("opentype");
}
html
{
    overflow-x: hidden;
    font-size: 14px;
    font-family: 'Alibaba-PuHuiTi-Regular';
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
body
{
    margin: 0 auto;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
    font-style: inherit;
    font-weight: inherit;
}
del, ins
{
    text-decoration: none;
}
li
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
    font-variant: normal;
}
input, button, textarea, select, optgroup, option
{
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button, textarea, select
{
    *font-size: 100%;
}
input, select
{
    vertical-align: middle;
}
body
{
    font: 12px/1.231;
}
select, input, button, textarea, button
{
    font: 99%;
}
table
{
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
}
pre, code, kbd, samp, tt
{
    *font-size: 108%;
    line-height: 100%;
}
h1
{
    font-size: 32px;
}
h2
{
    font-size: 26px;
}
h3
{
    font-size: 20px;
}
h4
{
    font-size: 14px;
}
h5
{
    font-size: 12px;
}
h6
{
    font-size: 10px;
}
a
{
    color: #666;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
}
a:focus
{
    outline: 0;
}
a:hover
{
    text-decoration: none;
}
p
{
    text-align: justify;
    text-justify: inter-ideograph;
    white-space: normal;
}
.vam
{
    vertical-align: middle;
}
.clear
{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
.tr
{
    text-align: right;
}
.tl
{
    text-align: left;
}
.pr
{
    position: relative;
}
.pa
{
    position: absolute;
}
.center
{
    text-align: center;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.ys3
{
    opacity: .3;
}
.ys5
{
    opacity: .5;
}
.fz30
{
    font-size: 3vw;
}
.fz35
{
    font-size: 3.5vw;
}
.fz37
{
    font-size: 3.75vw;
}
.fz75
{
    font-size: 7.5vw;
}
.t1s
{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tt
{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tt img
{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.yy img
{
    -moz-box-shadow: 0 0 20px 1px #8c8883;
    box-shadow: 0 0 20px 1px #8c8883;
}
.content
{
    width: 1700px;
    margin: 0 auto;
}
@media screen and (max-width: 1750px)
{
    .content
    {
        width: 96%;
    }
}
.pcxs
{
    display: block!important;
}
.mobile
{
    display: none!important;
}
@media screen and (max-width: 900px)
{
    .pcxs
    {
        display: none!important;
    }
    .mobile
    {
        display: block!important;
    }
}
.header
{
    width: 100%;
    float: left;
    height: 105px;
    line-height: 105px;
    font-size: 18px;
    background: #002b61;
    transition: all .5s;
}
.header .content
{
    position: relative;
}
.logo
{
    width: 25%;
    float: left;
}
.logo img
{
    display: block;
    height: 65px;
    margin-top: 18px;
}
.nav
{
    width: 58%;
    float: right;
    text-align: right;
}
.nav a
{
    color: #fff;
    margin: 0 2%;
}
.nav a.nav_cur
{
    color: #fa0202;
}
.t_cal
{
    width: 15%;
    height: 36px;
    float: right;
    margin-top: 36px;
}
.t_cal_xs
{
    position: absolute;
    right: 220px;
    background: #fff;
    top: 105px;
    padding: 0 15px;
    border-radius: 8px;
    opacity: 0;
    border: 1px solid #e2e1e1;
    z-index: 999;
    height: 50px;
    line-height: 50px;
}
.t_cal:hover .t_cal_xs
{
    opacity: 1;
}
@media screen and (max-width: 1750px)
{
    .t_cal
    {
        width: 6%;
        text-align: right;
    }
    .t_cal_xs
    {
        right: 0;
    }
}
@media screen and (max-width: 1300px)
{
    .nav
    {
        width: 68%;
    }
    .nav a
    {
        width: 0 1%;
    }
}
@media screen and (max-width: 1050px)
{
    .header
    {
        font-size: 16px;
    }
}
.s_banner
{
    width: 100%;
    float: left;
}
.s_banner img
{
    display: block;
    width: 100%;
}
.m1_bt
{
    width: 100%;
    float: left;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
    color: #313131;
    margin: 20px auto 40px;
}
.m1_bt div
{
    width: 23%;
    float: left;
    margin-right: 2.5%;
    border-bottom: 1px solid #aeaeae;
    text-indent: 40px;
}
.m1_bt div:nth-child(4)
{
    margin-right: 0;
}
.m1_bt div em
{
    display: block;
    width: 45px;
    height: 65px;
    float: right;
    background: url(../image/m1btm.png) no-repeat center center;
}
.m1_bt div.active
{
    color: #002b61;
    border-bottom: 1px solid #002b61;
}
.m1_bt div.active a span
{
    color: #002b61;
}
.m1_bt div span
{
    color: #313131;
}
.m1_bt div.active em
{
    background: url(../image/m1btmm.png) no-repeat center center;
}
.m1_bt div:nth-child(1)
{
    background: url(../image/m1bt1.png) no-repeat center left;
    background-size: 23px;
}
.m1_bt div:nth-child(2)
{
    background: url(../image/m1bt2.png) no-repeat center left;
    background-size: 23px;
}
.m1_bt div:nth-child(3)
{
    background: url(../image/m1bt3.png) no-repeat center left;
    background-size: 23px;
}
.m1_bt div:nth-child(4)
{
    background: url(../image/m1bt4.png) no-repeat center left;
    background-size: 23px;
}
#m1_nr
{
    width: 100%;
    float: left;
}
#m1_nr img
{
    display: block;
    max-width: 49%;
    float: left;
    margin-right: 2%;
    border-radius: 5px;
}
#m1_nr img:nth-child(2)
{
    margin-right: 0;
}
@media screen and (max-width: 1400px)
{
    .m1_bt div
    {
        text-indent: 30px;
    }
    .m1_bt div span
    {
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px)
{
    .m1_bt div em
    {
        width: 20px;
    }
    .m1_bt div
    {
        width: 24%;
        margin-right: 1.3%;
    }
}
@media screen and (max-width: 1030px)
{
    .m1_bt div
    {
        width: 24%;
        float: left;
        margin-right: 1.3%;
        border-bottom: 1px solid #aeaeae;
        text-indent: 28px;
    }
    .m1_bt div span
    {
        font-size: 18px;
    }
}
@media screen and (max-width: 950px)
{
    .m1_bt div
    {
        text-indent: 21px;
    }
}
.product_content
{
    width: 100%;
    float: left;
}
.product_container
{
    width: 100%;
    float: left;
    background: #f5f5f5;
    border-top: 1px solid #dcdcdc;
    padding: 40px 0 80px 0;
}
.m2ta
{
    width: 100%;
    float: left;
    height: 55px;
    line-height: 55px;
    margin: 55px auto 5px;
}
.m2ta span
{
    display: block;
    float: left;
    font-size: 32px;
    color: #002b61;
}
.m2ta em
{
    display: block;
    float: left;
    font-size: 22px;
    color: #002b61;
    border-bottom: 2px solid #002b61;
    margin-left: 20px;
    padding-right: 25px;
    background: url(../image/jtx.png)no-repeat right center;
    background-size: 20px;
    padding-left: 8px;
    transition: all .5s;
}
.m2ta em.guan
{
    background: url(../image/cha.png) no-repeat right center;
    transition: all .5s;
    background-size: 20px;
}
.m2tb
{
    width: 100%;
    float: left;
    height: 65px;
    line-height: 65px;
    padding-bottom: 4px;
}
.m2tb div a
{
    padding-right: 5%;
    float: left;
    font-size: 22px;
    color: #535353;
    margin-right: 1%;
}
.m2tb div.active a
{
    border-bottom: 5px solid #002b61;
    color: #002b61;
}
.m2tb span
{
    font-size: 22px;
}
.m2tb span a
{
    color: #535353;
}
.product_word_content
{
    width: 100%;
    overflow: hidden;
}
.product_word_content ul li
{
    width: 31.29%;
    float: left;
    margin: 3% 3.05% 0 0;
    position: relative;
}
.product_word_content ul li:nth-child(3n)
{
    margin-right: 0;
}
.product_word_content ul li img
{
    max-width: 39.66%;
    height: auto;
    display: block;
    float: left;
    border-radius: 50%;
}
.product_word_right
{
    width: 55%;
    overflow: hidden;
    float: right;
    position: absolute;
    left: 70%;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.product_word_right h3
{
    font-size: 22px;
    line-height: 30px;
    border-bottom: 2px solid #c8c8c8;
    font-weight: normal;
    color: #002b61;
    letter-spacing: 1px;
    box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.product_word_right p
{
    font-size: 16px;
    line-height: 22px;
    color: #626262;
    letter-spacing: 1px;
    padding-left: 8px;
    box-sizing: border-box;
    margin-top: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.product_word_right p b
{
    font-size: 22px;
    line-height: 30px;
    color: #002b61;
    margin-left: 8px;
}
@media screen and (max-width: 1600px)
{
    .product_word_right h3
    {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .product_word_right p
    {
        font-size: 13px;
        margin-top: 10px;
    }
    .product_word_right p b
    {
        font-size: 19px;
    }
}
@media screen and (max-width: 1100px)
{
    .product_word_content ul li
    {
        width: 48.5%;
        float: left;
        margin: 3% 3% 0 0;
        position: relative;
    }
    .product_word_content ul li:nth-child(3n)
    {
        margin-right: 3%;
    }
    .product_word_content ul li:nth-child(2n)
    {
        margin-right: 0;
    }
}
.product_list
{
    width: 100%;
    overflow: hidden;
    display: none;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.product_list ul
{
    width: 96%;
    overflow: hidden;
    margin: 1% auto;
}
.product_list ul li
{
    width: 12.5%;
    float: left;
    font-size: 18px;
    line-height: 50px;
}
.product_list ul li a
{
    color: #002b61;
}
@media screen and (max-width: 1600px)
{
    .product_list ul li
    {
        width: 20%;
    }
}
@media screen and (max-width: 980px)
{
    .product_list ul li
    {
        width: 25%;
    }
}
.about_content
{
    width: 100%;
    float: left;
    height: 400px;
    background: url(../image/main3_bg.jpg) no-repeat center top;
    position: relative;
}
.about_content .content
{
    position: relative;
}
.m3nr
{
    width: 460px;
    height: 150px;
    top: 160px;
    left: 0;
    position: absolute;
    z-index: 10;
}
.m3nr h3
{
    width: 100%;
    float: left;
    font-size: 40px;
    color: #313131;
    font-weight: bold;
    margin-bottom: 15px;
}
.m3nr h3 i
{
    font-style: normal;
    font-size: 26px;
    margin-left: 10px;
    font-weight: normal;
}
.m3nr p
{
    font-size: 16px;
    line-height: 28px;
    color: #626262;
    letter-spacing: 1px;
}
.advantage_content
{
    width: 100%;
    float: left;
    padding: 60px 0;
}
.m4_bt
{
    width: 100%;
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    color: #002b61;
    margin-bottom: 50px;
}
.advantage_content ul
{
    width: 100%;
    float: left;
}
.advantage_content ul li
{
    width: 18%;
    min-height: 265px;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-right: 9%;
    background: #fff;
}
.advantage_content ul li:nth-child(4)
{
    margin-right: 0;
}
.advantage_content ul li img
{
    display: block;
    margin: 0 auto;
}
.advantage_content ul li h3
{
    padding: 20px 5% 10px 5%;
    display: block;
    font-size: 20px;
    color: #002b61;
    line-height: 26px;
    text-align: center;
}
.advantage_content ul li p
{
    padding: 0 2%;
    margin-bottom: 25px;
    font-size: 16px;
    color: #535353;
    line-height: 25px;
    text-align: center;
}
@media screen and (max-width: 1200px)
{
    .advantage_content ul li
    {
        width: 23%;
        margin-right: 2%;
    }
}
@media screen and (max-width: 900px)
{
    .advantage_content
    {
        padding: 20px 0 5px 0;
    }
    .m4_bt
    {
        height: 60px;
        line-height: 60px;
        font-size: 22px;
        color: #002b61;
        margin-bottom: 0;
    }
    .advantage_content ul li
    {
        width: 49%;
        min-height: auto;
        margin-right: 2%;
        margin-bottom: 25px;
    }
    .advantage_content ul li:nth-child(2n)
    {
        margin-right: 0;
    }
    .advantage_content ul li h3
    {
        padding: 20px 5% 10px 5%;
        display: block;
        font-size: 18px;
        color: #002b61;
        line-height: 26px;
        text-align: center;
    }
}
@media screen and (max-width: 560px)
{
    .advantage_content ul li img
    {
        display: block;
        margin: 0 auto;
        width: 38%;
    }
    .advantage_content ul li p
    {
        padding: 0 2%;
        margin-bottom: 10px;
        font-size: 14px;
        color: #535353;
        line-height: 20px;
        text-align: center;
    }
}
.news_content
{
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 60px 0;
}
.m5_bt
{
    width: 100%;
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    color: #002b61;
}
.news_content ul
{
    width: 100%;
    float: left;
    margin-top: 2%;
}
.news_content ul li
{
    width: 23.6%;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-right: 1.8%;
    background: #fff;
    box-shadow: 0 1px 6px #dfdfdf;
}
.news_content ul li:nth-child(4)
{
    margin-right: 0;
}
.news_content ul li img
{
    display: block;
    width: 100%;
}
.news_content ul li h3
{
    padding: 20px 5%;
    display: block;
    font-size: 18px;
    color: #002b61;
    line-height: 26px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news_content ul li p
{
    padding: 0 5%;
    margin-bottom: 25px;
    font-size: 14px;
    color: #002b61;
    line-height: 25px;
}
@media screen and (max-width: 1200px)
{
    .news_content ul li
    {
        min-height: auto;
    }
    .news_content ul li h3
    {
        padding: 10px 5%;
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
@media screen and (max-width: 1000px)
{
    .news_content ul li
    {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 25px;
    }
    .news_content ul li:nth-child(2n)
    {
        margin-right: 0;
    }
}
@media screen and (max-width: 900px)
{
    .news_content
    {
        padding: 20px 0;
    }
    .m5_bt
    {
        font-size: 22px;
    }
}
@media screen and (max-width: 560px)
{
    .news_content ul li
    {
        width: 100%;
        margin-right: 0;
    }
}
.footer_nav
{
    width: 100%;
    height: 105px;
    padding: 45px 0 30px 0;
    float: left;
}
.footer_nav ul
{
    width: 100%;
    float: left;
}
.footer_nav ul li
{
    width: 25%;
    float: left;
}
.footer_nav ul li h3
{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #002b61;
    font-weight: bold;
    text-indent: 50px;
    margin-bottom: 15px;
}
.footer_nav ul li.foot_dhc
{
    width: 30%;
}
.footer_nav ul li.foot_dhd
{
    width: 20%;
}
.foot_dha h3
{
    background: url(../image/foot_dha.png) no-repeat left center;
}
.foot_dhb h3
{
    background: url(../image/foot_dhb.png) no-repeat left center;
}
.foot_dhc h3
{
    background: url(../image/foot_dhc.png) no-repeat left center;
    margin-bottom: 8px!important;
}
.foot_dhd h3
{
    background: url(../image/foot_dhd.png) no-repeat left center;
    margin-bottom: 8px!important;
}
.footer_nav ul li a
{
    font-size: 16px;
    color: #707070;
}
.foot_dha a
{
    margin-right: 5px;
    padding-right: 5px;
    border-right: 2px solid #ccc;
}
.foot_dha a:nth-last-child(1)
{
    border: none;
}
.foot_dhb a
{
    margin-right: 5px;
    padding-right: 5px;
    border-right: 2px solid #ccc;
}
.foot_dhb a:nth-last-child(1)
{
    border: none;
}
.foot_dhc img
{
    display: block;
    max-height: 35px;
    float: left;
    margin: 0 10px 0 0;
}
.foot_dhd
{
    position: relative;
}
.foot_dhd a
{
    height: 30px;
    overflow: hidden;
    display: block;
    float: left;
}
.foot_dhd img
{
    display: block;
    max-height: 30px;
    margin: 0 3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.foot_dhd a:hover img.fuhao_1, .foot_dhd a:hover img.ding_1
{
    margin-top: -30px;
}
.fuwu_weixin
{
    width: 157px;
    height: 167px;
    background: url(../image/weixin_bg.png) no-repeat;
    position: absolute;
    left: 5px;
    top: 135px;
    opacity: 0;
    transition: all .5s;
    z-index: 9999999999;
}
.dingyue_weixin
{
    width: 157px;
    height: 167px;
    background: url(../image/weixin_bg.png) no-repeat;
    position: absolute;
    top: 135px;
    left: 85px;
    opacity: 0;
    transition: all .5s;
    z-index: 999999999;
}
.fuwu_weixin img, .dingyue_weixin img
{
    height: auto;
    display: block;
    margin: 15px auto 0 auto;
    max-height: 146px;
}
.foot_dhd a.fuwu:hover .fuwu_weixin, .foot_dhd a.dingyue:hover .dingyue_weixin
{
    display: block;
    top: 95px;
    opacity: 1;
    transition: all .5s;
}
@media screen and (max-width: 1300px)
{
    .footer_nav ul li
    {
        width: 33.333%;
    }
    .foot_dhb
    {
        display: none;
    }
    .footer_nav ul li.foot_dhc
    {
        width: 41%;
    }
    .footer_nav ul li.foot_dhd
    {
        width: 25%;
    }
}
@media screen and (max-width: 900px)
{
    .footer_nav
    {
        padding: 20px 0 20px 0;
    }
    .footer_nav ul li
    {
        width: 50%;
    }
    .foot_dha
    {
        display: none;
    }
    .footer_nav ul li.foot_dhc
    {
        width: 60%;
    }
    .footer_nav ul li.foot_dhd
    {
        width: 40%;
    }
    .fuwu_weixin
    {
        display: none;
    }
    .dingyue_weixin
    {
        display: none;
    }
    .foot_dhd a.fuwu:hover .fuwu_weixin, .foot_dhd a.dingyue:hover .dingyue_weixin
    {
        display: block;
    }
}
@media screen and (max-width: 750px)
{
    .foot_dhc img
    {
        width: 40%;
        margin: 0 2%;
    }
}
@media screen and (max-width: 560px)
{
    .footer_nav
    {
        height: auto;
    }
    .footer_nav ul li.foot_dhc
    {
        display: none;
    }
    .footer_nav ul li.foot_dhd
    {
        width: 100%;
    }
    .footer_nav ul li h3
    {
        display: block;
        width: auto;
        float: left;
        margin-right: 1.2%;
        font-size: 22px;
        font-weight: normal;
        text-indent: 45px;
    }
    @media screen and (max-width: 360px)
    {
        .foot_dhd h3
        {
            background-size: 32px;
        }
        .footer_nav ul li h3
        {
            text-indent: 40px;
        }
    }
    .foot_dhd a
    {
        height: 30px;
        overflow: hidden;
        display: block;
        float: left;
        margin-top: 10px;
    }
    .fuwu_weixin
    {
        width: 90px;
        height: 96px;
        background: url(../image/weixin_bg.png) no-repeat;
        position: absolute;
        background-size: 100%;
        left: 45%;
        top: 135px;
        opacity: 0;
        transition: all .5s;
        display: none;
    }
    .dingyue_weixin
    {
        width: 90px;
        height: 96px;
        background: url(../image/weixin_bg.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: 70px;
        left: 67%;
        opacity: 0;
        transition: all .5s;
        display: none;
    }
    .fuwu_weixin img, .dingyue_weixin img
    {
        height: auto;
        display: block;
        margin: 10px auto 0 auto;
        max-height: 146px;
        width: 92%;
    }
    .foot_dhd a.fuwu:hover .fuwu_weixin, .foot_dhd a.dingyue:hover .dingyue_weixin
    {
        display: block;
        top: 50px;
        opacity: 1;
        transition: all .5s;
        display: block;
    }
}
@media screen and (max-width: 360px)
{
    .dingyue_weixin
    {
        left: 74%;
    }
    .fuwu_weixin
    {
        left: 48%;
    }
}
.foot_bg
{
    width: 100%;
    float: left;
    background: #002b61;
    padding-top: 30px;
}
.foot_a
{
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.foot_a input.sou_a
{
    width: 380px;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #ccc;
    background: #002b61;
    border-top: none;
    border-left: none;
    border-right: none;
    text-indent: 10px;
    color: #fff;
    outline: none;
    font-size: 16px;
}
.foot_a input.sou_b
{
    width: 35px;
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #ccc;
    background: url(../image/ss.png) no-repeat center 28px #002b61;
    background-size: 20px;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-left: -5px;
    outline: none;
}
.foot_a input::-webkit-input-placeholder
{
    color: #fff;
}
.foot_a input:-moz-placeholder
{
    color: #fff;
}
.foot_a input::-moz-placeholder
{
    color: #fff;
}
.foot_a input:-ms-input-placeholder
{
    color: #fff;
}
.foot_b
{
    width: 100%;
    float: left;
    color: #fff;
    margin-bottom: 30px;
}
.foot_b a
{
    color: #fff;
}
.foot_b span
{
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    margin-bottom: 15px;
}
.foot_b1 span
{
    height: 80px;
    margin-bottom: 15px;
    border: none;
}
.foot_b1 span img
{
    display: block;
    width: 100%;
}
.foot_a1nr
{
    line-height: 23px;
}
.foot_a1nr p
{
    font-size: 13px;
    line-height: 23px;
}
.foot_b ul li
{
    line-height: 30px;
}
.foot_b1
{
    width: 23%;
    float: left;
    margin-right: 4%;
}
.foot_b2
{
    width: 15%;
    float: left;
    margin-right: 4%;
}
.foot_b3
{
    width: 15%;
    float: left;
    margin-right: 4%;
}
.foot_b4
{
    width: 15%;
    float: left;
    margin-right: 4%;
}
.foot_b5
{
    width: 15%;
    float: left;
}
@media screen and (max-width: 1200px)
{
    .foot_b1 span
    {
        height: auto;
    }
    .foot_b1
    {
        width: 26%;
    }
    .foot_b2
    {
        width: 19%;
    }
    .foot_b3
    {
        width: 19%;
    }
    .foot_b4
    {
        width: 19%;
    }
    .foot_b5
    {
        display: none;
    }
}
.foot_c
{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
}
.foot_c span
{
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #fff;
}
.foot_c span a
{
    color: #fff;
    margin-right: 1%;
    font-size: 15px;
}
.foot_c ul
{
    width: 100%;
    float: left;
    height: 85px;
    line-height: 85px;
}
.foot_c ul li
{
    float: left;
    margin-right: 5%;
    color: #fff;
}
.foot_c ul li.foot_c1
{
    width: 20%;
}
.foot_c ul li.foot_c2
{
    width: 15%;
}
.foot_c ul li.foot_c3
{
    width: 15%;
}
.foot_c ul li.foot_c4
{
    width: 11%;
}
.foot_c ul li.foot_c5
{
    width: 19%;
    float: right;
    margin-right: 0;
    margin-top: 5px;
}
@media screen and (max-width: 1500px)
{
    .foot_c1
    {
        display: none;
    }
    .foot_c ul li.foot_c2
    {
        width: 20%;
    }
    .foot_c ul li.foot_c3
    {
        width: 20%;
    }
    .foot_c ul li.foot_c4
    {
        width: 20%;
    }
    .foot_c ul li.foot_c5
    {
        width: 23%;
    }
}
@media screen and (max-width: 1200px)
{
    .foot_c1
    {
        display: none;
    }
    .foot_c ul li.foot_c2
    {
        display: none;
    }
    .foot_c ul li.foot_c3
    {
        width: 30%;
    }
    .foot_c ul li.foot_c4
    {
        width: 30%;
    }
    .foot_c ul li.foot_c5
    {
        width: 30%;
    }
}
.pcxs
{
    display: block;
}
.mobile
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .pcxs
    {
        display: none!important;
    }
    .mobile
    {
        display: block!important;
    }
}
.xf_header
{
    width: 100%;
    float: left;
    height: 9vh;
}
.xf_footer
{
    width: 100%;
    float: left;
    height: 11vh;
}
.xf_hei
{
    display: none;
}
.mobile_address
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .header
    {
        width: 100%;
        height: 6vh;
        background: #1e1f22;
        color: #dcdcdc;
        position: fixed;;
        padding: 1.5vh 0;
        overflow: hidden;
        z-index: 9999999;
    }
    .header img
    {
        height: 4vh;
        display: block;
        margin: 0 auto;
    }
    .header .top_dh
    {
        width: 20%;
        float: left;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .header .mobile_logo
    {
        width: 60%;
        display: block;
        float: left;
        text-align: center;
        color: #fff;
        font-size: 3vh;
        font-weight: normal;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .header .mobile_logo a
    {
        color: #fff;
    }
    .header .top_ss
    {
        width: 20%;
        float: left;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .header .mobile_logo img
    {
        height: 6vh;
    }
    .nav_bg_m
    {
        position: fixed;
        left: -50%;
        width: 50%;
        height: 91vh;
        overflow-x: hidden;
        top: 0;
        z-index: 9999998;
        background: url(../image/mobile_bg.jpg) center center;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        background-size: cover;
        padding-top: 9vh;
    }
    .nav_gb_m
    {
        position: fixed;
        right: -100%;
        width: 50%;
        height: 100vh;
        overflow-x: hidden;
        top: 0;
        z-index: 9999998;
        background: rgba(0,0,0,.8);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        background-size: cover;
    }
    .nav_gb_m p
    {
        font-size: 6vw;
        color: #fff;
        z-index: 9999;
        right: 5vw;
        top: 12vh;
        position: absolute;
    }
    .mobile_logo2
    {
        width: 90%;
        margin: 3vh auto 2vh auto;
    }
    .mobile_logo2 img
    {
        width: 70%;
        margin-left: 15%;
        display: block;
    }
    .nav
    {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
    }
    .nav li
    {
        width: 70%;
        display: block;
        float: left;
        height: 5.5vh;
        line-height: 5.5vh;
        position: relative;
        font-size: 16px;
        padding: 0 15%;
    }
    .nav li a
    {
        color: #eee;
        width: 100%;
        height: .45rem;
    }
    .nav li.cur
    {
        background: none;
    }
    .nav li.cur a
    {
        color: #f3c0aa;
        width: 100%;
        height: 100%;
    }
    .xf_hei
    {
        width: 100%;
        height: 11vh;
        float: left;
        overflow: hidden;
        display: block;
    }
    .xf_dh
    {
        width: 100%;
        height: 11vh;
        float: left;
        font-size: .14rem;
        overflow: hidden;
        background: url(404.png) no-repeat center center #141418;
        background-size: 123%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
    }
    .xf_dh li
    {
        width: 20%;
        height: 100%;
        display: block;
        float: left;
        background-size: 4.5vh;
    }
    .xf_dh li a
    {
        display: block;
        padding-top: 7vh;
        height: 4vh;
        line-height: 3vh;
        text-align: center;
        color: #fff;
        font-size: 1.6vh;
    }
    .xf_dh_a
    {
        background: url(../image/xf_dh_a.png) no-repeat center 1.8vh;
    }
    .xf_dh_b
    {
        background: url(../image/xf_dh_b.png) no-repeat center 1.8vh;
    }
    .xf_dh_c
    {
        background: url(../image/xf_dh_c.png) no-repeat center 1.8vh;
    }
    .xf_dh_d
    {
        background: url(../image/xf_dh_d.png) no-repeat center 1.8vh;
    }
    .xf_dh_e
    {
        background: url(../image/xf_dh_e.png) no-repeat center 1.8vh;
    }
    .sg_xiang
    {
        width: 100%;
        height: auto;
        padding: 2vh;
        text-align: left;
        overflow: hidden;
        background: #3d3d3d;
        box-sizing: border-box;
    }
    .sg_xiang .m_ewm
    {
        margin: 3vw 0;
    }
    .sg_xiang .m_ewm img
    {
        width: 40%;
        margin: 0 5%;
        display: block;
        float: left;
    }
    .sg_xiang p
    {
        font-size: 14px;
        line-height: 25px;
        color: #fff;
    }
    .sg_xiang p a
    {
        color: #fff;
    }
    .mobile_address
    {
        width: 100%;
        height: auto;
        padding: 2vh;
        text-align: left;
        overflow: hidden;
        background: #3d3d3d;
        box-sizing: border-box;
        display: block;
    }
    .mobile_address p
    {
        font-size: 14px;
        line-height: 25px;
        color: #fff;
    }
    .mobile_address p a
    {
        color: #fff;
    }
    .m1_bt
    {
        height: auto;
        line-height: 45px;
        margin: 20px auto 20px;
    }
    .m1_bt div
    {
        width: 46%;
        margin: 0 2%;
        text-indent: 35px;
        font-size: 19px;
        height: 45px;
    }
    .m1_bt div em
    {
        height: 45px;
    }
    .product_list ul li
    {
        width: 33.3333%;
    }
    .m2ta
    {
        margin: 20px auto 0;
        height: 40px;
        line-height: 40px;
    }
    .m2ta span
    {
        font-size: 22px;
    }
    .m2ta em
    {
        font-size: 18px;
        line-height: 40px;
    }
    .m2tb
    {
        height: auto;
        line-height: normal;
        margin: 2% 0;
    }
    .m2tb .xm
    {
        width: 32%;
        float: left;
        margin-right: 2%;
        text-align: center;
        border-bottom: 1px solid #aeaeae;
        margin-bottom: 5px;
    }
    .m2tb .xm:nth-child(2)
    {
        width: 32%;
    }
    .m2tb .xm:nth-child(4)
    {
        width: 32%;
    }
    .m2tb .xm:nth-child(3n)
    {
        margin-right: 0;
    }
    .m2tb div a
    {
        font-size: 16px;
        line-height: 30px;
        width: 100%;
        padding-right: 0;
    }
    .m2tb div.active
    {
        border-bottom: 1px solid #002b61;
    }
    .m2tb div.active a
    {
        border-bottom: none;
    }
    .m2tb span
    {
        display: none;
    }
    .product_container
    {
        padding: 20px 0 30px 0;
    }
    .product_word_content ul li
    {
        margin-top: 4%;
    }
    .product_word_right h3
    {
        font-size: 16px;
        padding-bottom: 5px;
    }
    .product_word_right p
    {
        font-size: 14px;
        margin-top: 5px;
    }
    .product_word_right p span
    {
        display: none;
    }
    .product_word_right p b
    {
        font-size: 17px;
        margin-left: 0;
    }
    .about_content
    {
        height: 300px;
    }
    .m3nr
    {
        width: 460px;
        height: 150px;
        top: 90px;
    }
    .m3nr h3
    {
        width: 100%;
        float: left;
        font-size: 28px;
        margin-bottom: 10px;
    }
    .m3nr h3 i
    {
        font-size: 22px;
        margin-left: 10px;
    }
}
@media screen and (max-width: 560px)
{
    .product_container
    {
        padding: 10px 0 25px 0;
    }
    .product_list ul li
    {
        width: 50%;
        font-size: 16px;
    }
    .product_word_content ul li
    {
        width: 100%;
        margin: 5% 0 0 0;
    }
    .product_word_content ul li img
    {
        max-width: 30.66%;
        height: auto;
        display: block;
        float: left;
        border-radius: 50%;
    }
    .product_word_right
    {
        width: 64%;
        overflow: hidden;
        float: right;
        position: absolute;
        left: 66%;
        top: 50%;
    }
    .product_word_right p span
    {
        display: inline-block;
        margin-right: 8px;
    }
    .about_content
    {
        height: auto;
        padding: 40px 0;
    }
    .m3nr
    {
        width: 95%;
        height: auto;
        top: 0;
        position: relative;
        margin: 0 auto 0 auto;
    }
    .m3nr h3
    {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .m3nr h3 i
    {
        font-size: 16px;
        margin-left: 10px;
    }
    .m3nr p
    {
        font-size: 13px;
        line-height: 23px;
    }
}
@media screen and (max-width: 510px)
{
    .m1_bt div em
    {
        display: none;
    }
}
@media screen and (max-width: 500px)
{
    .m1_bt div span
    {
        font-size: 16px;
    }
    .m1_bt div:nth-child(1)
    {
        background-size: 18px;
    }
    .m1_bt div:nth-child(2)
    {
        background-size: 18px;
    }
    .m1_bt div:nth-child(3)
    {
        background-size: 18px;
    }
    .m1_bt div:nth-child(4)
    {
        background-size: 18px;
    }
    .m1_bt div
    {
        text-indent: 20px;
    }
}
@media screen and (max-width: 390px)
{
    .m1_bt div span
    {
        font-size: 14px;
    }
    .m1_bt div:nth-child(1)
    {
        background-size: 16px;
    }
    .m1_bt div:nth-child(2)
    {
        background-size: 16px;
    }
    .m1_bt div:nth-child(3)
    {
        background-size: 16px;
    }
    .m1_bt div:nth-child(4)
    {
        background-size: 16px;
    }
    .m1_bt div
    {
        text-indent: 18px;
    }
    .m1_bt
    {
        margin: 15px auto 20px;
    }
}
.fixed10
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999999;
    height: 80px;
    line-height: 80px;
}
.fixed10 .logo img
{
    margin-top: 5px;
}
.fixed10 .t_cal
{
    margin-top: 20px;
}
.fixed10 .t_cal_xs
{
    top: 80px;
}
.t5s
{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
@media screen and (max-width: 900px)
{
    .fixed10
    {
        display: none;
    }
}
video
{
    width: 100%;
}
.bg-video
{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #000;
    z-index: 999;
}
.video_word
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.video_word img
{
    width: 100%;
    height: auto;
}
.video_word_neirong
{
    width: 100%;
    position: absolute;
    top: 30%;
    left: 0;
}
img.banner1
{
    width: 25%;
    height: auto;
    margin-left: 10%;
    position: absolute;
    top: 30%;
}
img.banner2
{
    width: 22%;
    height: auto;
    position: absolute;
    top: 30%;
    right: 20%;
}
img.banner3
{
    width: 33%;
    height: auto;
    left: 15%;
    position: absolute;
    top: 40%;
}
img.banner4
{
    width: 25%;
    height: auto;
    margin-left: 10%;
    position: absolute;
    top: 30%;
}
@media screen and (max-width: 900px)
{
    img.banner2
    {
        width: 40%;
        height: auto;
        position: absolute;
        top: 30%;
        right: 2%;
    }
    img.banner3
    {
        width: 45%;
        height: auto;
        left: 5%;
        position: absolute;
        top: 35%;
    }
}
img.xiubanner2
{
    display: none;
}
@media screen and (max-width: 900px)
{
    img.xiubanner1, video.video1, .video_word, img.banner1
    {
        display: none;
    }
    img.xiubanner2
    {
        display: block;
    }
}
#BDBridgeIconWrap
{
    display: none!important;
}
#nb_icon_wrap
{
    display: none!important;
}
.contactifix
{
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 9999999;
}
@media(max-width: 900px)
{
    .contactifix
    {
        display: none;
    }
}
.contactifix ul li
{
    border: 1px solid #001f50;
    background: rgba(0,31,80,.9);
    border-radius: 10px 0 0 10px;
    margin-top: 5px;
    float: right;
    position: relative;
}
.contactifix ul li .contact_biao
{
    float: right;
    text-align: center;
    padding: 8px 8px 6px 8px;
    width: 48px;
}
.contactifix ul li .contact_biao p
{
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.contactifix ul li:first-child h6
{
    float: left;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 68px;
    padding: 0 20px 0 18px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    margin-right: -175px;
    opacity: 0;
    height: 68px;
    overflow: hidden;
}
.contactifix ul li:first-child:hover h6
{
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    opacity: 1;
    margin-right: 0;
    opacity: 1;
}
.contactifix ul li.contact_tel3 .erwei
{
    width: 135px;
    overflow: hidden;
    float: left;
    position: absolute;
    right: 80px;
    opacity: 0;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.erwei img
{
    width: 135px;
    height: 135px;
}
.contactifix ul li.contact_tel3:hover .erwei
{
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    opacity: 1;
}
#toTop
{
    display: none;
}