@charset "utf-8";
/*******CSS commont*************/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
form,
input,
textarea,
p {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3 {
    font-weight: normal;
    font-size: 100%;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select,
button {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    border: 0px;
}

input,
textarea,
select {
    *font-size: 100%;
}

legend {
    color: #000;
}

/*******CSS reset*************/

body {
    background: #ffffff;
    overflow-x: hidden;
    color: #333333;
    font-size: 12px;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial;
    overflow-x: hidden;
    overflow-y: auto;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width:1200px) {
    body {
        font-size: 14px;
    }
    .container {
        padding: 0px;
    }
}

@media (min-width:1601px) {
    body {
        font-size: 15px;
    }
}

a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
    color: #00479d;
}

.left {
    float: left;
}

.right {
    float: right;
}

.ovfl {
    overflow: hidden;
}

.mar {
    margin: 0px auto;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.imgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.imgbox:after {
    content: '';
    display: block;
    padding-top: 75%;
}

.imgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.imgbox:hover img {
    width: 110%;
    transition: .36s width;
}

.imgboxs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.imgboxs:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.imgboxs img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.imgboxs:hover img {
    width: 110%;
    transition: .36s width;
}

.nimgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.nimgbox:after {
    content: '';
    display: block;
    padding-top: 70%;
}

.nimgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.nimgbox:hover img {
    width: 110%;
    transition: .36s width;
}

.nimgboxs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.nimgboxs:after {
    content: '';
    display: block;
    padding-top: 80%;
}

.nimgboxs img {
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.yimgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.yimgbox:after {
    content: '';
    display: block;
    padding-top: 53.64%;
}

.yimgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.yimgbox:hover img {
    width: 110%;
    transition: .36s width;
}

.yimgboxs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.yimgboxs:after {
    content: '';
    display: block;
    padding-top: 65.49%;
}

.yimgboxs img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.yimgboxs:hover img {
    width: 110%;
    transition: .36s width;
}

.simgboxs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.simgboxs:after {
    content: '';
    display: block;
    padding-top: 52.2222%;
}

.simgboxs img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.himgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.himgbox:after {
    content: '';
    display: block;
    padding-top: 61.6666%;
}

.himgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.himgbox:hover img {
    width: 110%;
    transition: .36s width;
}

.himgboxs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.himgboxs:after {
    content: '';
    display: block;
    padding-top: 56.1%;
}

.himgboxs img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.himgboxs:hover img {
    width: 110%;
    transition: .36s width;
}

.tnimgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.tnimgbox:after {
    content: '';
    display: block;
    padding-top: 70%;
}

.tnimgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

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

.ln2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ln3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ln4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ln5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/*******Css header*******/

.header-top {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.header-top2 {
    background: #fff;
    transition: top 0.2s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 1;
}

#header {
    width: 100%;
    padding: 12px 0px 14px 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    transition: all 0.5s ease-out 0s;
}

#pheader {
    background: #fff;
    width: 100%;
    padding: 12px 0px 14px 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    transition: all 0.5s ease-out 0s;
}

.header-top2 #pheader {
    opacity: 0;
    transform: translateY(-100%);
}

.header-top2 #pheader.boxshow {
    padding: 7px 0px 9px 0px;
    opacity: 1;
    transform: translateY(-0%);
    transition: all 0.5s ease-out 0s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.header-top #header {
    opacity: 0;
    transform: translateY(-100%);
}

.header-top #header.boxshow {
    opacity: 1;
    transform: translateY(-0%);
    transition: all 0.5s ease-out 0s;
}

#pheader.shows {
    padding: 8px 0px 10px 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.logo {
    width: 85%;
    float: left;
}

.logo img {
    max-width: 100%;
}

.logo_imgh {
    display: none;
}

.map_open {
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

#header:hover {
    background: #ffffff;
}

#header:hover .logo_imgh {
    display: block;
}

#header:hover .logo_img {
    display: none;
}

#header:hover .map_open {
    color: #333333;
}

#pheader .map_open {
    color: #333333;
}

@media (min-width:768px) {
    #header {
        padding: 14px 0px 16px 0px;
    }
    #pheader {
        padding: 14px 0px 16px 0px;
    }
    .header-top2 #pheader.boxshow {
        padding: 8px 0px 10px 0px;
    }
    .logo {
        width: 406px;
    }
    .himg1 {
        float: left;
        margin-left: 15px;
    }
    .himg1 img {
        max-width: 100%;
    }
    .himg1_imgh {
        display: none;
    }
    #header:hover .himg1_imgh {
        display: block;
    }
    #header:hover .himg1_img {
        display: none;
    }
    #pheader.shows {
        padding: 8px 0px 10px 0px;
    }
}

@media (min-width:992px) {
    #header {
        padding: 18px 0px 20px 0px;
    }
    #header .container {
        position: relative;
    }
    #pheader {
        padding: 18px 0px 20px 0px;
    }
    #pheader .container {
        position: relative;
    }
    .header-top2 #pheader.boxshow {
        padding: 10px 0px 12px 0px;
    }
    #pheader.shows {
        padding: 10px 0px 12px 0px;
    }
}

@media (min-width:1200px) {
    #header {
        padding: 0px;
        height: 80px;
        line-height: 80px;
    }
    #header .container {
        width: 96%;
        min-width: 1230px;
    }
    #pheader {
        padding: 0px;
        height: 80px;
        line-height: 80px;
    }
    #pheader .container {
        width: 96%;
        min-width: 1230px;
    }
    .header-top2 #pheader.boxshow {
        padding: 0px;
        height: 70px;
        line-height: 70px;
    }
    #pheader.shows {
        padding: 0px;
        height: 70px;
        line-height: 70px;
    }
    .quan_open {
        font-size: 24px;
        width: 36px;
        height: 36px;
        line-height: 38px;
        text-align: center;
        color: #ffffff;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
    .logo {
        width: 360px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
    }
    .himg1 {
        width: 108px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 370px;
        margin-left: 0px;
    }
    .navs {
        float: right;
        margin-right: 55px;
    }
    .navs .nli {
        float: left;
        margin-left: 24px;
    }
    .navs .nli p a {
        color: #fff;
        font-size: 16px;
        position: relative;
        width: 100%;
        float: left;
    }
    .navs .nli p a:before {
        content: '';
        width: 0px;
        height: 4px;
        background: #00479d;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.3s ease-out 0s;
    }
    .navs .nli.ons p a {
        font-weight: bold;
    }
    .navs .subs {
        text-align: center;
        overflow: hidden;
        display: none;
        height: 52px;
        line-height: 52px;
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0px;
        background: #00479d;
        padding: 0px 15px 0px 450px;
    }
    .navs .subs a {
        color: #8db8ec;
        margin-right: 30px;
        display: inline-block;
    }
    .navs .subs a:hover {
        color: #fff;
    }
    .navs .subs a.on {
        color: #fff;
    }
    #header:hover .navs .nli.on p a:before {
        width: 100%;
    }
    #header:hover .navs .nli.on p a {
        color: #00479d;
    }
    #header:hover .navs .nli.ons p a {
        color: #00479d;
    }
    #header:hover .quan_open {
        color: #333333;
    }
    #header:hover .navs .nli p a {
        color: #333333;
    }
    #pheader .quan_open {
        color: #333333;
    }
    #pheader .nli p a {
        color: #333333;
    }
    #pheader.shows .navs .subs {
        top: 70px;
    }
    .header-top2 #pheader.boxshow .navs .subs {
        top: 70px;
    }
    #pheader .navs .subs a {
        height: 50px;
        line-height: 50px;
    }
    #pheader .navs .nli.on p a:before {
        width: 100%;
    }
    #pheader .navs .nli.on p a {
        color: #00479d;
    }
    #pheader .navs .nli.ons p a {
        color: #00479d;
    }
}

@media (min-width:1366px) {
    #header .container {
        width: 92%;
    }
    #pheader .container {
        width: 92%;
    }
}

@media (min-width:1601px) {
    #header {
        height: 90px;
        line-height: 90px;
    }
    #header .container {
        width: 88%;
        min-width: 1500px;
    }
    #pheader {
        height: 90px;
        line-height: 90px;
    }
    #pheader .container {
        width: 88%;
        min-width: 1500px;
    }
    .header-top2 #pheader.boxshow {
        height: 80px;
        line-height: 80px;
    }
    #pheader.shows {
        height: 80px;
        line-height: 80px;
    }
    .logo {
        width: 406px;
    }
    .himg1 {
        width: 125px;
        left: 426px;
    }
    .navs {
        margin-right: 60px;
    }
    .navs .nli {
        margin-left: 45px;
    }
    .navs .subs {
        top: 90px;
        padding: 0px 25px 0px 580px;
        height: 62px;
        line-height: 62px;
    }
    .navs .subs a {
        margin-right: 40px;
    }
    #pheader.shows .navs .subs {
        top: 80px;
    }
    .header-top2 #pheader.boxshow .navs .subs {
        top: 80px;
    }
    #pheader .navs .subs a {
        height: 54px;
        line-height: 54px;
    }
}

#menu_map {
    transform: translateY(-100%);
    transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #fff;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: scroll;
}

#menu_map.down {
    border-radius: 0% 0% 0% 0%;
    transform: translateY(0);
    opacity: 1;
}

.map_closes {
    height: 61px;
    line-height: 61px;
    overflow: hidden;
}

.map_closes a {
    text-align: center;
    float: right;
    margin-right: 2px;
}

.map_closes a .iconfont {
    font-size: 30px;
    color: #00479d;
}

.map_close:hover {
    transform: rotate(90deg);
    border-radius: 50%;
}

.mnavul {
    width: 94%;
    margin: 10px auto 15px;
}

.nav-item {
    position: relative;
    border-bottom: solid 1px #f5f5f5;
}

.nav-item p {
    overflow: hidden;
    line-height: 50px;
    max-height: 50px;
    font-size: 15px;
    padding: 0px 10px;
}

.nav-item p i {
    float: right;
    color: #666;
}

.nav-item p a {
    float: left;
}

.nav-item.on {
    color: #00479d;
}

.nav-item.on a {
    color: #00479d;
}

.nav-item.on p i {
    color: #00479d;
}

.nav-item.nav-show {
    border-bottom: none;
    background: #f8f8f8;
}

.nav-item .msubs {
    display: none;
    padding: 0px 16px 12px 16px;
    overflow: hidden;
}

.nav-item .msubs a {
    line-height: 2;
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
}

.nav-item .msubs a.on {
    color: #00479d;
}

.nav-item .msubs a:hover {
    color: #00479d;
}

.nav-item.nav-show .msubs {
    display: block;
}

.nav-item.nav-show p i {
    transform: rotate(90deg);
}

#mbanners {
    overflow: hidden;
    position: relative;
}

#mbanners img {
    width: 100%;
}

#mbanners .swiper-pagination {
    bottom: 10px;
}

#mbanners .swiper-pagination-bullet {
    outline: none;
    background: #fff;
}

#mbanners .swiper-pagination-bullet-active {
    background: #fff;
}

#banners {
    overflow: hidden;
    position: relative;
}

#banners img {
    width: 100%;
}

#banners .swiper-pagination {
    bottom: 15px;
}

#banners .swiper-pagination-bullet {
    outline: none;
    width: 12px;
    height: 12px;
    margin: 0px 6px;
    background: #fff;
}

#banners .swiper-pagination-bullet-active {
    background: #fff;
}

.vbanners {
    position: relative;
}

#vbanners {
    position: relative;
}

#vbanners img {
    width: 100%;
}

#vbanners .swiper-prev,
#vbanners .swiper-next {
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out 0.05s;
    width: 47px;
    height: 16px;
    bottom: 20%;
    left: 50%;
    position: absolute;
    z-index: 99;
}

#vbanners .swiper-prev {
    background: url(/static/index/zm001/images/ban_left.png) no-repeat;
    margin-left: -570px;
}

#vbanners .swiper-next {
    background: url(/static/index/zm001/images/ban_right.png) no-repeat;
    margin-left: -500px;
}

#vbanners .swiper-prev:hover {
    margin-left: -580px;
}

#vbanners .swiper-next:hover {
    margin-left: -490px;
}

.banner_video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 22;
    top: 0px;
    left: 0px;
}

.video_btn_s {
    display: none;
    z-index: 55;
    width: 50px;
    height: 50px;
    background: url(/static/index/zm001/images/video_01.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 25px;
    bottom: 30px;
    cursor: pointer;
}

.banner_mouse {
    z-index: 99;
    bottom: 20%;
    left: 50%;
    margin-left: 570px;
    position: absolute;
    width: 23px;
    height: 40px;
    cursor: pointer;
    background: url(/static/index/zm001/images/banner_mouse_ico.png) no-repeat -23px 0px;
    -webkit-animation: nudgeMouse 1.6s linear infinite;
    animation: nudgeMouse 1.6s linear infinite;
}

.banner_mouse:after,
.banner_mouse:before {
    content: "";
    position: absolute;
}

.banner_mouse:before {
    width: 23px;
    height: 40px;
    background: url(/static/index/zm001/images/banner_mouse_ico.png) no-repeat 0px 0px;
    -webkit-animation: colorSlide 1.6s linear infinite;
    animation: colorSlide 1.6s linear infinite;
    top: 0;
    left: 0;
}

.banner_mouse:after {
    background-color: #ffffff;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 1.6s linear infinite;
    animation: trackBallSlide 1.6s linear infinite;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@media (min-width:1601px) {
    #banners .swiper-pagination {
        bottom: 25px;
    }
    .banner_mouse {
        margin-left: 700px;
    }
    #vbanners .swiper-prev {
        margin-left: -700px;
    }
    #vbanners .swiper-next {
        margin-left: -620px;
    }
    #vbanners .swiper-prev:hover {
        margin-left: -715px;
    }
    #vbanners .swiper-next:hover {
        margin-left: -605px;
    }
}

@keyframes colorSlide {
    0% {
        height: 0;
    }
    90% {
        height: 40px;
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

#page_banner {
    position: relative;
    text-align: center;
}

#page_banner img {
    width: 100%;
}

#page_crum {
    text-align: left;
    padding: 5px 0px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    width: 100%;
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
}

#page_crum a {
    color: rgba(255, 255, 255, 0.7);
}

#page_crum a:hover {
    color: #fff;
}

.page_crum {
    min-height: 16px;
    overflow: hidden;
    background: url(/static/index/zm001/images/picon1.png) no-repeat left center;
    padding-left: 20px;
}

.mpage_pro_types {
    background: #00479d;
    padding: 16px 0px;
}

.mpage_pro_type_tt {
    font-size: 20px;
    color: #fff;
}

.mpage_pro_type {
    overflow: hidden;
    height: 34px;
    line-height: 34px;
    margin-top: 5px;
}

.mpage_pro_type .swiper-slide {
    width: auto;
    margin-right: 20px;
}

.mpage_pro_type .swiper-slide a {
    color: #6191cb;
    font-size: 14px;
}

.mpage_pro_type .swiper-slide a:hover {
    color: #fff;
}

.mpage_pro_type .swiper-slide a.on {
    color: #fff;
    font-weight: bold;
}

#wrapper {
    padding: 20px 0px 25px 0px;
    background: #f3f5fa;
}

.right_side {
    background: #fff;
    padding: 12px 15px 15px 15px;
}

.right_side_tt {
    text-align: center;
}

.right_side_tt a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: bold;
}

.right_side_tt a span {
    position: relative;
    z-index: 2;
}

.right_side_tt a:hover {
    color: #333333;
}

.right_side_ft {
    color: #999;
    margin-top: 5px;
    text-align: center;
}

.right_content {
    padding: 5px 0px;
}

#right_content {
    padding-top: 10px;
}

@media (min-width:768px) {
    .mpage_pro_type .swiper-slide {
        margin-right: 25px;
    }
    .right_side {
        padding: 20px 16px;
    }
}

@media (min-width:992px) {
    .mpage_pro_type {
        height: 38px;
        line-height: 38px;
    }
    .mpage_pro_type .swiper-slide {
        margin-right: 30px;
    }
    .right_side_tt a {
        font-size: 25px;
    }
}

@media (min-width:1200px) {
    .page_pro_types {
        background: #00479d;
        padding: 26px 0px;
    }
    .page_pro_types_left {
        float: left;
        width: 55%;
    }
    .page_pro_types_right {
        float: right;
        width: 43%;
        text-align: right;
    }
    .page_pro_type_tt {
        color: #fff;
        font-size: 28px;
    }
    .page_pro_type {
        overflow: hidden;
        height: 44px;
        line-height: 44px;
        margin-top: 5px;
    }
    .page_pro_type .swiper-slide {
        width: auto;
        margin-right: 35px;
    }
    .page_pro_type .swiper-slide a {
        color: #6191cb;
        font-size: 16px;
    }
    .page_pro_type .swiper-slide a:hover {
        color: #fff;
    }
    .page_pro_type .swiper-slide a.on {
        color: #fff;
        font-weight: bold;
    }
    .page_pro_types_right_tt {
        text-transform: uppercase;
        font-family: 'Arial Black';
        font-size: 30px;
        color: #0053b8;
    }
    .page_pro_types_right_cc {
        margin-top: 10px;
        padding-left: 20px;
        color: #fff;
        display: inline-block;
        background: url(/static/index/zm001/images/picon1.png) no-repeat left center;
    }
    .page_pro_types_right_cc a {
        color: #fff;
    }
    #wrapper {
        padding: 35px 0px 50px 0px;
    }
    .right_side_tt {
        text-align: left;
    }
    .right_side_tt a {
        font-size: 30px;
        padding-left: 15px;
    }
    .right_side_tt a:before {
        content: '';
        width: 6px;
        height: 22px;
        background: #00479d;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 0px;
    }
    .right_side_ft {
        text-align: left;
    }
    .right_content {
        padding: 10px 0px;
        min-height: 415px;
    }
    #right_content {
        padding-top: 20px;
    }
}

@media (min-width:1601px) {
    .page_pro_types {
        padding: 40px 0px;
    }
    .page_pro_types_left {
        width: 58%;
    }
    .page_pro_types_right {
        width: 40%;
    }
    .page_pro_type_tt {
        font-size: 36px;
    }
    .page_pro_type {
        margin-top: 10px;
        height: 50px;
        line-height: 50px;
    }
    .page_pro_type .swiper-slide {
        margin-right: 45px;
    }
    .page_pro_type .swiper-slide a {
        font-size: 17px;
    }
    .page_pro_types_right_tt {
        font-size: 45px;
    }
    .page_pro_types_right_cc a {
        color: #fff;
    }
    #wrapper {
        padding: 45px 0px 60px 0px;
    }
    .right_side_tt a {
        font-size: 36px;
        padding-left: 20px;
    }
    .right_side_tt a:before {
        height: 26px;
    }
    #right_content {
        padding-top: 30px;
    }
    .right_content {
        min-height: 540px;
    }
}

/*******Css home*******/

#chan1 {
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
}

.mabout_tt {
    font-size: 22px;
    font-weight: bold;
}

.mabout_tt a span {
    color: #00479d;
}

.mabout_cc {
    font-size: 13px;
    color: #666;
    line-height: 2;
    margin-top: 10px;
}

.mabout_mm {
    overflow: hidden;
    margin-top: 10px;
}

.mabout_mm a {
    float: left;
    position: relative;
    color: #00479d;
    background: #fff;
    border: solid 1px #00479d;
    padding: 11px 65px 11px 20px;
}

.mabout_mm a:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.mabout_mm a:hover {
    background: #00479d;
    color: #fff;
}

.mabout_mm a:hover:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 20px;
}

.mabout_ul {
    overflow: hidden;
    margin-top: 5px;
}

.mabout_ul li {
    width: 50%;
    float: left;
    text-align: center;
    padding: 0px 30px;
    margin-top: 15px;
}

.mabout_a_img {
    height: 87px;
}

.mabout_a_txt {
    font-size: 14px;
    margin-top: 6px;
}

.mabout_a_mm {
    margin-top: 6px;
}

.mabout_a_mmc {
    display: inline-block;
    position: relative;
}

.mabout_a_mmc b {
    font-family: 'Arial';
    font-size: 32px;
    color: #00479d;
}

.mabout_a_mmc span {
    font-size: 13px;
    margin-left: 5px;
}

.mabout_a_mmc i {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    font-family: 'Arial';
    color: #00479d;
}

.mabout_a_mmci1 {
    display: none;
}

.myw_tt {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
}

.myw_tt a {
    color: #4e4e4e;
}

.myw_tt a:hover {
    color: #00479d;
}

.myw {
    overflow: hidden;
    margin-top: 15px;
}

.myw_txt {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-top: 8px;
}

.myw_dc {
    color: #888;
    margin-top: 5px;
}

.myw_mm {
    margin-top: 10px;
    text-align: center;
}

.myw_mm span {
    display: inline-block;
    color: #00479d;
    position: relative;
    padding-right: 45px;
}

.myw_mm span:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.myw a:hover .myw_mm span:after {
    right: 0px;
}

#mchan2 {
    padding: 20px 0px;
    background: url(/static/index/zm001/images/bg1.jpg) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.mchan2_tt {
    font-size: 20px;
    font-weight: bold;
}

.mchan2_tt a {
    color: #e8e8e8;
}

.mchan2_ft {
    color: #aeaeae;
    font-size: 13px;
    margin-top: 5px;
}

.mproducts {
    overflow: hidden;
    margin-top: 15px;
    position: relative;
}

.mproducts a {
    width: 100%;
    background: #fff;
    float: left;
    position: relative;
}

.mproducts_img {
    padding: 15px 20px 25px 25px;
    position: relative;
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mproductsa1 .mproducts_img {
    background-image: url(/static/index/zm001/images/product_bg1.jpg);
}

.mproductsa2 .mproducts_img {
    background-image: url(/static/index/zm001/images/product_bg2.jpg);
}

.mproductsa3 .mproducts_img {
    background-image: url(/static/index/zm001/images/product_bg3.jpg);
}

.mproductsa4 .mproducts_img {
    background-image: url(/static/index/zm001/images/product_bg4.jpg);
}

.mproductsa0 .mproducts_img {
    background-image: url(/static/index/zm001/images/product_bg5.jpg);
}

.mproducts_zm {
    text-transform: uppercase;
    position: absolute;
    bottom: 45px;
    left: 0px;
    width: 100%;
    text-align: right;
    padding-right: 50px;
    font-size: 30px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.15);
}

.mproducts_imgc {
    position: relative;
    z-index: 1;
}

