@charset "utf-8";
/* 此文件作为总入口，引入所有less文件，之后会编译为all.css */
/*CSS Document*/
/*init BEGIN*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    outline: none;
}

.wow {
    visibility: hidden;
}
/*清除内外边距*/
a:focus {
    -moz-outline-style: none;
}
/*IE不支持*/
a:focus {
    outline: none;
}
/*很多网站都会加的属性*/
body,
button,
input,
select,
textarea {
    /*for ie*/
    /*font:12px/1 Tahoma,Helvetica,Arial,"宋体",sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    /*用 ascii 字符表示，使得在任何编码下都无问题*/
}
/*设置默认字体*/
address,
cite,
dfn,
em,
var {
    font-style: normal;
}
/*将斜体扶正*/
code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace;
}
/*统一等宽字体*/
small {
    font-size: 12px;
}
/*小于 12px 的中文很难阅读，让 small 正常化*/
ul,
ol {
    list-style: none;
}
/*重置列表元素*/
a {
    text-decoration: none;
}
/*重置文本格式元素*/
abbr[title],
acronym[title] {
    /*注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果*/
    border-bottom: 1px dotted;
    cursor: help;
}

q:before,
q:after {
    content: '';
}
/*重置表单元素*/
legend {
    color: #000;
}
/*for ie6*/
fieldset,
img {
    border: none;
}
/*img 搭车：让链接里的 img 无边框*/
/*注：optgroup 无法扶正*/
button,
input,
select,
textarea {
    font-size: 100%;
    /*使得表单元素在 ie 下能继承字体大小*/
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*重置表格元素*/
hr {
    border: none;
    height: 1px;
}
/*重置 hr*/
html {
    overflow-y: scroll;
}

@font-face {
    src: url('../public/DINCond-Medium.otf') format('truetype');
}
/*让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
/*清除float BEGIN*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    display: block;
    zoom: 1;
}
/*清除float END*/
/*init END*/
/*banner BEGIN*/
.cg_banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}
/*子页banner高度*/
.cg_banner,
.cg_banner_listbox,
.cg_banner_listbox ul,
.cg_banner_listbox ul li,
.cg_banner_listbox ul li a {
    display: block;
    height: 623px;
}
    /*首页banner高度*/
    .cg_banner.cg_index_banner,
    .cg_index_banner .cg_banner_listbox,
    .cg_index_banner .cg_banner_listbox ul,
    .cg_index_banner .cg_banner_listbox ul li,
    .cg_index_banner .cg_banner_listbox ul li a {
        display: block;
        height: 899px;
    }

.cg_banner_listbox {
    position: relative;
    height: 100%;
    z-index: 0;
}

    .cg_banner_listbox ul li {
        zoom: 1;
        vertical-align: middle;
    }
/*li按钮*/
.cg_banner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 1;
    width: 100%;
}

    .cg_banner .hd ul {
        overflow: hidden;
        zoom: 1;
        clear: both;
        width: 100%;
        text-align: center;
    }

        .cg_banner .hd ul li {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            margin: 0 5px;
            width: 10px;
            height: 10px;
            text-align: center;
            background: #fff;
            cursor: pointer;
            overflow: hidden;
            line-height: 8px;
            color: #fff;
            border-radius: 50%;
        }

            .cg_banner .hd ul li.on {
                background: #fe9901;
                color: #fe9901;
            }
/*前/后按钮代码*/
.cg_banner .next {
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 120px;
    height: 55px;
    z-index: 99;
    background-image: url(../images/jt1.png);
    background-position: center left;
    background-repeat: no-repeat;
    transition: .3s;
}

    .cg_banner .next em {
        display: block;
        width: 55px;
        height: 3px;
        background: #fff;
        float: right;
        margin-top: 26px;
        opacity: 0;
        transition: .3s;
    }

    .cg_banner .next:hover em {
        opacity: 1;
        margin-right: 40px;
        transition: .5s;
    }

.cg_banner .prev {
    margin-top: -20px;
    display: block;
    width: 120px;
    height: 55px;
    z-index: 99;
    position: absolute;
    right: 2%;
    top: 50%;
    background-image: url(../images/jt2.png);
    background-position: center right;
    transition: .3s;
    background-repeat: no-repeat;
}

    .cg_banner .prev em {
        display: block;
        width: 55px;
        height: 3px;
        background: #fff;
        float: left;
        margin-top: 26px;
        opacity: 0;
        transition: .3s;
    }

    .cg_banner .prev:hover em {
        opacity: 1;
        margin-left: 40px;
        transition: .5s;
    }

.cg_banner .prevStop {
    display: none;
}

.cg_banner .nextStop {
    display: none;
}

.swiper-pagination-bullet-active {
    background: #ff9800 !important;
}
/*banner END*/
/*上下篇 BEGIN*/
.sub_updown_hei {
    height: 26px;
    line-height: 26px;
}

.sub_updown {
    clear: both;
    font-family: "微软雅黑";
    overflow: hidden;
    font-size: 12px;
    padding: 4px 0;
    width: 100%;
}

    .sub_updown div {
        clear: both;
        overflow: hidden;
        margin: 6px 0px;
        height: 26px;
        line-height: 26px;
    }

        .sub_updown div a {
            display: block;
            color: #666;
            height: 26px;
            line-height: 26px;
        }

            .sub_updown div a[href]:hover {
                color: #06F;
            }

    .sub_updown span {
        display: block;
        float: left;
        cursor: pointer;
        height: 26px;
        line-height: 26px;
    }
/*上下篇 END*/
/*分页 BEGIN*/
.ql_fenye {
    clear: both;
    width: 100%;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 12px;
    height: 100px;
    padding-top: 50px;
}

    .ql_fenye a {
        display: inline-block;
        width: 29px;
        height: 29px;
        text-align: center;
        line-height: 29px;
        font-size: 18px;
        color: #000;
        border-radius: 20px;
        background: #f7f7f7;
        margin-left: 8px;
        margin-right: 8px;
    }

    .ql_fenye span {
        display: inline-block;
        width: 29px;
        height: 29px;
        text-align: center;
        line-height: 29px;
        font-size: 18px;
        color: #fff;
        border-radius: 20px;
        margin-left: 8px;
        margin-right: 8px;
        background: #ff9a00;
    }

    .ql_fenye a:hover {
        background: #ff9a00;
        color: #fff;
    }
/*选中需要全部important一下*/
/*分页 END*/
/*百度地图*/
.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap;
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

a[href] * {
    cursor: pointer;
}
/*此文件放置共用函数、变量等*/
/* 手机rem单位字号，与js保持一致 */
/* 兼容IE7 透明度写法 */
/* 字体设置 */
/* 定位属性 */
/* 遮罩层定位 */
/* 截字符 */
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/* 公用类 */
body {
    font-size: 12px;
    color: #333;
    line-height: 1.8;
    font-family: "微软雅黑";
}
/* 清楚浮动 */
.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

input {
    background: none;
    font-family: 微软雅黑;
    border: none;
}

textarea {
    background: none;
    font-family: 微软雅黑;
    border: none;
}

.hxq_gaba {
    display: inline-block;
    line-height: 26px;
    padding-left: 25px;
    min-height: 20px !important;
    background: url(../images/bah_10.png) no-repeat left center;
}