.mproducts_txt {
    font-size: 17px;
    padding: 0px 20px;
}

.mproducts_dc {
    color: #666666;
    font-size: 13px;
    padding: 0px 20px;
    margin-top: 8px;
}

.mproducts_mm {
    margin-top: 15px;
    padding: 0px 20px 15px 20px;
    overflow: hidden;
}

.mproducts_mm span {
    float: left;
    position: relative;
    color: #00479d;
    border: solid 2px #d7d7d7;
    padding: 10px 65px 10px 20px;
}

.mproducts_mm span:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.mproducts a:hover .mproducts_mm span {
    background: #00479d;
    border: solid 2px #00479d;
    color: #fff;
}

.mproducts a:hover .mproducts_mm span:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 20px;
}

.mproducts .s-prev {
    transition: all 0.3s ease-out 0s;
    outline: none;
    right: 100px;
    z-index: 10;
    bottom: 26px;
    width: 21px;
    height: 16px;
    background: url(/static/index/zm001/images/left2.png) no-repeat;
    position: absolute;
}

.mproducts .s-next {
    transition: all 0.3s ease-out 0s;
    outline: none;
    right: 20px;
    z-index: 10;
    bottom: 26px;
    width: 67px;
    height: 16px;
    background: url(/static/index/zm001/images/right2.png) no-repeat;
    position: absolute;
}

.mproducts .s-prev:hover {
    right: 106px;
}

.mproducts .s-next:hover {
    right: 14px;
}

#chan3 {
    padding: 20px 0px 25px 0px;
}

.news_tt {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.news_tt a {
    font-size: 20px;
    font-weight: bold;
}

.news {
    overflow: hidden;
    margin-top: 15px;
}

.news_left {
    overflow: hidden;
    position: relative;
}

.news_left a {
    width: 100%;
    float: left;
    position: relative;
}

.news_left_txt {
    color: #fff;
    padding: 25px 25px 0px 25px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
}

.news_left_txt_tm {
    font-family: 'Arial';
}

.news_left_txt_tt {
    margin-top: 12px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
}

.news_left_txt_dc {
    margin-top: 16px;
    line-height: 1.6;
}

.news_left_txt_mm {
    overflow: hidden;
    margin-top: 25px;
}

.news_left_txt_mm span {
    float: left;
    position: relative;
    border: solid 1px #fff;
    padding: 10px 65px 10px 20px;
}

.news_left_txt_mm span:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
}

.news_left .swiper-pagination {
    bottom: 15px;
}

.news_left .swiper-pagination-bullet {
    outline: none;
    opacity: 1;
    width: 10px;
    height: 10px;
    background: none;
    border: solid 1px #fff;
}

.news_left .swiper-pagination-bullet-active {
    background: #fff;
}

.news_left a:hover .news_left_txt_mm span {
    background: #00479d;
    border: solid 1px #00479d;
    color: #fff;
}

.news_left a:hover .news_left_txt_mm span:after {
    right: 20px;
}

.news_mid {
    overflow: hidden;
}

.news_mid a {
    width: 48%;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    position: relative;
}

.news_mid a.news_mida0 {
    float: right;
}

.news_mid_txt {
    font-weight: bold;
    font-size: 13px;
    padding: 0px 15px;
    color: #fff;
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.news_right {
    overflow: hidden;
}

.news_right a {
    width: 48%;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    position: relative;
}

.news_right a.news_righta0 {
    float: right;
}

.news_right_txt {
    padding: 25px 25px 0px 15px;
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.news_right_txtc {
    position: relative;
    z-index: 2;
}

.news_right_txt_tm {
    font-family: 'Arial';
}

.news_right_txt_tt {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.news_right a.news_righta1 .news_right_txt {
    background: #00479d;
}

.news_right a.news_righta0 .news_right_txt {
    background: #c79556;
}

.news_right a.news_righta1 .news_right_txt:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #004291;
    position: absolute;
    display: block;
    top: 0;
    right: 100%;
    z-index: 0;
    transition: all 0.5s ease;
}

.news_right a.news_righta1:hover .news_right_txt:after {
    right: 0px;
}

.news_right a.news_righta0 .news_right_txt:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #c18740;
    position: absolute;
    display: block;
    top: 0;
    right: 100%;
    z-index: 0;
    transition: all 0.5s ease;
}

.news_right a.news_righta0:hover .news_right_txt:after {
    right: 0px;
}

.hzdw {
    margin-top: 20px;
}

.hzdw_cc {
    overflow: hidden;
    margin-top: 15px;
}

.hzdw_cc a {
    width: 100%;
    float: left;
    position: relative;
    padding-right: 5px;
    padding-bottom: 4px;
}

.hzdwc_dot {
    width: 5px;
    height: 4px;
    background: url(/static/index/zm001/images/dots.png) no-repeat;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2;
}

.hzdwc_line1 {
    width: 80%;
    height: 2px;
    background: #f2f2f2;
    position: absolute;
    bottom: 1px;
    right: 10%;
}

.hzdwc_line1:after {
    content: '';
    width: 0px;
    height: 2px;
    background: #dedede;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.hzdwc_line2 {
    width: 1px;
    height: 80%;
    background: #e5e5e5;
    position: absolute;
    bottom: 10%;
    right: 1px;
}

.hzdwc_line2:after {
    content: '';
    width: 1px;
    height: 0px;
    background: #dedede;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.hzdw_cca1 .hzdwc_line1 {
    width: 90%;
}

.hzdw_cca5 .hzdwc_line2 {
    display: none;
}

.hzdw_cca5 .hzdwc_dot {
    display: none;
}

.hzdw_cca5 .hzdwc_line1 {
    width: 90%;
    right: auto;
    left: 10%;
}

.hzdw_cca6 .hzdwc_line1 {
    display: none;
}

.hzdw_cca6 .hzdwc_dot {
    display: none;
}

.hzdw_cca6 .hzdwc_line2:after {
    bottom: 0px;
    top: auto;
}

.hzdw_cca7 .hzdwc_line1 {
    display: none;
}

.hzdw_cca7 .hzdwc_dot {
    display: none;
}

.hzdw_cca7 .hzdwc_line2:after {
    bottom: 0px;
    top: auto;
}

.hzdw_cca8 .hzdwc_line1 {
    display: none;
}

.hzdw_cca8 .hzdwc_dot {
    display: none;
}

.hzdw_cca8 .hzdwc_line2:after {
    bottom: 0px;
    top: auto;
}

.hzdw_cca9 .hzdwc_line1 {
    display: none;
}

.hzdw_cca9 .hzdwc_dot {
    display: none;
}

.hzdw_cca9 .hzdwc_line2:after {
    bottom: 0px;
    top: auto;
}

.hzdw_cca0 .hzdwc_line2 {
    display: none;
}

.hzdw_cca0 .hzdwc_dot {
    display: none;
}

.hzdw_cca0 .hzdwc_line1 {
    display: none;
}

.hzdwc_imgs {
    padding: 8px;
}

.hzdw_cc:hover .hzdwc_line1:after {
    width: 100%;
}

.hzdw_cc:hover .hzdwc_line2:after {
    height: 100%;
}

.hzdw_cc:hover .hzdwc_dot {
    background: #00479d;
    border-radius: 50%;
}

.hzdw_mm {
    text-align: center;
    margin-top: 15px;
}

.hzdw_mm a {
    display: inline-block;
    position: relative;
    color: #00479d;
    background: #fff;
    border: solid 1px #00479d;
    padding: 11px 65px 11px 20px;
}

.hzdw_mm a:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.hzdw_mm a:hover {
    background: #00479d;
    color: #fff;
}

.hzdw_mm a:hover:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 20px;
}

#chan4 {
    padding: 25px 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#chan4 a {
    color: #fff;
    display: inline-block;
}

.chan4_tt {
    font-size: 22px;
    font-weight: bold;
}

.chan4_dc {
    margin-top: 10px;
    font-size: 13px;
    line-height: 2;
}

.chan4_mm {
    margin-top: 15px;
    overflow: hidden;
}

.chan4_mm span {
    display: inline-block;
    position: relative;
    color: #fff;
    border: solid 1px #fff;
    padding: 11px 65px 11px 20px;
}

.chan4_mm span:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
}

.chan4_mm span:hover {
    background: #fff;
    color: #00479d;
}

.chan4_mm span:hover:after {
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
    right: 20px;
}

#chan5 {
    background: #002a5e;
    padding: 20px 0px;
}

.myrys {
    overflow: hidden;
}

.myrys a {
    width: 100%;
    float: left;
    position: relative;
}

.myrys_img img {
    width: 100%;
}

.myrys_txt {
    padding: 20px 170px 0px 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.myrys_txt_tt {
    font-size: 18px;
    font-weight: bold;
}

.myrys_txt_dc {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
}

.myrys_txt_mm {
    margin-top: 20px;
    overflow: hidden;
}

.myrys_txt_mm span {
    transition: all 0.3s ease-out 0s;
    float: left;
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_02.png) no-repeat;
}

.myrys a:hover .myrys_txt_mm span {
    margin-left: 15px;
}

.myrys a:hover {
    color: #000;
}

@media (min-width:370px) {
    .news_left_txt_tt {
        height: 40px;
    }
    .myrys_txt_dc {
        height: 60px;
    }
}

@media (min-width:768px) {
    .mabout_ul li {
        width: 25%;
    }
    #chan4 {
        padding: 30px 0px;
    }
    .news_left_txt_tt {
        line-height: 1.5;
        height: auto;
    }
}

@media (min-width:992px) {
    .news_left {
        width: 50%;
        float: left;
    }
    .news_mid {
        width: 23.8%;
        float: left;
        margin-left: 1.2%;
    }
    .news_right {
        width: 23.8%;
        float: left;
        margin-left: 1.2%;
    }
    .news_mid a {
        width: 100%;
        margin-top: 17px;
    }
    .news_mid a.news_mida1 {
        margin-top: 0px;
    }
    .news_right a {
        width: 100%;
        margin-top: 17px;
    }
    .news_right a.news_righta1 {
        margin-top: 0px;
    }
    #chan4 {
        padding: 36px 0px;
    }
}

@media (min-width:1200px) {
    #chan1 {
        padding: 35px 0px 60px 0px;
    }
    .chan1_bg {
        width: 883px;
        height: 550px;
        position: absolute;
        background: url(/static/index/zm001/images/sydt.png) no-repeat;
        top: 30px;
        right: 0px;
    }
    #chan1 .container {
        position: relative;
        z-index: 1;
    }
    .about {
        position: relative;
        padding-right: 400px;
    }
    .about_tt {
        padding-top: 30px;
        font-size: 32px;
        font-weight: bold;
    }
    .about_tt a span {
        color: #00479d;
    }
    .about_cc {
        color: #666;
        font-size: 15px;
        margin-top: 20px;
        line-height: 2;
    }
    .about_mm {
        position: absolute;
        right: 0px;
        top: 60px;
        color: #00479d;
        background: #fff;
        border: solid 1px #00479d;
        padding: 14px 80px 14px 35px;
    }
    .about_mm:after {
        transition: all 0.3s ease-out 0s;
        content: '';
        position: absolute;
        right: 36px;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 7px;
        background: url(/static/index/zm001/images/more_01.png) no-repeat;
    }
    .about_mm:hover {
        background: #00479d;
        color: #fff;
    }
    .about_mm:hover:after {
        background: url(/static/index/zm001/images/more_01h.png) no-repeat;
        right: 26px;
    }
    .about_ul {
        width: 870px;
        margin-top: 35px;
    }
    .about_ul li {
        float: left;
        width: 25%;
        padding-right: 70px;
    }
    .about_ul li a {
        display: inline-block;
        text-align: center;
    }
    .about_a_img {
        height: 87px;
    }
    .about_a_img img {
        height: 100%;
        transition: all 0.3s ease-out 0s;
    }
    .about_ul li a:hover .about_a_img img {
        transform: rotate(45deg);
    }
    .about_a_txt {
        margin-top: 15px;
        font-size: 16px;
        color: #666;
    }
    .about_a_mm {
        position: relative;
        margin-top: 8px;
    }
    .about_a_mm b {
        font-family: 'Arial';
        font-size: 42px;
        color: #00479d;
    }
    .about_a_mm span {
        color: #666;
        font-size: 15px;
        margin-left: 6px;
    }
    .about_a_mm i {
        position: absolute;
        top: 0px;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
        font-family: 'Arial';
        color: #00479d;
    }
    .about_a_mmi1 {
        display: none;
    }
    .about_a_mmi2 {
        right: 4px;
    }
    .about_a_mmi3 {
        right: 8px;
    }
    .about_a_mmi4 {
        right: 16px;
    }
    .yw_tt {
        font-size: 24px;
        font-weight: bold;
        margin-top: 40px;
    }
    .yw {
        overflow: hidden;
        margin-top: 20px;
    }
    .yw a {
        transition: all 0s;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        float: left;
        width: 132px;
        margin-left: 10px;
        height: 310px;
        overflow: hidden;
        position: relative;
    }
    .yw a.ywaa1 {
        margin-left: 0px;
    }
    .yw_left {
        position: relative;
        width: 132px;
        height: 310px;
        float: left;
    }
    .yw_left span {
        width: 26px;
        line-height: 24px;
        color: #fff;
        font-size: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .yw a.ywa0 .yw_left {
        background: #a9b3be;
    }
    .yw a.ywa1 .yw_left {
        background: #7a8693;
    }
    .yw_right {
        display: block;
        width: 450px;
        height: 310px;
        float: left;
        position: relative;
    }
    .yw_right .yw_right_txt {
        padding: 40px 50px 0px 30px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }
    .yw_right_txt_tt {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
    }
    .yw_right_txt_dc {
        margin-top: 15px;
        color: rgba(255, 255, 255, 0.65);
        line-height: 2;
    }
    .yw_right_txt_mm {
        margin-top: 30px;
    }
    .yw_right_txt_mm span {
        transition: all 0.3s ease-out 0s;
        float: left;
        color: #fff;
        position: relative;
        padding-right: 60px;
    }
    .yw_right_txt_mm span:after {
        width: 25px;
        height: 7px;
        transition: all 0.3s ease-out 0s;
        content: '';
        background: url(/static/index/zm001/images/more_01h.png) no-repeat;
        right: 26px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .yw a.on {
        width: 572px;
    }
    .yw a.on .yw_left {
        width: 122px;
        background: #00479d;
    }
    .yw a:hover .yw_right_txt_mm span:after {
        right: 16px;
    }
    .yw a:hover .yw_right_txt_mm span {
        margin-left: 10px;
    }
    #chan2 {
        padding: 40px 0px 50px 0px;
        background: url(/static/index/zm001/images/bg1.jpg) no-repeat;
        background-size: 100% 100%;
        background-attachment: fixed;
    }
    .chan2_tt {
        height: 36px;
        line-height: 36px;
        overflow: hidden;
    }
    .chan2_tt a {
        color: #e8e8e8;
        font-size: 30px;
        font-weight: bold;
        float: left;
    }
    .chan2_tt span {
        color: #aeaeae;
        font-size: 15px;
        float: left;
        margin-left: 20px;
    }
    #dcproducts {
        position: relative;
        height: 541px;
        margin-top: 35px;
    }
    .cproducts {
        overflow: hidden;
        width: 2280px;
        height: 541px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
    }
    .products {
        overflow: visible;
        width: 1140px;
        height: 100%;
        position: relative;
    }
    .products .swiper-slide {
        opacity: 0.5;
    }
    .products .swiper-slide-active {
        opacity: 1;
    }
    .products a {
        width: 100%;
        overflow: hidden;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: top left;
        float: left;
        position: relative;
    }
    .products a.products_a1 {
        background-image: url(/static/index/zm001/images/product_bg1.jpg);
    }
    .products a.products_a2 {
        background-image: url(/static/index/zm001/images/product_bg2.jpg);
    }
    .products a.products_a3 {
        background-image: url(/static/index/zm001/images/product_bg3.jpg);
    }
    .products a.products_a4 {
        background-image: url(/static/index/zm001/images/product_bg4.jpg);
    }
    .products a.products_a0 {
        background-image: url(/static/index/zm001/images/product_bg5.jpg);
    }
    .products_img {
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 25px;
    }
    .products_imgc {
        width: 75%;
        z-index: 2;
    }
    .products_mm {
        color: #00479d;
        border: solid 1px #D9D9D9;
        padding: 14px 80px 14px 35px;
        position: absolute;
        top: 75px;
        right: 35px;
    }
    .products_mm:after {
        transition: all 0.3s ease-out 0s;
        content: '';
        position: absolute;
        right: 36px;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 7px;
        background: url(/static/index/zm001/images/more_01.png) no-repeat;
    }
    .products_txt {
        position: absolute;
        top: 150px;
        right: 35px;
        font-size: 30px;
    }
    .products_zm {
        z-index: 1;
        text-transform: uppercase;
        text-align: right;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.1);
        font-size: 80px;
        position: absolute;
        right: 40px;
        bottom: 60px;
    }
    .products_dc {
        margin-bottom: 40px;
        height: 52px;
        line-height: 52px;
        overflow: hidden;
        padding: 0px 50px 0px 30px;
    }
    .products_dcsz {
        color: #d7d7d7;
        font-family: 'Arial';
        font-size: 32px;
        font-weight: bold;
    }
    .products_dccc {
        width: 70%;
        text-align: right;
        color: #666;
        font-size: 15px;
    }
    .products .s-prev {
        transition: all 0.3s ease-out 0s;
        outline: none;
        right: 60px;
        z-index: 10;
        bottom: 12px;
        width: 21px;
        height: 36px;
        background: url(/static/index/zm001/images/left2.png) no-repeat center;
        position: absolute;
    }
    .products .s-next {
        transition: all 0.3s ease-out 0s;
        outline: none;
        right: -30px;
        z-index: 10;
        bottom: 12px;
        width: 67px;
        height: 36px;
        background: url(/static/index/zm001/images/right2.png) no-repeat center;
        position: absolute;
    }
    .products .s-prev:hover {
        right: 70px;
    }
    .products .s-next:hover {
        right: -40px;
    }
    .products a:hover .products_mm {
        border: solid 1px #00479d;
        background: #00479d;
        color: #fff;
    }
    .products a:hover .products_mm:after {
        right: 26px;
        background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    }
    #chan3 {
        padding: 35px 0px;
    }
    .news_tt {
        line-height: 42px;
        height: 42px;
    }
    .news_tt a {
        font-size: 30px;
    }
    .news {
        overflow: hidden;
        margin-top: 25px;
    }
    .news_left_txt {
        padding: 40px 60px 0px 40px;
    }
    .news_left_txt_tm {
        font-size: 15px;
    }
    .news_left_txt_tt {
        margin-top: 18px;
        font-size: 22px;
    }
    .news_left_txt_dc {
        margin-top: 25px;
        line-height: 1.8;
    }
    .news_left_txt_mm {
        margin-top: 50px;
    }
    .news_left_txt_mm span {
        padding: 14px 80px 14px 35px;
    }
    .news_left_txt_mm span:after {
        right: 36px;
    }
    .news_left .swiper-pagination {
        bottom: 25px;
    }
    .news_left a:hover .news_left_txt_mm span:after {
        right: 26px;
    }
    .news_mid a {
        margin-top: 22px;
    }
    .news_right a {
        margin-top: 22px;
    }
    .news_mid_txt {
        height: 40px;
        line-height: 40px;
    }
    .news_right_txt {
        padding: 35px 35px 0px 25px;
    }
    .news_right_txt_tt {
        font-size: 22px;
        line-height: 1.5;
    }
    .hzdw {
        margin-top: 35px;
    }
    .news_tt span {
        float: left;
        margin-left: 20px;
        font-size: 15px;
        color: #666;
    }
    .news_tt span b {
        color: #e8010f;
    }
    .hzdw_cc {
        margin-top: 25px;
    }
    .hzdw_mm {
        margin-top: 25px;
    }
    .hzdw_mm a {
        padding: 14px 80px 14px 35px;
    }
    .hzdw_mm a:after {
        right: 36px;
    }
    .hzdw_mm a:hover:after {
        right: 26px;
    }
    #chan4 {
        padding: 120px 0px;
    }
    .chan4_tt {
        font-size: 32px;
    }
    .chan4_dc {
        margin-top: 25px;
        width: 48%;
    }
    .chan4_mm {
        margin-top: 40px;
    }
    .chan4_mm span {
        padding: 14px 80px 14px 35px;
    }
    .chan4_mm span:after {
        right: 36px;
    }
    #chan4 a:hover .chan4_mm span:after {
        right: 26px;
    }
    #chan5 {
        padding: 50px 0px;
    }
    .yrys {
        overflow: hidden;
    }
    .yrys a {
        width: 20%;
        float: left;
        height: 220px;
        position: relative;
    }
    .yrys_img {
        text-align: center;
    }
    .yrys_img img {
        height: 220px;
    }
    .yrys_txt {
        color: #4e4e4e;
        padding: 35px 30px 0px 30px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .yrys_txt_tt {
        font-size: 24px;
        font-weight: bold;
    }
    .yrys_txt_dc {
        line-height: 24px;
        height: 72px;
        overflow: hidden;
        margin-top: 10px;
    }
    .yrys_txt_mm {
        margin-top: 30px;
        overflow: hidden;
    }
    .yrys_txt_mm span {
        transition: all 0.3s ease-out 0s;
        float: left;
        width: 25px;
        height: 7px;
        background: url(/static/index/zm001/images/more_02.png) no-repeat;
    }
    .yrys a.on {
        width: 40%;
    }
    .yrys a.on .yrys_txtc {
        width: 55%;
    }
    .yrys a:hover .yrys_txt_mm span {
        margin-left: 15px;
    }
    .yrys a:hover {
        color: #000;
    }
    .hzdwc_imgs {
        padding: 10px;
    }
}

@media (min-width:1601px) {
    #chan1 {
        padding: 55px 0px 110px 0px;
    }
    .chan1_bg {
        top: 55px;
    }
    .about {
        padding-right: 500px;
    }
    .about_tt {
        padding-top: 50px;
        font-size: 50px;
    }
    .about_cc {
        font-size: 16px;
        margin-top: 35px;
    }
    .about_mm {
        top: 70px;
        padding: 22px 95px 22px 50px;
        border: solid 2px #00479d;
    }
    .about_mm:after {
        right: 45px;
    }
    .about_mm:hover:after {
        right: 35px;
    }
    .about_ul {
        width: 1230px;
        margin-top: 65px;
    }
    .about_ul li {
        width: 25%;
        padding-right: 120px;
    }
    .about_a_txt {
        margin-top: 20px;
        font-size: 17px;
    }
    .about_a_mm {
        margin-top: 12px;
    }
    .about_a_mm b {
        font-size: 55px;
    }
    .about_a_mm span {
        font-size: 16px;
        margin-left: 8px;
    }
    .about_a_mm i {
        top: 5px;
        font-size: 27px;
    }
    .about_a_mmi2 {
        right: 0px;
    }
    .about_a_mmi3 {
        right: 2px;
    }
    .yw_tt {
        font-size: 28px;
        margin-top: 80px;
    }
    .yw {
        margin-top: 30px;
    }
    .yw a {
        width: 150px;
        margin-left: 15px;
        height: 325px;
    }
    .yw_left {
        width: 150px;
        height: 325px;
    }
    .yw_left span {
        width: 34px;
        line-height: 28px;
        font-size: 26px;
    }
    .yw_right {
        width: 600px;
        height: 325px;
    }
    .yw_right .yw_right_txt {
        padding: 55px 70px 0px 40px;
    }
    .yw_right_txt_tt {
        font-size: 24px;
    }
    .yw_right_txt_dc {
        margin-top: 20px;
    }
    .yw_right_txt_mm {
        margin-top: 30px;
    }
    .yw_right_txt_mm span {
        padding-right: 70px;
    }
    .yw_right_txt_mm span:after {
        right: 36px;
    }
    .yw a.on {
        width: 740px;
    }
    .yw a.on .yw_left {
        width: 140px;
    }
    .yw a:hover .yw_right_txt_mm span:after {
        right: 26px;
    }
    #chan2 {
        padding: 70px 0px 90px 0px;
    }
    .chan2_tt {
        height: 56px;
        line-height: 56px;
    }
    .chan2_tt a {
        font-size: 40px;
    }
    .chan2_tt span {
        font-size: 16px;
        margin-left: 36px;
    }
    #dcproducts {
        height: 594px;
        margin-top: 45px;
    }
    .cproducts {
        width: 2560px;
        height: 594px;
    }
    .products {
        width: 1280px;
    }
    .products_img {
        padding-left: 55px;
        padding-right: 60px;
        padding-top: 30px;
    }
    .products_imgc {
        width: 75%;
    }
    .products_mm {
        padding: 18px 95px 18px 50px;
        border: solid 2px #D9D9D9;
        top: 75px;
        right: 60px;
    }
    .products_mm:after {
        right: 45px;
    }
    .products_txt {
        top: 160px;
        right: 60px;
        font-size: 40px;
    }
    .products_zm {
        font-size: 110px;
        line-height: 115px;
        right: 75px;
        bottom: 45px;
    }
    .products_dc {
        margin-bottom: 55px;
        padding: 0px 160px 0px 50px;
    }
    .products_dcsz {
        font-size: 42px;
    }
    .products_dccc {
        font-size: 16px;
    }
    .products a:hover .products_mm:after {
        right: 35px;
    }
    #chan3 {
        padding: 60px 0px 70px 0px;
    }
    .news_tt {
        line-height: 56px;
        height: 56px;
    }
    .news_tt a {
        font-size: 40px;
    }
    .news {
        margin-top: 40px;
    }
    .news_left_txt {
        padding: 60px 80px 0px 65px;
    }
    .news_left_txt_tm {
        font-size: 16px;
    }
    .news_left_txt_tt {
        margin-top: 20px;
        font-size: 24px;
    }
    .news_left_txt_dc {
        margin-top: 35px;
    }
    .news_left_txt_mm {
        margin-top: 80px;
    }
    .news_left_txt_mm span {
        padding: 22px 95px 22px 50px;
    }
    .news_left_txt_mm span:after {
        right: 45px;
    }
    .news_left a:hover .news_left_txt_mm span:after {
        right: 35px;
    }
    .news_left .swiper-pagination {
        bottom: 40px;
    }
    .news_left .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .news_mid a {
        margin-top: 26px;
    }
    .news_mid a:hover .news_mid_txt {
        background: #000;
    }
    .news_right a {
        margin-top: 26px;
    }
    .news_mid_txt {
        height: 46px;
        line-height: 46px;
        font-size: 16px;
    }
    .news_right_txt {
        padding: 45px 35px 0px 25px;
    }
    .news_right_txt_tt {
        font-size: 24px;
        margin-top: 20px;
    }
    .hzdw {
        margin-top: 80px;
    }
    .news_tt span {
        margin-left: 35px;
        font-size: 16px;
    }
    .hzdw_cc {
        margin-top: 55px;
    }
    .hzdw_mm {
        margin-top: 60px;
    }
    .hzdw_mm a {
        padding: 22px 95px 22px 50px;
        border: solid 2px #00479d;
    }
    .hzdw_mm a:after {
        right: 45px;
    }
    .hzdw_mm a:hover:after {
        right: 35px;
    }
    #chan4 {
        padding: 220px 0px 220px 0px;
    }
    .chan4_tt {
        font-size: 50px;
    }
    .chan4_dc {
        margin-top: 35px;
    }
    .chan4_mm {
        margin-top: 100px;
    }
    .chan4_mm span {
        padding: 22px 95px 22px 50px;
        border: solid 2px #fff;
    }
    .chan4_mm span:after {
        right: 45px;
    }
    #chan4 a:hover .chan4_mm span:after {
        right: 35px;
    }
    #chan5 {
        padding: 85px 0px;
    }
    .yrys a {
        height: 270px;
    }
    .yrys_img img {
        height: 270px;
    }
    .yrys_txt {
        padding: 45px 35px 0px 35px;
    }
    .yrys_txt_tt {
        font-size: 28px;
    }
    .yrys_txt_dc {
        margin-top: 20px;
        line-height: 27px;
        height: 81px;
    }
    .yrys_txt_mm {
        margin-top: 40px;
    }
    .yrys a.on .yrys_txtc {
        width: 52%;
    }
    .hzdwc_imgs {
        padding: 16px;
    }
}

/*******Css footer*******/

#mfooter {
    line-height: 2;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px;
    background: url(/static/index/zm001/images/fbg.jpg) no-repeat;
    background-size: 100% 100%;
    color: #666666;
    margin-bottom: 60px;
}

#mfooter a {
    color: #666;
}

#mfooter a:hover {
    text-decoration: underline;
    color: #00479d;
}

#mfooter .mfooter_right_tt {
    color: #4e4e4e;
    font-weight: bold;
    font-size: 15px;
}

.mfooter_right_img {
    margin-top: 10px;
}

.mfooter_right_img img {
    max-width: 80%;
}

.mfooter_lx {
    margin-top: 15px;
    font-weight: bold;
}

#mfooter .mfooter_lx {
    color: #4e4e4e;
    font-size: 14px;
}

#mfooter .mfooter_lx a {
    color: #4e4e4e;
}

.mfooter_link {
    margin-top: 10px;
}

.mfooter_link a {
    margin-right: 15px;
}

.mfooter_coc {
    margin-top: 10px;
}

@media (min-width:768px) {
    #mfooter {
        margin-bottom: 0px;
    }
}

@media (min-width:992px) {
    .mfooter_right {
        width: 308px;
        float: right;
    }
    .mfooter_lx {
        margin-top: 30px;
        width: 580px;
        float: left;
        text-align: left;
    }
}

@media (min-width:1200px) {
    #footer {
        background: url(/static/index/zm001/images/fbg.jpg) no-repeat;
        background-size: 100% 100%;
        color: #666;
        padding-top: 35px;
        padding-bottom: 30px;
    }
    #footer a {
        color: #666;
    }
    #footer a:hover {
        text-decoration: underline;
        color: #00479d;
    }
    .footer_left {
        width: 840px;
        overflow: hidden;
    }
    .footer_left dl {
        float: left;
        width: 16.6%;
        padding-right: 18px;
    }
    .footer_left dl dt {
        font-size: 17px;
        font-weight: bold;
    }
    #footer .footer_left dl dt a:hover {
        text-decoration: none;
    }
    .footer_left dl dd {
        margin-top: 10px;
    }
    .footer_left dl dd a {
        display: block;
        line-height: 2.2;
    }
    #footer .footer_left dl dt {
        color: #4e4e4e;
    }
    .footer_right {
        width: 280px;
        text-align: left;
    }
    .footer_right_wx_tt {
        font-size: 17px;
        font-weight: bold;
    }
    .footer_right_wx_img {
        margin-top: 15px;
    }
    .footer_right_wx_img img {
        max-width: 100%;
    }
    #footer .footer_right_wx_tt {
        color: #4e4e4e;
    }
    .footer_right_lx {
        margin-top: 20px;
        font-size: 15px;
        font-weight: bold;
        line-height: 2;
    }
    #footer .footer_right_lx {
        color: #4e4e4e;
    }
    .footer_link {
        margin-top: 15px;
    }
    .footer_link a {
        margin-right: 20px;
    }
    .footer_coc {
        text-align: center;
        margin-top: 15px;
    }
    .footer_left dl.fdln {
        display: none;
    }
}

@media (min-width:1601px) {
    #footer {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .footer_left {
        width: 1040px;
    }
    .footer_left dl {
        width: 14.28%;
        padding-right: 30px;
    }
    .footer_left dl dt {
        font-size: 18px;
    }
    .footer_left dl dd {
        margin-top: 15px;
    }
    .footer_left dl.fdln {
        display: block;
    }
    .footer_right {
        width: 308px;
    }
    .footer_right_wx_tt {
        font-size: 18px;
    }
    .footer_right_lx {
        margin-top: 30px;
        font-size: 16px;
    }
    .footer_link {
        margin-top: 20px;
    }
    .footer_coc {
        margin-top: 20px;
    }
}

.footernav {
    width: 100%;
    color: #fff;
    height: 58px;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    background: #00479d;
}

.footernav a {
    color: #fff;
}

.footernav ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 5px 0px 8px 0px;
}

.footernp1 {
    font-size: 20px;
}

.footernp2 {
    line-height: 1.5;
}

.footernav ul li.on .footernp1 {
    animation: swing 1s infinite;
}

.popnews {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.54s;
}

.popbgs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    filter: alpha(opacity=70);
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: 0.54s 0.4s;
}

.popclose {
    width: 50px;
    height: 50px;
    position: fixed;
    left: 30px;
    top: 50%;
    margin-top: -25px;
    background: url(/static/index/zm001/images/close.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 5;
    transition: all 0.42s;
    left: -50px;
}

.popclose:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.poptext {
    height: 100%;
    position: absolute;
    width: calc(100% - 20px);
    left: 100%;
    top: 0;
    z-index: 4;
    transition: 0.58s;
}

.popwrs {
    background: #fff;
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow: scroll\9;
}

.popwrs::-webkit-scrollbar,
.serscoll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.popwrs::-webkit-scrollbar-thumb,
.serscoll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #C0C0C0;
}

.popwrs::-webkit-scrollbar-track,
.serscoll::-webkit-scrollbar-track {
    border-radius: 5px;
}

.popnews.show {
    visibility: visible;
}

.popnews.show .popbgs {
    opacity: 1;
    visibility: visible;
    transition: 0.65s;
}

.popnews.show .popclose {
    left: 0px;
    transition: 0.4s 0.3s left, 0.4s transform;
}

.popnews.show .poptext {
    left: 10px;
    right: 10px;
}

.popnewtext {
    padding: 20px 0px;
}

.popnewtext .containers {
    width: 92%;
    margin: 0px auto;
}

.popcom_tt {
    font-size: 18px;
    text-align: center;
}

@media (min-width:768px) {
    .poptext {
        width: calc(100% - 100px);
    }
    .popnews.show .poptext {
        left: 50px;
        right: 50px;
    }
    .popnews.show .popclose {
        left: 10px
    }
    .popnewtext .containers {
        width: 91%;
    }
}

@media (min-width:1200px) {
    .poptext {
        width: calc(100% - 160px);
    }
    .popnews.show .poptext {
        left: 80px;
        right: 80px;
    }
    .popnews.show .popclose {
        left: 30px
    }
    .popnewtext {
        padding: 40px 0px;
    }
    .popnewtext .containers {
        width: 88%;
    }
    .popcom_tt {
        font-size: 28px;
    }
}

@media (min-width:1601px) {
    .popnewtext {
        padding: 80px 0px;
    }
    .popnewtext .containers {
        width: 1400px;
    }
    .popcom_tt {
        font-size: 32px;
    }
}

.list_detail {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(/static/index/zm001/images/black_70.png) repeat;
    z-index: 99999;
    bottom: 100%;
    right: 0;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 0;
    text-align: center;
}

.list_detail.open {
    bottom: 0;
    opacity: 1;
}

.list_detail .show_box {
    width: 70%;
    background: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.list_detail .center_box {
    padding: 6% 5% 5%;
}

.list_detail .right_btn {
    width: 80px;
    position: absolute;
    top: 0;
    right: -80px;
}

.list_detail .right_btn .btn_box {
    width: 100%;
    height: 80px;
    background: url(/static/index/zm001/images/black_70.png) repeat;
    display: block;
    text-align: center;
    line-height: 80px;
    margin-bottom: 1px;
    cursor: pointer;
}

.list_detail .right_btn .btn_box:hover {
    background: #2d9eae;
}

.list_detail .right_btn .btn_ico {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/static/index/zm001/images/list_detail_ico.png) no-repeat;
}

.list_detail .right_btn .prev_btn .btn_ico {
    background-position: -80px 0px;
}

.list_detail .right_btn .close_btn {
    position: relative;
}

.list_detail .right_btn .close_btn:after,
.list_detail .right_btn .close_btn:before {
    content: "";
    width: 60%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.list_detail .right_btn .close_btn:after {
    top: 50%;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.list_detail .right_btn .close_btn:before {
    bottom: 50%;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.list_detail .right_btn .close_btn i {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
    color: #fff;
}

.list_detail .right_btn .close_btn:hover:after {
    top: 24%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.list_detail .right_btn .close_btn:hover:before {
    bottom: 24%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.list_detail .right_btn .close_btn:hover i {
    opacity: 1;
    visibility: visible;
}

.list_detail .hidden_box {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    visibility: hidden;
}

@media only screen and (max-width: 767px) {
    .list_detail .show_box {
        width: 90%;
    }
    .list_detail .right_btn {
        right: 0;
        width: 40px;
        top: -40px;
    }
    .list_detail .right_btn .btn_box {
        height: 40px;
    }
    .list_detail .right_btn .prev_btn,
    .list_detail .right_btn .next_btn {
        display: none;
    }
    .list_detail .right_btn .close_btn:hover:after {
        top: 50%;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .list_detail .right_btn .close_btn:hover:before {
        bottom: 50%;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .list_detail .right_btn .close_btn:hover i {
        opacity: 0;
        visibility: hidden;
    }
}

.list_detail .box_img {
    display: none;
}

.box_text_tt {
    text-align: left;
}

.box_text_tt span {
    padding: 8px 30px 8px 20px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: url(/static/index/zm001/images/tck_bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.box_text_cc {
    height: 260px;
    text-align: left;
    margin-top: 15px;
    line-height: 2;
    font-size: 13px;
    color: #666666;
}

@media (min-width:768px) {
    .box_text_cc {
        height: 320px;
        padding-right: 26px;
    }
}

@media (min-width:1200px) {
    .list_detail .box_img {
        display: block;
        width: 45%;
        float: left;
    }
    .list_detail .box_img img {
        max-width: 100%;
    }
    .list_detail .box_text {
        width: 50%;
        float: right;
    }
    .box_text_tt span {
        font-size: 22px;
        padding: 10px 40px 10px 30px;
    }
    .box_text_cc {
        height: 190px;
        margin-top: 25px;
        font-size: 15px;
    }
}

@media (min-width:1601px) {
    .box_text_tt span {
        font-size: 26px;
        padding: 12px 56px 12px 40px;
    }
    .box_text_cc {
        height: 260px;
        margin-top: 30px;
        font-size: 16px;
    }
}

#company1 {
    padding: 20px 0px 15px 0px;
    background: url(/static/index/zm001/images/company_bg1.jpg) no-repeat bottom center;
}

.company1_tt {
    font-size: 20px;
}

.company1_ft {
    margin-top: 5px;
    color: #00479d;
    font-weight: bold;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
}

.company1_ft span {
    float: left;
}

.company1_ft b {
    float: left;
    margin-left: 3px;
    font-size: 15px;
}

.company1_cc {
    line-height: 2;
    font-size: 13px;
    color: #000;
    margin-top: 10px;
}

.company1_ul {
    overflow: hidden;
    margin-top: 15px;
}

.company1_ul li {
    width: 50%;
    float: left;
    text-align: center;
    padding: 0px 30px;
    margin-top: 15px;
}

.company1_a_img {
    height: 87px;
}

.company1_a_img img {
    height: 100%;
    transition: all 0.3s ease-out 0s;
}

.company1_ul li a:hover .company1_a_img img {
    transform: rotate(45deg);
}

.company1_a_txt {
    font-size: 14px;
    margin-top: 6px;
}

.company1_a_mm {
    margin-top: 6px;
}

.company1_a_mmc {
    display: inline-block;
    position: relative;
}

.company1_a_mmc b {
    font-family: 'Arial';
    font-size: 32px;
    color: #00479d;
}

.company1_a_mmc span {
    font-size: 13px;
    margin-left: 5px;
}

.company1_a_mmc i {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    font-family: 'Arial';
    color: #00479d;
}

.company1_a_mmci1 {
    display: none;
}

#company1_ywbk {
    margin-top: 20px;
}

.company2_yw {
    overflow: hidden;
}

.company2_yw a {
    font-size: 16px;
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    padding: 18px 15px 16px 15px;
}

.company2_yw_txt {
    display: inline-block;
    position: relative;
    padding: 10px 0px;
    z-index: 3;
}

.company2_yw_txt:before {
    content: '';
    transition: all 0.3s ease-out 0s;
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.company2_yw_txt:after {
    content: '';
    transition: all 0.5s ease-out 0s;
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.company2_yw_img {
    transition: all 0.5s ease-out 0.2s;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.company2_yw_img img {
    max-width: 100%;
}

.company2_yw a:hover .company2_yw_txt:before {
    width: 36px;
}

.company2_yw a:hover .company2_yw_txt:after {
    width: 36px;
}

.company2_yw a.company2_ywa1 {
    background: #e83a3d;
}

.company2_yw a.company2_ywa2 {
    background: #0999ce;
}

.company2_yw a.company2_ywa3 {
    background: #2d9eae;
}

.company2_yw a.company2_ywa4 {
    background: #4b576e;
}

.company2_yw a.company2_ywa0 {
    background: #703683;
}

.company2_yw a:hover .company2_yw_img {
    opacity: 0.5;
}

#company3 {
    margin-top: 20px;
}

.company3_fzlc {
    overflow: hidden;
    margin-top: 15px;
    background: url(/static/index/zm001/images/company_bg2.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.company3_fzlc a {
    font-size: 18px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 25px 15px 20px 15px;
    color: #fff;
    border-right: solid 3px #ffffff;
}

.company3_fzlc_dc {
    font-weight: bold;
    font-family: 'Arial Black';
}

.company3_fzlc_mm {
    position: relative;
    margin-top: 10px;
    height: 20px;
}

.company3_fzlc_mm:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.23);
}

.company3_fzlc_mm:before {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #fff;
    z-index: 1;
    border-radius: 50%;
}

.company3_fzlc a:hover .company3_fzlc_mm:after {
    background: #fff;
}

.company3_fzlc a:hover .company3_fzlc_mm:before {
    background: #00479d;
}

#company4 {
    overflow: hidden;
    padding-bottom: 25px;
    margin-top: 20px;
    background: url(/static/index/zm001/images/company_bg3.jpg) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.company4_mdsz {
    margin-top: 15px;
    text-align: center;
}

.company4_mdsz img {
    max-width: 100%;
}

.company4_mdszzc {
    margin-top: 15px;
    position: relative;
    background: #fff url(../images/company_bg5.jpg) no-repeat bottom center;
    padding: 15px 15px 135px 15px;
}

.company4_mdszzc_tt {
    font-size: 20px;
}

.company4_mdszzc_dc {
    line-height: 2;
    font-size: 13px;
    margin-top: 10px;
}

.company4_mdszzc_qm {
    position: absolute;
    right: 25px;
    bottom: 20px;
}

#company5 {
    background: url(/static/index/zm001/images/company_bg4.jpg) no-repeat;
    margin-top: 20px;
}

.company5_zzry {
    overflow: hidden;
}

.company5_zzry_txt {
    margin-top: 20px;
}

.company5_zzry_txt_tt {
    font-size: 20px;
    color: #fff;
}

.company5_zzry_txt_tt a {
    color: #fff;
}

.company5_zzry_txt_ft {
    color: #d1dae5;
    margin-top: 10px;
    font-size: 16px;
}

.company5_zzry_txt_dc {
    color: #d1dae5;
    margin-top: 10px;
    font-size: 15px;
}

.company5_zzry_txt_mm {
    margin-top: 20px;
    overflow: hidden;
}

.company5_zzry_txt_mm a {
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_02.png) no-repeat;
    float: left;
}

.company5_zzry_txt_mm a:hover {
    margin-left: 15px;
}

.company5_zzry_img {
    margin-top: 15px;
    text-align: center;
}

.company5_zzry_img img {
    max-width: 100%;
}

.tc_btnv {
    font-size: 13px;
    padding: 0px 20px 0px 60px;
    height: 36px;
    line-height: 36px;
    background-image: url(/static/index/zm001/images/company_icon1.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: solid 1px #fff;
    color: #fff;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.crdpro1_video {
    position: relative;
}

.crdpro1_video #playVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

@media (min-width:768px) {
    .company1_ul li {
        width: 25%;
    }
    .company2_yw a {
        font-size: 17px;
        padding: 22px 15px 18px 15px;
    }
    .company3_fzlc a {
        padding: 35px 15px 30px 15px;
    }
    #company4 {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .company4_dszzc {
        width: 55%;
        padding: 30px 35px 120px 35px;
        float: left;
        background: #fff;
        position: relative;
    }
    .company4_dszzc_tt {
        font-size: 20px;
    }
    .company4_dszzc_dc {
        padding-right: 20px;
        height: 200px;
        margin-top: 15px;
        color: #666;
        line-height: 2;
        font-size: 13px;
    }
    .company4_dszzc_qm {
        position: absolute;
        right: 25px;
        bottom: 20px;
    }
    .company4_dszzc_qm img {
        width: 120px;
    }
    .company4_dsz {
        width: 40%;
        float: right;
    }
    .company4_dsz img {
        width: 100%;
    }
    .company5_zzry_txt {
        margin-top: 35px;
        padding-left: 10px;
    }
    .tc_btnv {
        left: 20px;
    }
}

@media (min-width:992px) {
    .company4_dszzc {
        margin-top: 40px;
    }
    .company4_dszzc_dc {
        height: 260px;
    }
    .company5_zzry_txt {
        margin-top: 45px;
        padding-left: 15px;
    }
    .company5_zzry_txt_ft {
        margin-top: 15px;
    }
    .company5_zzry_txt_mm {
        margin-top: 25px;
    }
    .tc_btnv {
        left: 50%;
        margin-left: -470px;
        height: 42px;
        line-height: 42px;
    }
}

@media (min-width:1200px) {
    #company1 {
        padding: 45px 0px 35px 0px;
    }
    .company1_tt {
        font-size: 30px;
    }
    .company1_ft {
        font-size: 15px;
        margin-top: 10px;
        line-height: 26px;
        height: 26px;
    }
    .company1_ft b {
        font-size: 18px;
    }
    .company1_cc {
        font-size: 15px;
        margin-top: 20px;
    }
    .company1_right {
        width: 28%;
        float: right;
    }
    .company1_img {
        text-align: center;
    }
    .company1_img img {
        max-width: 100%;
    }
    .company1_ul {
        margin-top: 28px;
    }
    .company1_ul li {
        width: 50%;
        margin-bottom: 20px;
        padding: 0px 15px;
    }
    .company1_a_txt {
        margin-top: 10px;
        font-size: 15px;
    }
    .company1_a_mm {
        margin-top: 10px;
    }
    .company1_a_mmc b {
        font-size: 38px;
    }
    #company1_ywbk {
        margin-top: 45px;
    }
    .company2_yw a {
        font-size: 20px;
        padding: 22px 15px 20px 15px;
    }
    .company2_yw_txt {
        padding: 14px 0px;
    }
    .company2_yw_txt:before {
        width: 0px;
    }
    .company2_yw_txt:after {
        width: 0px;
    }
    .company2_yw a:hover .company2_yw_txt:before {
        width: 60px;
    }
    .company2_yw a:hover .company2_yw_txt:after {
        width: 60px;
    }
    #company3 {
        margin-top: 45px;
    }
    .company3_fzlc {
        margin-top: 30px;
    }
    .company3_fzlc a {
        padding: 45px 15px 40px 15px;
        font-size: 28px;
    }
    .company3_fzlc_dc {
        margin-top: 5px;
    }
    .company3_fzlc_mm {
        margin-top: 15px;
    }
    #company4 {
        margin-top: 45px;
        padding-top: 25px;
    }
    .company4_dsz {
        width: 36%;
    }
    .company4_dszzc {
        width: 57%;
        margin-top: 50px;
    }
    .company4_dszzc_tt {
        font-size: 30px;
    }
    .company4_dszzc_dc {
        font-size: 15px;
    }
    #company5 {
        height: 530px;
        position: relative;
        margin-top: 45px;
    }
    .company5_zzry_img {
        width: 100%;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .company5_zzry_txt {
        margin-top: 65px;
        padding-left: 20px;
        position: relative;
        z-index: 3;
    }
    .company5_zzry_txt_tt {
        font-size: 30px;
    }
    .company5_zzry_txt_ft {
        margin-top: 20px;
        font-size: 24px;
    }
    .company5_zzry_txt_dc {
        margin-top: 15px;
        font-size: 18px;
    }
    .company5_zzry_txt_mm {
        margin-top: 45px;
    }
    .tc_btnv {
        font-size: 15px;
        margin-left: -550px;
        height: 50px;
        line-height: 50px;
        padding: 0px 30px 0px 70px;
        background-position: 20px center;
    }
    .crdpro1_video {
        width: 80%;
        margin: 0px auto;
    }
}

@media (min-width:1601px) {
    #company1 {
        padding: 70px 0px 45px 0px;
    }
    .company1_tt {
        font-size: 40px;
    }
    .company1_ft {
        font-size: 18px;
        margin-top: 15px;
        line-height: 32px;
        height: 32px;
    }
    .company1_ft b {
        font-size: 22px;
    }
    .company1_cc {
        font-size: 16px;
        margin-top: 35px;
    }
    .company1_right {
        width: 29%;
    }
    .company1_ul {
        margin-top: 60px;
    }
    .company1_ul li {
        margin-bottom: 26px;
    }
    .company1_a_txt {
        margin-top: 15px;
        font-size: 17px;
    }
    .company1_a_mm {
        margin-top: 10px;
    }
    .company1_a_mmc b {
        font-size: 52px;
    }
    .company1_a_mmc span {
        font-size: 16px;
    }
    .company1_a_mmc i {
        top: 8px;
        right: 2px;
    }
    #company1_ywbk {
        margin-top: 70px;
    }
    .company2_yw a {
        font-size: 22px;
    }
    .company2_yw_txt {
        padding: 18px 0px;
    }
    #company3 {
        margin-top: 75px;
    }
    .company3_fzlc {
        margin-top: 50px;
    }
    .company3_fzlc a {
        padding: 75px 15px 60px 15px;
        font-size: 36px;
    }
    .company3_fzlc_dc {
        margin-top: 7px;
    }
    .company3_fzlc_mm {
        margin-top: 18px;
    }
    #company4 {
        margin-top: 85px;
        padding-top: 30px;
    }
    .company4_dsz {
        width: 477px;
    }
    .company4_dszzc {
        width: 880px;
        margin-top: 70px;
        padding: 60px 60px 170px 60px;
    }
    .company4_dszzc_tt {
        font-size: 40px;
    }
    .company4_dszzc_dc {
        font-size: 16px;
    }
    .company4_dszzc_qm {
        bottom: 45px;
        right: 65px;
    }
    .company4_dszzc_qm img {
        width: 140px;
    }
    #company5 {
        height: 580px;
        margin-top: 85px;
    }
    .company5_zzry_img {
        width: 100%;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .company5_zzry_txt {
        margin-top: 115px;
        padding-left: 60px;
    }
    .company5_zzry_txt_tt {
        font-size: 40px;
    }
    .company5_zzry_txt_ft {
        margin-top: 55px;
        font-size: 30px;
    }
    .company5_zzry_txt_dc {
        margin-top: 22px;
        font-size: 20px;
    }
    .company5_zzry_txt_mm {
        margin-top: 65px;
    }
    .tc_btnv {
        font-size: 16px;
        margin-left: -680px;
        border: solid 2px #fff;
        height: 66px;
        line-height: 66px;
        padding: 0px 35px 0px 85px;
        background-position: 35px center;
    }
    .tc_btnv:hover {
        background-color: #fff;
        background-image: url(/static/index/zm001/images/company_icon1h.png);
    }
}