.hxq_w1920 {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.hxq_w1200 {
    width: 1200px;
    margin: 0 auto;
}

.hxq_w1003 {
    width: 1003px;
    margin: 0 auto;
}
/* CSS Document */
/*以下为公用样式，不可以修改，如涉及到参数请在html页面删除相应的class或id*/
body {
    font-size: 12px;
    line-height: 26px;
    font-family: "微软雅黑";
    white-space: normal;
    word-break: break-word;
}

.cg_fs {
    font-family: "宋体";
}

.cg_l {
    float: left;
}

.cg_r {
    float: right;
}
/*width*/
.w1002,
.w1004,
.w1100,
.w1200,
.w1216,
.w1280 {
    margin: 0 auto;
}

.w1002 {
    width: 1002px;
}

.w1004 {
    width: 1004px;
}

.w1100 {
    width: 1100px;
}

.w1200 {
    width: 1200px;
}

.w1216 {
    width: 1216px;
}

.w1280 {
    width: 1280px;
}
/*height*/
.cg_height5 {
    height: 5px;
}

.cg_height10 {
    height: 10px;
}

.cg_height15 {
    height: 15px;
}

.cg_height20 {
    height: 20px;
}

.cg_height25 {
    height: 25px;
}

.cg_height30 {
    height: 30px;
}

.cg_height35 {
    height: 35px;
}

.cg_height40 {
    height: 40px;
}

.cg_height45 {
    height: 45px;
}

.cg_height50 {
    height: 50px;
}

.cg_height55 {
    height: 55px;
}

.cg_height60 {
    height: 60px;
}

.cg_height65 {
    height: 65px;
}

.cg_height70 {
    height: 70px;
}

.cg_height75 {
    height: 75px;
}

.cg_height80 {
    height: 80px;
}

.cg_height85 {
    height: 85px;
}

.cg_height90 {
    height: 90px;
}

.cg_height95 {
    height: 95px;
}

.cg_height100 {
    height: 100px;
}

.cg_height105 {
    height: 105px;
}

.cg_height110 {
    height: 110px;
}

.cg_height115 {
    height: 115px;
}

.cg_height120 {
    height: 120px;
}

.cg_height125 {
    height: 125px;
}

.cg_height130 {
    height: 130px;
}

.cg_height135 {
    height: 135px;
}

.cg_height140 {
    height: 140px;
}

.cg_height145 {
    height: 145px;
}

.cg_height150 {
    height: 150px;
}
/*margin*/
.cg_margin_rightno {
    margin-right: 0 !important;
}

.cg_margin_topno {
    margin-top: 0 !important;
}

.cg_margin_bottomno {
    margin-bottom: 0 !important;
}

.cg_margin_leftno {
    margin-left: 0 !important;
}
/*padding*/
.cg_padding_leftno {
    padding-left: 0 !important;
}

.cg_padding_rightno {
    padding-right: 0 !important;
}

.cg_padding_topno {
    padding-top: 0 !important;
}

.cg_padding_bottomno {
    padding-bottom: 0 !important;
}
/*border*/
.cg_border_topno {
    border-top: none !important;
}

.cg_border_leftno {
    border-left: none !important;
}

.cg_border_rightno {
    border-right: none !important;
}

.cg_border_bottomno {
    border-bottom: none !important;
}
/*关键字样式*/
.ql_subpag_about a {
    font-weight: bold;
    color: #000;
}

    .ql_subpag_about a:hover {
        color: #666;
    }

.qgl_mgaba {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 26px;
    padding-left: 25px;
    min-height: 20px !important;
    background: url(../images/gaba.png) no-repeat left center;
}
/*以上为公用样式，不可以修改，如涉及到参数请在html页面删除相应的class或id*/
/*头部*/
.top {
    height: 180px;
    transition: .5s;
}

    .top.on {
        height: 50px;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 99;
        background: #fff;
    }

        .top.on .top1 {
            height: 50px;
        }

        .top.on .top_to {
            display: none;
        }

.top1 {
    width: 1200px;
    height: 180px;
    margin: 0 auto;
    transition: .5s;
}

.top_to {
    width: 100%;
    height: 108px;
    position: relative;
}

.logo {
    display: block;
    width: 294px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 14px;
}

.top_dh {
    /* width: 225px; */
    height: 41px;
    float: right;
    margin-top: 34px;
    line-height: 41px;
    /* margin-right: 30px; */
    padding-left: 30px;
    background-image: url(../images/top1.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #474747;
}

    .top_dh span {
        font-size: 18px;
        color: #e93f1b;
    }

.top_fx {
    width: 135px;
    height: 41px;
    float: right;
    margin-top: 34px;
    margin-left: 25px;
    background-image: url(../images/top5.png);
    background-position: 40px center;
    background-repeat: no-repeat;
    position: relative;
}

.search {
    width: 19px;
    height: 19px;
    float: left;
    background-image: url(../images/top4.png);
    margin-top: 10px;
    cursor: pointer;
}

.search_1 {
    width: 250px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 51px;
    border: 1px solid #eee;
    padding: 6px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

    .search_1 input {
        width: 207px;
        height: 25px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        background: #f6f6f6;
    }

    .search_1 a {
        display: block;
        width: 30px;
        height: 25px;
        float: right;
        background-image: url(../images/search1.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .search_1.on {
        top: 41px;
        visibility: visible;
        opacity: 1;
    }

.bdsharebuttonbox {
    float: left;
    margin-left: 44px;
    height: 41px;
}

    .bdsharebuttonbox a {
        width: 26px;
        height: 26px !important;
        padding: 0px !important;
    }

        .bdsharebuttonbox a.bds_weixin {
            background-image: url(../images/top2.png) !important;
            background-position: center center;
        }

        .bdsharebuttonbox a.bds_tsina {
            display: none;
            background-image: url(../images/top3.png) !important;
            background-position: center center;
        }

.nav {
    height: 40px;
    text-align: center;
    margin-top: 10px;
}
.nav>ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .nav ul > li {
        height: 40px;
        display: inline-block;
        width: 120px;
        line-height: 40px;
        position: relative;
    }

        .nav ul > li > a {
            display: block;
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 15px;
            color: #474747;
        }

        .nav ul > li em {
            display: block;
            background-image: url(../images/nav1.png);
            width: 1px;
            height: 5px;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -2px;
        }

        .nav ul > li:last-child em {
            background: none;
        }

        .nav ul > li span {
            display: block;
            width: 0px;
            height: 2px;
            background: #f08201;
            position: absolute;
            bottom: 0px;
            left: 50%;
            transition: .3s;
        }

        .nav ul > li:hover span {
            width: 80px;
            height: 2px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            margin-left: -40px;
            transition: .3s;
        }

        .nav ul > li.selected span {
            width: 80px;
            height: 2px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            margin-left: -40px;
        }

.cp {
    height: 940px;
}

.cp1 {
    width: 1200px;
    height: 940px;
    margin: 0 auto;
    overflow: hidden;
}

.cp_bt {
    width: 100%;
    height: 65px;
    margin-top: 60px;
}

.cp_bt1 {
    width: 100%;
    height: 65px;
    float: left;
}

.cp_bt1_z {
    width: 100px;
    height: 65px;
    float: left;
}

    .cp_bt1_z h2 {
        font-size: 24px;
        color: #484647;
        font-weight: normal;
    }

    .cp_bt1_z span {
        text-transform: uppercase;
        font-size: 14px;
        color: #484647;
        font-family: "Times New Roman";
    }

.cp_bt1 > a {
    display: block;
    float: right;
    width: 92px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    border-radius: 25px;
    border: 1px solid #f0f0f0;
    transition: .3s;
}

    .cp_bt1 > a:hover {
        background: #f08201;
        color: #fff;
        transition: .3s;
    }

.cp_nav {
    width: 980px;
    height: 35px;
    float: right;
    line-height: 35px;
    margin-top: 15px;
    text-align: right;
    font-size: 0;
    color: #b8b8b8;
}

    .cp_nav a,
    .cp_nav span {
        font-size: 14px;
        color: #484647;
    }

        .cp_nav a:hover {
            color: #f08201;
        }

.cp2 {
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
}

    .cp2 ul {
        width: 1240px;
    }

        .cp2 ul li {
            width: 372px;
            height: 320px;
            float: left;
            margin-bottom: 35px;
            margin-right: 40px;
        }

            .cp2 ul li > a {
                display: block;
                width: 100%;
                height: 320px;
                position: relative;
            }

                .cp2 ul li > a span {
                    display: block;
                    width: 100%;
                    padding-bottom: 70.16%;
                    position: relative;
                    overflow: hidden;
                }

                    .cp2 ul li > a span img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                        transition: .5s;
                    }

            .cp2 ul li:hover > a span img {
                transform: scale(1.3);
                transition: 3s all linear;
            }

            .cp2 ul li > a img.c_tuijisn {
                position: absolute;
                right: 10px;
                top: 10px;
                z-index: 9;
            }

            .cp2 ul li > a h3 {
                display: block;
                width: 100%;
                height: 59px;
                position: relative;
                line-height: 59px;
                font-weight: normal;
                font-size: 14px;
                color: #666666;
            }

                .cp2 ul li > a h3 em {
                    float: right;
                    display: block;
                    width: 15px;
                    height: 9px;
                    background-image: url(../images/cp2.png);
                    margin-top: 23px;
                    margin-right: 20px;
                    opacity: 0;
                    transition: .5s;
                }

                .cp2 ul li > a h3 i {
                    display: block;
                    width: 0px;
                    height: 1px;
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    background: #ff9800;
                    transition: .5s;
                }

            .cp2 ul li:hover > a h3 i {
                width: 100%;
                transition: 2s all linear;
            }

            .cp2 ul li:hover > a h3 em {
                opacity: 1;
                margin-right: 10px;
                transition: .5s;
            }

.about {
    height: 860px;
    background-image: url(../images/ab1.jpg) !important;
    background-repeat: no-repeat;
    background-position: top center;
}

.ab1 {
    width: 1200px;
    height: 860px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

    .ab1 > h2 {
        font-size: 24px;
        color: #fff;
        font-weight: normal;
        margin-top: 120px;
    }

    .ab1 > span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #fff;
        font-family: "Times New Roman";
        text-transform: uppercase;
    }

.ab2 {
    width: 1175px;
    height: 422px;
    margin: 105px auto 0px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

    .ab2 > img {
        display: block;
        float: left;
        width: 444px;
        height: 422px;
    }

.ab2_1 {
    width: 611px;
    float: left;
    height: 422px;
    padding-left: 50px;
    padding-right: 70px;
    text-align:left;
}

    .ab2_1 img {
        display: block;
        margin-top: 100px;
    }

    .ab2_1 span {
        display: inline-block;
        font-size: 12px;
        color: #343434;
        text-align: left;
        line-height: 25px;
        margin-top: 50px;
    }

    .ab2_1 > a {
        display: block;
        width: 70px;
        height: 30px;
        border-radius: 25px;
        border: 1px solid #ff9800;
        padding-left: 20px;
        margin-top: 60px;
        line-height: 30px;
        font-size: 14px;
        color: #333;
        text-align: left;
        background-image: url(../images/ab4.png);
        background-repeat: no-repeat;
        background-position: 60px center;
        transition: .3s;
    }

        .ab2_1 > a:hover {
            background: #ff9800;
            color: #fff;
            transition: .3s;
            background-image: url(../images/ab4.png);
            background-repeat: no-repeat;
            background-position: 30px center;
            background-image: none;
        }

.xw {
    height: 620px;
    background-color: #eee;
    background-image: url(../images/xw4.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.xw1 {
    width: 1200px;
    height: 620px;
    margin: 0 auto;
    overflow: hidden;
}

    .xw1 > h2 {
        font-size: 24px;
        color: #333;
        font-weight: normal;
        margin-top: 60px;
        text-align: center
    }

    .xw1 > span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #333;
        font-family: "Times New Roman";
        text-transform: uppercase;
    }

.xw2 {
    height: 360px;
    margin-top: 80px;
}

    .xw2 .bd {
        height: 260px;
    }

        .xw2 .bd ul li {
            background: #fff;
            border: 1px solid #e3e3e3;
            width: 485px;
            height: 260px;
            float: left;
            padding-left: 50px;
            padding-right: 40px;
            margin-right: 44px;
            margin-left: 1px;
        }

            .xw2 .bd ul li a {
                display: block;
                width: 100%;
                height: 260px;
                overflow: hidden;
            }

                .xw2 .bd ul li a h3 {
                    font-size: 18px;
                    color: #333;
                    font-weight: normal;
                    margin-top: 40px;
                    position: relative;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    transition: all .3s 0s;
                }

                .xw2 .bd ul li a span {
                    font-size: 14px;
                    color: #a0a0a0;
                    display: block;
                    line-height: 25px;
                    margin-top: 25px;
                }

                    .xw2 .bd ul li a span.c_des {
                        height: 50px;
                        overflow: hidden;
                    }

                    .xw2 .bd ul li a span.xw2_sp {
                        display: block;
                        height: 55px;
                        width: 100%;
                        margin-top: 50px;
                        font-size: 14px;
                        color: #333;
                        line-height: 10px;
                    }

                        .xw2 .bd ul li a span.xw2_sp strong {
                            font-size: 48px;
                            font-weight: normal;
                        }

                        .xw2 .bd ul li a span.xw2_sp em {
                            display: block;
                            width: 15px;
                            height: 9px;
                            float: right;
                            background-image: url(../images/xw1.png);
                            transition: all .3s 0s;
                        }

            .xw2 .bd ul li:hover a h3 {
                color: #fe9901;
            }

            .xw2 .bd ul li:hover a span.xw2_sp em {
                margin-right: 10px;
            }

    .xw2 .hd {
        height: 32px;
        margin-top: 50px;
        text-align: center;
    }

        .xw2 .hd a {
            display: inline-block;
            width: 32px;
            height: 32px;
            margin-left: 8px;
            margin-right: 8px;
            transition: .3s;
        }

            .xw2 .hd a.prev {
                background-image: url(../images/xw2.png);
            }

                .xw2 .hd a.prev:hover {
                    background-image: url(../images/xw2_2.png);
                    transition: .3s;
                }

            .xw2 .hd a.next:hover {
                background-image: url(../images/xw3_3.png);
                transition: .3s;
            }

            .xw2 .hd a.next {
                background-image: url(../images/xw3.png);
            }

.sp {
    height: 888px;
    background-image: url(../images/sp1.jpg);
    background-position: center;
    overflow: hidden;
}

.sp1 {
    width: 696px;
    margin: 235px auto 0px;
    border: 20px solid #dbdbdb;
    border-radius: 10px;
    position: relative;
}

    .sp1 .swiper-slide {
        position: relative;
        width: 100%;
        padding-bottom: 60.72%;
        overflow: hidden;
        cursor: pointer;
    }

        .sp1 .swiper-slide img {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            display: block;
        }

        .sp1 .swiper-slide em {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 87px;
            height: 87px;
            z-index: 10;
            opacity: 0;
            transition: all .3s 0s;
            background: url(../images/spzx3.png) no-repeat center;
        }

        .sp1 .swiper-slide:hover em {
            opacity: 1;
        }
/*底部*/
.bot {
    height: 210px;
    background: #292a2e;
}

.bot1 {
    width: 1200px;
    height: 210px;
    margin: 0 auto;
    overflow: hidden;
}

.bot_z {
    width: 900px;
    height: 130px;
    margin-top: 30px;
    float: left;
}

    .bot_z p.bot_z1 {
        font-size: 14px;
        color: #b4b5bc;
    }

    .bot_z p.bot_z2 {
        font-size: 14px;
        color: #999;
        line-height: 54px;
    }

        .bot_z p.bot_z2 a:hover img {
            opacity: 0.4;
            filter: alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
        }

        .bot_z p.bot_z2 a {
            font-size: 14px;
            color: #999;
            transition: .5s;
        }

    .bot_z p.bot_z3 {
        font-size: 12px;
        color: #525252;
    }

.bot1 > img {
    float: right;
    margin-top: 30px;
    margin-right: 50px;
}

.bot_z p a:hover {
    color: #fff;
    transition: .5s;
}

.hz {
    height: 117px;
    background: #050505;
    overflow: hidden;
}

.hz1 {
    width: 1200px;
    height: 60px;
    margin: 35px auto;
    overflow: hidden;
}

    .hz1 ul li {
        width: 120px;
        height: 57px;
        float: left;
        margin-right: 30px;
        border: 1px solid #050505;
        transition: .3s;
    }

        .hz1 ul li a {
            display: block;
            width: 120px;
            height: 57px;
        }

            .hz1 ul li a img {
                opacity: .7;
                width: 120px;
                height: 57px;
                transition: .3s;
            }

        .hz1 ul li:hover img {
            opacity: 1;
            transition: .5s;
        }

        .hz1 ul li:hover {
            border: 1px solid #ff9800;
            transition: .5s;
        }
/*产品中心*/
.sub_ban {
    width: 100%;
    min-height: 390px;
    position: relative;
}

    .sub_ban > img {
        width: 100%;
        height: auto;
    }

.sub_lm {
    width: 100%;
    background: #7d7d7d;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.sub_lm1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.sub_lm2 {
    width: 875px;
    height: 54px;
    float: left;
}

.mbx {
    width: 240px;
    height: 54px;
    margin-right: 30px;
    line-height: 54px;
    font-size: 12px;
    color: #f6f6f6;
    float: right;
    text-align: right;
}

    .mbx a {
        font-size: 12px;
        color: #f6f6f6;
    }

    .mbx img {
        margin-top: -4px;
        vertical-align: middle;
    }

    .mbx a:hover {
        color: #ff9800;
    }

.sub_lm2 ul li {
    height: 54px;
    float: left;
    background-image: url(../images/lm2.png);
    background-repeat: no-repeat;
    background-position: -30px center;
    transition: .3s;
}

    .sub_lm2 ul li a {
        display: block;
        height: 54px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        color: #fff;
        line-height: 54px;
        transition: .3s;
    }

    .sub_lm2 ul li:hover {
        background-color: #474747;
        background-image: url(../images/lm2.png);
        background-repeat: no-repeat;
        background-position: 30px center;
        transition: .5s;
    }

        .sub_lm2 ul li:hover a {
            padding-left: 55px;
            transition: .5s;
            padding-right: 34px;
        }

    .sub_lm2 ul li.on {
        background-color: #474747;
        background-image: url(../images/lm2.png);
        background-repeat: no-repeat;
        background-position: 30px center;
    }

        .sub_lm2 ul li.on a {
            padding-left: 55px;
            padding-right: 34px;
        }

.kk {
    min-height: 500px;
    overflow: hidden;
}

.cpzx {
    width: 1200px;
    min-height: 500px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}

    .cpzx .cp2 {
        margin-top: 0px;
    }
/*产品详情*/
.cpxx {
    min-height: 1103px;
    overflow: hidden;
    background-image: url(../images/cpxx1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fbfdff;
}

.cpxx1 {
    width: 1040px;
    min-height: 920px;
    background: #fff;
    margin: 80px auto 0px;
    padding-left: 80px;
    padding-right: 80px;
    overflow: hidden;
}

.cpxx_bt {
    position: relative;
    z-index: 1000;
    min-height: 100px;
    margin-top: 70px;
}

    .cpxx_bt h1 {
        display: block;
        padding: 30px 0;
        float: left;
        width: 650px;
        line-height: 40px;
        font-size: 30px;
        font-weight: normal;
    }

.cpxx_dh {
    width: 335px;
    float: right;
    height: 100px;
    line-height: 100px;
    font-size: 14px;
    color: #474747;
}

    .cpxx_dh em {
        font-size: 24px;
        font-family: "Times New Roman";
    }

    .cpxx_dh a {
        position: relative;
        display: block;
        width: 35px;
        height: 35px;
        float: right;
        margin-top: 28px;
        margin-right: 5px;
        margin-left: 5px;
    }

        .cpxx_dh a span {
            position: absolute;
            right: 100%;
            top: 0;
            display: block;
            opacity: 0;
            visibility: hidden;
            transform: translate(-10px, 0);
            transition: all .3s 0s;
        }

            .cpxx_dh a span img {
                display: block;
            }

        .cpxx_dh a:hover span {
            visibility: visible;
            opacity: 1;
            transform: translate(0, 0);
        }

        .cpxx_dh a.cpxx_a {
            display: none;
            background-image: url(../images/cpxx3.png);
        }

        .cpxx_dh a.cpxx_a1 {
            background-image: url(../images/cpxx2.png);
        }

.gallery-top {
    width: 812px;
    height: 569px;
    float: left;
}

.gallery-thumbs {
    width: 206px;
    height: 455px;
    float: right;
}

.cpxx_an {
    width: 206px;
    height: 96px;
    float: right;
    margin-top: 15px;
    position: relative;
}

    .cpxx_an div {
        width: 98px;
        height: 96px;
        float: left;
        margin-top: 0px;
        background-size: 100%;
    }

        .cpxx_an div.swiper-button-prev {
            position: absolute;
            left: 0px;
            top: 0px;
            background-image: url(../images/cpxx6.jpg);
        }

        .cpxx_an div.swiper-button-next {
            float: right;
            background-image: url(../images/cpxx7.jpg);
            position: absolute;
            right: 0px;
            top: 0px;
        }

.cpxx2 {
    overflow: hidden;
}

    .cpxx2 .swiper-slide div {
        width: 100%;
        padding-bottom: 70.16%;
        position: relative;
        overflow: hidden;
    }

        .cpxx2 .swiper-slide div img {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
        }

.cpxx_z {
    font-size: 14px;
    color: #6a6a6a;
    margin-top: 10px;
    margin-bottom: 45px;
    line-height: 30px;
}

.cpxx3 {
    min-height: 300px;
    background: #fff;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.cpxx4 {
    width: 100%;
    min-height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

    .cpxx4 img {
        max-width: 100%;
        height: auto !important;
    }

.cpxx4_bt {
    height: 125px;
    text-align: center;
    line-height: 125px;
}

    .cpxx4_bt h2 {
        font-size: 24px;
        color: #333;
        text-transform: uppercase;
    }

        .cpxx4_bt h2 span {
            font-size: 14px;
            color: #999;
            font-weight: normal;
        }

.cpxx4_z {
    text-align: center;
}

.shangxia {
    height: 72px;
    margin: 80px auto;
}

    .shangxia a {
        display: block;
        width: 33.2%;
        height: 72px;
        float: left;
        background: #787c81;
        border-right: 1px solid #a1a4a7;
        text-align: center;
        line-height: 72px;
        color: #fff;
        font-size: 14px;
        transition: .3s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .shangxia a:hover {
            background: #56595e;
            transition: .5s;
        }

        .shangxia a:nth-child(1) {
            background-image: url(../images/sx1.png);
            background-position: 40px center;
            background-repeat: no-repeat;
            width: calc(33.2% - 160px);
            padding-right: 60px;
            padding-left: 100px;
        }

            .shangxia a:nth-child(1):hover {
                background-position: 25px center;
                transition: .5s;
            }

        .shangxia a:nth-child(2):hover {
            background-position: 120px center;
            transition: .5s;
        }

        .shangxia a:nth-child(2) {
            background-image: url(../images/sx3.png);
            background-position: 135px center;
            background-repeat: no-repeat;
        }

        .shangxia a:nth-child(3) {
            background-image: url(../images/sx2.png);
            background-position: 310px center;
            background-repeat: no-repeat;
            width: calc(33.2% - 160px);
            padding-right: 100px;
            padding-left: 60px;
        }

            .shangxia a:nth-child(3):hover {
                background-position: 330px center;
                transition: .5s;
            }

.cpxx_lb {
    margin-bottom: 60px;
}

    .cpxx_lb ul li {
        width: 278px;
        height: 255px;
        margin-right: 29px;
    }

        .cpxx_lb ul li > a span img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .cpxx_lb ul li > a span {
            width: 100%;
            padding-bottom: 70.16%;
            position: relative;
            overflow: hidden;
        }
/*案例*/
.al ul li h3 {
    text-align: center;
    transition: .3s;
}

.cp2.al ul li h3 em {
    width: 8px;
    height: 6px;
    background-image: url(../images/al1.png);
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -4px;
}

.cp2.al ul li:hover h3 {
    line-height: 70px;
    transition: .3s;
}

    .cp2.al ul li:hover h3 em {
        top: 30px;
    }

.cp2.al ul li:hover > a span img {
    transform: scale(1.1);
    transition: .5s;
}
/*案例详情*/
.al_lb {
    margin-bottom: 60px;
}

    .al_lb ul li {
        width: 278px;
        height: 255px;
        margin-right: 29px;
    }

        .al_lb ul li > a span {
            display: block;
            width: 100%;
            padding-bottom: 70.16%;
            overflow: hidden;
        }

            .al_lb ul li > a span img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }

        .al_lb ul li > a span {
            width: 278px;
            height: 196px;
        }
/*公司简介*/
.gsjj {
    width: 1200px;
    min-height: 300px;
    margin: 120px auto;
    overflow: hidden;
    font-size: 14px;
    color: #343434;
    line-height: 30px;
}

    .gsjj > img {
        float: left;
    }

.gsjj1 {
    width: 725px;
    float: right;
    font-size: 14px;
    color: #343434;
    line-height: 30px;
    overflow: hidden;
}

    .gsjj1 span {
        font-size: 12px;
        color: #333;
        display: block;
        width: 100%;
        line-height: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.gsjj span {
    font-size: 14px;
    color: #343434;
    line-height: 30px;
    display: block;
    clear: both;
}
/*视频*/
.spzx {
    width: 1200px;
    min-height: 300px;
    margin: 60px auto;
    overflow: hidden;
}

    .spzx ul li {
        width: 425px;
        padding: 0 70px;
        height: 350px;
        float: left;
        background-image: url(../images/spzx1.jpg);
        background-position: bottom center;
        background-repeat: no-repeat;
        margin-bottom: 15px;
    }

        .spzx ul li a {
            display: block;
            width: 100%;
            padding-bottom: 58.64%;
            border: 10px solid #dbdbdb;
            border-radius: 5px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }

            .spzx ul li a > img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                display: block;
            }

            .spzx ul li a > em {
                display: block;
                width: 87px;
                height: 87px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -43px;
                margin-top: -43px;
                background-image: url(../images/spzx3.png);
                transition: .3s;
            }

            .spzx ul li a > h3 {
                display: block;
                width: calc(100% - 30px);
                height: 50px;
                padding-left: 30px;
                position: absolute;
                left: 0px;
                bottom: -50px;
                background: #fd9a00;
                line-height: 50px;
                font-size: 16px;
                color: #fff;
                font-weight: normal;
                background-image: url(../images/spzx4.png);
                background-repeat: no-repeat;
                background-position: 394px center;
                transition: .3s;
            }

        .spzx ul li:hover a > h3 {
            position: absolute;
            left: 0px;
            bottom: 0px;
            transition: .5s;
        }

        .spzx ul li:hover a > em {
            background-image: url(../images/spzx3_3.png);
            transition: .5s;
        }

.zhe {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: #000;
    opacity: .7;
    display: none;
    z-index: 9;
}

.sptc {
    width: 1200px;
    height: 760px;
    position: fixed;
    left: 50%;
    top: -100%;
    margin-left: -600px;
    margin-top: -380px;
    transition: .5s;
    z-index: 999;
}

    .sptc > img {
        display: block;
        float: right;
        cursor: pointer;
    }

.sptc1 {
    width: 910px;
    height: 566px;
    margin: 150px auto;
    border: 17px solid #fff;
    border-radius: 5px;
    background: #000;
}
.sptc1>img{
    width: 100%;
    height: 100%;
}
.sptc > img:hover {
    transform: rotate(180deg);
    transition: .4s;
}
/*荣誉资质*/
.ryzz {
    min-height: 900px;
    background-image: url(../images/ryzz4.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #f6f6f6;
}

.ryzz1 {
    width: 1200px;
    height: 560px;
    margin: 160px auto 0px;
    overflow: hidden;
    position: relative;
}

    .ryzz1 .ryzz--num {
        position: absolute;
        bottom: 100px;
        right: 210px;
        z-index: 10;
        font-size: 18px;
        line-height: 30px;
        color: #333;
    }

        .ryzz1 .ryzz--num span {
            font-size: 28px;
            color: #f08201;
            font-style: italic;
        }

        .ryzz1 .ryzz--num em {
            font-style: italic;
        }

.ryzz2 {
    width: 815px;
    height: 535px;
    margin: 0 auto;
}

.ryzz2_1 {
    width: 620px;
    height: 422px;
    border: 17px solid #dbdbdb;
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden;
}

    .ryzz2_1 ul li {
        width: 620px;
    }

        .ryzz2_1 ul li a {
            display: block;
            width: 100%;
            padding-bottom: 68.06%;
            position: relative;
            overflow: hidden;
        }

            .ryzz2_1 ul li a img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                display: block;
            }

.ryzz2_2 {
    height: 75px;
    width: 820px;
    margin: 3px auto 0px;
    background-image: url(../images/ryzz3.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

    .ryzz2_2 a {
        text-align: center;
        display: block;
        width: 100%;
        line-height: 75px;
        height: 75px;
        font-size: 18px;
        color: #333;
    }

.ryzz1 .hd {
    width: 74px;
    height: 147px;
    background-image: url(../images/ryzz5.png);
    position: absolute;
    right: 80px;
    top: 255px;
}

    .ryzz1 .hd a {
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        background-image: url(../images/ryzz6.png);
        background-repeat: no-repeat;
        background-position: center;
    }

        .ryzz1 .hd a:hover {
            background-color: #fe9901;
        }

        .ryzz1 .hd a.next {
            background-image: url(../images/ryzz7.png);
            margin-top: 7px;
        }

.ryzz_tc {
    width: 975px;
    height: 599px;
    position: fixed;
    left: 50%;
    top: -100%;
    margin-left: -440px;
    margin-top: -300px;
    transition: .5s;
    z-index: 99;
}

    .ryzz_tc .bd {
        width: 881px;
        height: 599px;
        border-radius: 10px;
        border: 10px solid #fff;
        overflow: hidden;
        float: left;
    }

    .ryzz_tc ul li {
        width: 881px;
        height: 599px;
    }

        .ryzz_tc ul li img {
            width: 881px;
            height: 599px;
        }

    .ryzz_tc .hd {
        width: 74px;
        height: 147px;
        background-image: url(../images/ryzz5.png);
        float: left;
        margin-top: 250px;
    }

        .ryzz_tc .hd a {
            display: block;
            width: 70px;
            height: 70px;
            margin: 0 auto;
            background-image: url(../images/ryzz6.png);
            background-repeat: no-repeat;
            background-position: center;
        }

            .ryzz_tc .hd a.next {
                background-image: url(../images/ryzz7.png);
                margin-top: 5px;
            }

.ryzz_gb {
    width: 57px;
    height: 57px;
    position: fixed;
    right: 120px;
    top: 100px;
    background-image: url(../images/spzx5.png);
    cursor: pointer;
    display: none;
    z-index: 99;
}

    .ryzz_gb:hover {
        transform: rotate(180deg);
        transition: .4s;
    }
/*新闻*/
.xwzx {
    min-height: 300px;
    overflow: hidden;
}

    .xwzx ul {
        min-height: 600px;
    }

        .xwzx ul li {
            height: 270px;
            transition: .5s;
            width: 100%;
        }

.xwzx1 {
    width: 1200px;
    height: 270px;
    margin: 0 auto;
    overflow: hidden;
}

.xw_rq {
    width: 165px;
    height: 270px;
    float: left;
    background-image: url(../images/xwzx2.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
}

    .xw_rq span {
        font-size: 48px;
        color: #333;
        display: block;
        width: 100%;
        margin-top: 90px;
        text-align: center;
        height: 50px;
        line-height: 50px;
    }

        .xw_rq span.xw_rq_1 {
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            color: #333;
            font-weight: normal;
            margin-top: 0px;
        }

    .xw_rq em {
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(../images/xwzx3.png);
        position: absolute;
        top: 50%;
        right: -20px;
        margin-top: -20px;
        transition: .5s;
    }

.xwzx_z {
    width: 625px;
    height: 115px;
    float: left;
    margin-left: 70px;
    margin-top: 80px;
}

    .xwzx_z h3 a {
        font-size: 16px;
        color: #3b3b3b;
        font-weight: normal;
        display: block;
        margin-top: 5px;
    }

    .xwzx_z span.c_desl {
        font-size: 14px;
        color: #9b9b9b;
        display: block;
        line-height: 25px;
        height: 75px;
        overflow: hidden;
        margin-top: 15px;
    }

.xwzx_tu {
    display: block;
    width: 235px;
    height: 165px;
    float: right;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}

    .xwzx_tu img {
        width: 235px;
        height: 165px;
    }

.xwzx ul li:hover {
    background: #fff;
    box-shadow: 0 0 15px #cecece;
    transition: .5s;
}

.xwzx_tu span {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/xwzx5.png);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.xwzx_tu em {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../images/xwzx6.png);
    position: absolute;
    left: 50%;
    top: -100%;
    margin-left: -20px;
    opacity: 0;
    transition: .5s;
}

.xwzx ul li:hover .xwzx_tu em {
    opacity: 1;
    top: 50%;
    margin-top: -20px;
    transition: .5s;
}

.xwzx ul li:hover .xwzx_tu span {
    opacity: 1;
    transition: .5s;
}

.xwzx ul li:hover .xw_rq em {
    background-image: url(../images/xwzx3_3.png);
    transition: .5s;
}
/*新闻详情*/
.xwxx {
    width: 1200px;
    min-height: 500px;
    margin: 100px auto;
    background: #fff;
    overflow: hidden;
}

.xwxxx {
    overflow: hidden;
}

.xwxx_le {
    width: 175px;
    margin-top: 105px;
    height: 690px;
    border-right: 1px solid #f3f3f3;
    float: left;
}

.xwxx_gb {
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(../images/xwxx1.png);
    margin: 0 auto;
}

.xwxx_le1 {
    width: 118px;
    min-height: 70px;
    margin: 35px auto;
    text-align: center;
}

    .xwxx_le1 span {
        display: block;
        width: 118px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        background-image: url(../images/xwxx2.png);
        background-position: center center;
        background-repeat: no-repeat;
        font-size: 14px;
        color: #333;
    }

    .xwxx_le1 em {
        font-size: 24px;
        color: #333;
    }

.xwxx_ri {
    width: 844px;
    min-height: 500px;
    float: left;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 70px;
    background-image: url(../images/xwxx4.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 80px;
}

    .xwxx_ri h1 {
        font-size: 30px;
        color: #333;
        text-align: center;
        font-weight: normal;
        line-height: 40px;
    }

.xwxx_ri1 {
    font-size: 14px;
    color: #6a6a6a;
    line-height: 30px;
    margin-top: 60px;
}

    .xwxx_ri1 img {
        max-width: 100%;
        height: auto;
    }

.xwtj {
    min-height: 100px;
}

.xwtj_bt {
    height: 65px;
    line-height: 65px;
    border-bottom: 1px dotted #dcdcdc;
    font-size: 24px;
    color: #333;
}

.xwtj1 {
    min-height: 100px;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 40px;
}

    .xwtj1 ul li {
        width: 340px;
        height: 120px;
        padding-top: 25px;
        float: left;
        position: relative;
        margin-right: 100px;
    }

        .xwtj1 ul li > em {
            display: block;
            margin-right: 10px;
            width: 11px;
            height: 2px;
            background: #898989;
            float: left;
            margin-top: 13px;
            transition: all .5s;
        }

.xwtj1_z {
    display: block;
    overflow: hidden;
    transition: all .5s;
}

    .xwtj1_z span {
        font-size: 14px;
        color: #777;
        line-height: 30px;
        display: block;
    }

    .xwtj1_z em {
        display: block;
        font-size: 12px;
        color: #a0a0a0;
        font-weight: bold;
        transition: all .5s;
    }

        .xwtj1_z em img {
            vertical-align: middle;
        }

.xwtj1 ul li > span {
    display: block;
    height: 1px;
    width: 100%;
    background: #d9d9d9;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: all .5s;
}

.xwtj1 ul li:hover > em {
    width: 25px;
    margin-left: 10px;
    background: #fd9a00;
    transition: .5s;
}

.xwtj1 ul li:hover .xwtj1_z {
    margin-left: 30px;
    transition: .5s;
}

    .xwtj1 ul li:hover .xwtj1_z span {
        color: #fd9a00;
    }

.xwtj1 ul li:hover > span {
    background: #fd9a00;
}

.xwtj1 .hd {
    height: 32px;
    margin-top: 30px;
    text-align: center;
}

    .xwtj1 .hd a {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin-right: 15px;
        margin-left: 15px;
    }

        .xwtj1 .hd a.prev {
            background-image: url(../images/xwtj1.png);
            transition: .5s;
        }

            .xwtj1 .hd a.prev:hover {
                background-image: url(../images/xwtj1_1.png);
                transition: .5s;
            }

        .xwtj1 .hd a.next:hover {
            background-image: url(../images/xwtj2_2.png);
            transition: .5s;
        }

        .xwtj1 .hd a.next {
            background-image: url(../images/xwtj2.png);
            transition: .5s;
        }
/*查看留言*/
.ea-viewMessage {
    width: 1200px;
    min-height: 200px;
}

.ea-qabox {
    width: 1200px;
    min-height: 50px;
    padding-bottom: 20px;
}

.ea-qaboxBar {
    width: 1200px;
    min-height: 50px;
    margin-bottom: 50px;
}

.ea-qustionsBox {
    width: 1110px;
    min-height: 40px;
    margin: 0 auto;
}

.ea-userPic {
    float: left;
    width: 40px;
    height: 40px;
}

    .ea-userPic img {
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
    }

.ea-userQuestionBox {
    float: right;
    width: 1066px;
    min-height: 58px;
    position: relative;
}

.ea-tounArrow {
    position: absolute;
    top: 24px;
    left: 1px;
    width: 14px;
    height: 14px;
}

.ea-uqbbox {
    margin-left: 14px;
    width: 1002px;
    min-height: 30px;
    border: 1px solid #eeeeee;
    padding: 14px 25px;
}

.ea-uqbbTxt {
    float: left;
    font-size: 14px;
    color: #666666;
    width: 882px;
    line-height: 30px;
    min-height: 30px;
}

    .ea-uqbbTxt span {
        color: #e60012;
    }

.ea-uqbbox > span {
    float: right;
    font-size: 14px;
    color: #666666;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background: url(../images/gzh_50.png) no-repeat left center;
}

.ea-answerBox {
    width: 1054px;
    min-height: 40px;
    margin-left: 95px;
    margin-top: 40px;
}

.ea-adminPic {
    float: left;
    width: 40px;
    height: 40px;
}

    .ea-adminPic img {
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
    }

.ea-adminQuestionBox {
    float: right;
    width: 1014px;
    min-height: 58px;
    position: relative;
}

.ea-tounArrow01 {
    position: absolute;
    top: 24px;
    left: 1px;
    width: 14px;
    height: 14px;
}

.ea-aabbox {
    margin-left: 14px;
    width: 956px;
    min-height: 30px;
    border: 1px solid #eeeeee;
    padding: 14px 25px;
}

.ea-aabbTxt {
    float: left;
    font-size: 14px;
    color: #666666;
    width: 828px;
    line-height: 30px;
    min-height: 30px;
}

    .ea-aabbTxt span {
        color: #e60012;
    }

.ea-aabbox .ea-huidatop > span {
    float: right;
    font-size: 14px;
    color: #666666;
    height: 30px;
    line-height: 30px;
    /*padding-left: 20px;
  background: url(../images/gzh_50.png) no-repeat left center;*/
}

.ea-huidatop {
    width: 100%;
    height: 30px;
}

.ea-huidadec {
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #444444;
}

.ckly {
    width: 1200px;
    min-height: 500px;
    margin: 60px auto;
    overflow: hidden;
}
/*联系我们*/
.lxwm1 {
    overflow: hidden;
    margin-top: 100px;
}

    .lxwm1 img {
        display: block;
        float: left;
        margin-left: 250px;
    }

.lxwm1_1 {
    width: 660px;
    float: right;
    line-height: 40px;
    padding-top: 30px;
}

    .lxwm1_1 p:nth-child(1) {
        font-size: 14px;
        counter-reset: #666666;
    }

    .lxwm1_1 p:nth-child(2) {
        font-size: 40px;
        counter-reset: #333;
    }

    .lxwm1_1 p:nth-child(3) {
        font-size: 24px;
        counter-reset: #333;
    }

    .lxwm1_1 p:nth-child(4) {
        font-size: 14px;
        color: #a2a2a2;
    }

.lxwm2 {
    width: 100%;
    margin-top: 70px;
    text-align: center;
}
.lxwm2 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    .lxwm2 ul li {
        width: 240px;
        border: 1px solid #ebebeb;
        border-radius: 20px;
        display: inline-block;
        margin-left: 22px;
        margin-right: 22px;
        vertical-align: top;
    }

        .lxwm2 ul li > img {
            display: block;
            margin: 75px auto 35px;
        }

        .lxwm2 ul li > h1 {
            text-align: center;
            font-size: 18px;
            color: #333;
            font-weight: normal;
        }

        .lxwm2 ul li > span {
            display: block;
            width: 150px;
            margin: 20px auto;
            font-size: 14px;
            color: #999999;
            text-align: center;
            height: 75px;
        }

        .lxwm2 ul li center {
            width: 80%;
            margin: 0 auto;
        }

.zxly {
    width: 970px;
    min-height: 300px;
    margin: 140px auto;
}

    .zxly h1 {
        font-size: 24px;
        color: #333;
        text-align: center;
        font-weight: normal;
    }

    .zxly > span {
        font-size: 14px;
        color: #333;
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Times New Roman";
        text-transform: uppercase;
    }

.zxly1 {
    overflow: hidden;
    margin-top: 35px;
}

.xm {
    height: 45px;
    width: 400px;
    float: left;
    border-bottom: 1px solid #dedede;
    padding-left: 40px;
    line-height: 45px;
    background-image: url(../images/zxly6.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

.yzm {
    height: 45px;
    width: 400px;
    float: left;
    border-bottom: 1px solid #dedede;
    padding-left: 40px;
    line-height: 45px;
    background-image: url(../images/zxly1.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

.xm span {
    float: left;
    font-size: 14px;
    color: #333;
}

.xm input {
    width: 335px;
    height: 45px;
    line-height: 45px;
    margin-left: 10px;
    font-size: 14px;
    color: #333;
    font-size: 14px;
    color: #333;
}

.xm1 {
    background-image: url(../images/zxly2.png);
    float: right;
}

.zxly_ly {
    width: 930px;
    min-height: 105px;
    float: left;
    padding-left: 40px;
    background-image: url(../images/zxly3.png);
    background-size: 2%;
    background-position: 8px top;
    background-repeat: no-repeat;
    margin-top: 40px;
    border-bottom: 1px solid #dedede;
}

    .zxly_ly span {
        float: left;
        font-size: 14px;
        color: #333;
    }

    .zxly_ly textarea {
        width: 100%;
        height: 55px;
        font-size: 14px;
        color: #333;
    }

.yzm {
    width: calc(100% - 40px) !important;
    margin-top: 40px;
}

    .yzm img {
        display: block;
        cursor: pointer;
        float: right;
    }

.zxly_bt {
    padding-left: 30px;
    font-size: 14px;
    color: #909090;
    float: left;
    margin-top: 40px;
    background-image: url(../images/zxly5.jpg);
    background-position: 7px center;
    background-repeat: no-repeat;
}

.zxly_an {
    height: 45px;
    float: left;
    text-align: center;
    margin-top: 40px;
    width: 100%;
}

    .zxly_an a {
        display: inline-block;
        width: 185px;
        height: 43px;
        text-align: center;
        line-height: 43px;
        font-size: 18px;
        color: #fff;
        margin-right: 10px;
        margin-left: 10px;
        background: #616161;
        border-radius: 5px;
    }

        .zxly_an a:hover {
            background: #ff9900;
        }

.lxwm {
    background-image: url(../images/lxwm6.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.sp1 .hd {
    width: 74px;
    height: 147px;
    background-image: url(../images/ryzz5.png);
    position: absolute;
    right: -190px;
    top: 255px;
}

    .sp1 .hd a {
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        background-image: url(../images/ryzz6.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: all .3s 0s;
    }

        .sp1 .hd a:hover {
            background-color: #fe9901;
        }

        .sp1 .hd a.next {
            background-image: url(../images/ryzz7.png);
            margin-top: 7px;
        }

.sub {
    position: absolute;
    width: 180px;
    background-color: #FFF;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    height: auto;
    z-index: 199;
    top: 95%;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    transition: .3s;
}

    .sub ul li {
        width: 100%;
        height: 47px;
    }

        .sub ul li a {
            display: block;
            width: 85%;
            height: 47px;
            line-height: 47px;
            color: #9c9c9c;
            text-align: left;
            padding-left: 15%;
            transition: .3s;
            font-size: 12px;
        }

.nav ul > li:hover .sub {
    opacity: 1;
    visibility: visible;
    transition: .3s;
}

.sub ul li a:hover {
    padding-left: 20%;
    width: 80%;
    transition: .3s;
    background: #f8f8f8;
    color: #464646;
}

.sub ul li.on a {
    padding-left: 20%;
    width: 80%;
    transition: .3s;
    background: #f8f8f8;
    color: #464646;
}

.ban {
    display: none;
}

.list {
    display: none
}

.ryzzz {
    display: none;
}

.c_rightpc {
    position: fixed;
    right: 20px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 5px #f3f3f3;
    bottom: 50px;
    z-index: 999;
    background: #fff;
    padding: 0 5px;
}

    .c_rightpc a {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }
    .c_rightpc a:last-child{
        display: none;
    }

        .c_rightpc a:hover {
            color: #f08201;
        }

        .c_rightpc a strong {
            position: absolute;
            display: block;
            right: 90px;
            top: 0;
            padding: 0 15px 0 0;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s;
        }

        .c_rightpc a:hover strong {
            right: 70px;
            visibility: visible;
            opacity: 1;
        }

        .c_rightpc a strong img {
            display: block;
            border: 1px solid #f3f3f3;
            box-shadow: 0 0 10px #f3f3f3;
        }

.c_pagecont {
    padding: 40px 0;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    min-height: 500px;
}

.c_sitemap {
    text-align: center;
    background: url(../images/xixian.png) repeat-x center 85px;
}

    .c_sitemap ul {
        display: inline-block;
        vertical-align: top;
        padding: 30px 26px 0;
    }

        .c_sitemap ul li {
            font-size: 14px;
        }

            .c_sitemap ul li a {
                display: block;
                color: #343434;
                line-height: 34px;
            }

                .c_sitemap ul li a:hover {
                    color: #00468C;
                }

            .c_sitemap ul li.c_jit {
                font-size: 16px;
                margin-bottom: 10px;
            }

                .c_sitemap ul li.c_jit a {
                    border-bottom: 2px solid transparent;
                    height: 54px;
                    line-height: 54px;
                }

                    .c_sitemap ul li.c_jit a:hover {
                        font-weight: bold;
                        border-color: #00468C;
                    }
/*ipad开始*/
@media screen and (max-width: 1200px) {
    .ql_fenye {
        padding-top: 10px;
        height: auto;
        padding-bottom: 20px;
    }

    .c_rightpc {
        display: none;
    }

    .top1 {
        width: 100%;
    }

    .nav ul > li {
        width: 100px;
    }

        .nav ul > li > a {
            width: 100%;
        }

    .swiper-container li {
        width: 100%;
        height: auto;
    }

    #slideBox {
        display: none;
    }

    .ban {
        width: 100%;
        overflow: hidden;
        position: relative;
        display: block;
    }

        .ban img {
            width: 100%;
            height: auto;
        }

    .cp1 {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
    }

    .c_pagecont {
        padding: 40px 0;
        font-size: 14px;
        color: #333;
        line-height: 30px;
        min-height: 300px;
    }

    .c_sitemap {
        background: none;
    }

        .c_sitemap ul {
            display: block;
            padding: 15px 12px;
            border-bottom: 1px dashed #eee;
        }

            .c_sitemap ul li.c_jit {
                margin-bottom: 0px;
            }

    .w1200 {
        width: 100%;
    }

    .cp_nav {
        width: 100%;
        margin-bottom: 20px;
    }

    .cp2 ul {
        width: 100%
    }

        .cp2 ul li {
            width: 48%;
            margin: 20px 1% 0;
            height: auto;
        }

            .cp2 ul li > a span {
                width: 100%;
                height: auto;
            }

                .cp2 ul li > a span img {
                }

    .cp {
        height: auto;
    }

    .about {
        height: auto;
        background-size: 100% auto;
    }

    .ab1 {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }

    .ab2 {
        width: 90%;
        height: auto;
        overflow: hidden;
        margin: 30px auto
    }

        .ab2 > img {
            width: 40%;
            height: auto;
        }

    .ab2_1 {
        width: calc(60% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
    }

        .ab2_1 img {
            margin-top: 30px;
        }

        .ab2_1 span {
            margin-top: 20px;
            height: 80px;
            overflow: hidden;
        }

        .ab2_1 > a {
            margin-top: 20px;
        }

    .ab1 > h2 {
        margin-top: 30px;
    }

    .xw {
        height: auto;
    }

    .xw1 {
        width: 100%;
        height: auto;
    }

    .xw1 {
        margin-top: 50px;
    }

    .xw2 .bd ul li {
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
        margin-bottom: 20px;
    }

        .xw2 .bd ul li a {
            width: calc(100% - 40px);
            padding-left: 20px;
            padding-right: 20px;
            height: auto;
        }

    .xw2 .bd {
        height: auto;
    }

    .xw2 {
        height: auto;
        padding-bottom: 15px;
        margin-top: 30px;
    }

        .xw2 .hd {
            display: none;
        }

        .xw2 .bd .swiper-pagination1 {
            text-align: center;
            bottom: -20px;
        }

    .sp {
        background: #f6f6f6;
    }

    .sp1 {
        width: 90%;
        border: 10px solid #dbdbdb;
        margin: 50px auto;
        overflow: hidden;
    }

        .sp1 img {
        }

        .sp1 .bd {
        }

    .sp {
        height: auto;
    }

    .bot1 {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
    }

        .bot1 > img {
            display: none;
        }

    .bot_z {
        float: none;
        width: 100%;
        height: auto;
        margin-top: 30px;
        text-align: center;
    }

    .bot {
        height: auto;
    }

    .sub_ban {
        overflow: hidden;
    }

        .sub_ban > img {
            width: 100%;
            height: auto;
        }

    .sub_lm {
    }

    .sub_lm1 {
        width: 100%;
    }

    .sub_lm2 ul li {
        height: 50px;
    }

        .sub_lm2 ul li a {
            height: 50px;
            line-height: 50px;
        }

    .sub_lm2 {
        height: 50px;
    }

    .gsjj {
        width: calc(100% - 40px);
        margin: 50px auto;
    }

    .cpxx4 {
        min-height: 50px;
    }

    .cpxx1 {
        min-height: 0;
    }

    .gsjj > img {
        width: 30%;
    }

    .gsjj1 {
        height: auto;
    }

    .xwzx {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 30px;
    }

        .xwzx ul li {
            height: auto;
            margin-bottom: 20px;
        }

    .xwzx1 {
        width: 100%;
        height: auto;
    }

    .xw_rq {
        width: 25%;
        height: auto;
        margin-top: 20px;
    }

        .xw_rq span {
            margin-top: 30px;
        }

    .xwzx_z h3 a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .xwzx_z {
        width: 36%;
        height: auto;
        margin-top: 0px;
        margin-left: 5%;
    }

    .xwzx_tu {
        margin-top: 0px;
    }

        .xwzx_tu img {
            width: 235px;
            height: 165px;
        }

    .cpzx {
        width: calc(100% - 40px);
        padding: 20px 20px;
    }

    .cp2 ul li > a {
        height: auto;
    }

    .mbx {
        display: none;
    }

    .ckly {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .lxwm2 {
        height: auto;
    }

        .lxwm2 ul li {
            margin-bottom: 20px;
        }

    .zxly {
        width: 100%;
    }

    .xm {
        width: 40%;
    }

    .zxly_bt {
        margin-top: 60px;
    }

    .spzx {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

        .spzx ul li {
            width: 36%;
            height: auto;
            padding: 0 7% 70px;
            background-size: 100% auto;
        }

            .spzx ul li a {
                width: calc(100% - 20px);
                height: auto;
            }

                .spzx ul li a > img {
                    width: 100%;
                    height: auto;
                }

    .ea-viewMessage {
        width: 100%;
    }

    .ea-uqbbox {
        width: 564px;
    }

    .ea-uqbbTxt {
        width: 460px;
    }

    .ea-aabbox {
        width: 518px;
    }

    .ea-huidadec {
        width: 80%;
    }

    .xwxx {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .xwxx_le {
        display: none;
    }

    .xwxx_ri {
        width: calc(100% - 40px);
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

        .xwxx_ri h1 {
            font-size: 18px;
            line-height: 1.5;
        }

    .xwxx_ri1 {
        margin-top: 10px;
    }

    .shangxia a {
        margin-top: 10px;
        background-image: none !important;
        text-align: left;
        padding: 0 12px;
    }

    .xwtj1 .hd {
        display: none;
    }

    .xwtj {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cpxx1 {
        width: calc(100% - 40px);
        height: auto;
        padding: 20px;
        margin-top: 0;
    }

    .cpxx_bt {
        margin-top: 0;
    }

    .cpxx_dh a {
        display: none;
    }

    .cpxx_bt h1 {
        width: 100%;
    }

    .cpxx_dh {
        width: 100%;
    }

    .cpxx2 {
        overflow: visible;
    }

    .gallery-top {
        width: 100%;
        height: auto;
    }

        .gallery-top img {
            width: 100%;
            height: auto;
        }

    .gallery-thumbs {
        display: none;
    }

    .cpxx_an {
        float: left;
    }

    .cpxx4_z img {
        width: 100%;
        height: auto;
    }

    .cpxx3 {
        width: 100%;
    }

    .cpxx_lb {
        width: calc(100% - 40px);
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sptc1 {
        width: 80%;
        height: auto;
        border: 5px solid #fff;
    }

        .sptc1 img {
            width: 100%;
            height: auto;
        }

    .sptc {
        width: 100%;
        max-width: 600px;
        height: auto;
        margin-left: -50%;
        margin-top: -50%;
    }

        .sptc > img {
            width: 40px;
            height: 40px;
            margin-top: 40px;
            padding-right: 20px
        }

    .xm input {
        width: 80%;
    }

    .yzm img {
        width: 10%;
        height: auto;
    }

    .lxwm1 {
        margin-top: 0px;
    }

    .lxwm1_1 {
        width: 100%;
        text-align: center;
    }

    .lxwm2 {
        text-align: left
    }

    .ryzz1 {
        width: 100%;
        display: none;
    }

    .ryzz {
        background-image: none;
        min-height: 300px;
    }

    .ryzzz {
        width: 80%;
        border: 10px solid #dbdbdb;
        border-radius: 5px;
        margin: 40px auto;
        overflow: hidden;
        display: block;
        text-align: center;
    }

        .ryzzz .swiper-slide div {
            width: 100%;
            padding-bottom: 68.06%;
            position: relative;
            overflow: hidden;
            left: 0;
            top: 0;
        }

        .ryzzz img {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
        }

        .ryzzz h3 {
            display: block;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-size: 18px;
            font-weight: normal;
            background: #ff9800;
            color: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
        }

    .ryzz_tc {
        width: 80%;
        margin-left: -40%;
    }

        .ryzz_tc ul li img {
            width: 100%;
            height: auto;
        }

        .ryzz_tc .hd {
            display: none;
        }

        .ryzz_tc .bd {
            width: 100%;
            height: 418px;
            overflow: hidden;
        }

            .ryzz_tc .bd ul li {
                width: 100%;
                height: auto;
            }

    .xwtj1 ul li {
        height: 70px;
        padding-top: 0;
    }

    .xwtj1_z span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 750px) {

    .pcshow {
        display: none !important;
    }

    .cpxx2 {
        overflow: visible;
    }

    .cpxx_an div {
        width: 40px;
        height: 40px;
    }

    .kk {
        min-height: 300px;
    }

    .ryzzz {
    }

        .ryzzz .swiper-slide img {
        }

    .top_dh {
        display: none;
    }

    .top_fx {
        display: none;
    }

    .nav {
        display: none;
    }

    .top {
        height: auto;
    }

    .top1 {
        height: auto;
    }

    .top_to {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        overflow: hidden;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .logo {
        float: left;
        position: static;
        margin-left: 0px;
        width: 90px;
        height: auto;
    }

        .logo img {
            width: 90px;
            height: auto;
        }

    .cp_bt {
        margin-top: 30px;
    }

    .cp_bt1 {
        width: 100%;
    }

    .cp_nav {
        height: auto;
        text-align: left;
    }

        .cp_nav a {
            font-size: 12px;
        }

    .cp2 ul li > a {
        height: auto;
    }

        .cp2 ul li > a h3 {
            height: 40px;
            line-height: 40px;
        }

    .cp2 ul li {
        margin-bottom: 10px;
    }

    .ab2 > img {
        width: 100%;
        height: auto;
    }

    .ab2_1 {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }

        .ab2_1 img {
            width: 100%;
            height: auto;
        }

    .xw2 .bd ul li {
        margin-left: -1px;
        margin-right: -1px;
    }

    .sp1 {
    }

    .bot_z p.bot_z3 {
        display: none
    }

    .bot_z p.bot_z2 {
        line-height: 30px;
    }

        .bot_z p.bot_z2 span {
            display: none;
        }

        .bot_z p.bot_z2 em {
            display: block;
        }

    .bot_z p.bot_z1 {
        display: none
    }

    .cd {
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(../images/dh.png);
        background-size: 100%;
        float: right;
        transition: .3s;
    }

    .list {
        display: block;
        width: calc(50% - 40px);
        min-height: 200px;
        background: #fff;
        position: fixed;
        right: -100%;
        top: 50px;
        z-index: 999;
        box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
        padding: 20px;
        border-radius: 5px;
        transition: .3s;
    }

    .c_joblist {
        padding: 0 20px;
    }

    .c_lixi {
        padding: 0 20px;
    }

    .bot_z p.bot_z2 .icp {
        display: block;
    }

    .list.on {
        position: fixed;
        right: 10px;
        transition: .3s;
    }

    .list ul li {
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #eaeaea;
    }

        .list ul li a {
            display: block;
            width: 100%;
            height: 35px;
            text-align: center;
            font-size: 12px;
            color: #666;
        }

    .cd.on {
        background-image: url(../images/dh1.png);
        background-size: 100%;
        transition: .3s;
    }

    .gsjj > img {
        width: 100%;
        height: auto;
    }

    .gsjj1 {
        width: 100%;
        font-size: 13px;
    }

        .gsjj1 img {
            width: 100%;
            height: auto;
        }

    .gsjj span {
        font-size: 13px;
    }

    .sub_lm2 {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

        .sub_lm2 ul li {
            display: inline-block;
            float: none;
        }

        .sub_lm2 ul {
            overflow-x: auto;
            height: 70px;
            -webkit-overflow-scrolling: touch;
        }

    .mbx {
        display: none;
    }

    .xwzx1 {
        width: 100%;
    }

    .xwzx_tu {
        display: none;
    }

    .xwzx_z {
        width: 70%;
    }

    .xw_rq em {
        display: none
    }

    .xwzx_z span.c_desl {
        height: 50px;
        overflow: hidden;
        margin-top: 8px;
    }

    .xw_rq {
        margin-top: 0px;
    }

        .xw_rq span {
            margin-top: 10px;
        }

    .sub_ban > img {
        height: 250px;
        width: auto;
    }

    .lxwm1 {
        margin-top: 0px;
    }

        .lxwm1 img {
            float: none;
            margin: 0 auto;
        }

    .lxwm1_1 {
        width: 100%;
    }

        .lxwm1_1 p:nth-child(2) {
            font-size: 30px;
        }

        .lxwm1_1 p:nth-child(3) {
            font-size: 18px;
        }

        .lxwm1_1 p:nth-child(4) {
            font-size: 12px;
        }

    .lxwm2 {
        overflow: hidden;
    }

        .lxwm2 ul li {
            width: 45%;
            display: inline-block;
            margin-left: 0px;
            margin-right: 0px;
        }

            .lxwm2 ul li:nth-child(2n) {
                float: right;
            }

    .zxly {
        margin-top: 30px;
    }

    .xm {
        width: calc(100% - 40px);
    }

        .xm input {
            width: 80%;
        }

    .yzm input {
        width: 50%;
    }

    .yzm img {
        width: 30%;
    }

    .zxly_an a {
        width: 30%;
        font-size: 14px;
    }

    .zxly_bt {
        margin-top: 30px;
    }

    .sub_ban {
        background-position: center !important;
        background-size: auto 100% !important;
        height: 200px;
        min-height: 0;
    }

    .ea-qabox {
        width: 100%;
    }

    .ea-qaboxBar {
        width: 100%;
    }

    .ea-qustionsBox {
        width: 100%;
    }

    .ea-userQuestionBox {
        width: 80%;
        margin-left: 0px;
        float: left;
        margin-left: 5%;
    }

    .ea-uqbbox > span {
        display: none;
    }

    .ea-uqbbox {
        width: calc(100% - 10px);
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .ea-tounArrow {
        display: none;
    }

    .ea-uqbbTxt {
        width: 100%;
    }

    .ea-answerBox {
        width: 100%;
        margin-left: 0px;
    }

    .ea-adminQuestionBox {
        width: 80%;
        float: left;
        margin-left: 5%;
    }

    .ea-tounArrow01 {
        display: none;
    }

    .ea-aabbox {
        margin-left: 0px;
        width: calc(100% - 10px);
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .ea-aabbox .ea-huidatop > span {
            display: none;
        }

    .ea-huidadec {
        width: 100%;
    }

    .spzx ul li a {
        width: calc(100% - 10px);
        height: auto;
        border: 5px solid #dbdbdb;
    }

    .spzx ul li {
        padding-bottom: 30px;
    }

    .spzx {
        margin-bottom: 30px;
    }

        .spzx ul li a > em {
            width: 50px;
            height: 50px;
            background-size: 100%;
            margin-left: -25px;
            margin-top: -25px
        }

    .sptc1 {
        width: 96%;
        height: auto;
        border: 5px solid #fff;
    }

        .sptc1 img {
            width: 100%;
            height: auto;
        }

    .sptc {
        height: auto;
        margin-left: -50%;
        margin-top: -50%;
    }

        .sptc > img {
            width: 40px;
            height: 40px;
            margin-top: 40px;
            padding-right: 20px
        }

    .shangxia {
        margin: 30px 0;
    }

        .shangxia a {
            padding: 0 12px !important;
            width: auto !important;
            float: none;
            display: block;
            height: 36px !important;
            line-height: 36px !important;
        }

            .shangxia a:nth-child(2) {
                display: none;
            }

    .cpxx_bt h1 {
        height: auto;
        line-height: 1.5;
        font-size: 18px;
        padding: 12px 0;
    }

    .cpxx_dh {
        height: 50px;
        line-height: 50px;
    }

    .gallery-thumbs {
        display: none;
    }

    .gallery-top {
        width: 100%;
        height: auto;
    }

    .cpxx_an {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .spzx ul li {
        width: 100%;
        height: auto;
        padding: 0 7% 70px;
        background-size: 100% auto;
        box-sizing: border-box;
    }
}

.kk h5 {
    font-size: 14px;
}

.job--list {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    min-height: 300px;
}

    .job--list .body,
    .job--list .head {
        color: #fff;
        background: #303036;
    }

        .job--list .body .table,
        .job--list .head .table {
            display: table;
            width: 100%;
            height: 60px;
            font-size: 16px;
        }

            .job--list .body .table > div,
            .job--list .head .table > div {
                display: table-cell;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                line-height: 20px;
            }

    .job--list .body {
        background: none;
        height: 71px;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: jobIn 1s 1s both;
        -moz-animation: jobIn 1s 1s both;
        -o-animation: jobIn 1s 1s both;
        animation: jobIn 1s 1s both;
    }

        .job--list .body .table {
            position: relative;
            z-index: 10;
            color: #000;
            height: 70px;
            border-bottom: 1px solid #eeeeee;
            -webkit-transition: all .3s 0s;
            -o-transition: all .3s 0s;
            -moz-transition: all .3s 0s;
            transition: all .3s 0s;
            cursor: pointer;
            background: #fff;
        }

        .job--list .body .cell2 {
            color: #da251c;
            font-weight: bold;
        }

        .job--list .body .cell5 {
            background: url(../images/icon04.png) no-repeat center;
        }

        .job--list .body .dropdown {
            padding: 20px 40px;
            overflow: hidden;
            border-bottom: 1px solid #eeeeee;
            -webkit-transition: all .3s 0s;
            -o-transition: all .3s 0s;
            -moz-transition: all .3s 0s;
            transition: all .3s 0s;
            -webkit-transform: translate(0, -100px);
            -moz-transform: translate(0, -100px);
            -ms-transform: translate(0, -100px);
            -o-transform: translate(0, -100px);
            transform: translate(0, -100px);
            *zoom: 1;
            zoom: 1;
        }

            .job--list .body .dropdown:after {
                content: "\0020";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            .job--list .body .dropdown .tag {
                float: right;
                margin-left: 20px;
                max-width: 400px;
                font-size: 0;
                text-align: right;
            }

                .job--list .body .dropdown .tag .cell {
                    display: inline-block;
                    margin-left: 10px;
                    text-align: center;
                    line-height: 24px;
                    font-size: 14px;
                    color: #7babcc;
                    min-width: 40px;
                    background: #eef7fd;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    padding: 5px 10px;
                }

            .job--list .body .dropdown .content {
                overflow: hidden;
                font-size: 14px;
                line-height: 2;
                color: #2d2d2d;
            }

                .job--list .body .dropdown .content .upload {
                    margin: 20px 0 0 0;
                    position: relative;
                }

                    .job--list .body .dropdown .content .upload label {
                        display: block;
                        width: 130px;
                        height: 30px;
                        line-height: 30px;
                        color: #fff;
                        font-size: 14px;
                        background: #da251c;
                        text-align: center;
                        cursor: pointer;
                        -webkit-transition: all .3s 0s;
                        -o-transition: all .3s 0s;
                        -moz-transition: all .3s 0s;
                        transition: all .3s 0s;
                    }

                    .job--list .body .dropdown .content .upload input {
                        position: absolute;
                        top: -10px;
                        left: -10px;
                        width: 1px;
                        height: 1px;
                        overflow: hidden;
                        opacity: 0;
                    }

        .job--list .body.open {
            height: auto;
        }

            .job--list .body.open .dropdown {
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                -o-transform: translate(0, 0);
                transform: translate(0, 0);
            }

            .job--list .body.open .cell5 {
                background: url(../images/icon05.png) no-repeat center;
            }

    .job--list .cell1 {
        width: 25%;
    }

    .job--list .cell2 {
        width: 20%;
    }

    .job--list .cell3 {
        width: 30%;
    }

    .job--list .cell4 {
        width: 20%;
    }

    .job--list .cell5 {
        width: 5%;
    }

@-webkit-keyframes jobIn {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-moz-keyframes jobIn {
    0% {
        opacity: 0;
        -moz-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-o-keyframes jobIn {
    0% {
        opacity: 0;
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes jobIn {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.pc .job--list .body .table:hover {
    background: #eee;
}

.pc .job--list .body .dropdown .content .upload label:hover {
    text-indent: 10px;
}

@media screen and (max-width: 1200px) {
    .joinus--contact {
        text-align: center;
    }

        .joinus--contact > div {
            display: inline-block;
            text-align: left;
        }

        .joinus--contact .cell {
            display: block;
            margin: 0;
        }
}

@media screen and (max-width: 770px) {
    .joinus--search {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .job--list .table {
        height: 50px !important;
        font-size: 14px !important;
    }

    .job--list .cell1 {
        padding: 0 10px;
        width: 45%;
        text-align: left !important;
    }

    .job--list .cell2 {
        width: 30%;
    }

    .job--list .cell3,
    .job--list .cell4 {
        display: none !important;
    }

    .job--list .body {
        height: 51px;
    }

        .job--list .body .dropdown {
            padding: 10px;
        }

            .job--list .body .dropdown .tag {
                padding: 0 0 10px 0;
                float: none;
                margin-left: 0;
                text-align: left;
            }

                .job--list .body .dropdown .tag .cell {
                    margin-left: 0;
                    margin-right: 10px;
                    line-height: 20px;
                }
}

@media screen and (max-width: 500px) {
    .joinus--search {
        height: 44px;
    }

        .joinus--search a {
            width: 50px;
        }

        .joinus--search span {
            padding: 0 15px;
        }

    .joinus--contact {
        padding: 20px 0 0 0;
        text-align: left;
    }

        .joinus--contact .cell {
            line-height: 30px;
        }

            .joinus--contact .cell img {
                display: none;
            }

            .joinus--contact .cell span {
                font-size: 14px !important;
            }

    .job--list {
        padding-top: 20px;
        width: 100%;
    }
}

.joinus--contact {
    padding: 40px 0 0 0;
    text-align: center;
}

    .joinus--contact .cell {
        display: inline-block;
        *zoom: 1;
        zoom: 1;
        margin: 0 20px;
        line-height: 50px;
    }

        .joinus--contact .cell:after {
            content: "\0020";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .joinus--contact .cell img {
            margin-right: 20px;
            vertical-align: middle;
        }

        .joinus--contact .cell span {
            vertical-align: middle;
            font-size: 16px;
            color: #6f6f6f;
        }

@media screen and (max-width: 1200px) {
    .joinus--contact {
        text-align: center;
    }

        .joinus--contact > div {
            display: inline-block;
            text-align: left;
        }

        .joinus--contact .cell {
            display: block;
            margin: 0;
        }
}

@media screen and (max-width: 500px) {
    .joinus--contact {
        padding: 20px 0 0 0;
        text-align: left;
    }

        .joinus--contact .cell {
            line-height: 30px;
        }

            .joinus--contact .cell img {
                display: none;
            }

            .joinus--contact .cell span {
                font-size: 14px !important;
            }
}