.scoll {
    overflow-x: hidden;
    overflow-y: scroll;
}

.scoll::-webkit-scrollbar {
    /* 滚动条宽度和高度 */
    width: 5px;
    height: 25px;
    background: url(/static/index/zm001/images/scoll_bg.jpg) repeat-y;
}

.scoll::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background: url(/static/index/zm001/images/scoll_bgh.jpg) repeat-y;
    border-radius: 6px;
}

.scoll::-webkit-scrollbar-track-piece {
    /*滚动条里面轨道*/
    width: 5px;
    background: url(/static/index/zm001/images/scoll_bg.jpg) repeat-y;
}

.prolist {
    overflow: hidden;
}

.prolist li {
    border: solid 1px #dedede;
    margin-top: 15px;
    background: #fff;
}

.prolist li .mproducts_dc {
    font-size: 12px;
    line-height: 1.6;
}

@media (min-width:768px) {
    .prolist li {
        width: 49%;
        float: left;
        margin-right: 2%;
    }
    .prolist li:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (min-width:992px) {
    .prolist li {
        width: 32%;
        float: left;
        margin-right: 2%;
    }
    .prolist li:nth-child(2n) {
        margin-right: 2%;
    }
    .prolist li:nth-child(3n) {
        margin-right: 0px;
    }
}

@media (min-width:1200px) {
    #page_pro {
        position: relative;
        background: url(/static/index/zm001/images/products_bg1.jpg) no-repeat;
        background-size: 100% 100%;
        background-attachment: fixed;
    }
    .page_pro_left {
        padding: 40px 60px 40px 65px;
        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
        width: 25%;
        height: 100%;
        background: url(/static/index/zm001/images/products_bg2.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .page_pro_left_tt {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
    }
    .page_pro_left_ft {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'Arial';
        font-size: 13px;
        margin-top: 5px;
    }
    .page_pro_left_ya {
        overflow: hidden;
        margin-top: 25px;
    }
    .page_pro_left_ya a {
        transition: all 0.2s ease-out 0s;
        padding-right: 30px;
        color: #4780c4;
        font-size: 20px;
        width: 100%;
        float: left;
        height: 62px;
        line-height: 62px;
        position: relative;
    }
    .page_pro_left_ya a:after {
        transition: all 0.2s ease-out 0s;
        content: '';
        width: 0px;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .page_pro_left_ya a:hover {
        color: #fff;
    }
    .page_pro_left_ya a:hover:after {
        width: 100%;
    }
    .page_pro_left .hd li {
        cursor: pointer;
        transition: all 0.2s ease-out 0s;
        padding-right: 30px;
        color: #4780c4;
        font-size: 20px;
        width: 100%;
        float: left;
        height: 62px;
        line-height: 62px;
        position: relative;
    }
    .page_pro_left .hd li:after {
        transition: all 0.2s ease-out 0s;
        content: '';
        width: 0px;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .page_pro_left .hd li:before {
        content: '';
        transition: all 0.3s ease-out 0s;
        width: 10px;
        height: 12px;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 0px;
    }
    .page_pro_left .hd li.on {
        color: #fff;
    }
    .page_pro_left .hd li.on:after {
        width: 100%;
    }
    .page_pro_left .hd li.on:before {
        background: url(/static/index/zm001/images/products_bg3.png) no-repeat;
    }
    .page_pro_cc {
        width: 70%;
        float: right;
        padding: 110px 0px 100px 0px;
        position: relative;
    }
    .page_pro_cc_img {
        position: relative;
        z-index: 2;
    }
    .page_pro_cc_txt {
        position: absolute;
        top: 80px;
        left: 0px;
        width: 400px;
        color: #fff;
    }
    .page_pro_cc_txt a {
        color: #fff;
    }
    .page_pro_cc_txt_tt {
        font-size: 32px;
    }
    .page_pro_cc_txt_ft {
        font-size: 15px;
        margin-top: 10px;
        line-height: 1.6;
    }
    .page_pro_cc_zm {
        z-index: 1;
        width: 100%;
        padding-right: 30px;
        font-weight: bold;
        font-size: 60px;
        text-transform: uppercase;
        text-align: right;
        position: absolute;
        bottom: 120px;
        color: rgba(255, 255, 255, 0.2);
    }
    .page_pro_cc_mm {
        color: #fff;
        padding: 13px 80px 13px 40px;
        border: solid 1px #fff;
        position: absolute;
        bottom: 60px;
        right: 0px;
    }
    .page_pro_cc_mm:after {
        transition: all 0.3s ease-out 0s;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 36px;
        width: 25px;
        height: 7px;
        background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    }
    .page_pro_cc_mm:hover {
        background: #00479d;
        border: solid 1px #00479d;
        color: #fff;
    }
    .page_pro_cc_mm:hover:after {
        right: 25px;
    }
    #page_pro_cc52 .page_pro_cc_txt {
        right: 0px;
        left: auto;
    }
}

@media (min-width:1601px) {
    .page_pro_left {
        padding: 100px 110px 60px 120px;
    }
    .page_pro_left_tt {
        font-size: 40px;
    }
    .page_pro_left_ft {
        font-size: 14px;
    }
    .page_pro_left_ya {
        margin-top: 30px;
    }
    .page_pro_left_ya a {
        font-size: 22px;
        height: 82px;
        line-height: 82px;
    }
    .page_pro_left .hd li {
        font-size: 22px;
        height: 82px;
        line-height: 82px;
    }
    .page_pro_cc {
        width: 75%;
        padding: 180px 0px 160px 0px;
    }
    .page_pro_cc_txt {
        top: 100px;
    }
    .page_pro_cc_txt_tt {
        font-size: 50px;
    }
    .page_pro_cc_txt_ft {
        font-size: 17px;
        margin-top: 20px;
        line-height: 1.7;
    }
    .page_pro_cc_zm {
        bottom: 165px;
        font-size: 110px;
        padding-right: 40px;
    }
    .page_pro_cc_mm {
        padding: 18px 90px 18px 50px;
        border: solid 2px #fff;
        bottom: 90px;
    }
    .page_pro_cc_mm:after {
        right: 46px;
    }
    .page_pro_cc_mm:hover {
        border: solid 2px #00479d;
    }
    .page_pro_cc_mm:hover:after {
        right: 35px;
    }
}

.prolists {
    overflow: hidden;
    padding: 15px;
}

.prolists li {
    overflow: hidden;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    padding: 25px 20px 30px 20px;
    float: left;
    width: 32%;
    margin-right: 2%;
}

.prolists li:nth-child(3n) {
    margin-right: 0px;
}

.prolists_txt {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.prolists_stxt {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 4px;
}

.prolists_sft {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
}

.prolists_dc {
    margin-top: 15px;
}

.prolists_dc_cc {
    padding: 0px 15px;
    line-height: 40px;
    height: 40px;
    background: #f6f6f6;
    color: #666;
}

.prolists_dc_cc2 {
    background: #fff;
}

.prolists_btn {
    text-align: center;
    opacity: 0;
    position: absolute;
    width: 100%;
    padding: 20px 0px;
    transition: all 0.3s ease-out 0s;
    left: 0px;
    bottom: -100px;
    background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%);
}

.prolists_btnc {
    display: inline-block;
}

.prolists_btn a {
    float: left;
    text-align: left;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 20px center;
    width: 130px;
    height: 42px;
    line-height: 40px;
}

.prolists_btn_a1 {
    background-image: url(/static/index/zm001/images/pro_icon1.png);
    border: solid 1px #dedede;
    color: #666;
}

.prolists_btn_a2 {
    margin-left: 15px;
    background-image: url(/static/index/zm001/images/pro_icon2.png);
    border: solid 1px #e8010f;
    color: #e8010f;
}

.prolists_btn_a1:hover {
    background-color: #00479d;
    background-image: url(/static/index/zm001/images/pro_icon1h.png);
    border: solid 1px #00479d;
    color: #fff;
}

.prolists_btn_a2:hover {
    background-color: #00479d;
    background-image: url(/static/index/zm001/images/pro_icon2h.png);
    border: solid 1px #00479d;
    color: #fff;
}

.prolists li:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.prolists li:hover .prolists_btn {
    bottom: 0px;
    opacity: 1;
}

@media (min-width:1601px) {
    .prolists {
        padding: 25px;
    }
    .prolists li {
        margin-bottom: 45px;
        padding: 30px 28px 40px 28px;
        width: 31.33%;
        margin-right: 3%;
    }
    .prolists_txt {
        font-size: 18px;
        margin-top: 28px;
    }
    .prolists_stxt {
        font-size: 18px;
    }
    .prolists_sft {
        margin-top: 20px;
        font-size: 16px;
    }
    .prolists_dc {
        margin-top: 25px;
    }
    .prolists_dc_cc {
        padding: 0px 20px;
        line-height: 46px;
        height: 46px;
    }
    .prolists_btn {
        padding: 30px 0px;
    }
    .prolists_btn a {
        width: 160px;
        height: 50px;
        line-height: 48px;
        background-position: 25px center;
        padding-left: 60px;
    }
    .prolists_btn_a2 {
        margin-left: 20px;
    }
    .prolists li:hover {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    }
}

.yxwl {
    margin-top: 20px;
    overflow: hidden;
}

.yxwl_tt {
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
}

.yxwl_tt:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #00479d;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
}

.yxwl_c1 {
    margin-top: 10px;
    color: #666666;
    line-height: 2;
    font-size: 13px;
}

.yxwl_c2 {
    overflow: hidden;
}

.yxwl_c2_cc {
    margin-top: 15px;
}

.yxwl_c2_cc_tt {
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.yxwl_c2_cc_cc {
    padding: 15px;
}

.yxwl_c2_cc_cc_tt {
    font-size: 14px;
    font-weight: bold;
}

.yxwl_c2_cc_cc_cc {
    color: #666666;
    line-height: 2;
}

#yxwl_c2_cc1 .yxwl_c2_cc_cc {
    background: #f2f7fc;
}

#yxwl_c2_cc2 .yxwl_c2_cc_cc {
    background: #faf5fa;
}

#yxwl_c2_cc3 .yxwl_c2_cc_cc {
    background: #fdf6f5;
}

#yxwl_c2_cc4 .yxwl_c2_cc_cc {
    background: #fdf6f3;
}

#yxwl_c2_cc5 .yxwl_c2_cc_cc {
    background: #fef9f3;
}

#yxwl_c2_cc6 .yxwl_c2_cc_cc {
    background: #f8faf2;
}

#yxwl_c2_cc7 .yxwl_c2_cc_cc {
    background: #f4faf2;
}

#yxwl_c2_cc0 .yxwl_c2_cc_cc {
    background: #f2f7fc;
}

#yxwl_c2_cc1 .yxwl_c2_cc_tt {
    background: #015abf;
}

#yxwl_c2_cc2 .yxwl_c2_cc_tt {
    background: #943e9b;
}

#yxwl_c2_cc3 .yxwl_c2_cc_tt {
    background: #d74235;
}

#yxwl_c2_cc4 .yxwl_c2_cc_tt {
    background: #de550a;
}

#yxwl_c2_cc5 .yxwl_c2_cc_tt {
    background: #e78019;
}

#yxwl_c2_cc6 .yxwl_c2_cc_tt {
    background: #7aa200;
}

#yxwl_c2_cc7 .yxwl_c2_cc_tt {
    background: #299e00;
}

#yxwl_c2_cc0 .yxwl_c2_cc_tt {
    background: #5250b5;
}

.yxwl_c3 {
    margin-top: 12px;
}

.yxwl_c3 img {
    max-width: 100%;
}

.yxwl_c4 {
    margin-top: 15px;
}

.yxwl_c4 p {
    padding: 10px 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    border: solid 1px #E4E4E4;
    color: #666666;
    font-size: 13px;
}

.yxwl_c4 p strong {
    color: #D4D4D4;
    font-size: 18px;
    margin-right: 5px;
}

.yxwl_tel {
    color: #2883eb;
    font-weight: bold;
    font-size: 18px;
    margin-top: 6px;
}

.yxwl_tel span {
    font-family: Arial;
    font-size: 20px;
}

.fwdq_img {
    margin-top: 10px;
    text-align: center;
}

.fwdq_img img {
    max-width: 100%;
}

@media (min-width:768px) {
    .yxwl_c2 {
        margin-top: 15px;
    }
    .yxwl_c4 p {
        padding: 12px 20px;
        line-height: 1.6;
    }
}

@media (min-width:992px) {
    .yxwl_c2_cc {
        margin-top: 20px;
    }
}

@media (min-width:1200px) {
    .yxwl {
        margin-top: 45px;
    }
    .yxwl_tt {
        font-size: 22px;
        padding-left: 24px;
    }
    .yxwl_c1 {
        font-size: 15px;
        margin-top: 20px;
    }
    .yxwl_c2 {
        margin-top: 25px;
    }
    .yxwl_c2_cc {
        margin-top: 25px;
    }
    .yxwl_c2_cc_tt {
        height: 52px;
        line-height: 52px;
        font-size: 20px;
    }
    .yxwl_c2_cc_cc {
        padding: 25px;
    }
    .yxwl_c2_cc_cc_tt {
        font-size: 16px;
    }
    .yxwl_c3 {
        margin-top: 20px;
    }
    .yxwl_c4 {
        margin-top: 25px;
    }
    .yxwl_c4 p {
        padding: 15px 28px;
        font-size: 15px;
    }
    .yxwl_c4 p strong {
        font-size: 30px;
        margin-right: 15px;
    }
    .yxwl_tel {
        font-size: 22px;
        margin-top: 10px;
    }
    .yxwl_tel span {
        font-size: 26px;
    }
    #shzr_ss .yxwl_tel {
        text-align: center;
    }
    .fwdq_img {
        margin-top: 20px;
    }
}

@media (min-width:1601px) {
    .yxwl {
        margin-top: 70px;
    }
    .yxwl_tt {
        font-size: 28px;
        padding-left: 30px;
    }
    .yxwl_c1 {
        font-size: 16px;
        margin-top: 30px;
    }
    .yxwl_c2 {
        margin-top: 35px;
    }
    .yxwl_c2_cc_cc {
        padding: 25px 35px 30px 35px;
    }
    .yxwl_c2_cc_tt {
        height: 66px;
        line-height: 66px;
        font-size: 24px;
    }
    .yxwl_c2_cc_cc_tt {
        font-size: 18px;
    }
    .yxwl_c3 {
        margin-top: 30px;
    }
    .yxwl_c4 {
        margin-top: 35px;
    }
    .yxwl_c4 p {
        padding: 20px 58px;
        font-size: 17px;
    }
    .yxwl_c4 p strong {
        font-size: 34px;
        margin-right: 20px;
    }
    .yxwl_tel {
        font-size: 28px;
        margin-top: 20px;
    }
    .yxwl_tel span {
        font-size: 32px;
    }
    .fwdq_img {
        margin-top: 30px;
    }
}

#cpyf1 {
    padding: 20px 0px 15px 0px;
}

.kyll {
    margin-top: 20px;
}

.kyll_tt {
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: url(/static/index/zm001/images/line5.jpg) repeat-x center;
}

.kyll_tt span {
    display: inline-block;
    background: #fff;
    padding: 0px 25px;
    font-size: 20px;
}

.kyll_cc {
    overflow: hidden;
}

.kyll_cc a {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
}

.kyll_ac {
    display: inline-block;
}

.kyll_a_bg {
    width: 150px;
    height: 150px;
    background: url(/static/index/zm001/images/cpya_bg1.png) no-repeat;
    position: relative;
}

.kyll_a_img {
    width: 94px;
    height: 101px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.kyll_a_tt {
    font-size: 16px;
    color: #666666;
}

.kyll_a_dc {
    color: #2979da;
    font-size: 13px;
    font-weight: bold;
}

.kyll_a_dc b {
    font-size: 20px;
    font-family: 'Arial Black';
    margin-right: 5px;
}

.kyll_img {
    margin-top: 15px;
    text-align: center;
}

.kyll_img img {
    max-width: 100%;
}

#cpyf2 {
    padding: 25px 0px 30px 0px;
    background: url(/static/index/zm001/images/cpya_bg3.jpg) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.cpyf2_tt {
    color: #fff;
    line-height: 1.6;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.mcpyflist {
    overflow: hidden;
    margin-top: 15px;
    position: relative;
}

.mcpyflist a {
    width: 100%;
    float: left;
    background: #fff;
}

.mcpyflist_bg {
    text-align: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.mcpyflist_img img {
    max-width: 100%;
}

.mcpyflist_txt {
    padding: 15px 25px 30px 75px;
    position: relative;
}

.mcpyflist_txt span {
    color: #444;
    font-family: 'Arial';
    font-size: 42px;
    position: absolute;
    left: 20px;
    top: 10px;
}

.mcpyflist_txt_tt {
    font-size: 20px;
}

.mcpyflist_txt_ft {
    margin-top: 3px;
    line-height: 17px;
    height: 34px;
    text-transform: uppercase;
    color: #999;
}

.mcpyflist .s-prev {
    outline: none;
    z-index: 3;
    position: absolute;
    bottom: 15px;
    right: 100px;
    width: 21px;
    height: 16px;
    background: url(/static/index/zm001/images/left3.png) no-repeat;
}

.mcpyflist .s-next {
    outline: none;
    z-index: 3;
    position: absolute;
    bottom: 15px;
    right: 30px;
    width: 47px;
    height: 16px;
    background: url(/static/index/zm001/images/right3.png) no-repeat;
}

.mcpyflist .s-prev:hover {
    right: 105px;
}

.mcpyflist .s-next:hover {
    right: 25px;
}

@media (min-width:992px) {
    .mcpyflist_img img {
        width: 500px;
    }
    .mcpyflist_txt span {
        font-size: 46px;
    }
}

@media (min-width:1200px) {
    #cpyf1 {
        padding: 40px 0px 25px 0px;
    }
    .kyll {
        margin-top: 35px;
    }
    .kyll_tt {
        height: 46px;
        line-height: 46px;
    }
    .kyll_tt span {
        padding: 0px 40px;
        font-size: 30px;
    }
    .kyll_cc {
        margin-top: 15px;
        position: relative;
    }
    .kyll_a_tt {
        font-size: 20px;
    }
    .kyll_a_dc {
        font-size: 15px;
        margin-top: 5px;
    }
    .kyll_a_dc b {
        font-size: 30px;
    }
    #cpyf2 {
        padding: 40px 0px 50px 0px;
    }
    .cpyf2_tt {
        font-size: 20px;
        line-height: 2;
    }
    .cpyflist {
        overflow: hidden;
        position: relative;
        margin-top: 30px;
    }
    .cpyflist a {
        width: 100%;
        position: relative;
        float: left;
        padding-left: 350px;
    }
    .cpyflist_left {
        text-align: center;
        position: absolute;
        width: 350px;
        height: 100%;
        top: 0px;
        left: 0px;
        background: #fff;
    }
    .cpyflist_left_cc {
        width: 100%;
        padding: 30px 90px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .cpyflist_left_tt {
        color: #444;
        font-family: 'Arial';
        font-size: 56px;
    }
    .cpyflist_left_ft {
        font-size: 30px;
        margin-top: 25px;
    }
    .cpyflist_left_dc {
        color: #999;
        text-transform: uppercase;
        margin-top: 25px;
    }
    .cpyflist_right {
        text-align: center;
        padding: 10px 30px;
    }
    .cpyflist .s-prev {
        outline: none;
        z-index: 3;
        position: absolute;
        bottom: 30px;
        left: 60px;
        width: 21px;
        height: 16px;
        background: url(/static/index/zm001/images/left3.png) no-repeat;
    }
    .cpyflist .s-next {
        outline: none;
        z-index: 3;
        position: absolute;
        bottom: 30px;
        left: 110px;
        width: 47px;
        height: 16px;
        background: url(/static/index/zm001/images/right3.png) no-repeat;
    }
    .cpyflist .s-prev:hover {
        left: 50px;
    }
    .cpyflist .s-next:hover {
        left: 120px;
    }
    .kyll_line {
        width: 45px;
        height: 13px;
        background: url(/static/index/zm001/images/cpya_bg4.png) no-repeat;
        position: absolute;
        top: 70px;
    }
    .kyll_line1 {
        left: 198px;
    }
    .kyll_line2 {
        left: 438px;
    }
    .kyll_line3 {
        left: 668px;
    }
    .kyll_line4 {
        left: 918px;
    }
    .cpyflist_right_img {}
}

@media (min-width:1601px) {
    #cpyf1 {
        padding: 75px 0px 35px 0px;
    }
    .kyll {
        margin-top: 60px;
    }
    .kyll_tt {
        height: 66px;
        line-height: 66px;
    }
    .kyll_tt span {
        padding: 0px 100px;
        font-size: 40px;
    }
    .kyll_cc {
        margin-top: 40px;
    }
    .kyll_a_tt {
        font-size: 22px;
    }
    .kyll_a_dc {
        font-size: 16px;
        margin-top: 8px;
    }
    .kyll_a_dc b {
        font-size: 40px;
    }
    #cpyf2 {
        padding: 75px 0px 100px 0px;
    }
    .cpyf2_tt {
        font-size: 22px;
    }
    .cpyflist {
        margin-top: 40px;
    }
    .cpyflist a {
        padding-left: 450px;
    }
    .cpyflist_left {
        width: 450px;
    }
    .cpyflist_left_cc {
        padding: 60px 110px;
    }
    .cpyflist_left_tt {
        font-size: 70px;
    }
    .cpyflist_left_ft {
        font-size: 40px;
        margin-top: 40px;
    }
    .cpyflist_left_dc {
        margin-top: 40px;
    }
    .cpyflist_right {
        padding: 10px 60px;
    }
    .cpyflist .s-prev {
        bottom: 50px;
        left: 140px;
    }
    .cpyflist .s-next {
        bottom: 50px;
        left: 200px;
    }
    .cpyflist .s-prev:hover {
        left: 130px;
    }
    .cpyflist .s-next:hover {
        left: 210px;
    }
    .kyll_line1 {
        left: 240px;
    }
    .kyll_line2 {
        left: 540px;
    }
    .kyll_line3 {
        left: 820px;
    }
    .kyll_line4 {
        left: 1120px;
    }
}

.gzhjlist {
    overflow: hidden;
    margin-top: 5px;
}

.gzhjlist a {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 15px;
    overflow: hidden;
}

.gzhjlist_txt {
    padding: 0px 15px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.wtzxs {
    overflow: hidden;
    margin-top: 20px;
}

.wtzxlist {
    overflow: hidden;
    margin-top: 5px;
}

.wtzxlist a {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 15px;
    overflow: hidden;
}

.wtzxlist_txt {
    padding: 0px 15px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

@media (min-width:768px) {
    .gzhjlist a {
        width: 49.5%;
        margin-right: 1%;
        margin-top: 6px;
    }
    .gzhjlist a:nth-child(2n) {
        margin-right: 0px;
    }
    .wtzxlist a {
        width: 48%;
        margin-right: 2%;
    }
    .wtzxlist a:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (min-width:992px) {
    .wtzxlist a {
        width: 32%;
    }
    .wtzxlist a:nth-child(2n) {
        margin-right: 2%;
    }
    .wtzxlist a:nth-child(3n) {
        margin-right: 0px;
    }
}

@media (min-width:1200px) {
    .gzhjlist {
        margin-top: 15px;
    }
    .gzhjlist a {
        margin-top: 10px;
    }
    .wtzxs {
        margin-top: 45px;
    }
    .wtzxlist {
        margin-top: 10px;
    }
    .wtzxlist a {
        margin-top: 25px;
    }
    .gzhjlist_txt {
        height: 42px;
        line-height: 42px;
        opacity: 0;
        bottom: -80px;
        transition: all 0.3s ease-out 0s;
    }
    .wtzxlist_txt {
        height: 42px;
        line-height: 42px;
        opacity: 0;
        bottom: -80px;
        transition: all 0.3s ease-out 0s;
    }
    .gzhjlist a:hover .gzhjlist_txt {
        bottom: 0px;
        opacity: 1;
    }
    .wtzxlist a:hover .wtzxlist_txt {
        bottom: 0px;
        opacity: 1;
    }
}

@media (min-width:1601px) {
    .wtzxs {
        margin-top: 60px;
    }
    .gzhjlist {
        margin-top: 25px;
    }
    .wtzxlist {
        margin-top: 15px;
    }
    .wtzxlist a {
        margin-top: 30px;
    }
    .gzhjlist_txt {
        height: 48px;
        line-height: 48px;
    }
    .wtzxlist_txt {
        height: 48px;
        line-height: 48px;
    }
}

#honor {
    padding: 15px 0px 25px 0px;
}

.honor_cls {
    border-bottom: solid 2px #DFDFDF;
    overflow: hidden;
}

.honor_cls a {
    position: relative;
    float: left;
    height: 46px;
    line-height: 46px;
    padding: 0px 6px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}

.honor_cls a:after {
    content: '';
    width: 0px;
    height: 2px;
    background: #00479d;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.honor_cls a:hover {
    color: #00479d;
}

.honor_cls a.on {
    color: #00479d;
}

.honor_cls a.on:after {
    width: 100%;
}

.honor {
    margin-top: 10px;
}

.honor a {
    width: 48%;
    margin-right: 4%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.honor a:nth-child(2n) {
    margin-right: 0px;
}

.honor_img {
    transition: all 0.3s ease-out 0s;
    border: solid 1px #D5D5D5;
    padding: 10px;
    position: relative;
}

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

.honors_img {
    border: solid 1px #D5D5D5;
}

.honor_txt {
    margin-top: 15px;
    color: #666666;
    font-size: 13px;
}

.honor a:hover .honor_img {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.honor a:hover .honors_img {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

@media (min-width:768px) {
    .honor_cls a {
        height: 50px;
        line-height: 50px;
        margin-right: 30px;
    }
    .honor_img {
        padding: 15px;
        line-height: 238px;
    }
}

@media (min-width:992px) {
    .honor a {
        width: 32%;
        margin-right: 2%;
        margin-top: 20px;
    }
    .honor a:nth-child(2n) {
        margin-right: 2%;
    }
    .honor a:nth-child(3n) {
        margin-right: 0px;
    }
    .honor_img {
        line-height: 212px;
    }
}

@media (min-width:1200px) {
    #honor {
        padding: 20px 0px 50px 0px;
    }
    .honor_cls a {
        height: 60px;
        line-height: 60px;
        margin-right: 40px;
        font-size: 16px;
    }
    .honor {
        margin-top: 20px;
    }
    .honor a {
        margin-top: 30px;
    }
    .honor_img {
        line-height: 251px;
        padding: 20px;
    }
    .honor_txt {
        margin-top: 20px;
        font-size: 15px;
    }
    .honor a:hover {
        transform: translateY(-10px);
    }
    .honor a:hover .honor_img {
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    }
    .honor a:hover .honors_img {
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    }
}

@media (min-width:1601px) {
    #honor {
        padding: 30px 0px 70px 0px;
    }
    .honor_cls a {
        height: 80px;
        line-height: 80px;
        margin-right: 60px;
        padding: 0px 20px;
        font-size: 18px;
    }
    .honor {
        margin-top: 20px;
    }
    .honor a {
        margin-top: 35px;
    }
    .honor_img {
        line-height: 308px;
        padding: 25px;
    }
    .honor_txt {
        margin-top: 25px;
        font-size: 16px;
    }
    .honor a:hover {
        transform: translateY(-15px);
    }
    .honor a:hover .honor_img {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    }
    .honor a:hover .honors_img {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    }
}

#shzr {
    padding: 20px 0px 25px 0px;
}

#ygfc {
    padding: 5px 0px 25px 0px;
}

.shzr_tt {
    text-align: center;
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
}

.shzr_tt:after {
    content: '';
    width: 50px;
    height: 4px;
    background: #00479d;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0px;
}

.shzr_dc {
    color: #666;
    margin-top: 15px;
    line-height: 1.8;
    font-size: 13px;
}

.shzrlist {
    padding-top: 5px;
}

.shzrlist a {
    overflow: hidden;
    width: 100%;
    float: left;
    margin-top: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    position: relative;
}

.shzrlist_txt {
    padding: 15px;
}

.shzrlist_tm {
    padding-bottom: 10px;
    position: relative;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
}

.shzrlist_tm:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #666666;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.shzrlist_tt {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.shzrlist_cc {
    color: #999;
    margin-top: 6px;
    line-height: 1.5;
}

.shzrlist_btn {
    padding-left: 15px;
    margin-bottom: 15px;
}

.shzrlist_btn span {
    display: inline-block;
    border: solid 1px #00479d;
    color: #00479d;
    padding: 8px 65px 8px 25px;
    position: relative;
}

.shzrlist_btn span:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    width: 25px;
    height: 7px;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -3px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.shzrlist_btn:hover span {
    background: #00479d;
    color: #fff;
}

.shzrlist_btn:hover span:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 20px;
}

@media (min-width:768px) {
    .shzrlist a {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    .shzrlist a:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (min-width:992px) {
    .shzrlist a {
        width: 32%;
        float: left;
        margin-right: 2%;
    }
    .shzrlist a:nth-child(2n) {
        margin-right: 2%;
    }
    .shzrlist a:nth-child(3n) {
        margin-right: 0px;
    }
}

@media (min-width:1200px) {
    #shzr {
        padding: 45px 0px 50px 0px;
    }
    #ygfc {
        padding: 10px 0px 50px 0px;
    }
    .shzr_tt {
        font-size: 30px;
        padding-bottom: 25px;
    }
    .shzr_dc {
        width: 90%;
        margin: 25px auto 0px;
        font-size: 15px;
    }
    .shzrlist {
        padding-top: 10px;
    }
    .shzrlist a {
        margin-top: 30px;
    }
    .shzrlist_txt {
        padding: 20px 25px 30px 25px;
    }
    .shzrlist_tm {
        font-size: 15px;
        padding-bottom: 15px;
    }
    .shzrlist_tt {
        font-size: 16px;
        margin-top: 15px;
    }
    .shzrlist_cc {
        margin-top: 10px;
    }
    .shzrlist_btn {
        text-align: center;
        margin-bottom: 0px;
        padding-left: 0px;
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px 0px;
        transition: all 0.3s ease-out 0s;
        left: 0px;
        bottom: -80px;
        background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%);
    }
    .shzrlist a:hover {
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
    }
    .shzrlist a:hover .shzrlist_btn {
        bottom: 0px;
        opacity: 1;
    }
}

@media (min-width:1601px) {
    #shzr {
        padding: 70px 0px 80px 0px;
    }
    #ygfc {
        padding: 20px 0px 80px 0px;
    }
    .shzr_tt {
        font-size: 40px;
        padding-bottom: 30px;
    }
    .shzr_dc {
        width: 80%;
        margin: 30px auto 0px;
        font-size: 16px;
    }
    .shzrlist a {
        margin-top: 50px;
        width: 31%;
        margin-right: 3.5%;
        box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.15);
    }
    .shzrlist a:nth-child(2n) {
        margin-right: 3.5%;
    }
    .shzrlist a:nth-child(3n) {
        margin-right: 0px;
    }
    .shzrlist_txt {
        padding: 30px 35px 40px 35px;
    }
    .shzrlist_tm {
        font-size: 16px;
    }
    .shzrlist_tt {
        font-size: 17px;
    }
    .shzrlist_cc {
        margin-top: 15px;
    }
    .shzrlist_btn {
        padding: 25px 0px;
        bottom: -100px;
    }
    .shzrlist_btn span {
        padding: 10px 65px 10px 25px;
    }
}

.rczplist {
    margin-top: 15px;
}

.rczplist li {
    border-bottom: solid 1px #dedede;
}

.rczplist_tt {
    cursor: pointer;
    font-size: 17px;
    height: 52px;
    line-height: 52px;
    position: relative;
    padding-right: 70px;
}

.rczplist_tt_sp {
    color: #e8010f;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 36px;
    text-align: center;
    height: 36px;
    line-height: 36px;
}

.rczplist_tt_sp .rczplist_tt_sp_i2 {
    display: none;
}

.rczplist li.on .rczplist_tt_sp .rczplist_tt_sp_i2 {
    display: block;
}

.rczplist li.on .rczplist_tt_sp .rczplist_tt_sp_i1 {
    display: none;
}

.rczplist_cc {
    background: #f5f5f5;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease-out 0s;
}

.rczplist_ccc {
    line-height: 2;
    color: #666;
    font-size: 13px;
    padding: 15px;
}

.rczplist_cc strong {
    font-size: 14px;
    color: #00479d;
}

.rczplist li.on .rczplist_cc {
    opacity: 1;
    height: auto;
}

@media (min-width:1200px) {
    .rczplist {
        margin-top: 25px;
    }
    .rczplist_tt {
        font-size: 19px;
        height: 66px;
        line-height: 66px;
    }
    .rczplist_ccc {
        font-size: 15px;
        padding: 35px 400px 45px 35px;
        min-height: 360px;
        position: relative;
    }
    .rczplist_ccc strong {
        font-size: 17px;
        padding: 4px 0px;
    }
    .rczplist_ccc_bg {
        width: 300px;
        height: 300px;
        background: url(/static/index/zm001/images/job.png) no-repeat;
        position: absolute;
        right: 40px;
        top: 80px;
    }
}

@media (min-width:1601px) {
    .rczplist {
        margin-top: 35px;
    }
    .rczplist_tt {
        font-size: 22px;
        height: 80px;
        line-height: 80px;
    }
    .rczplist_ccc {
        font-size: 16px;
        padding: 40px 430px 50px 60px;
    }
    .rczplist_ccc strong {
        font-size: 18px;
        padding: 8px 0px;
    }
    .rczplist_ccc_bg {
        top: 100px;
    }
}

#culture {
    padding: 20px 0px 25px 0px;
    background: url(/static/index/zm001/images/culture_bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.culture_tt {
    text-align: center;
    font-size: 20px;
}

.culture_ft {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

.culture {
    overflow: hidden;
    margin-top: 15px;
}

.culture_ul {
    overflow: hidden;
}

.culture_ul li {
    padding-left: 60px;
    position: relative;
    margin-bottom: 8px;
}

.culture_li_img {
    position: absolute;
    top: 20px;
    left: 0px;
}

.culture_li_img img {
    max-width: 100%;
}

.culture_li_txt {
    display: inline-block;
    border-bottom: solid 1px #C4C4C4;
    padding: 15px 0px;
}

.culture_li_txt_tt {
    font-size: 18px;
    font-weight: bold;
}

.culture_li_txt_dc {
    color: #666666;
    font-size: 13px;
    margin-top: 5px;
}

.culture_img {
    text-align: center;
    margin-top: 15px;
}

.culture_img img {
    max-width: 100%;
}

@media (min-width:992px) {
    .culture_ul {
        width: 50%;
        float: left;
    }
    .culture_img {
        margin-top: 0px;
        width: 41.5%;
        float: right;
    }
}

@media (min-width:1200px) {
    #culture {
        padding: 50px 0px 60px 0px;
    }
    .culture_tt {
        font-size: 28px;
    }
    .culture_ft {
        font-size: 22px;
    }
    .culture {
        margin-top: 30px;
    }
    .culture_ul li {
        padding-left: 65px;
        margin-bottom: 10px;
    }
    .culture_li_img {
        top: 30px;
    }
    .culture_li_txt {
        padding: 22px 0px;
    }
    .culture_li_txt_tt {
        font-size: 22px;
    }
    .culture_li_txt_dc {
        font-size: 15px;
        margin-top: 8px;
    }
}

@media (min-width:1601px) {
    #culture {
        padding: 90px 0px 100px 0px;
    }
    .culture_tt {
        font-size: 36px;
    }
    .culture_ft {
        font-size: 28px;
        margin-top: 10px;
    }
    .culture {
        margin-top: 70px;
    }
    .culture_ul li {
        padding-left: 80px;
    }
    .culture_li_img {
        top: 50px;
    }
    .culture_li_txt {
        padding: 30px 0px;
    }
    .culture_li_txt_tt {
        font-size: 27px;
    }
    .culture_li_txt_dc {
        font-size: 17px;
        margin-top: 12px;
    }
}

#fzlclist {
    padding: 20px 0px 25px 0px;
}

.fzlclist_tt {
    font-size: 20px;
}

.fzlclist_ft {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.fzlclist {
    overflow: hidden;
    margin-top: 5px;
}

.fzlclist .hd ul {
    overflow: hidden;
}

.fzlclist .hd li {
    cursor: pointer;
    text-align: center;
    float: left;
    border: solid 1px #C7C7C7;
    padding: 12px 15px;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    width: 46%;
}

.fzlclist .hd li.on {
    border: solid 1px #00479d;
    background: #00479d;
    color: #fff;
}

.fzlclist .hd li.on .fzlclist_li_ft {
    color: #fff;
}

.fzlclist .hd li.on .fzlclist_li_tt {
    color: #fff;
}

.fzlclist_li_tt {
    font-family: 'Arial';
    font-size: 20px;
    font-weight: bold;
    color: #00479d;
}

.fzlclist_li_ft {
    font-size: 14px;
    color: #666666;
}

.fzlclistc {
    padding-top: 15px;
    padding-left: 16px;
    position: relative;
}

.fzlclistc:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #D8D8D8;
    position: absolute;
    top: 15px;
    left: 16px;
}

.fzlclist_item {
    margin-top: 25px;
}

.fzlclist_item_tt {
    position: relative;
    padding-left: 70px;
    font-family: 'Arial';
    font-size: 18px;
    font-weight: bold;
    color: #00479d;
}

.fzlclist_item_tt:before {
    background: #fff;
    content: '';
    width: 16px;
    height: 16px;
    border: solid 3px #00479d;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -8px;
}

.fzlclist_item_tt:after {
    content: '';
    width: 40px;
    height: 1px;
    background: #00479d;
    position: absolute;
    top: 50%;
    left: 17px;
}

.fzlclist_item_dc {
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 6px;
    padding-left: 70px;
}

.fzlclist_item_img {
    padding-left: 70px;
    margin-top: 5px;
}

.fzlclist_item_img img {
    max-width: 70%;
}

@media (min-width:768px) {
    .fzlclist {
        margin-top: 20px;
    }
    .fzlclist .hd ul {
        text-align: center;
    }
    .fzlclist .hd li {
        display: inline-block;
        width: auto;
        float: none;
        margin: 0px 4px 0px 4px;
        padding: 13px 25px;
    }
    .fzlclist .bd {
        width: 90%;
        margin: 0px auto;
    }
    .fzlclistc {
        padding-top: 25px;
    }
    .fzlclistc:before {
        top: 25px;
    }
    .fzlclist_item_img img {
        max-width: 40%;
    }
}

@media (min-width:992px) {
    .fzlclist .hd li {
        margin: 0px 5px 0px 5px;
        padding: 14px 45px;
    }
}

@media (min-width:1200px) {
    #fzlclist {
        padding: 40px 0px 50px 0px;
    }
    .fzlclist_tt {
        font-size: 30px;
    }
    .fzlclist_ft {
        font-size: 16px;
        margin-top: 8px;
    }
    .fzlclist {
        margin-top: 35px;
    }
    .fzlclist .hd li {
        padding: 15px 50px;
    }
    .fzlclist_li_tt {
        font-size: 30px;
    }
    .fzlclist_li_ft {
        font-size: 18px;
    }
    .fzlclistc {
        padding-left: 0px;
        overflow: hidden;
    }
    .fzlclistc:before {
        left: 50%;
    }
    .fzlclist_item {
        width: 50%;
        margin-top: 0px;
        float: right;
    }
    .fzlclist_item_tt {
        padding-left: 75px;
        font-size: 22px;
    }
    .fzlclist_item_tt:after {
        left: 18px;
    }
    .fzlclist_item_dc {
        margin-top: 15px;
        font-size: 15px;
        padding-left: 75px;
    }
    .fzlclist_item_img {
        margin-top: 10px;
        padding-left: 75px;
    }
    .fzlclist_item_img img {
        max-width: 45%;
    }
    .fzlclist_item:nth-child(2) {
        margin-top: 130px;
    }
    .fzlclist_item:nth-child(odd) {
        margin: -130px 0 0 0;
    }
    .fzlclist_item:nth-child(even) {
        margin-bottom: 80px;
        text-align: right;
    }
    .fzlclist_item:first-child,
    .fzlclist_item:last-child:nth-child(even) {
        margin: 0;
    }
    .fzlclist_item:nth-child(even) .fzlclist_item_tt {
        padding-right: 75px;
    }
    .fzlclist_item:nth-child(even) .fzlclist_item_tt:before {
        left: auto;
        right: -8px;
    }
    .fzlclist_item:nth-child(even) .fzlclist_item_tt:after {
        left: auto;
        right: 17px;
    }
    .fzlclist_item:nth-child(even) .fzlclist_item_dc {
        padding-right: 75px;
    }
    .fzlclist_item:nth-child(even) .fzlclist_item_img {
        padding-right: 75px;
    }
}

@media (min-width:1601px) {
    #fzlclist {
        padding: 70px 0px 80px 0px;
    }
    .fzlclist_tt {
        font-size: 40px;
    }
    .fzlclist_ft {
        font-size: 18px;
        margin-top: 10px;
    }
    .fzlclist {
        margin-top: 65px;
    }
    .fzlclist .hd li {
        padding: 25px 60px;
    }
    .fzlclist_li_tt {
        font-size: 40px;
    }
    .fzlclist_li_ft {
        font-size: 22px;
    }
    .fzlclistc {
        padding-top: 40px;
        margin-top: 30px;
    }
    .fzlclist_item_tt {
        font-size: 32px;
    }
    .fzlclist_item_dc {
        font-size: 16px;
    }
    .fzlclist_item_img {
        margin-top: 20px;
    }
    .fzlclist_item:nth-child(2) {
        margin-top: 200px;
    }
    .fzlclist_item:nth-child(odd) {
        margin: -200px 0 0 0;
    }
    .fzlclist_item:nth-child(even) {
        margin-bottom: 130px;
    }
    .fzlclist_item:first-child,
    .fzlclist_item:last-child:nth-child(even) {
        margin: 0;
    }
}

#tzzgx1 {
    padding: 20px 0px;
}

.tzzgx1_tt {
    font-size: 20px;
}

.tzzgx1_cc {
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    padding: 0px 10px;
    height: 56px;
    line-height: 56px;
    background: #ee0e2d;
    margin-top: 15px;
    overflow: hidden;
    color: #fff;
}

.tzzgx1_cc_left {
    font-size: 16px;
    width: 60%;
}

.tzzgx1_cc_right {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat right center;
    padding-right: 35px;
}

.tzzgx1_cc:hover {
    background: #00479d;
}

.tzzgx1_cc a {
    color: #fff;
}

#tzzgx2 {
    background: #f3f5fa;
    padding: 20px 0px;
}

.gonggaocb {
    overflow: hidden;
    margin-top: 5px;
}

.gonggaocb a {
    font-size: 14px;
    padding-right: 80px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    width: 100%;
    float: left;
    position: relative;
    background: url(/static/index/zm001/images/line1.png) repeat-x bottom;
}

.gonggaocb a span {
    font-size: 12px;
    font-family: 'Arial';
    color: #999999;
    position: absolute;
    top: 0px;
    right: 0px;
}

.gonggaocb a:hover {
    padding-left: 8px;
}

.tzzgx1_mm {
    text-align: center;
    margin-top: 15px;
}

.tzzgx1_mm a {
    display: inline-block;
    position: relative;
    color: #00479d;
    border: solid 1px #00479d;
    padding: 10px 65px 10px 20px;
}

.tzzgx1_mm a:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.tzzgx1_mm a:hover {
    background: #00479d;
    color: #fff;
}

.tzzgx1_mm a:hover:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 20px;
}

#tzzgx3 {
    padding: 20px 0px;
}

.touzpufxc {
    overflow: hidden;
    margin-top: 15px;
}

.touzpufxc a {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 4px;
}

.touzpufxc a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 3px;
    width: 100%;
    height: 1px;
    background: #E0E0E1;
}

.touzpufxc a:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    left: 0x;
    bottom: 0px;
    width: 0px;
    height: 4px;
    background: #00479d;
}

.touzpufxc_txt {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    height: 40px;
    margin: 12px 0px;
}

.touzpufxc a:hover:after {
    width: 100%;
}

@media (min-width:768px) {
    .tzzgx1_cc {
        padding: 0px 20px;
        height: 64px;
        line-height: 64px;
    }
    .tzzgx1_cc_left {
        width: 70%;
    }
}

@media (min-width:992px) {
    .gonggaocb a {
        width: 48%;
        float: left;
    }
    .gonggaocb a:nth-child(2n) {
        float: right;
    }
    .touzpufxc_txt {
        height: 28px;
        line-height: 28px;
    }
}

@media (min-width:1200px) {
    #tzzgx1 {
        padding: 35px 0px;
    }
    .tzzgx1_tt {
        font-size: 30px;
    }
    .tzzgx1_cc {
        padding: 0px 30px;
        height: 84px;
        line-height: 84px;
        margin-top: 25px;
    }
    .tzzgx1_cc_left {
        font-size: 28px;
    }
    #tzzgx2 {
        padding: 35px 0px;
    }
    .gonggaocb {
        margin-top: 10px;
    }
    .gonggaocb a {
        padding-right: 90px;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
    }
    .gonggaocb a span {
        font-size: 13px;
    }
    .tzzgx1_mm {
        margin-top: 25px;
    }
    .tzzgx1_mm a {
        padding: 14px 85px 14px 35px;
    }
    .tzzgx1_mm a:after {
        right: 35px;
    }
    .tzzgx1_mm a:hover:after {
        right: 25px;
    }
    #tzzgx3 {
        padding: 35px 0px;
    }
    .touzpufxc {
        margin-top: 25px;
    }
    .touzpufxc_txt {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        margin: 20px 0px;
    }
}

@media (min-width:1601px) {
    #tzzgx1 {
        padding: 50px 0px;
    }
    .tzzgx1_tt {
        font-size: 40px;
    }
    .tzzgx1_cc {
        padding: 0px 60px;
        height: 110px;
        line-height: 110px;
        margin-top: 35px;
    }
    .tzzgx1_cc_left {
        font-size: 34px;
    }
    #tzzgx2 {
        padding: 50px 0px;
    }
    .gonggaocb a {
        padding-right: 110px;
        height: 78px;
        line-height: 78px;
        font-size: 17px;
    }
    .gonggaocb a span {
        font-size: 14px;
    }
    .tzzgx1_mm {
        margin-top: 40px;
    }
    .tzzgx1_mm a {
        padding: 18px 90px 18px 50px;
    }
    .tzzgx1_mm a:after {
        right: 45px;
    }
    .tzzgx1_mm a:hover:after {
        right: 35px;
    }
    #tzzgx3 {
        padding: 50px 0px;
    }
    .touzpufxc {
        margin-top: 35px;
    }
    .touzpufxc_txt {
        font-size: 17px;
        line-height: 27px;
        height: 54px;
        margin: 30px 0px;
    }
}

#znzz1 {
    padding: 20px 0px 20px 0px;
}

#znzz2 {
    padding: 20px 0px 20px 0px;
    background: #f3f5fa;
}

.shzr_dcs {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

.znzz_img {
    text-align: center;
}

.znzz_img img {
    max-width: 100%;
}

.znzz_tt {
    font-size: 17px;
    font-weight: bold;
}

.znzz_ft {
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

.znzz1 {
    margin-top: 15px;
}

.znzz1_img2 {
    margin-top: 10px;
}

.znzz1_txt {
    padding: 10px 15px;
    margin-top: 10px;
    background: #00479d;
    color: #fff;
}

.znzz1_txt .znzz_ft {
    color: #fff;
}

.znzz1_txt_right {
    margin-top: 8px;
}

.ddhj_right_txt_dc {
    margin-top: 8px;
}

.ddhj_right_img {
    margin-top: 10px;
}

.ddhj_left {
    margin-top: 15px;
}

.ddhj_left_txt {
    margin-top: 15px;
}

.jjggy_txtt_dc {
    margin-top: 8px;
}

.jjggy_img {
    margin-top: 10px;
}

.rcl_left_img {
    margin-top: 10px;
}

.rcl_left_txt_dc {
    margin-top: 8px;
}

.zduan_img2 {
    margin-top: 10px;
}

.zduan_txt {
    margin-top: 15px;
}

.zduan_txt_right {
    margin-top: 8px;
}

.yyzjscx_img2 {
    margin-top: 10px;
}

.yyzjscx_txt {
    margin-top: 15px;
}

.jjjscx_txt {
    margin-top: 10px;
}

.cmjscx {
    margin-top: 15px;
}

.cmjscx_txt {
    margin-top: 10px;
}

@media (min-width:768px) {
    .znzz1_img1 {
        width: 50%;
        float: left;
    }
    .znzz1_img2 {
        width: 48%;
        float: right;
        margin-top: 0px;
    }
    .znzz1_txt {
        margin-top: 15px;
    }
    .ddhj_right {
        width: 48%;
        float: right;
    }
    .ddhj_left {
        width: 50%;
        float: left;
    }
    .jjggy {
        position: relative;
    }
    .jjggy_txt {
        width: 52%;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .rcl_left {
        width: 48%;
        float: right;
    }
    .rcl_left_txt {
        margin-top: 15px;
        margin-left: 10px;
    }
    .rcl_left_img {
        margin-top: 31px;
    }
    .rcl_right {
        width: 50%;
        float: left;
    }
    .zduan_img1 {
        width: 48%;
        float: left;
    }
    .zduan_img2 {
        width: 50%;
        float: right;
        margin-top: 0px;
    }
    .zduan_txt {
        line-height: 36px;
        height: 36px;
        overflow: hidden;
    }
    .zduan_txt_left {
        float: left;
    }
    .zduan_txt_right {
        float: left;
        margin-top: 0px;
        margin-left: 8px;
        line-height: 36px;
    }
    .yyzjscx_img1 {
        width: 50%;
        float: left;
    }
    .yyzjscx_img2 {
        width: 48%;
        float: right;
        margin-top: 0px;
    }
    .jjjscx {
        width: 50%;
        float: left;
    }
    .cmjscx {
        width: 48%;
        float: right;
        margin-top: 0px;
    }
}

@media (min-width:992px) {
    .jjggy_txt {
        width: 54%;
    }
    .rcl_left_img {
        margin-top: 62px;
    }
}

@media (min-width:1200px) {
    #znzz1 {
        padding: 35px 0px 40px 0px;
    }
    #znzz2 {
        padding: 35px 0px 40px 0px;
    }
    .znzz_tt {
        font-size: 21px;
    }
    .znzz_ft {
        font-size: 15px;
    }
    .shzr_dcs {
        font-size: 22px;
        margin-top: 20px;
    }
    .znzz1 {
        margin-top: 30px;
    }
    .znzz1_img2 {
        width: 48.1%;
    }
    .znzz1_txt {
        margin-top: 20px;
        padding: 0px 25px;
        height: 60px;
        line-height: 60px;
    }
    .znzz1_txt_left {
        float: left;
    }
    .znzz1_txt_right {
        margin-top: 0px;
        float: left;
        line-height: 60px;
        margin-left: 10px;
    }
    .ddhj_left {
        margin-top: 0px;
    }
    .ddhj_right_txt {
        margin-top: 35px;
        padding-left: 10px;
    }
    .ddhj_right_img {
        margin-top: 35px;
    }
    .ddhj_left_txt {
        margin-top: 25px;
        text-align: right;
        padding-right: 10px;
    }
    .jjggy_txt {
        width: 52%;
        right: 50px;
        top: 35px;
    }
    .rcl_left_txt {
        margin-top: 30px;
    }
}

@media (min-width:1601px) {
    #znzz1 {
        padding: 70px 0px 70px 0px;
    }
    #znzz1 .container {
        width: 1260px;
    }
    #znzz2 {
        padding: 70px 0px 70px 0px;
    }
    #znzz2 .container {
        width: 1260px;
    }
    .znzz_tt {
        font-size: 28px;
    }
    .znzz_ft {
        font-size: 16px;
    }
    .shzr_dcs {
        font-size: 30px;
        margin-top: 30px;
    }
    .znzz1 {
        margin-top: 60px;
    }
    .znzz1_txt {
        margin-top: 20px;
        padding: 0px 35px;
        height: 80px;
        line-height: 80px;
    }
    .znzz1_txt_right {
        line-height: 80px;
        margin-left: 20px;
    }
    .ddhj_right_txt {
        margin-top: 40px;
        padding-left: 35px;
        padding-right: 35px;
    }
    .ddhj_right_img {
        margin-top: 65px;
    }
    .ddhj_right_txt_dc {
        margin-top: 15px;
    }
    .ddhj_left_txt_dc {
        margin-top: 15px;
    }
    .ddhj_left_txt {
        margin-top: 40px;
        padding-left: 35px;
        padding-right: 35px;
    }
    .jjggy_txt {
        width: 50%;
        right: 90px;
        top: 45px;
    }
    .jjggy_txtt_dc {
        margin-top: 15px;
    }
    .rcl_left_txt_dc {
        margin-top: 15px;
    }
    .rcl_left_txt {
        margin-top: 30px;
    }
    .zduan_txt {
        line-height: 56px;
        height: 56px;
        margin-top: 15px;
    }
    .zduan_txt_right {
        line-height: 56px;
        margin-left: 15px;
    }
    .yyzjscx_txt {
        line-height: 66px;
        height: 66px;
    }
    .yyzjscx_txt_left {
        float: left;
    }
    .yyzjscx_txt_right {
        float: left;
        line-height: 66px;
        margin-left: 15px;
    }
    .jjjscx_txt {
        margin-top: 20px;
    }
    .cmjscx_txt {
        margin-top: 20px;
    }
}

#jmrczl {
    padding: 20px 0px 25px 0px;
}

.jmrczl {
    overflow: hidden;
}

.jmrczl_tt {
    overflow: hidden;
}

.jmrczl_tt span {
    padding-bottom: 12px;
    font-size: 20px;
    float: left;
    position: relative;
}

.jmrczl_tt span:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    width: 30px;
    height: 4px;
    background: #00479d;
}

.jmrczl_img {
    margin-top: 15px;
    text-align: center;
}

.jmrczl_img img {
    max-width: 100%;
}

.jmrczl_ft {
    margin-top: 15px;
    font-size: 16px;
}

.jmrczl_cc {
    line-height: 2;
    font-size: 13px;
    margin-top: 10px;
}

.jmflgh {
    margin-top: 20px;
}

.jmflgh_tt {
    overflow: hidden;
    background: url(/static/index/zm001/images/line5.jpg) repeat-x center;
    position: relative;
    height: 36px;
    line-height: 36px;
}

.jmflgh_tt span {
    float: left;
    font-size: 20px;
    background: #fff;
    padding-right: 30px;
}

.jmflgh_ft {
    color: #999;
    font-size: 13px;
}

.jmflgh_cc {
    overflow: hidden;
    margin-top: 15px;
    text-align: center;
}

.jmflgh_cc a {
    display: inline-block;
}

.jmflgh_cc_img {
    display: inline-block;
    width: 110px;
    height: 110px;
    line-height: 110px;
    background: url(/static/index/zm001/images/rczl_bg1.jpg) no-repeat;
    background-size: 100% 100%;
}

.jmflgh_cc_img img {
    width: 60px;
    height: 60px;
    transition: all 0.3s ease-out 0s;
}

.jmflgh_cc_tt {
    font-size: 16px;
    color: #00479d;
}

.jmflgh_cc_dc {
    color: #999;
    margin-top: 8px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
}

.jmflgh_cc a:hover .jmflgh_cc_img img {
    transform: rotate(45deg);
}

.jmbtns {
    margin-top: 20px;
    overflow: hidden;
}

.jmbtns a {
    background-image: url(/static/index/zm001/images/more_01h.png);
    background-repeat: no-repeat;
    background-position: 110px center;
    padding-left: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    font-size: 16px;
}

.jmbtns a.jmbtns_a1 {
    background-color: #2979da;
    margin-top: 10px;
}

.jmbtns a.jmbtns_a2 {
    background-color: #3fdab1;
    margin-top: 10px;
}

.jmbtns a.jmbtns_a1:hover {
    background-color: #e8010f;
}

.jmbtns a.jmbtns_a2:hover {
    background-color: #e8010f;
}

.jmbtns a.jmbtns_a0 {
    background-image: url(/static/index/zm001/images/zprx.png);
    background-position: 30px center;
    padding-left: 76px;
    background-color: #f67e56;
}

.jmbtns a.jmbtns_a0 b {
    font-family: Arial;
    font-size: 18px;
    margin-left: 12px;
}

.jmbtns a.jmbtns_a0:hover {
    background-color: #e8010f;
}

.jmrczp {
    margin-top: 20px;
    padding: 25px 20px 30px 20px;
    background: url(/static/index/zm001/images/rczl_bg2.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.jmrczp_txt {
    position: relative;
    text-align: center;
}

.jmrczp_txt_zm {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-transform: uppercase;
    color: rgba(74, 153, 249, 0.3);
    font-size: 60px;
    font-weight: bold;
}

.jmrczp_txt_tt {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 2;
}

.jmrczp_txt_ft {
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}

.jmrczp_mm {
    text-align: center;
    margin-top: 20px;
}

.jmrczp_mm a {
    display: inline-block;
    position: relative;
    color: #fff;
    border: solid 1px #fff;
    padding: 10px 65px 10px 20px;
}

.jmrczp_mm a:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
}

.jmrczp_mm a:hover {
    background: #fff;
    color: #00479d;
}

.jmrczp_mm a:hover:after {
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
    right: 20px;
}

@media (min-width:768px) {
    .jmrczl_txt {
        width: 55%;
        float: left;
    }
    .jmrczl_img {
        width: 40%;
        float: right;
        margin-top: 0px;
    }
    .jmbtns a {
        width: 47%;
    }
    .jmbtns a.jmbtns_a0 {
        width: 100%;
    }
    .jmbtns a.jmbtns_a2 {
        float: right;
    }
    .jmrczp {
        padding: 0px;
        height: 116px;
        text-align: center;
        margin-top: 50px;
    }
    .jmrczp_img {
        width: 260px;
        position: absolute;
        top: -30px;
        left: 10px;
    }
    .jmrczp_img img {
        width: 100%;
    }
    .jmrczp_txt {
        width: 270px;
        position: absolute;
        top: 50%;
        left: 250px;
        transform: translateY(-50%);
    }
    .jmrczp_mm {
        margin-top: 0px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
    }
}

@media (min-width:992px) {
    .jmrczp_txt {
        left: 350px;
    }
    .jmbtns {
        text-align: center;
    }
    .jmbtnsc {
        display: inline-block;
    }
    .jmbtns a {
        text-align: left;
        width: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 64px;
        line-height: 64px;
        background-position: 60px center;
        padding-left: 120px;
        padding-right: 70px;
    }
    .jmbtns a.jmbtns_a0 {
        width: auto;
        padding-right: 40px;
    }
    .jmbtns a.jmbtns_a2 {
        margin-top: 0px;
        margin-left: 16px;
    }
    .jmbtns a.jmbtns_a1 {
        margin-top: 0px;
        margin-left: 16px;
    }
}

@media (min-width:1200px) {
    #jmrczl {
        padding: 35px 0px 40px 0px;
    }
    .jmrczl_txt {
        width: 50%;
    }
    .jmrczl_img {
        width: 37.78%;
    }
    .jmrczl_tt span {
        font-size: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .jmrczl_tt span:after {
        width: 50px;
        height: 5px;
    }
    .jmrczl_ft {
        font-size: 22px;
        margin-top: 35px;
    }
    .jmrczl_cc {
        font-size: 17px;
        margin-top: 20px;
    }
    .jmflgh {
        margin-top: 40px;
    }
    .jmflgh_tt {
        height: 46px;
        line-height: 46px;
    }
    .jmflgh_tt span {
        font-size: 30px;
        padding-right: 40px;
    }
    .jmflgh_ft {
        font-size: 15px;
        margin-top: 5px;
    }
    .jmflgh_cc {
        margin-top: 25px;
    }
    .jmflgh_cc_img {
        width: 130px;
        height: 130px;
        line-height: 130px;
    }
    .jmflgh_cc_img img {
        width: 70px;
        height: 70px;
    }
    .jmflgh_cc_tt {
        font-size: 20px;
    }
    .jmflgh_cc_dc {
        line-height: 21px;
        height: 63px;
        margin-top: 10px;
    }
    .jmbtns {
        margin-top: 40px;
    }
    .jmbtns a {
        font-size: 20px;
        height: 76px;
        line-height: 76px;
    }
    .jmbtns a.jmbtns_a0 {
        padding-right: 50px;
        background-position: 36px center;
        padding-left: 86px;
    }
    .jmbtns a.jmbtns_a0 b {
        font-size: 22px;
    }
    .jmrczp {
        height: 180px;
        margin-top: 100px;
    }
    .jmrczp_img {
        width: 417px;
        top: -54px;
    }
    .jmrczp_txt {
        left: 410px;
        width: 380px;
    }
    .jmrczp_txt_zm {
        font-size: 90px;
    }
    .jmrczp_txt_tt {
        font-size: 46px;
    }
    .jmrczp_txt_ft {
        font-size: 17px;
    }
    .jmrczp_mm {
        right: 50px;
    }
    .jmrczp_mm a {
        padding: 14px 80px 14px 28px;
    }
    .jmrczp_mm a:after {
        right: 30px;
    }
}

@media (min-width:1601px) {
    #jmrczl {
        padding: 70px 0px 80px 0px;
    }
    .jmrczl_tt span {
        font-size: 40px;
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .jmrczl_ft {
        font-size: 30px;
        margin-top: 60px;
    }
    .jmrczl_cc {
        font-size: 19px;
        margin-top: 30px;
    }
    .jmflgh {
        margin-top: 70px;
    }
    .jmflgh_tt {
        height: 56px;
        line-height: 56px;
    }
    .jmflgh_tt span {
        font-size: 40px;
        padding-right: 50px;
    }
    .jmflgh_ft {
        font-size: 17px;
        margin-top: 10px;
    }
    .jmflgh_cc {
        margin-top: 50px;
    }
    .jmflgh_cc_img {
        width: 170px;
        height: 170px;
        line-height: 170px;
    }
    .jmflgh_cc_img img {
        width: 90px;
        height: 90px;
    }
    .jmflgh_cc_tt {
        font-size: 26px;
    }
    .jmflgh_cc_dc {
        line-height: 25px;
        height: 75px;
        margin-top: 15px;
    }
    .jmbtns {
        margin-top: 70px;
    }
    .jmbtns a {
        font-size: 25px;
        height: 100px;
        line-height: 100px;
        background-position: 90px center;
        padding-left: 162px;
        padding-right: 106px;
    }
    .jmbtns a.jmbtns_a0 {
        padding-right: 40px;
        background-position: 50px center;
        padding-left: 110px;
        padding-right: 60px;
    }
    .jmbtns a.jmbtns_a0 b {
        font-size: 28px;
    }
    .jmbtns a.jmbtns_a2 {
        margin-left: 24px;
    }
    .jmbtns a.jmbtns_a1 {
        margin-left: 24px;
    }
    .jmrczp {
        height: 207px;
        margin-top: 128px;
    }
    .jmrczp_img {
        width: 513px;
        top: -83px;
        left: 35px;
    }
    .jmrczp_txt {
        left: 540px;
        width: 500px;
    }
    .jmrczp_txt_zm {
        font-size: 120px;
    }
    .jmrczp_txt_tt {
        font-size: 60px;
    }
    .jmrczp_txt_ft {
        font-size: 20px;
    }
    .jmrczp_mm {
        right: 80px;
    }
    .jmrczp_mm a {
        padding: 20px 95px 20px 45px;
    }
    .jmrczp_mm a:after {
        right: 46px;
    }
    .jmrczp_mm a:hover:after {
        right: 36px;
    }
}

#rdpro1 {
    padding: 20px 0px 25px 0px;
    background: url(/static/index/zm001/images/products_bg1s.jpg) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.rdpro1_tt {
    font-size: 22px;
    color: #2a3259;
}

.rdpro1_ft {
    font-size: 16px;
    font-family: 'Arial';
    color: #2a3259;
    font-weight: bold;
}

.rdpro1_img {
    position: relative;
    margin-top: 5px;
}

.rdpro1_imgc {
    z-index: 2;
}

.rdpro1_zm {
    z-index: 1;
    width: 100%;
    padding-right: 20px;
    font-weight: bold;
    font-size: 60px;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    bottom: 20px;
    color: rgba(255, 255, 255, 0.2);
}

.rdpro1_gg {
    margin-top: 10px;
    overflow: hidden;
}

.rdpro1_gg_cc {
    color: #2a3159;
    padding: 8px 10px;
    border: solid 1px #757D90;
    margin-top: 5px;
}

.rdpro1_mm {
    overflow: hidden;
    margin-top: 15px;
}

.rdpro1_mm a {
    float: left;
    position: relative;
    color: #00479d;
    border: solid 1px #00479d;
    padding: 10px 65px 10px 20px;
}

.rdpro1_mm a:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.rdpro1_mm a:hover {
    background: #00479d;
    color: #fff;
}

.rdpro1_mm a:hover:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 20px;
}

#rdpro2 {
    background: #00479d;
}

.rdpro2 {
    text-align: center;
    overflow: hidden;
    padding: 15px 0px;
    font-size: 14px;
}

.rdpro2 a {
    color: #fff;
    width: 33.3%;
    float: left;
}

.rdpro2 a.on {
    font-weight: bold;
}

#rdpro3 {
    background: #eaecf3;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
}

.rdpro3c {
    margin-top: 15px;
    background: #fff;
    padding: 12px 18px;
}

.rdpro3c_tt {
    overflow: hidden;
}

.rdpro3c_tt a {
    font-size: 20px;
    float: left;
    position: relative;
}

.rdpro3c_tt a span {
    position: relative;
    z-index: 2;
}

.rdpro3c_tt a i {
    width: 40px;
    height: 10px;
    bottom: 1px;
    left: 0px;
    background: #66a8f9;
    position: absolute;
    z-index: 1;
}

.proinfo_tt {
    font-size: 16px;
    font-weight: bold;
}

#rdpro_tj {
    padding: 20px 0px 25px 0px;
}

.rdpro_tj {
    overflow: hidden;
    margin-top: 15px;
}

.rdpro_tj a {
    float: left;
    width: 100%;
}

.rdpro_tj_imgs {
    background: #f1f3f8;
    padding: 20px 12px;
    transition: all 0.3s ease-out 0s;
}

.rdpro_tj_txt {
    font-size: 13px;
    margin-top: 3px;
    height: 32px;
    line-height: 32px;
    background: url(/static/index/zm001/images/more_02.png) no-repeat right center;
    position: relative;
    padding-right: 30px;
}

.rdpro_tj a:hover .rdpro_tj_txt {
    background: url(/static/index/zm001/images/more_01.png) no-repeat right center;
}

.nproinfoimgs {
    overflow: hidden;
    z-index: 2;
    position: relative;
}

@media (min-width:992px) {
    .rdpro1 {
        overflow: hidden;
    }
    .rdpro1_left {
        width: 25%;
        float: left;
    }
    .rdpro1_img {
        width: 70%;
        float: right;
        position: relative;
        margin-top: 0px;
    }
    .rdpro2 {
        padding: 18px 0px;
    }
}

@media (min-width:1200px) {
    #rdpro1 {
        padding: 45px 0px 50px 0px;
    }
    .rdpro1_left {
        width: 22%;
    }
    .rdpro1_tt {
        font-size: 32px;
    }
    .rdpro1_ft {
        font-size: 26px;
    }
    .rdpro1_gg {
        margin-top: 25px;
    }
    .rdpro1_gg_cc {
        padding: 8px 15px;
    }
    .rdpro1_gg_ccp2 {
        font-size: 15px;
        font-weight: bold;
    }
    .rdpro1_mm {
        margin-top: 35px;
    }
    .rdpro1_mm a {
        padding: 13px 80px 13px 35px;
    }
    .rdpro1_mm a:after {
        right: 35px;
    }
    .rdpro1_mm a:hover:after {
        right: 25px;
    }
    .rdpro1_img {
        width: 72%;
    }
    .rdpro1_zm {
        font-size: 80px;
    }
    .rdpro2 {
        padding: 24px 0px;
    }
    .rdpro2 a {
        margin: 0px 70px;
        width: auto;
        float: none;
        display: inline-block;
        font-size: 16px;
    }
    #rdpro3 {
        padding-bottom: 55px;
    }
    .rdpro3c {
        margin-top: 20px;
        padding: 26px 40px 30px 40px;
    }
    .rdpro3c_tt a {
        font-size: 30px;
    }
    .rdpro3c_tt a i {
        width: 60px;
        bottom: 4px;
    }
    .proinfo_tt {
        font-size: 20px;
    }
    #rdpro_tj {
        padding: 45px 0px 50px 0px;
    }
    .rdpro_tj {
        margin-top: 25px;
    }
    .rdpro_tj_imgs {
        padding: 40px 20px;
    }
    .rdpro_tj_txt {
        margin-top: 5px;
        font-size: 16px;
    }
}

@media (min-width:1601px) {
    #rdpro1 {
        padding: 100px 0px 115px 0px;
    }
    .rdpro1_tt {
        font-size: 50px;
    }
    .rdpro1_ft {
        font-size: 36px;
    }
    .rdpro1_gg {
        margin-top: 55px;
    }
    .rdpro1_gg_cc {
        padding: 11px 25px;
    }
    .rdpro1_gg_ccp2 {
        font-size: 16px;
    }
    .rdpro1_mm {
        margin-top: 65px;
    }
    .rdpro1_mm a {
        padding: 15px 90px 15px 45px;
        border: solid 2px #00479d;
    }
    .rdpro1_mm a:after {
        right: 45px;
    }
    .rdpro1_mm a:hover:after {
        right: 35px;
    }
    .rdpro1_zm {
        font-size: 110px;
    }
    .rdpro2 {
        padding: 32px 0px;
    }
    .rdpro2 a {
        margin: 0px 120px;
        font-size: 18px;
    }
    #rdpro3 {
        padding-bottom: 85px;
    }
    .rdpro3c {
        margin-top: 28px;
        padding: 50px 100px 60px 100px;
    }
    .rdpro3c_tt a {
        font-size: 40px;
    }
    .rdpro3c_tt a i {
        width: 80px;
        bottom: 6px;
        height: 14px;
    }
    .proinfo_tt {
        font-size: 24px;
    }
    #rdpro_tj {
        padding: 65px 0px 70px 0px;
    }
    .rdpro_tj {
        margin-top: 35px;
    }
    .rdpro_tj_imgs {
        padding: 55px 30px;
    }
    .rdpro_tj_txt {
        margin-top: 8px;
        font-size: 17px;
        height: 38px;
        line-height: 38px;
    }
}

.rdpro_tj a:hover .rdpro_tj_imgs {
    background: #e3e4e8;
}

.piclist {
    overflow: hidden;
}

.piclist a {
    background: #f8f8f8;
    width: 100%;
    float: left;
    margin-top: 15px;
    padding: 2px;
}

.piclist_video {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: url(/static/index/zm001/images/video-icon.png) no-repeat;
}

.piclist_txt {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    overflow: hidden;
    padding: 0px 10px;
}

@media (min-width:768px) {
    .piclist a {
        width: 49%;
        float: left;
        margin-right: 2%;
    }
    .piclist a:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (min-width:992px) {
    .piclist a {
        width: 32%;
        float: left;
        margin-right: 2%;
    }
    .piclist a:nth-child(2n) {
        margin-right: 2%;
    }
    .piclist a:nth-child(3n) {
        margin-right: 0px;
    }
}

@media (min-width:1200px) {
    .piclist a {
        margin-top: 20px;
        padding: 5px;
    }
    .piclist_txt {
        height: 50px;
        line-height: 50px;
        padding: 0px 15px;
        font-size: 15px;
    }
}

@media (min-width:1601px) {
    .piclist a {
        margin-top: 25px;
    }
    .piclist_txt {
        height: 56px;
        line-height: 56px;
        font-size: 16px;
    }
}

.piclist a:hover {
    background: #00479d;
    color: #fff;
}

#pnews1 {
    padding: 20px 0px 25px 0px;
}

.mpnews1 {
    overflow: hidden;
    position: relative;
    padding-bottom: 26px;
}

.mpnews1 .swiper-pagination {
    bottom: 0px !important;
}

.mpnews1 a {
    width: 100%;
    float: left;
}

.mpnews1_img {
    width: 49%;
    float: left;
    margin-top: 10px;
}

.mpnews1_txt {
    width: 48%;
    float: right;
}

.mpnews1_txt_tm {
    color: #999999;
}

.mpnews1_txt_tt {
    font-size: 15px;
    font-weight: bold;
}

.mpnews1_txt_dc {
    color: #666666;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mpnews1_txt_mm {
    overflow: hidden;
    margin-top: 10px;
}

.mpnews1_txt_mm span {
    float: left;
    position: relative;
    color: #00479d;
    border: solid 1px #00479d;
    padding: 8px 60px 8px 15px;
}

.mpnews1_txt_mm span:after {
    transition: all 0.3s ease-out 0s;
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 7px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat;
}

.mpnews1_txt_mm span:hover {
    background: #00479d;
    color: #fff;
}

.mpnews1_txt_mm span:hover:after {
    background: url(/static/index/zm001/images/more_01h.png) no-repeat;
    right: 15px;
}

#pnews2 {
    padding: 20px 0px 25px 0px;
    background: #f3f5fa;
}

#newslist {
    overflow: hidden;
}

#newslist a {
    width: 49%;
    float: left;
    margin-bottom: 12px;
    margin-right: 2%;
    background: #fff;
}

#newslist a:nth-child(2n) {
    margin-right: 0px;
}

.newslist_txt {
    padding: 12px;
}

.newslist_txt_ft {
    color: #999;
}

.newslist_txt_tt {
    margin-top: 6px;
    line-height: 20px;
    height: 40px;
    font-size: 14px;
}

.newslist_txt_dc {
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 6px;
    color: #999999;
}

.newslist_txt_mm {
    margin-top: 10px;
    overflow: hidden;
}

.newslist_txt_mm span {
    transition: all 0.3s ease-out 0s;
    padding-right: 35px;
    background: url(/static/index/zm001/images/more_02.png) no-repeat right center;
    float: left;
}

@media (min-width:370px) {
    .mpnews1_img {
        margin-top: 4px;
    }
}

@media (min-width:768px) {
    .mpnews1_img {
        width: 35%;
        margin-top: 0px;
    }
    .mpnews1_txt {
        width: 62%;
    }
    .mpnews1_txt_tt {
        font-size: 16px;
        margin-top: 5px;
    }
    .mpnews1_txt_dc {
        margin-top: 8px;
        line-height: 20px;
        height: 60px;
        -webkit-line-clamp: 3;
    }
    .mpnews1_txt_mm {
        margin-top: 15px;
    }
    .newslist_txt {
        padding: 16px;
    }
    .newslist_txt_tt {
        font-size: 15px;
    }
}

@media (min-width:992px) {
    .mpnews1_txt_tt {
        margin-top: 8px;
    }
    .mpnews1_txt_dc {
        margin-top: 12px;
        height: 80px;
        -webkit-line-clamp: 4;
    }
    .mpnews1_txt_mm {
        margin-top: 20px;
    }
    #newslist a {
        width: 32%;
    }
    #newslist a:nth-child(2n) {
        margin-right: 2%;
    }
    #newslist a:nth-child(3n) {
        margin-right: 0px;
    }
}

@media (min-width:1200px) {
    #pnews1 {
        padding: 35px 0px 45px 0px;
    }
    .pnews1 {
        overflow: hidden;
        position: relative;
    }
    .pnews1c {
        overflow: hidden;
    }
    .pnews1c_img {
        width: 47.15%;
        float: left;
    }
    .pnews1c_txt {
        width: 41%;
        float: right;
    }
    .pnews1c_txt_tt {
        font-size: 20px;
        font-weight: bold;
    }
    .pnews1c_txt_ft {
        color: #999;
        margin-top: 20px;
        padding-bottom: 25px;
        border-bottom: solid 1px #dedede;
    }
    .pnews1c_txt_dc {
        font-size: 15px;
        margin-top: 30px;
        color: #666;
        line-height: 1.8;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .pnews1_txt_mm {
        margin-top: 35px;
        overflow: hidden;
    }
    .pnews1_txt_mm a {
        float: left;
        position: relative;
        color: #00479d;
        border: solid 1px #00479d;
        padding: 11px 70px 11px 25px;
    }
    .pnews1_txt_mm a:after {
        transition: all 0.3s ease-out 0s;
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 7px;
        background: url(/static/index/zm001/images/more_01.png) no-repeat;
    }
    .pnews1_txt_mm a:hover {
        background: #00479d;
        color: #fff;
    }
    .pnews1_txt_mm a:hover:after {
        background: url(/static/index/zm001/images/more_01h.png) no-repeat;
        right: 20px;
    }
    .pnews1 .hd {
        z-index: 2;
        position: absolute;
        width: 80px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 85px;
    }
    .pnews1 .hd:before {
        content: '';
        width: 2px;
        height: 70px;
        background: #dedede;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: 14px;
    }
    .pnews1 .hd li {
        transition: all 0.3s ease-out 0s;
        cursor: pointer;
        float: right;
        width: 50px;
        height: 46px;
        line-height: 46px;
        padding-right: 15px;
        margin-bottom: 5px;
        background: #d7dae1;
        text-align: right;
        color: #fff;
        font-size: 18px;
        font-family: 'Arial';
    }
    .pnews1 .hd li.on {
        width: 80px;
        background: #00479d;
        color: #fff;
    }
    #pnews2 {
        padding: 35px 0px 40px 0px;
    }
    #newslist a {
        margin-bottom: 25px;
        overflow: hidden;
    }
    .newslist_imgs {
        transition: height .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
    }
    .newslist_img {
        transition: all .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .newslist_txt {
        padding: 25px;
        transition: all .6s 0s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        position: relative;
    }
    .newslist_txt_tt {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
        margin-top: 15px;
    }
    .newslist_txt_dc {
        transition: all 0.3s;
        display: none;
        line-height: 24px;
        height: 48px;
        -webkit-line-clamp: 2;
        margin-top: 12px;
    }
    .newslist_txt_mm {
        margin-top: 15px;
    }
    #newslist a:hover .newslist_imgs {
        height: 207.34px;
    }
    #newslist a:hover .newslist_img {
        transform: translateY(-40px);
    }
    #newslist a:hover .newslist_txt_dc {
        display: block;
    }
    #newslist a:hover .tnimgbox img {
        width: 105%;
        transition: .36s width;
    }
    #newslist a:hover .newslist_txt {
        height: 224px;
    }
}

@media (min-width:1601px) {
    #pnews1 {
        padding: 65px 0px 75px 0px;
    }
    .pnews1c_txt_tt {
        font-size: 22px;
        line-height: 1.6;
    }
    .pnews1c_txt_ft {
        margin-top: 25px;
        padding-bottom: 30px;
    }
    .pnews1c_txt_dc {
        font-size: 16px;
        margin-top: 35px;
    }
    .pnews1_txt_mm {
        margin-top: 45px;
    }
    .pnews1_txt_mm span {
        border: solid 2px #00479d;
        padding: 16px 90px 16px 45px;
    }
    .pnews1_txt_mm span:after {
        right: 45px;
    }
    .pnews1_txt_mm span:hover:after {
        right: 35px;
    }
    .pnews1 .hd {
        width: 100px;
        padding-top: 105px;
    }
    .pnews1 .hd:before {
        height: 80px;
        margin-left: 18px;
    }
    .pnews1 .hd li {
        width: 60px;
        height: 50px;
        line-height: 50px;
        padding-right: 20px;
        font-size: 20px;
    }
    .pnews1 .hd li.on {
        width: 100px;
    }
    #pnews2 {
        padding: 50px 0px 70px 0px;
    }
    #newslist a {
        margin-bottom: 30px;
        width: 23.5%;
    }
    #newslist a:nth-child(3n) {
        margin-right: 2%;
    }
    #newslist a:nth-child(4n) {
        margin-right: 0px;
    }
    .newslist_txt {
        padding: 30px;
    }
    .newslist_txt_tt {
        font-size: 17px;
        line-height: 30px;
        height: 60px;
        margin-top: 20px;
    }
    .newslist_txt_dc {
        line-height: 25px;
        height: 50px;
        margin-top: 15px;
    }
    .newslist_txt_mm {
        margin-top: 20px;
    }
    #newslist a:hover .newslist_imgs {
        height: 165.3px;
    }
    #newslist a:hover .newslist_txt {
        height: 267px;
    }
}

#newslist a:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

#newslist a:hover .newslist_txt_mm span {
    margin-left: 10px;
    background: url(/static/index/zm001/images/more_01.png) no-repeat right center;
}

.newslists {
    overflow: hidden;
}

.newslists a {
    font-size: 13px;
    background: url(/static/index/zm001/images/line1.png) repeat-x bottom;
    width: 100%;
    float: left;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding-right: 100px;
}

.newslists a span {
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 0px;
    top: 0px;
}

.newslists a:hover {
    padding-left: 8px;
}

@media (min-width:768px) {
    .newslists a {
        height: 52px;
        line-height: 52px;
        padding-right: 150px;
    }
}

@media (min-width:1200px) {
    .newslists a {
        font-size: 15px;
        height: 56px;
        line-height: 56px;
        padding-right: 150px;
    }
    .newslists a span {
        font-size: 13px;
    }
    .left_side_navs {
        margin-top: 6px;
        overflow: hidden;
    }
    .left_side_navs a {
        background: url(/static/index/zm001/images/line1.png) repeat-x bottom;
        width: 100%;
        float: left;
        position: relative;
        height: 40px;
        line-height: 40px;
    }
    .left_side_navs a:hover {
        padding-left: 6px;
    }
}

@media (min-width:1601px) {
    .newslists a {
        font-size: 17px;
        height: 68px;
        line-height: 68px;
        padding-right: 200px;
    }
    .newslists a span {
        font-size: 14px;
    }
    .left_side_navs {
        margin-top: 12px;
    }
    .left_side_navs a {
        height: 48px;
        line-height: 48px;
    }
}

#coc {
    padding: 20px 0px 25px 0px;
}

.coc_tt {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.coc_tt a {
    float: left;
    background: url(/static/index/zm001/images/dot_01.png) no-repeat left center;
    padding-left: 25px;
    font-size: 18px;
    font-weight: bold;
}

.coc1_cc {
    overflow: hidden;
}

.coc1_cc li {
    margin-top: 5px;
    text-align: center;
}

.coc1_cc li a {
    display: inline-block;
}

.coc1_li_bg1 {
    width: 150px;
    height: 150px;
    background: url(/static/index/zm001/images/coc_bg1.png) no-repeat;
    position: relative;
    margin: 0px auto;
}

.coc1_li_bg2 {
    animation: zq1 5s linear infinite;
    width: 104px;
    height: 104px;
    background: url(/static/index/zm001/images/coc_bg2.png) no-repeat;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-left: -52px;
    margin-top: -52px;
}

.coc1_li_bg3 {
    animation: zq2 2s linear infinite;
    width: 79px;
    height: 79px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

#coc1_li1 .coc1_li_bg3 {
    background-image: url(/static/index/zm001/images/coc_img1.png);
}

#coc1_li2 .coc1_li_bg3 {
    background-image: url(/static/index/zm001/images/coc_img2.png);
}

#coc1_li3 .coc1_li_bg3 {
    background-image: url(/static/index/zm001/images/coc_img3.png);
}

.coc1_cc li#coc1_li1 a:hover .coc1_li_bg3 {
    background-image: url(/static/index/zm001/images/coc_img1h.png);
}

.coc1_cc li#coc1_li2 a:hover .coc1_li_bg3 {
    background-image: url(/static/index/zm001/images/coc_img2h.png);
}

.coc1_cc li#coc1_li3 a:hover .coc1_li_bg3 {
    background-image: url(/static/index/zm001/images/coc_img3h.png);
}

@keyframes zq1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes zq2 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-90deg);
    }
    50% {
        transform: rotate(-180deg);
    }
    75% {
        transform: rotate(-270deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.coc1_li_tt {
    font-size: 16px;
    font-weight: bold;
}

.coc1_li_cc {
    font-size: 14px;
    margin-top: 10px;
}

.coc1_li_cc b {
    font-weight: bold;
}

#dituContent {
    width: 100%;
    height: 260px;
    margin-top: 20px;
}

.coc2 {
    background: #eceff3;
    margin-top: 20px;
    padding: 15px;
}

@media (min-width:768px) {
    .coc_tt span {
        float: left;
        margin-left: 15px;
    }
    .coc1_cc {
        position: relative;
        margin-top: 5px;
    }
    .coc1_cc li {
        margin-top: 0px;
        width: 33.3%;
        float: left;
    }
    .coc1_cc li a {
        text-align: center;
    }
    .coc1_cc li#coc1_li1 {
        text-align: left;
        padding-right: 15px;
    }
    .coc1_cc li#coc1_li2 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .coc1_cc li#coc1_li3 {
        text-align: right;
        padding-left: 15px;
    }
    .coc1_line1 {
        width: 70px;
        height: 1px;
        background: url(/static/index/zm001/images/coc_line1.png) repeat-x;
        position: absolute;
        top: 75px;
        left: 195px;
    }
    .coc1_line2 {
        width: 70px;
        height: 1px;
        background: url(/static/index/zm001/images/coc_line1.png) repeat-x;
        position: absolute;
        top: 75px;
        right: 185px;
    }
    #dituContent {
        margin-top: 25px;
    }
}

@media (min-width:992px) {
    .coc1_line1 {
        width: 120px;
        left: 225px;
    }
    .coc1_line2 {
        width: 120px;
        right: 205px;
    }
}

@media (min-width:1200px) {
    #coc {
        padding: 35px 0px 50px 0px;
    }
    .coc_tt {
        height: 36px;
        line-height: 36px;
    }
    .coc_tt a {
        font-size: 22px;
    }
    .coc1_li_tt {
        font-size: 18px;
    }
    .coc1_li_cc {
        font-size: 15px;
    }
    .coc1_line1 {
        width: 150px;
        left: 265px;
    }
    .coc1_line2 {
        width: 150px;
        right: 245px;
    }
    #dituContent {
        margin-top: 35px;
        height: 300px;
    }
    .coc2 {
        margin-top: 40px;
        padding: 35px;
    }
}

@media (min-width:1601px) {
    #coc {
        padding: 50px 0px 70px 0px;
    }
    .coc_tt {
        height: 40px;
        line-height: 40px;
    }
    .coc_tt a {
        font-size: 26px;
    }
    .coc1_cc {
        margin-top: 10px;
    }
    .coc1_li_tt {
        font-size: 21px;
    }
    .coc1_li_cc {
        font-size: 17px;
    }
    .coc1_line1 {
        width: 220px;
        left: 300px;
    }
    .coc1_line2 {
        width: 220px;
        right: 290px;
    }
    #dituContent {
        margin-top: 50px;
        height: 390px;
    }
    .coc2 {
        margin-top: 55px;
        padding: 45px 60px;
    }
}

.pmess {
    overflow: hidden;
    margin-top: 15px;
}

.pmess li {
    overflow: hidden;
    margin-bottom: 10px;
}

.morder_InputText {
    border: solid 1px #D8D8D8;
    width: 48%;
    margin-right: 4%;
    padding: 0px 15px;
    outline: none;
    float: left;
    background: #fff;
    height: 40px;
    line-height: 40px;
}

.pmess #tel {
    margin-right: 0px;
}

.morder_textarea {
    border: solid 1px #D8D8D8;
    width: 100%;
    padding: 15px;
    outline: none;
    float: left;
    background: #fff;
    height: 120px;
    line-height: 30px;
}

.morder_captcha {
    border: solid 1px #D8D8D8;
    width: 110px;
    padding: 0px 15px;
    outline: none;
    float: left;
    background: #fff;
    height: 40px;
    line-height: 40px;
}

.morder_img {
    float: left;
    margin-left: 10px;
    width: 100px;
    height: 40px;
    cursor: pointer;
}

.morder_But {
    float: left;
    outline: none;
    margin-top: 15px;
    font-size: 15px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #00479d;
    color: #fff;
}

.morder_But:hover {
    background: #e8010f;
    color: #fff;
}

@media (min-width:768px) {
    .morder_But {
        width: 200px;
        float: right;
        margin-top: 0px;
    }
}

@media (min-width:1200px) {
    .pmess {
        margin-top: 25px;
    }
    .pmess li {
        margin-bottom: 15px;
    }
    .morder_InputText {
        height: 46px;
        line-height: 46px;
    }
    .morder_textarea {
        height: 150px;
    }
    .morder_captcha {
        width: 200px;
        height: 46px;
        line-height: 46px;
    }
    .morder_img {
        height: 46px;
    }
    .morder_But {
        width: 220px;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
    }
}

@media (min-width:1601px) {
    .pmess {
        margin-top: 35px;
    }
    .pmess li {
        margin-bottom: 20px;
    }
    .morder_InputText {
        height: 56px;
        line-height: 56px;
    }
    .morder_textarea {
        height: 180px;
    }
    .morder_captcha {
        height: 56px;
        line-height: 56px;
        width: 140px;
    }
    .morder_img {
        height: 56px;
        line-height: 56px;
        width: 120px;
    }
    .morder_But {
        height: 58px;
        line-height: 58px;
        font-size: 16px;
    }
}

#page_Title {
    line-height: 1.6;
    font-size: 17px;
    padding-bottom: 5px;
}

.page_Info {
    height: 36px;
    line-height: 36px;
    color: #b3b3b3;
    border-bottom: solid 1px #EBEBEB;
    overflow: hidden;
}

.page_Info_c {
    display: inline-block;
}

.page_Infoleft {
    float: left;
}

.page_Infoleft i {
    margin-right: 3px;
    float: left;
}

.page_Infoleft span {
    float: left;
}

.page_Infoline {
    width: 1px;
    height: 12px;
    background: #989898;
    float: left;
    margin: 12px 15px 0px 15px;
}

#infoImage {
    width: 100%;
    text-align: center;
    margin: 15px 0 0px 0;
}

#infoImage img {
    max-width: 100%;
    border: #dcdcdc solid 1px;
}

.page_Content {
    margin: 15px auto 0px;
    line-height: 2;
    font-size: 13px;
}

.page_Content img {
    max-width: 100%;
}

.page_Content table {
    width: 100%;
    margin: 0 auto;
    border-width: 1px;
    border-color: #f5f5f5 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}

.page_Content table th {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}

.page_Content table td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}

.page_Content table td a {
    text-decoration: underline;
}

.rdpro1_video {
    text-align: center;
    margin: 15px auto 0px;
    position: relative;
}

.rdpro1_video img {
    max-width: 100%;
}

.rdpro1_video #playVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
}

.play_btn {
    width: 36px;
    height: 36px;
    background: url(/static/index/zm001/images/video-icon.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .26s all linear;
    cursor: pointer;
}

.bshgz_tt {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 16px;
}

@media (min-width:768px) {
    #page_Title {
        font-size: 18px;
    }
}

@media (min-width:992px) {
    .right_side {
        padding: 20px 25px;
    }
}

@media (min-width:1200px) {
    #page_Title {
        font-size: 20px;
    }
    .page_Info {
        height: 50px;
        line-height: 50px;
    }
    .page_Infoline {
        margin: 19px 15px 0px 15px;
    }
    #infoImage {
        margin-top: 20px;
    }
    .page_Content {
        margin: 25px auto 0px;
        font-size: 15px;
    }
    .rdpro1_video {
        margin: 20px auto 0px;
    }
    .right_side {
        width: 77%;
        float: left;
        padding: 30px 35px;
        min-height: 880px;
    }
    .left_side {
        width: 20%;
        float: right;
    }
    .left_side_tt {
        overflow: hidden;
    }
    .left_side_tt span {
        float: left;
        font-size: 24px;
        height: 38px;
        line-height: 38px;
        background: url(/static/index/zm001/images/line4.jpg) no-repeat left center;
        padding-left: 15px;
    }
    .left_side_wx {
        padding: 30px 0px 0px 0px;
        position: relative;
    }
    .left_side_wx img {
        width: 120px;
    }
    .left_side_wx_txt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }
    .left_side_tel {
        padding: 20px 0px 25px 0px;
    }
    .left_side_tel_cc {
        font-size: 20px;
        font-weight: bold;
        margin-top: 3px;
        color: #e8010f;
    }
    .left_side_nav {
        overflow: hidden;
        margin-top: 25px;
    }
    .left_side_nav a {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .left_side_nav_txt {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 10px;
    }
    .bshgz_tt {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media (min-width:1601px) {
    #page_Title {
        font-size: 24px;
    }
    .page_Info {
        height: 70px;
        line-height: 70px;
    }
    .page_Infoline {
        margin: 29px 15px 0px 15px;
    }
    #infoImage {
        margin-top: 25px;
    }
    .page_Content {
        margin: 35px auto 0px;
        font-size: 16px;
    }
    .rdpro1_video {
        margin: 25px auto 0px;
    }
    .left_side_wx {
        padding: 40px 0px 0px 0px;
    }
    .left_side_wx img {
        width: 135px;
    }
    .left_side_wx_txt {
        right: 30px;
        line-height: 2;
    }
    .left_side_tel {
        padding: 30px 0px 35px 0px;
    }
    .left_side_tel_cc {
        font-size: 26px;
    }
    .left_side_nav {
        margin-top: 35px;
    }
    .left_side_nav a {
        margin-bottom: 30px;
    }
    .left_side_nav_txt {
        margin-top: 12px;
        font-size: 16px;
    }
    .right_side {
        padding: 60px 70px 70px 60px;
        min-height: 1080px;
    }
    .bshgz_tt {
        font-size: 20px;
        margin-bottom: 24px;
    }
}

.h-menu {
    min-width: 1200px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
    transform: translateX(-100%);
    transition: all 1.2s;
}

.h-menu .tier1,
.h-menu .tier2,
.h-menu .tier3 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 140%;
    margin-top: 0;
    margin-left: -20%;
    transform: translateX(-50%) skewX(-10deg);
    transition: all 1.2s;
}

.h-menu .tier1 {
    z-index: 5;
    background: #00224b url(../images/ddh_bg.jpg) no-repeat 30% top;
    transition-delay: 0s;
}

.h-menu .tier2 {
    z-index: 2;
    background: #dc3522;
    transition-delay: .2s;
}

.h-menu .tier3 {
    background: #0999CE;
    transition-delay: .4s;
}

.h-menu.on {
    transform: translateX(0);
}

.h-menu.on .tier1,
.h-menu.on .tier2,
.h-menu.on .tier3 {
    transform: translateX(0) skewX(-10deg);
}

.h-menu.on .tier1 {
    transition: all 1.2s .4s;
}

.h-menu.on .tier3 {
    transition: all 1.2s 0s;
}

.h-menu .cnt_wr {
    position: relative;
    z-index: 10;
    margin: 0 auto;
    width: 94%;
    height: 100%;
    max-width: 1600px;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 1.2s 0s;
}

.h-menu.on .cnt_wr {
    transform: translateX(0);
    opacity: 1;
    transition: all 1.2s .4s;
}

.h-menu .shut_btn {
    position: absolute;
    right: -8px;
    top: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    padding-top: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99;
    cursor: pointer;
}

.shut_btn {
    position: absolute;
    right: -8px;
    top: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    z-index: 99;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    font-size: 28px;
}

.shut_btn:hover {
    color: #fff;
}

.h-menu .cnt_wr .middel {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.middel_left_top {
    position: absolute;
    top: 0px;
    left: 0px;
}

.middel_left_tt {
    color: #fff;
    font-size: 28px;
}

.middel_left_ft {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    margin-top: 6px;
}

.middel_left_ft b {
    font-size: 18px;
}

.middel_left_bm {
    width: 35%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: right;
}

.middel_left_bmt {
    color: #6189ba;
    font-size: 32px;
}

.middel_left_bmb {
    color: #6189ba;
    font-size: 16px;
    margin-top: 12px;
    line-height: 1.6;
}

.middel_nav {
    overflow: hidden;
    padding: 110px 30px 170px 110px;
}

.middel_nav dl {
    float: left;
    width: 14.28%;
    padding-right: 20px;
    padding-left: 10px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1.2s;
}

.middel_nav dl dt {
    font-size: 17px;
    color: #fff;
}

.middel_nav dl dt a {
    color: #fff;
}

.middel_nav dl dd {
    margin-top: 12px;
    line-height: 2.4;
}

.middel_nav dl dd a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
}

.middel_nav dl dd a:hover {
    color: #fff;
}

.middel_nav dl dd a.on {
    color: #fff;
}

.h-menu.on .middel_nav dl {
    opacity: 1;
    transform: translateY(0);
}

.h-menu.on .middel_nav dl:nth-child(1) {
    transition-delay: 1.2s;
}

.h-menu.on .middel_nav dl:nth-child(2) {
    transition-delay: 1.3s;
}

.h-menu.on .middel_nav dl:nth-child(3) {
    transition-delay: 1.4s;
}

.h-menu.on .middel_nav dl:nth-child(4) {
    transition-delay: 1.5s;
}

.h-menu.on .middel_nav dl:nth-child(5) {
    transition-delay: 1.6s;
}

.h-menu.on .middel_nav dl:nth-child(6) {
    transition-delay: 1.7s;
}

.h-menu.on .middel_nav dl:nth-child(7) {
    transition-delay: 1.8s;
}

.middel_left_lx {
    color: #6189ba;
    min-height: 95px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding-left: 110px;
}

.middel_left_lx_img {
    width: 95px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.middel_left_lx_img img {
    width: 100%;
}

.middel_left_lx_txt_tt {
    font-size: 17px;
}

.middel_left_lx_txt_dc {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 6px;
}

@media (min-width:1601px) {
    .h-menu .shut_btn {
        width: 45px;
        line-height: 45px;
        height: 45px;
        font-size: 32px;
    }
    .middel_left_tt {
        font-size: 36px;
    }
    .middel_left_ft {
        font-size: 18px;
        margin-top: 10px;
    }
    .middel_left_ft b {
        font-size: 22px;
    }
    .middel_left_bmt {
        font-size: 40px;
    }
    .middel_left_bmb {
        font-size: 17px;
        margin-top: 15px;
    }
    .middel_nav {
        padding: 150px 60px 200px 160px;
    }
    .middel_nav dl {
        padding-right: 30px;
        padding-left: 20px;
    }
    .middel_nav dl dt {
        font-size: 18px;
    }
    .middel_nav dl dd {
        margin-top: 20px;
        line-height: 2.5;
    }
    .middel_nav dl dd a {
        font-size: 16px;
    }
    .middel_left_lx {
        min-height: 112px;
        padding-left: 140px;
    }
    .middel_left_lx_img {
        width: 112px;
    }
    .middel_left_lx_txt_tt {
        font-size: 18px;
    }
    .middel_left_lx_txt_dc {
        font-size: 17px;
        margin-top: 10px;
        line-height: 2;
    }
}

/* 无内容 */

.no-goods,
.no-network {
    padding-top: 70px;
    overflow: hidden;
    text-align: center;
}

.no-goods img {
    display: block;
    margin: 0 auto 30px;
    width: 220px;
    max-height: 105px;
}

.no-network img {
    display: block;
    margin: 0 auto 30px;
    width: 222px;
    height: 160px;
}

.no-goods p,
.no-network p {
    color: #666666;
    line-height: 2;
}

.seek_job li {
    padding-top: 10px;
    height: 100%;
    overflow: hidden;
}

.seek_t1 {
    float: left;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    width: 60px;
}

.job_nam {
    float: left;
    margin-left: 15px;
    color: #00479d;
    font-weight: bold;
}

.G_InputText {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dedede;
    padding: 0px 10px;
    float: left;
    border-radius: 2px;
    outline: none;
}

.G_captcha {
    width: 85px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dedede;
    padding: 0px 10px;
    float: left;
    border-radius: 2px;
    outline: none;
}

.G_verifyImg {
    width: 100px;
    height: 40px;
    float: left;
}

.G_textarea {
    width: 100%;
    height: 150px;
    line-height: 30px;
    border: 1px solid #dedede;
    padding: 0px 10px;
    float: left;
    border-radius: 2px;
    outline: none;
}

.G_select {
    float: left;
    border: 1px solid #dedede;
    height: 40px;
    line-height: 40px;
}

.job_radio {
    float: left;
}

.G_But {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #00479d;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    transition: all 0.3s;
    float: left;
    outline: none;
    border: 0px;
    font-size: 18px;
}

.G_But:hover {
    background: #e8010f;
    color: #fff;
}

@media (min-width:370px) {
    .G_captcha {
        width: 100px;
    }
}

@media (min-width:768px) {
    .G_InputText {
        width: 500px;
    }
    .G_textarea {
        width: 500px;
    }
    .G_But {
        width: 400px;
    }
}

@media (min-width:1601px) {
    .seek_job li {
        margin-top: 13px;
    }
    .seek_t1 {
        height: 54px;
        line-height: 54px;
    }
    .G_InputText {
        width: 700px;
        height: 54px;
        line-height: 54px;
    }
    .G_textarea {
        width: 700px;
    }
    .G_captcha {
        height: 54px;
        line-height: 54px;
        width: 160px;
    }
    .G_verifyImg {
        width: 130px;
        height: 54px;
    }
    .G_But {
        width: 400px;
        height: 58px;
        line-height: 58px;
    }
}

/*******Css prev_next*******/

.prev_next {
    overflow: hidden;
    margin-top: 15px;
}

.prev_next li {
    cursor: pointer;
    background: #eaeaea;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0px 10px;
    margin-bottom: 8px;
}

.prev_next li:hover {
    background: #00479d;
    color: #fff;
}

.prev_next li:hover a {
    color: #fff;
}

@media (min-width:768px) {
    .prev_next {
        position: relative;
        padding-right: 110px;
    }
    .prev_next_btn {
        width: 100px;
        height: 68px;
        line-height: 68px;
        background-color: #00479d;
        background-image: url(/static/index/zm001/images/prev_next_icon.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        padding-left: 36px;
        color: #fff;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .prev_next_btn:hover {
        background-color: #e8010f;
        color: #fff;
    }
}

@media (min-width:1200px) {
    .prev_next {
        margin-top: 25px;
        padding-right: 160px;
    }
    .prev_next li {
        height: 50px;
        line-height: 50px;
        padding: 0px 15px;
    }
    .prev_next_btn {
        width: 145px;
        height: 108px;
        line-height: 108px;
        background-position: 25px center;
        padding-left: 60px;
    }
}

@media (min-width:1601px) {
    .prev_next {
        margin-top: 35px;
        padding-right: 210px;
    }
    .prev_next li {
        height: 55px;
        margin-bottom: 10px;
        line-height: 55px;
        padding: 0px 20px;
    }
    .prev_next_btn {
        width: 190px;
        height: 120px;
        line-height: 120px;
        background-position: 40px center;
        padding-left: 75px;
        font-size: 15px;
    }
}

/*css digg style pagination*/

.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 25px 0 10px;
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 8px;
    height: 36px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: #00479d;
    background: #00479d;
}

.de-page-mian .page-inner a.prev {
    display: none;
    margin-right: 10px;
    background: #fff url(../images/prev.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev.on {
    background: #fff url(../images/prev-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.next {
    display: none;
    margin-left: 10px;
    margin-right: 15px;
    background: #fff url(../images/next.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next.on {
    background: #fff url(../images/next-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
    display: none;
}

.de-page-mian .page-inner span {
    display: none;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px;
}

.de-page-mian .page-inner input {
    display: none;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
}

@media (min-width:370px) {
    .de-page-mian .page-inner a.prev {
        display: block;
    }
    .de-page-mian .page-inner a.next {
        display: block;
    }
}

@media (min-width:768px) {
    .de-page-mian .page-inner span {
        display: block;
    }
    .de-page-mian .page-inner input {
        display: block;
    }
    .de-page-mian .page-inner a.page-btn {
        display: block;
    }
}

@media (min-width:1200px) {
    .de-page-mian {
        margin: 35px 0 10px;
    }
}

@media (min-width:1601px) {
    .de-page-mian {
        margin: 50px 0 10px;
    }
    .de-page-mian .page-inner a {
        padding: 0px 10px;
    }
}