@charset "utf-8";

    body {
        margin: 0 auto;
        padding: 0;
        position: relative;
        font-size: 16px; 
        color: #555;
        overflow-x: hidden;
        background: #fff;
        min-width: 1300px
    }

    a {
        cursor: pointer;
        color: #555;
        text-decoration: none;
        outline-style: none;
        outline-color: invert;
        outline-width: medium
    }

    a:link {
        text-decoration: none
    }

    a:visited {
        color: #555
    }

    a img {
        border: 0
    }

    a:hover {
        color: #d8b886
    }

    div,
    ul,
    li,
    dd,
    dt,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    dl,
    menu,
    nav {
        margin: 0;
        padding: 0;
        list-style: none
    }

    h1,
    h2,
    h3,
    h4,
    ul,
    li,
    div,
    p,
    span,
    b,
    i,
    input,
    select {
        margin: 0;
        padding: 0;
        outline: none
    }

    ul,
    li {
        padding: 0;
        margin: 0;
        list-style: none
    }

    table {
        0;
        border: none;
        border-collapse: collapse
    }

    .yh {}

    .songti {
        font-family: 宋体;
        font-style: normal
    }

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

    .clear {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block
    }

    .float-left {
        float: left
    }

    .float-right {
        float: right
    }

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

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

    .block {
        width: 1200px;
        margin: 0 auto;
        position: relative
    }

    .tempWrap {
        width: 100% !important;
        overflow: hidden
    }

    .pageBar {
        margin: 20px 0;
        clear: both
    }

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

    .ser {
        float: left;
        width: 265px;
        margin: 0 auto;
        overflow: hidden;
        height: 26px;
        margin: 7px 0;
        line-height: 26px;
        position: relative
    }

    .ser .ser_con {
        border-radius: 20px;
        background: #fff;
        float: left;
        padding: 0 5px;
        margin: 0 5px
    }

    .ser .Itext {
        width: 100px;
        float: left;
        border: none;
        background: 0 0;
        line-height: 22px;
        height: 22px;
        padding: 2px 10px
    }

    .ser .ser_btn {
        -webkit-appearance: none;
        width: 26px;
        float: right;
        background: url(../images/ser_btn.png) no-repeat center;
        height: 26px;
        border: none
    }

    .change_ser {
        float: left;
        width: auto;
        position: relative;
        height: 20px;
        margin: 3px 0
    }

    .change_ser span {
        display: inline-block;
        color: #999;
        line-height: 20px;
        width: 38px;
        margin: 0 4px;
        cursor: pointer;
        text-align: center
    }

    .change_ser span.on {
        color: #fff;
        background: #d8b886;
        border-radius: 3px
    }

    .top_fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        transition: all ease-in-out .3s
    }

    .toper {
        position: relative;
        z-index: 100
    }

    .top {
        height: 40px;
        line-height: 40px;
        color: #dbdbdb;
        border-bottom: 1px solid #e2b975;
        position: relative;
        background: #0a1a53;
        font-size: 14px
    }

    .top a {
        display: inline-block;
        font-size: 13px;
        float: left;
        color: #fff
    }

    .top a.search_icon {
        display: inline-block;
        width: 30px;
        height: 40px;
        background: url(../images/ser_btn.png) no-repeat center;
        cursor: pointer
    }

    .outline_store {
        background: url(../images/icon_map.png) no-repeat left center;
        padding-left: 30px;
        float: left;
        margin-right: 24px
    }

    .online_shop {
        background: url(../images/icon_shop.png) no-repeat left center;
        padding-left: 30px;
        float: left;
        margin-right: 24px
    }

    .head {
        height: 105px;
        position: relative;
        background: #0a1a53
    }

    .head .block {
        height: 100%
    }

    .head .logo {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%
    }

    .head .logo img {
        max-height: 100%
    }

    .topnav {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .topnav ul li {
        display: inline-block;
        float: left;
        margin-left:23px;
        position: relative
    }

    .topnav ul li>a {
        display: inline-block;
        color: #fff;
        line-height: 105px;
        font-size: 18px; 
    }

    .topnav ul li>a:hover {
        color: #d8b886
    }

    .topnav ul li>a.on {
        color: #d8b886
    }

    .topnav dl {
    display: none;
    left: -68px;
    width: 220px;
    top: 90px;
    position: absolute;
         
        background: url(../images/zz_yel.png) repeat
    }

    .topnav dl dd {
        text-align: center
    }

    .topnav dl dd a {
        display: block;
        color: #fff;
        line-height: 30px;
        font-size: 14px
    }

    .topnav dl dd a:hover {
        color: #0a1a53;
        background: url(../images/zz_lightyel.png) repeat
    }

    #banner {
        width: 100%;
        height: 550px;
        position: relative;
        margin: 0 auto
    }

    #banner li {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute
    }

    #banner ul {
        width: 100%;
        height: 100%;
        position: relative
    }

    #banner #prev {
        z-index: 9;
        position: absolute;
        left: 0;
        top: 0;
        width: 30%;
        height: 100%;
        text-align: center;
        display: block
    }

    #banner #next {
        z-index: 9;
        position: absolute;
        right: 0;
        top: 0;
        width: 30%;
        height: 100%;
        text-align: center;
        display: block
    }

    .banner_btn {
        position: absolute;
        height: 11px;
        width: 100%;
        left: 0%;
        bottom: 25px;
        z-index: 3
    }

    .banner_mid_btn {
        margin: 0 auto;
        text-align: center
    }

    .banner_mid_btn em {
        cursor: pointer;
        width: 12px;
        height: 12px;
        display: inline-block;
        *display: inline;
        zoom: 1;
        margin: 0 8px;
        background: #fff;
        border-radius: 12px
    }

    .banner_mid_btn em.on {
        width: 30px;
        transition: all ease-in-out .3s;
        background: #0a1a53
    }

/**ban**/
html{overflow-x:hidden}
.ban{position:relative;width:1000px;height:570px;margin:0px auto;}
.banPa{left:-460px; position:absolute;}
#foucsBox { margin: 0 auto; padding: 0; width: 1920px; height: 570px; overflow: hidden; zoom: 1; position: relative;}
#foucsBox .imgCon { width: 1920px; height: 570px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsBox .imgCon li { float: left; width: 1920px; height: 570px; }
#foucsBox .imgCon li img {width: 1920px; height: 570px; }
#foucsBox .foucs { width: 1920px; height: 8px; position: absolute; bottom: 30px; text-align: center; z-index: 3; }
#foucsBox .foucs span { width: 72px; height: 8px;background:#fff;display:inline-block;margin:0px 5px;}
#foucsBox .foucs span.f { background:#4b8cf0;}


    .ind_intro {
        padding: 50px 0;
        position: relative
    }

    .ind_video {
        width: 740px;
        height: 488px;
        position: relative;
        z-index: 1
    }

    .ind_video .content {
        width: 100%;
        height: 420px;
        position: relative;
        text-align: center;
        background: #000
    }

    .ind_video .video {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .ind_video .play {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .ind_video .play>img {
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .ind_video .zz {
        z-index: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/zz_black1.png) repeat
    }

    .ind_video .zz img.play_btn {
        cursor: pointer;
        border-radius: 100%
    }

    .ind_video .title {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .introduction {
        z-index: 0;
        position: absolute;
        right: 0;
        top: 50px;
        height: 488px;
        width: 370px;
        padding: 0 54px 0 175px;
        background: url(../images/intro_con_bg.jpg) no-repeat 0 center
    }

    .introduction .title {
        font-size: 36px;
        font-weight: 700;
        color: #fff;
        line-height: 90px; 
        margin: 20px 0 0;
        text-align: left;
    }

    .introduction .content {
        font-size: 16px;
        color: #fff;
        line-height: 32px;
        height: 224px;
        overflow: hidden;
        text-align: left;
    }

    .introduction .more {
        width: 135px;
        height: 42px;
        margin: 20px 0;
        text-align: center;
        line-height: 42px;
        color: #fff;
        font-size: 14px;
        background: #000;
        float: right
    }

    .introduction .arrow {
        text-align: right
    }

    .introduction a.prev {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url(../images/intro_prev.png) no-repeat center;
        margin-right: 10px
    }

    .introduction a.next {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url(../images/intro_next.png) no-repeat center
    }

    .ind_pro {
        background: url(../images/ind_pro_bg.jpg) no-repeat top center;
        height: 780px;
        position: relative;
        overflow: hidden;
    }

    .ind_pro .title {
        background: url(../images/title_pro.png) no-repeat center;
        height: 160px;
		padding-top:16px;
    }

    .ipro {
        width: 284px;
        height: 227px;
        float: left;
        margin: 20px;
        margin: 11px 8px;
        text-align: center;
        position: relative;
    }

    .ipro img {
        width: 100%;
        height: 100%
    }

    .ipro .zz {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        background: url(../images/pro_zz.png) no-repeat center
    }

    .ipro .zz p {
        display: none;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        line-height: 20px;
        padding: 0 5%;
        width: 90%;
        position: absolute;
        left: 0;
        bottom: 120px;
    }

    .ipro .zz h5 {
        display: none;
        font-size: 25px;
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
        margin-top: 105px
    }

    .ipro:hover .zz {
        background: url(../images/pro_zz_on.png) no-repeat center
    }

    .ipro:hover p {
        display: block
    }

    .ipro:hover h5 {
        display: block
    }

    .ind_news {
        padding: 40px 0;
        position: relative
    }

    .ind_news .title {
        height: 150px;
        background: url(../images/title_news.png) no-repeat center
    }

    .ind_news .ind_news_plate {
        height: 380px;
        overflow: hidden
    }


  .ind_news1 {
        padding: 40px 0 0 0;
        position: relative
    }

    .ind_news1 .title {
        height: 150px;
        background: url(../images/yw.png) no-repeat center
    }

    .ind_news1 .ind_news_plate {
        height: 320px;
        overflow: hidden
    }
	
	
    .ind_pro .ind_news_nav {
        text-align: center;
        margin-bottom: 35px
    }

    .ind_pro .ind_news_nav span {
        display: inline-block;
        *display: inline;
        zoom: 1; 
		padding:0 10px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        color: #000;
        font-size: 14px;
        background: #d2d2d2;
        margin: 0 10px
    }

    .ind_pro .ind_news_nav span.on {
        background: #c5a36e;
        color: #fff
    }
.ind_pro .ind_news_nav span.on a:hover{ color: #fff; }
    .ind_news .bd {
        position: relative
    }

    .ind_news .bd a.prev {
        z-index: 9;
        display: inline-block;
        width: 60px;
        height: 60px;
        background: url(../images/ind_news_prev.png) no-repeat center;
        position: absolute;
        left: -30px;
        top: 90px
    }

    .ind_news .bd a.next {
        z-index: 9;
        display: inline-block;
        width: 60px;
        height: 60px;
        background: url(../images/ind_news_next.png) no-repeat center;
        position: absolute;
        right: -30px;
        top: 90px
    }

    .inewslist {
        position: relative;
    width: 280px;
    float: left;
    margin-right: 20px;
    }

    .inewslist .pic {
        width: 100%;
        height: 240px;
        position: relative
    }

    .inewslist .zz {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top:-8px;
        background: url(../images/news_zz.png) no-repeat center;
        display: none
    }

    .inewslist .tit {
        font-size: 20px;
        color: #000;
        font-weight: 700;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .inewslist .date {
        font-size: 14px;
        margin-bottom: 5px;
        color: #333;
        line-height: 24px;
        background: url(../images/icon_date.png) no-repeat left center;
        padding-left: 22px
    }

    .inewslist .desc {
        line-height: 24px;
        height: 72px;
        overflow: hidden;
        font-size: 14px;
        color: #333
    }

    .inewslist:hover .tit {
        color: #0a1a53
    }

    .inewslist:hover .desc {
        color: #0a1a53
    }

    .inewslist:hover .zz {
        display: block
    }

    .footer {
        z-index: 98;
        padding: 35px 0 15px;
        color: #dbdbdb;
        background: #0a1a53;
        position: relative
    }

    .footer ul {
        line-height: 24px;
        height: 100%;
        float: left;
        display: inline-block;
        width: 150px;
    }

    .footer ul .tit {
        font-size: 16px;
        color: #c5a36e;
        font-weight: 700;
        margin-bottom: 18px
    }

    .footer ul li {
        margin-bottom: 15px
    }

    .footer ul a {
        color: #dbdbdb;
        font-size: 14px;
        line-height: 18px
    }

    .footer ul a:hover {
        color: #fff
    }

    .footer ul.ul_ct {
        width: auto;
        max-width: 270px;
        float: right;
        margin: 0;
    }

    .footer .hotline {
        background: url(../images/icon_tel.png) no-repeat left center;
        padding-left: 44px;
        font-size: 14px;
        margin-bottom: 25px
    }

    .footer .hotline b {
        color: #ecd0a3;
        font-size: 28px;
        font-family: Arial, Helvetica, sans-serif
    }

    .footer .ewm1 {
        /* float: left; */
        /* width: 95px; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer .ewm1 p {
        background: url(../images/icon_weixin.png) no-repeat left center;
        text-align: right;
        line-height: 30px;
        font-size: 14px;
        width: 44%;
        margin-top: 5px;
    }

    .footer .ewm2 {
        float: right;
        width: 95px
    }

    .footer .ewm2 p {
        background: url(../images/icon_sina.png) no-repeat left center;
        text-align: right;
        line-height: 30px;
        font-size: 14px
    }

    .footer img {
        max-width: 100%
    }

    .frlink {
        border-top: 1px dashed #c5a36e;
        padding: 10px;
        color: #dbdbdb;
        background: #0a1a53;
        line-height: 20px
    }

    .frlink span {
        float: left;
        font-size: 16px;
        color: #fff;
        display: block
    }

    .frlink a,
    .frlink font {
        margin: 0 5px;
        float: left;
        font-size: 13px;
        color: #dbdbdb;
        display: block
    }

    .frlink a:hover {
        color: #fff
    }

    .bottom {
        background: #0a1a53;
        border-top: 1px solid #e2b975;
        line-height: 25px;
        text-align: center;
        padding: 10px 0;
        color: #dbdbdb;
        font-size: 14px;
    }

    .inc_top {
        position: relative;
        z-index: 99;
        background: 0 0;
        overflow: hidden;
        transition: all ease-in-out .2s
    }

    .inc_title {
        height: 180px
    }

    .inc_nav {
        text-align: center;
        margin-bottom: 50px
    }

    .inc_nav a {
        display: inline-block;
        *display: inherit;
        zoom: 1;
		padding:0 10px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #fff;
        text-align: center;
        background: #efefef;
        border-radius: 5px;
        margin: 0 4px 10px;
        font-size: 16px;
        color: #0a1a53
    }

    .inc_nav a:hover {
        color: #fff;
        background: #0a1a53
    }

    .inc_nav a.on {
        color: #fff;
        background: #0a1a53
    }

    .inc_top_fixed {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: url(../images/zz_black2.png) repeat;
        transition: all ease-in-out .2s
    }

    .inc_top_fixed .inc_title {
        height: 60px
    }

    .inc_top_fixed .inc_nav {
        margin-bottom: 0
    }

    .location {
        height: 40px;
        border-bottom: 2px solid #c5a36e;
        line-height: 45px;
        background: url(../images/icon_location.png) no-repeat left center;
        padding-left: 30px;
        font-size: 14px
    }

    .main {
        overflow: hidden;
        position: relative
    }

    .main ::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    .main ::-webkit-scrollbar-track {
        border-radius: 0;
        background: #ccc
    }

    .main ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #c5a36e
    }

    .main ::-webkit-scrollbar-thumb:hover {
        border-radius: 5px;
        background: #c5a36e
    }

    .contain {
        overflow: hidden;
        margin: 0 auto 50px;
        padding: 0 38px 30px;
        background: #fff url(../images/inside_zz.png) repeat;
        border: 1px solid #ededed;
        box-shadow: 1px 1px 2px #555;
        min-height: 500px
    }

    .contain_line {
        background: url(../images/inside_title_bg.png) repeat-x;
        height: 6px
    }

    *:hover {
        transition: all ease-in-out .2s
    }

    .top_news {
        padding: 35px 30px;
        margin-top: 35px;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 4px 4px 0 #dddbdc;
        position: relative
    }

    .top_news a.prev {
        z-index: 9;
        display: inline-block;
        width: 15px;
        height: 40px;
        background: url(../images/inc_news_prev.png) no-repeat center;
        position: absolute;
        right: 40px;
        bottom: 0
    }

    .top_news a.next {
        z-index: 9;
        display: inline-block;
        width: 15px;
        height: 40px;
        background: url(../images/inc_news_next.png) no-repeat center;
        position: absolute;
        right: 20px;
        bottom: 0
    }

    .top_news_l {
        float: left;
        width: 470px;
        height: 295px;
        position: relative
    }

    .top_news_l li {
        width: 100%;
        height: 295px;
        position: relative
    }

    .top_news_l img {
        width: 100%;
        height: 100%
    }

    .top_news_l p {
        font-size: 16px;
        width: 100%;
        z-index: 1;
        line-height: 40px;
        color: #fff;
        text-indent: 20px;
        background: url(../images/zz_yel.png) repeat;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .top_news_r {
        float: right;
        width: 565px;
        position: relative
    }

    .top_news_r li {
        width: 100%
    }

    .top_news_r .tit {
        font-size: 24px;
        color: #0f1b54;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .top_news_r .date {
        font-size: 14px;
        color: #333;
        line-height: 18px;
        border-bottom: 4px solid #c6c6c6;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .top_news_r .desc {
        font-size: 14px;
        color: #000;
        line-height: 28px;
        height: 168px;
        overflow: hidden
    }

    .top_news_r .more {
        text-align: right
    }

    .top_news_r .more a {
        width: 90px;
        height: 26px;
        margin: 10px 0;
        text-align: center;
        display: inline-block;
        line-height: 26px;
        color: #fff;
        font-size: 14px;
        background: #0a1a53
    }

    .top_news_r .more:hover a {
        background: #c5a36e
    }

    .top_news:hover {
        box-shadow: 4px 4px 0 #c5a36e
    }

    .newslist {
        padding: 18px 30px;
        margin-top: 35px;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 4px 4px 0 #dddbdc;
        position: relative
    }

    .newslist .date1 {
        float: left;
        height: 185px;
        width: 70px;
        text-align: center;
        color: #888;
        display: table-cell;
        vertical-align: middle
    }

    .newslist .date1 b {
        font-size: 56px;
        display: block
    }

    .newslist .date1 span {
        font-size: 16px;
        display: block
    }

    .newslist .con {
        width: 625px;
        float: left;
        margin: 0 0 0 20px
    }

    .newslist .tit {
        font-size: 22px;
        color: #0f1b54;
        border-bottom: 1px dashed #888;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .newslist .desc {
        line-height: 28px;
        overflow: hidden;
        height: 56px;
        font-size: 14px;
        color: #000
    }

    .newslist .more {}

    .newslist .more a {
        width: 90px;
        height: 26px;
        margin: 10px 0;
        text-align: center;
        display: inline-block;
        line-height: 26px;
        color: #fff;
        font-size: 14px;
        background: #0a1a53
    }

    .newslist .pic {
        width: 330px;
        height: 185px;
        float: right
    }

    .newslist:hover {
        box-shadow: 4px 4px 0 #c5a36e;
        color: #c5a36e
    }

    .newslist:hover .date {
        color: #c5a36e
    }

    .newslist:hover .con {
        color: #c5a36e
    }

    .newslist:hover .tit {
        color: #c5a36e;
        border-color: #c5a36e
    }

    .newslist:hover .desc {
        color: #c5a36e
    }

    .newslist:hover .more a {
        background: #c5a36e
    }

    .p_title {
        text-align: center;
        font-size: 26px;
        color: #000;
        font-weight: 700;
        margin: 30px 0
    }

    .fil_left {
        width: 250px;
        position: relative;
        float: left
    }

    .fil_right {
        width: 1122px;
        position: relative
    }

    .fil_title {
        color: #000;
        height: 20px;
        margin: 20px 0
    }

    .fil_title span {
        font-size: 18px
    }

    .fil_title a {
        font-size: 12px;
        float: right;
        color: #000;
        line-height: 30px
    }

    .fil_title a:hover {
        color: #c5a36e
    }

    .fil_select {
        width: 100%;
        border: 1px solid #ccc;
        margin-bottom: 20px
    }

    .fil_select ul {
        width: 100%;
        border-top: 1px solid #ccc
    }

    .fil_select ul.sselect {
        display: none
    }

    .fil_select li {
        padding: 0 10px;
        line-height: 33px;
        font-size: 14px;
        color: #000;
        cursor: pointer
    }

    .fil_select li:hover {
        color: #fff;
        background: #0a1a53
    }

    .fil_select li.on {
        color: #fff;
        background: #0a1a53
    }

    .fil_select li.on a {
        color: #fff
    }

    .fil_select p.default {
        cursor: pointer;
        margin: 0 10px;
        line-height: 33px;
        font-size: 14px;
        color: #000;
        line-height: 38px;
        background: url(../images/select_arrow.png) no-repeat center right
    }

    .prol {
        width: 250px;
        padding: 9px;
        background: #fff;
        border: 1px solid #ccc;
        float: left;
        margin: 0 0 22px 10px;
        line-height: 30px
    }

    .prol.ml0 {
        margin-left: 0
    }

    .prol .pic {
        width: 100%;
        height: 170px;
        position: relative
    }

    .prol .pic>a {
        width: 100%;
        height: 100%;
        background: url(../images/cases_zz.png) no-repeat center;
        position: absolute;
        left: 0;
        top: 0;
        display: none
    }

    .prol .pic img {
        width: 100%;
        height:  100%;
    }

    .prol.product .pic {
        height: 190px
    }

    .prol.product .pic>a {
        background: url(../images/pro_zz2.png) no-repeat center
    }

    .prol .con {
        padding: 0 5px
    }

    .prol .tit {
        font-size: 16px;
        color: #000;
        margin-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .prol .desc1 {
        font-size: 13px;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 112px;
        line-height: 28px
    }

    .prol .desc2 {
        font-size: 13px;
        color: #000;
        margin-top: 25px;
        line-height: 20px;
        height: 40px;
        overflow: hidden
    }

    .prol .desc3 {
        font-size: 13px;
        color: #000;
        margin-top: 25px;
        line-height: 20px;
        overflow: hidden
    }

    .prol .more {
        width: 80px;
        height: 26px;
        margin: 10px 0;
        text-align: center;
        display: block;
        line-height: 26px;
        color: #fff;
        font-size: 13px;
        background: #c5a36e
    }

    .prol .more:hover {
        background: #0a1a53;
        text-transform: uppercase
    }

    .prol:hover .pic>a {
        display: block
    }

    .dis_case {
        margin: 30px 0
    }

    .dc_left {
        width: 800px;
        float: left;
        color: #000;
        font-size: 14px;
        line-height: 30px
    }

    .dc_left .tit {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px
    }

    .dc_left .date {
        color: #666
    }

    .dc_left .desc1 {}

    .dc_left .desc2 {}

    .dc_left .content {
        margin: 20px 0 0
    }

    .dc_left .content img {
        max-width: 100%
    }

    .dc_right {
        width: 270px;
        float: right
    }

    .dc_right_title {
        border-bottom: 1px solid #d8b886;
        padding-bottom: 3px;
        height: 24px;
        position: relative;
        margin-bottom: 22px
    }

    .dc_right_title span {
        display: inline-block;
        line-height: 24px;
        font-size: 22px;
        color: #000;
        border-left: 4px solid #d8b886;
        padding-left: 3px
    }

    .dc_right_title a {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #666;
        font-size: 14px
    }

    .dc_right_title a:hover {
        color: #d8b886
    }

    .dis_pro {
        width: 100%;
        position: relative;
        margin: 35px auto
    }

    .dis_pro_left {
        width: 546px;
        float: left;
        position: relative;
        text-align: center
    }

    .dis_pro_left .bd {
        width: 100%;
        overflow: hidden;
        height: 416px;
        position: relative
    }

    .dis_pro_left .bd ul {
        height: 100%
    }

    .dis_pro_left .bd li {
        height: 100%
    }

    .dis_pro_left .bd .prev {
        z-index: 1;
        width: 45px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/pdprev.png) no-repeat center
    }

    .dis_pro_left .bd .next {
        z-index: 1;
        width: 45px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/pdnext.png) no-repeat center
    }

    .dis_pro_left .bd img {
        max-height: 100%
    }

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

    .dis_pro_left .hd {
        margin-top: 10px;
        width: 100%;
        position: relative
    }

    .dis_pro_left .hd li {
        width: 96px;
        height: 80px;
        border: 1px solid #dbdbdb;
        float: left;
        overflow: hidden;
        margin-right: 14px
    }

    .dis_pro_left .hd li.on {
        width: 92px;
        height: 70px;
        border: 3px solid #c5a36e
    }

    .dis_pro_right {
        width: 520px;
        position: relative;
        float: right;
        font-size: 14px;
        line-height: 30px
    }

    .dis_pro_right .pro_name {
        text-align: left;
        color: #000;
        font-size: 24px;
        line-height: 45px
    }

    .dis_pro_right .pro_desc {
        padding: 10px 0;
        color: #666;
        line-height: 30px;
        font-size: 14px;
        border-bottom: 1px solid #959595
    }

    .dis_pro_right .pro_para {
        margin: 10px 0
    }

    .dis_pro_right .pro_para .para_title {
        width: 105px;
        font-weight: 700;
        color: #000
    }

    .dis_pro_right .pro_para td {
        padding: 5px 0;
        vertical-align: top
    }

    .dis_pro_bot {
        margin: 45px auto;
        position: relative
    }

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

    .dis_bot_title {
        height: 35px;
        border-bottom: 1px solid #c5a36e;
        margin-bottom: 20px
    }

    .dis_bot_title span {
        display: inline-block;
        padding: 0 30px;
        line-height: 35px;
        font-weight: 700;
        font-size: 16px;
        color: #555;
        background: #eee
    }

    .dis_bot_title span.on {
        background: #c5a36e;
        color: #fff
    }

    .dis_pro_size {
        display: inline-block;
        width: 105px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        padding-left: 45px;
        background: #c5a36e url(../images/icon_size.png) no-repeat left center
    }

    .dis_pro_cart {
        display: inline-block;
        width: 85px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        padding-left: 65px;
        background: #c5a36e url(../images/icon_cart.png) no-repeat left center;
        margin-left: 20px
    }

    .topic_title {
        width: 580px;
        height: 70px;
        border: 1px solid #c5a36e;
        text-align: center;
        margin: 60px auto 20px
    }

    .topic_title p {
        line-height: 70px;
        color: #000;
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase
    }

    .topic_title b {
        line-height: 70px;
        color: #000;
        font-size: 26px;
        display: block
    }

    .topic_title span {
        display: inline-block;
        background: #fff;
        padding: 0 15px;
        line-height: 24px;
        color: #c5a36e;
        margin-top: -12px;
        font-size: 22px
    }

    .topic_title font {
        display: inline-block;
        background: #fff;
        padding: 0 15px;
        line-height: 24px;
        color: #c5a36e;
        margin-top: -12px;
        font-size: 18px
    }

    .topic_title_desc {
        color: #333;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 25px
    }

    .biaoti1 {
        margin: 10px auto;
        color: #1f1f1f;
        font-size: 24px;
        line-height: 30px;
        background: url(../images/biaoti1.png) no-repeat left top;
        padding: 5px 0 20px 40px
    }

    .biaoti2 {
        margin: 10px auto;
        color: #1f1f1f;
        font-size: 20px;
        line-height: 33px;
        background: url(../images/biaoti2.png) no-repeat left center;
        padding-left: 60px
    }

    .rec-l {
        margin-bottom: 30px
    }

    .rec-l img {
        max-width: 100%
    }

    .rec-con {
        font-size: 16px;
        color: #1f1f1f;
        line-height: 30px
    }

    .welfare_system {}

    .welfare_title {
        color: #1f1f1f;
        font-size: 20px;
        border-left: 4px solid #c5a36e;
        padding-left: 8px;
        line-height: 24px;
        height: 24px;
        margin: 20px 0
    }

    .welfare_system ul {}

    .welfare_system ul li {
        width: 20%;
        float: left;
        text-align: center;
        position: relative
    }

    .welfare_system ul li .pic {
        width: 95px;
        height: 95px;
        margin: 10px auto
    }

    .welfare_system ul li p {
        line-height: 35px;
        font-size: 16px
    }

    .recruitment_system {}

    .recruitment_title {
        height: 40px;
        position: relative
    }

    .recruitment_title span {
        display: block;
        float: left;
        width: 200px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        background: #d8b886;
        margin-right: 1px
    }

    .recruitment_title span.end_time {
        width: 317px
    }

    .recruitment_system ul li {
        height: 50px;
        width: 100%;
        margin-top: 3px;
        border-bottom: 1px solid #eee
    }

    .recruitment_system ul li span {
        display: block;
        float: left;
        width: 201px;
        text-align: center;
        color: #1f1f1f;
        font-size: 16px;
        line-height: 50px;
        position: relative;
        background: #f5f5f5
    }

    .recruitment_system ul li span.end_time {
        width: 317px
    }

    .recruitment_system ul li em {
        cursor: pointer;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 20px;
        top: 0;
        display: block;
        background: url(../images/closeup.png) no-repeat center
    }

    .recruitment_system ul li.openup em {
        background: url(../images/openup.png) no-repeat center
    }

    .recruitment_system .dis_recruit {
        display: none;
        padding: 10px 20px 25px 65px;
        background: #f5f5f5;
        font-size: 14px;
        line-height: 26px;
        border-bottom: 1px solid #eee
    }

    .recruitment_system .dis_recruit .send {
        height: 40px;
        width: 100%;
        position: relative;
        text-align: right
    }

    .recruitment_system .dis_recruit .send a {
        display: inline-block;
        width: 120px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        background: #c5a36e
    }

    .profile {
        margin: 40px 0 0
    }

    .profile_title {
        min-height: 72px;
        width: 445px;
        border-bottom: 1px solid #ccc;
        padding: 0 0 20px 35px;
        margin: 0 0 25px;
        background: url(../images/short_title_kuang.png) no-repeat left top
    }

    .profile_title p {
        font-size: 24px;
        color: #1f1f1f;
        text-transform: uppercase;
        line-height: 22px;
        padding-top: 15px
    }

    .profile_title span {
        display: block;
        font-size: 22px;
        color: #c5a36e;
        margin-left: 45px
    }

    .profile_con {
        font-size: 14px;
        line-height: 30px
    }

    .profile_con_pic {
        width: 530px;
        height: 450px;
        padding: 0 45px;
        float: right;
        margin-top: -120px;
        background: url(../images/jianjie_kuang.jpg) no-repeat right center
    }

    .profile_con_pic img {
        box-shadow: 0 0 4px #555
    }

    .culture {
        position: relative;
        height: 425px;
        margin: 100px 0
    }

    .culture_pic {
        position: absolute;
        left: 0;
        top: 25px
    }

    .culture_pic ul li {
        float: left;
        margin-right: 30px
    }

    .culture_con {
        float: right;
        height: 100%;
        background: url(../images/qiyewenhua_kuag.png) no-repeat left top;
        padding-left: 275px
    }

    .culture_title {
        min-height: 72px;
        width: 315px;
        border-bottom: 1px solid #ccc;
        padding: 0 0 20px 35px;
        margin: 0 0 60px 115px;
        background: url(../images/short_title_kuang.png) no-repeat left top
    }

    .culture_title p {
        font-size: 24px;
        color: #1f1f1f;
        text-transform: uppercase;
        line-height: 22px;
        padding-top: 15px
    }

    .culture_title span {
        display: block;
        font-size: 22px;
        color: #c5a36e;
        margin-left: 45px
    }

    .culture_list {}

    ul.culture_list li {
        line-height: 26px;
        margin-bottom: 15px;
        font-size: 14px;
        color: #333
    }

    ul.culture_list li span {
        color: #c5a36e
    }

    ul.culture_icon_list {
        width: 420px;
        position: absolute;
        right: 0;
        bottom: 0
    }

    ul.culture_icon_list li {
        width: 33.3%;
        float: left;
        padding: 90px 0 0
    }

    ul.culture_icon_list li p {
        text-align: center;
        font-size: 16px;
        color: #c5a36e
    }

    .flag {
        height: 35px;
        width: 165px;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        color: #fff;
        overflow: hidden;
        line-height: 40px;
        background: url(../images/flag.png) no-repeat center
    }

    .develop_list {
        position: relative;
        height: 980px;
        margin: 0px auto;
        margin-top:40px;
		    line-height: 40px;
    font-size: 14px;
    }

    .de_line {
        width: 38px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/de_line.png) repeat-y center
    }

    .develop_list .bd {
        overflow: hidden;
        height: 100%
    }

    .develop_list li {
        line-height: 26px;
        min-height: 26px;
        padding-left: 38px;
        font-size: 16px;
        /* background: url(../images/de_circle.png) no-repeat left top */
    }

    .develop_list .dev_time {
        width: 60px;
        float: left;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        color: #d1b58b
    }

    .develop_list .dev_keyword {
        width: 60px;
        float: left;
        text-align: center;
        color: #d1b58b
    }

    .develop_list .dev_con {
        float: left;
        width: 950px;
        position: relative
    }

    .develop_list .dev_con .dev_tit {
        color: #d1b58b
    }

    .develop_list .dev_con .dev_desc {
        color: #4b4b4b;
        height: 72px;
        line-height: 24px;
        font-size: 14px
    }

    .develop_list a.prev {
        width: 38px;
        height: 20px;
        display: block;
        position: absolute;
        left: 0;
        top: -20px;
        background: url(../images/detop.png) no-repeat center
    }

    .develop_list a.next {
        width: 38px;
        height: 20px;
        display: block;
        position: absolute;
        left: 0;
        bottom: -20px;
        background: url(../images/debot.png) no-repeat center
    }

    .honor_list .bd {
        position: relative
    }

    .honor_list a.next {
        width: 28px;
        height: 47px;
        display: block;
        position: absolute;
        left: -28px;
        top: 175px;
        background: url(../images/hprev.png) no-repeat center
    }

    .honor_list a.prev {
        width: 28px;
        height: 47px;
        display: block;
        position: absolute;
        right: -28px;
        top: 175px;
        background: url(../images/hnext.png) no-repeat center
    }

    .honor_list li {
        width: 250px;
        padding: 10px;
        background: #f6f6f6;
        float: left;
        margin: 0 13px 13px 0
    }

    .honor_list li .pic {
        width: 100%;
        height: 344px;
        position: relative
    }

    .honor_list li .zz {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        background: url(../images/certi_zz.png) no-repeat center
    }

    .honor_list li p {
        font-size: 14px;
        line-height: 30px;
        text-align: center
    }

    .honor_list li:hover .zz {
        display: block
    }

    .basic_list {}

    .blist {}

    .blist .blist_title {
        font-size: 20px;
        color: #c5a36e;
        line-height: 45px
    }

    .blist .blist_desc {
        font-size: 14px;
        color: #666;
        line-height: 30px
    }

    .basic_picture {
        margin: 30px 0
    }

    .bp_left {
        width: 913px;
        height: 519px;
        padding: 6px;
        border: 2px solid #ddd;
        float: left;
        position: relative
    }

    .picture_list {
        position: absolute;
        left: 1%;
        top: 1%;
        width: 98%;
        height: 98%;
        overflow: hidden
    }

    .picture_list img {
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .picture_list .zz {
        width: 100%;
        height: 44px;
        font-size: 16px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: url(../images/zz_black1.png) repeat
    }

    .picture_list p {
        line-height: 44px;
        color: #fff;
        background: url(../images/icon_dobcircle.png) no-repeat left center;
        padding-left: 18px;
        margin-left: 18px
    }

    .picture_list .hd {
        position: absolute;
        right: 6px;
        bottom: 6px;
        z-index: 1;
        overflow: hidden
    }

    .picture_list .hd ul li {
        width: 44px;
        height: 34px;
        margin: 0 3px;
        display: inline-block;
        *display: inline;
        zoom: 1;
        font-size: 15px;
        color: #fff;
        text-align: center;
        line-height: 34px;
        background: url(../images/zz_lightyel.png) repeat
    }

    .picture_list .hd ul li.on {
        background: #fbc503
    }

    .bp_right {
        height: 454px;
        position: relative;
        width: 160px;
        float: right;
        padding: 40px 8px;
        background: #cbac7c
    }

    .bp_right .bd ul li {
        border: 3px solid #fff;
        margin-bottom: 25px;
        height: 88px;
        width: 154px
    }

    .bp_right .bd ul li.on {
        border-color: #fbc503
    }

    .bp_right .bd ul li img {
        width: 100%
    }

    .bp_right a.next {
        width: 100%;
        height: 40px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/bpprev.png) no-repeat center
    }

    .bp_right a.prev {
        width: 100%;
        height: 40px;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background: url(../images/bpnext.png) no-repeat center
    }

    .service_column {
        margin-top: 130px
    }

    .service_column .ldiv {
        cursor: pointer;
        width: 105px;
        height: 220px;
        text-align: center;
        position: relative;
        float: left;
        color: #c5a36e
    }

    .service_column .rarrow {
        height: 100px;
        width: 40px;
        float: left;
        display: block;
        background: url(../images/rarrow.png) no-repeat center
    }

    .service_column .ldiv .pic {
        width: 100%;
        height: 100px
    }

    .service_column .ldiv .bpic {
        display: none
    }

    .service_column .ldiv .desc {
        font-size: 16px;
        text-align: center;
        line-height: 28px
    }

    .service_column .ldiv:hover .spic {
        display: none
    }

    .service_column .ldiv:hover .bpic {
        display: inline
    }

    .service_column .ldiv:hover {
        color: #0a1a53
    }

    .service_column .ldiv.on {
        color: #0a1a53;
        background: url(../images/this_arrow.png) no-repeat bottom center;
        transition: all 0s
    }

    .service_column .ldiv.on .spic {
        display: none
    }

    .service_column .ldiv.on .bpic {
        display: inline
    }

    .service_note {
        padding: 15px;
        border: 2px solid #dbdbdb;
        border-radius: 10px;
        margin-top: -2px;
        font-size: 16px;
        line-height: 28px
    }

    .customization {
        margin: 50px 0
    }

    .customization_title {
        width: 540px;
        float: right
    }

    .customization_note {
        width: 475px;
        float: left
    }

    .customization_note img {
        max-width: 100% !important
    }

    .customization_form {
        width: 476px;
        height: 285px;
        padding: 26px 32px;
        float: right;
        background: url(../images/cus_kuang.jpg) no-repeat center
    }

    select::-ms-expand {
        display: none
    }

    .customization p.erro {
        position: absolute;
        left: 0;
        bottom: -12px;
        line-height: 30px;
        color: red;
        font-size: 12px
    }

    .full_ipt {
        margin-bottom: 10px;
        position: relative
    }

    .full_ipt span {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: 30px
    }

    .full_ipt input {
        width: 100%;
        height: 38px;
        border: 1px solid #ccc;
        text-indent: 5px;
        line-height: 38px
    }

    .full_ipt select {
        margin: 15px 0;
        border: 1px solid #ccc;
        height: 38px;
        width: 146px;
        text-indent: 10px;
        font-size: 14px;
        float: left;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/select_dot.png) no-repeat scroll right center transparent
    }

    .full_ipt select.mlr {
        margin-left: 18px;
        margin-right: 18px
    }

    .full_ipt option {
        background: 0 0;
        width: 100%;
        line-height: 30px;
        text-indent: 10px
    }

    .full_ipt a.submit {
        background: #c5a36e;
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        text-align: center
    }

    .suggestion {
        border: 1px solid #c5a36e;
        padding: 30px;
        margin: 0 0 30px;
        box-shadow: 6px 6px 0 #c5a36e;
        position: relative
    }

    .suggestion .hr {
        width: 100px;
        height: 4px;
        background: url(../images/serv_top_line.jpg) no-repeat center;
        position: relative;
        margin: 0 auto;
        top: -33px
    }

    .suggestion_note {
        float: left;
        width: 400px;
        position: relative
    }

    .suggestion_note img {
        cursor: pointer
    }

    .suggestion_note img {
        max-width: 100% !important
    }

    .suggestion_form {
        float: right;
        width: 630px;
        font-size: 14px;
        color: #555
    }

    .suggestion_form .reset {
        display: inline-block;
        margin-right: 20px;
        width: 120px;
        height: 26px;
        line-height: 26px;
        background: #ddd;
        color: #fff;
        text-align: center;
        font-size: 14px;
        border: none;
        outline: none
    }

    .suggestion_form .submit {
        display: inline-block;
        margin-right: 20px;
        width: 120px;
        height: 26px;
        line-height: 26px;
        background: #d59a3e;
        color: #fff;
        text-align: center;
        font-size: 14px
    }

    .suggestion_form p.erro {
        position: absolute;
        left: 90px;
        bottom: -28px;
        line-height: 30px;
        color: red;
        font-size: 12px
    }

    .suggestion_form .ipt {
        width: 50%;
        float: left;
        position: relative;
        height: 24px;
        line-height: 24px;
        margin-top: 25px
    }

    .suggestion_form .ipt span {
        float: left;
        display: block;
        width: 50px;
        text-align: right
    }

    .suggestion_form .ipt input {
        width: 250px;
        height: 100%;
        float: left;
        border: 1px solid #ccc;
        text-indent: 5px
    }

    .suggestion_form .iptextarea {
        width: 100%;
        margin-top: 10px
    }

    .suggestion_form .iptextarea span {
        display: block;
        line-height: 45px
    }

    .suggestion_form .iptextarea textarea {
        border: 1px solid #ccc;
        width: 601px;
        height: 180px;
        overflow: hidden;
        padding: 5px;
        font-size: 15px;
        color: #333;
        line-height: 24px
    }

    .contact_column {
        padding: 30px 20px;
        border: 2px solid #dbdbdb;
        border-radius: 5px
    }

    .contact_info_list {
        border-bottom: 1px dashed #c5a36e
    }

    .contact_info_list li {
        min-height: 63px;
        line-height: 30px;
        padding-left: 70px;
        width: auto;
        min-width: 280px;
        float: left;
        margin: 0 0 25px
    }

    .contact_info_list li p {
        font-size: 16px;
        display: block;
        color: #666
    }

    .contact_info_list li b {
        font-size: 20px;
        display: block;
        color: #c5a36e
    }

    ul.point_list {
        width: 50%;
        margin: 20px 0;
        float: left;
        position: relative
    }

    ul.point_list .point_list_title {
        line-height: 50px;
        margin-bottom: 20px
    }

    ul.point_list .point_list_title span {
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        color: #c5a36e;
        border-bottom: 2px solid #c5a36e
    }

    ul.point_list li {
        font-size: 14px;
        color: #333;
        width: 48%;
        margin: 0 1% 25px 0;
        float: left;
        line-height: 26px
    }

    ul.point_list b {
        font-size: 16px;
        color: #333;
        line-height: 30px;
        display: block
    }

    .creat_base .artic {
        width: 500px;
        font-size: 14px;
        line-height: 32px
    }

    .creat_base .pic {
        max-width: 49.5%
    }

    .creat_base .l_a_r_p {
        margin-bottom: 40px
    }

    .creat_base .l_a_r_p .artic {
        float: left
    }

    .creat_base .l_a_r_p .pic {
        float: right
    }

    .creat_base .r_a_l_p {
        margin-bottom: 40px
    }

    .creat_base .r_a_l_p .artic {
        float: right
    }

    .creat_base .r_a_l_p .pic {
        float: left
    }

    .creat_base .a_title {
        margin: 0 0 20px
    }

    .creat_base .a_title .cn {
        font-size: 20px;
        color: #c5a36e;
        line-height: 30px;
        font-weight: 700
    }

    .creat_base .a_title .en {
        font-size: 14px;
        color: #333;
        line-height: 24px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase
    }

    .creat_base .small_pic {
        width: 100%;
        position: relative
    }

    .creat_base .small_pic li {
        float: left
    }

    .creat_base .small_pic li img {
        max-width: 100%
    }

    .creat_base .l_a_r_p .small_pic li {
        margin: 10px 0 0 .5%;
        text-align: right
    }

    .creat_base .r_a_l_p .small_pic li {
        margin: 10px .5% 0 0;
        text-align: left
    }

    .crafts_banner {
        margin-top: 30px
    }

    .crafts_title {
        width: 580px;
        height: 70px;
        border: 1px solid #ddd;
        text-align: center;
        margin: 60px auto 20px
    }

    .crafts_title p {
        line-height: 70px;
        color: #000;
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase
    }

    .crafts_title b {
        line-height: 70px;
        color: #000;
        font-size: 26px;
        display: block
    }

    .crafts_title font {
        display: inline-block;
        background: #c5a36e;
        padding: 0 15px;
        line-height: 26px;
        color: #fff;
        margin-top: -10px;
        font-size: 18px
    }

    .crafts_title_desc {
        color: #666;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 60px
    }

    .crafts_list .bgf5f5f5 {
        background: #f8f8f8;
        width: 1120px;
        padding: 0 38px 30px;
        margin: 0 0 0 -38px;
        overflow: hidden
    }

    .crafts_list .artic {
        width: 560px;
        font-size: 14px;
        line-height: 32px
    }

    .crafts_list .pic {
        max-width: 560px
    }

    .crafts_list .l_a_r_p {
        margin-bottom: 40px
    }

    .crafts_list .l_a_r_p .artic {
        float: left
    }

    .crafts_list .l_a_r_p .pic {
        float: right
    }

    .crafts_list .r_a_l_p {
        margin-bottom: 40px
    }

    .crafts_list .r_a_l_p .artic {
        float: right
    }

    .crafts_list .r_a_l_p .pic {
        float: left
    }

    .crafts_list .center .artic {
        width: 100%
    }

    .crafts_list .center .pic {
        display: none
    }

    .crafts_list .small_pic {
        width: 100%;
        position: relative
    }

    .crafts_list .small_pic_title {
        width: 100%;
        text-align: center;
        background: url(../images/small_pic_title.png) no-repeat center bottom;
        padding-bottom: 23px;
        margin: 30px 0 10px
    }

    .crafts_list .small_pic_title span {
        padding: 0 40px;
        line-height: 28px;
        font-size: 18px;
        color: #fff;
        background: #c5a36e;
        display: inline-block;
        margin: 0 auto
    }

    .crafts_list .small_pic li {
        float: left
    }

    .crafts_list .small_pic li p {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #555;
        line-height: 30px
    }

    .crafts_list .small_pic li img {
        max-width: 100%
    }

    .crafts_list .l_a_r_p .small_pic li {
        margin: 10px 0 0 .5%;
        text-align: right
    }

    .crafts_list .r_a_l_p .small_pic li {
        margin: 10px .5% 0 0;
        text-align: left
    }

    .ep_banner {
        margin-top: 30px
    }

    .ep_title {
        width: 580px;
        height: 70px;
        border: 1px solid #ddd;
        text-align: center;
        margin: 60px auto 20px
    }

    .ep_title p {
        line-height: 70px;
        color: #000;
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase
    }

    .ep_title b {
        line-height: 70px;
        color: #000;
        font-size: 26px;
        display: block
    }

    .ep_title font {
        display: inline-block;
        background: #c5a36e;
        padding: 0 15px;
        line-height: 26px;
        color: #fff;
        margin-top: -10px;
        font-size: 18px
    }

    .ep_title_desc {
        color: #666;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 60px
    }

    .ep_list .artic {
        font-size: 14px;
        line-height: 32px
    }

    .ep_list .l_a_r_p {
        padding-bottom: 60px
    }

    .ep_list .l_a_r_p .artic {
        float: left;
        width: 500px
    }

    .ep_list .l_a_r_p.bgf5f5f5 .artic {
        width: 450px
    }

    .ep_list .l_a_r_p .pic {
        float: right
    }

    .ep_list .l_a_r_p img {
        max-width: 595px
    }

    .ep_list .r_a_l_p {
        padding-bottom: 60px
    }

    .ep_list .r_a_l_p .artic {
        float: right;
        width: 560px
    }

    .ep_list .r_a_l_p.bgf5f5f5 .artic {
        width: 460px
    }

    .ep_list .r_a_l_p .pic {
        float: left
    }

    .ep_list .r_a_l_p img {
        max-width: 500px
    }

    .ep_list .c_a_c_p {
        text-align: center;
        padding-bottom: 60px
    }

    .ep_list p.img {
        position: relative
    }

    .ep_list p.img .pic_logo {
        width: 108px;
        height: 108px;
        position: absolute;
        top: -50px
    }

    .ep_list p.img .pic_logo img {
        width: 100%;
        height: 100%
    }

    .ep_list .bgf5f5f5 {
        background: #f8f8f8;
        width: 1020px;
        padding: 55px 90px 30px;
        margin: 0 0 0 -35px;
        overflow: hidden
    }

    .ep_list .bgf5f5f5 .ep_title {
        margin: 0 auto 100px
    }

    .ep_list .l_a_r_p .pic_logo {
        right: -50px
    }

    .ep_list .r_a_l_p .pic_logo {
        left: -50px
    }

    .ep_list .small_pic {
        width: 100%;
        position: relative
    }

    .ep_list .small_pic_title {
        width: 100%;
        text-align: center;
        background: url(../images/small_pic_title.png) no-repeat center bottom;
        padding-bottom: 25px;
        margin: 20px 0
    }

    .ep_list .small_pic_title span {
        padding: 0 40px;
        line-height: 28px;
        font-size: 18px;
        color: #fff;
        background: #c5a36e;
        display: inline-block;
        margin: 0 auto
    }

    .ep_list .small_pic li {
        float: left
    }

    .ep_list .small_pic li p {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #000;
        line-height: 40px;
        margin: 10px 0 5px
    }

    .ep_list .small_pic li .desc {
        font-size: 14px;
        color: #666
    }

    .ep_list .small_pic li img {
        max-width: 100%
    }

    .ep_list .l_a_r_p .small_pic li {
        margin: 10px 0 0 .5%;
        text-align: right
    }

    .ep_list .r_a_l_p .small_pic li {
        margin: 10px .5% 0 0;
        text-align: left
    }

    .join_title {
        width: 580px;
        height: 70px;
        border: 1px solid #ddd;
        text-align: center;
        margin: 60px auto 20px
    }

    .join_title p {
        line-height: 70px;
        color: #000;
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase
    }

    .join_title font {
        display: inline-block;
        background: #fff;
        padding: 0 15px;
        line-height: 26px;
        color: #c5a36e;
        margin-top: -10px;
        font-size: 22px
    }

    .join_title_desc {
        width: 86%;
        margin: 0 auto 50px;
        color: #666;
        font-size: 14px;
        line-height: 26px;
        text-align: center
    }

    .join01 .artic {
        width: 500px;
        font-size: 14px;
        line-height: 32px
    }

    .join01 .pic {
        max-width: 50%
    }

    .join01 .l_a_r_p {
        margin: 20px auto
    }

    .join01 .l_a_r_p .artic {
        float: left
    }

    .join01 .l_a_r_p .pic {
        float: right
    }

    .join01 .l_a_r_p img {
        max-width: 560px
    }

    .join01 .r_a_l_p {
        margin: 20px auto
    }

    .join01 .r_a_l_p .artic {
        float: right
    }

    .join01 .r_a_l_p .pic {
        float: left
    }

    .join01 .r_a_l_p img {
        max-width: 560px
    }

    .join01 .bgf8f8f8 {
        background: #f8f8f8;
        margin: 0
    }

    .join01 .bgf8f8f8 .artic {
        padding: 0 28px
    }

    .join01 .a_title {
        margin: 0 0 20px
    }

    .join01 .a_title .cn {
        font-size: 20px;
        color: #c5a36e;
        line-height: 30px;
        font-weight: 700
    }

    .join01 .a_title .en {
        font-size: 14px;
        color: #333;
        line-height: 24px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase
    }

    .join012 {
        background: #f8f8f8;
        width: 100%;
        padding: 50px 38px;
        margin-left: -38px;
        overflow: hidden
    }

    .join012 .pic {
        width: 600px;
        float: left
    }

    .join012 .artic {
        float: right;
        width: 480px;
        margin-bottom: 20px
    }

    .join012 .artic .artic_title {
        font-size: 16px;
        color: #c5a36e;
        font-weight: 700;
        line-height: 26px;
        margin-bottom: 10px
    }

    .join012 .artic .a_content {
        font-size: 14px;
        line-height: 30px;
        color: #333
    }

    .join012 .title1 .artic_title {
        line-height: 72px;
        height: 72px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px dashed #ddd
    }

    .join012 .title1 .artic_title p {
        background: url(../images/join_title_left.png) no-repeat left top;
        padding-left: 25px;
        font-size: 20px;
        color: #c5a36e
    }

    .join012 .title2 .artic_title {
        line-height: 72px;
        height: 72px;
        background: url(../images/join_title_right.png) no-repeat right top;
        padding-right: 25px;
        font-size: 20px;
        color: #c5a36e;
        float: right
    }

    .join012 .title2 .a_content {
        float: left;
        font-size: 16px;
        line-height: 72px
    }

    .join02 {
        padding: 48px 0
    }

    .join02 .artic {
        overflow: hidden
    }

    .join02 .artic_title {
        font-size: 16px;
        color: #c5a36e;
        font-weight: 700;
        margin-top: 50px;
        line-height: 40px
    }

    .join02 .pic {
        width: 580px;
        float: right
    }

    .join02 .con {
        float: left;
        width: 480px;
        line-height: 26px;
        font-size: 14px;
        color: #333
    }

    .join03 {
        background: #f8f8f8;
        width: 100%;
        padding: 0 38px;
        margin-left: -38px;
        overflow: hidden
    }

    .join03 .bd {
        position: relative
    }

    .join03 a.prev {
        height: 160px;
        width: 30px;
        display: block;
        position: absolute;
        left: -30px;
        top: 0;
        background: url(../images/join_left.png) no-repeat center
    }

    .join03 a.next {
        height: 160px;
        width: 30px;
        display: block;
        position: absolute;
        right: -30px;
        top: 0;
        background: url(../images/join_next.png) no-repeat center
    }

    .join03 .bd_list {
        cursor: pointer;
        width: 187px;
        padding: 35px 0;
        float: left;
        text-align: center;
        font-size: 16px;
        color: #000;
        line-height: 40px
    }

    .join03 .bd_list .pic {
        height: 50px
    }

    .join03 .bd_list .bpic {
        display: none
    }

    .join03 .bd_list.on {
        background: #c5a36e;
        color: #fff
    }

    .join03 .bd_list.on .spic {
        display: none
    }

    .join03 .bd_list.on .bpic {
        display: inline
    }

    .join03_content {
        font-size: 14px;
        line-height: 28px;
        margin-top: 30px;
        text-align: center
    }

    .join04 {
        background: #f8f8f8;
        width: 100%;
        padding: 0 38px;
        margin-left: -38px;
        overflow: hidden
    }

    .join04>ul {
        margin: 60px 0
    }

    .join04_list {
        position: relative;
        height: 100px;
        background: url(../images/hline.png) repeat-y center;
        padding-bottom: 55px
    }

    .join04_list_title {
        width: 380px;
        height: 100px;
        display: table
    }

    .join04_list_title .td {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        font-size: 16px;
        color: #c5a36e;
        font-weight: 700
    }

    .join04_list_title span {
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background: #fff;
        border: 1px solid #c5a36e;
        border-radius: 100%;
        font-size: 30px;
        font-family: Arial, Helvetica, sans-serif;
        display: block
    }

    .join04_list_name {
        display: table;
        width: 50px;
        height: 100px;
        padding: 0 25px;
        line-height: 25px;
        font-size: 24px;
        color: #fff;
        text-align: center;
        background: #c5a36e;
        border-radius: 100%;
        margin: 0 auto
    }

    .join04_list_more {
        width: 88px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        position: absolute;
        display: block;
        background: #c5a36e;
        bottom: -25px
    }

    .join04_list_name span {
        display: table-cell;
        vertical-align: middle
    }

    .join04_list_desc {
        max-height: 100px;
        width: 380px;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        position: relative
    }

    .join04_list.left .join04_list_title span {
        margin-right: 22px
    }

    .join04_list.right .join04_list_title span {
        margin-left: 22px
    }

    .join04_list.left .join04_list_title {
        position: absolute;
        left: 0;
        top: 0
    }

    .join04_list.right .join04_list_title {
        position: absolute;
        right: 0;
        top: 0
    }

    .join04_list.left .join04_list_desc {
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/vline.png) no-repeat left center;
        padding-left: 92px
    }

    .join04_list.right .join04_list_desc {
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/vline.png) no-repeat right center;
        padding-right: 92px
    }

    .join04_list.left .join04_list_more {
        right: 0
    }

    .join04_list.right .join04_list_more {
        left: 0
    }

    .join05 {
        padding: 48px 0
    }

    .join05 .artic {
        overflow: hidden
    }

    .join05 .artic_title {
        font-size: 16px;
        color: #c5a36e;
        font-weight: 700;
        margin-top: 50px;
        line-height: 40px
    }

    .join05 .pic {
        width: 595px;
        float: left
    }

    .join05 .con {
        float: right;
        width: 485px;
        line-height: 30px;
        font-size: 14px;
        color: #333
    }

    .join06 {
        background: #f8f8f8;
        width: 100%;
        padding: 0 38px;
        margin-left: -38px;
        overflow: hidden
    }

    .join06_list {
        background: url(../images/process_line.png) no-repeat center 42px;
        margin: 30px 0
    }

    .join06_lister {
        width: 14.2%;
        float: left;
        text-align: center;
        cursor: pointer
    }

    .join06_lister .pic {
        width: 102px;
        margin: 0 auto
    }

    .join06_lister .bpic {
        display: none
    }

    .join06_lister .name {
        font-size: 16px;
        color: #000;
        line-height: 50px
    }

    .join06_lister .desc {
        font-size: 14px;
        color: #0a1a53;
        line-height: 28px;
        display: none
    }

    .join06_lister.on {
        color: #0a1a53
    }

    .join06_lister.on .spic {
        display: none
    }

    .join06_lister.on .bpic {
        display: inline
    }

    .join06_lister.on .desc {
        display: block
    }

    .join08 {
        background: #f8f8f8;
        width: 100%;
        padding: 0 38px;
        margin-left: -38px;
        text-align: center;
        overflow: hidden
    }

    .join08_content {
        margin: 50px auto
    }

    .join09 {}

    .join09_content {
        font-size: 14px;
        color: #333;
        line-height: 28px
    }

    .join_feedback {
        border: 1px solid #c5a36e;
        position: relative
    }

    .join_feedback p.erro {
        position: absolute;
        left: 0;
        bottom: -28px;
        line-height: 30px;
        color: red;
        font-size: 13px
    }

    .join_feedback_note {
        float: right;
        width: 320px;
        height: 100%
    }

    .join_feedback_form {
        float: left;
        width: 730px;
        padding: 25px 10px 0
    }

    .join_feedback_form .ipt {
        border: 1px solid #ccc;
        position: relative;
        height: 40px;
        line-height: 40px;
        margin-bottom: 25px;
        margin-left: 25px
    }

    .join_feedback_form .ipt em {
        position: absolute;
        left: -25px;
        display: block;
        font-size: 18px;
        font-style: normal;
        top: 0;
        color: #c00;
        width: 25px;
        text-align: center
    }

    .join_feedback_form .ipt.col-2 {
        width: 305px;
        float: left;
        margin-right: 30px
    }

    .join_feedback_form .ipt.col-1 {
        width: 667px;
        margin-right: 30px
    }

    .join_feedback_form .ipt.col-2 span {
        float: left;
        display: block;
        width: 20%;
        text-align: right;
        font-size: 16px
    }

    .join_feedback_form .ipt.col-1 span {
        float: left;
        display: block;
        width: 9%;
        text-align: right;
        font-size: 16px
    }

    .join_feedback_form .ipt.col-2 input {
        width: 80%;
        height: 100%;
        float: left;
        border: none;
        text-indent: 5px
    }

    .join_feedback_form .ipt.col-1 input {
        width: 91%;
        height: 100%;
        float: left;
        border: none;
        text-indent: 5px
    }

    .join_feedback_form .iptextarea {
        margin-left: 25px;
        margin-bottom: 25px;
        width: 667px;
        border: 1px solid #ccc
    }

    .join_feedback_form .iptextarea span {
        display: block;
        width: 90px;
        text-align: right;
        font-size: 16px;
        line-height: 40px
    }

    .join_feedback_form .iptextarea textarea {
        width: 97%;
        height: 90px;
        padding: 0 10px 10px;
        margin: 0 auto;
        overflow: hidden;
        color: #333;
        line-height: 24px;
        outline: none;
        border: none
    }

    .join_feedback_form #code {
        width: 100px;
        height: 40px;
        line-height: 40px;
        float: left;
        border-left: 1px solid #ccc;
        color: #c5a36e;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        letter-spacing: 2px;
        font-size: 16px;
        font-weight: 700
    }

    .join_feedback_form .submit {
        display: inline-block;
        margin-right: 40px;
        width: 320px;
        height: 40px;
        line-height: 40px;
        background: #c5a36e;
        color: #fff;
        text-align: center;
        font-size: 16px;
        float: right
    }

    .videolist {}

    .videolist li {
        text-align: center;
        position: relative;
        width: 330px;
        float: left;
        padding: 8px;
        border: 1px solid #ddd;
        margin: 0 0 35px 35px
    }

    .videolist .pic {
        width: 100%;
        height: 210px
    }

    .videolist li p {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/zz_black1.png) repeat
    }

    .videolist li em {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/video_btn.png) no-repeat center
    }

    .videolist li:hover p {
        display: block
    }

    .videolist .name {
        color: #c5a36e;
        font-size: 16px;
        line-height: 35px
    }

    .videolist .desc {
        font-size: 13px;
        line-height: 20px;
        color: #111
    }

    #Absolute-Center {
        width: 800px;
        height: 450px;
        margin: auto;
        position: fixed;
        top: 0;
        left: 0;
        padding: 8px;
        box-shadow: 0 0 8px #ccc;
        bottom: 0;
        right: 0;
        z-index: 999;
        display: none
    }

    #Absolute-Center .vcon {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: #000
    }

    #Absolute-Center .close {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        background-image: url(../images/fancybox.png);
        background-position: -40px 0;
        cursor: pointer;
        z-index: 999
    }

    #newBridge {
        display: none !important
    }

    .commend {
        margin-top: 50px
    }

    .mod-hd {
        height: 40px;
        line-height: 40px;
        background: #f4f4f4;
        padding-left: 10px
    }

    .cmtList {
        margin: 0 10px;
        padding: 10px 0;
        border-bottom: 1px dashed #cfd1ce;
        position: relative
    }

    .cmtList-detail-header {
        line-height: 30px;
        color: #777
    }

    .cmtList-avator {
        float: left
    }

    .cmtList-avator img {
        width: 50px
    }

    .cmtList-detail {
        margin-left: 65px
    }

    .cmtList-detail-user {
        margin: 0;
        color: #c90;
        font-style: normal
    }

    .cmtList-detail .cmtList-detail-time {
        float: right
    }

    .cmtList-detail-commment {
        font-size: 14px;
        padding: 5px;
        word-wrap: break-word;
        word-break: normal
    }

    .cmtBar-hd {
        height: 40px;
        margin: 10px 0
    }

    .cmtEditor-shortCut {
        width: 104px;
        background: #c5a36e;
        color: #fff;
        text-align: center;
        font-size: 16px;
        float: left;
        height: 40px;
        line-height: 40px;
        position: relative;
        letter-spacing: 1px;
        border-radius: 3px;
        text-align: center
    }

    .cmtarea-section-content {
        border: 1px solid #ddd;
        overflow: hidden;
        margin-top: 10px
    }

    .cmt-face-box {
        float: left;
        width: 110px
    }

    .cmt-face-box p {
        text-align: center;
        font-size: 10px;
        color: red
    }

    .cmt-face-img {
        margin: 10px;
        position: relative;
        display: block;
        zoom: 1;
        color: #fff;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        overflow: hidden
    }

    .cmt-face-img img {
        width: 100%
    }

    .cmt-face-img .cmt-change-face {
        border-radius: 100%;
        color: #fff;
        font-style: normal;
        overflow: hidden;
        text-align: center;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 90px;
        font-size: 13px;
        background-color: rgba(0, 0, 0, .4);
        background-image: url(about:blank);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff, endcolorstr=#00ffffff)";
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .cmt-face-img:hover .cmt-change-face {
        opacity: 1;
        transition: all ease-in-out .3s
    }

    .cmtarea-name {
        float: right;
        font-size: 14px;
        overflow: hidden;
        height: 30px;
        margin: 10px 10px 0;
        padding: 5px;
        background: #fff;
        width: 650px;
        border: 1px solid #eee;
        background: 0 0;
        overflow: hidden;
        color: #666;
        border-radius: 5px
    }

    .cmtarea-content {
        float: right;
        font-size: 14px;
        overflow: hidden;
        height: 80px;
        margin: 10px;
        padding: 5px;
        background: #fff;
        width: 650px;
        border: 1px solid #eee;
        background: 0 0;
        overflow: hidden;
        color: #666;
        border-radius: 5px
    }

    .cmtarea-footer {
        line-height: 26px;
        height: 26px;
        margin-top: 10px;
        text-align: right;
        position: relative
    }

    .cmtarea-sendBtn {
        line-height: 26px;
        display: inline-block;
        width: 99px;
        height: 26px;
        text-align: center;
        color: #fff;
        background: #c5a36e
    }
    .fpage {
        width: 100%;
        text-align: center;
        font-size: 13px;
        margin: 20px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fpage li:last-child a{
        width: 80px;
    }
    .fpage a {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
       
        height: 25px;
        text-align: center;
        line-height: 25px;
        margin-left: 2px;
        display: inline-block;
        display: -moz-inline-stack;
        background: #c5a36e;
        color: #fff;
        zoom: 1;
    }

    .fpage a:hover {
        color: #d8b886;
        background:#333
    }
    .webinfo{
        margin:10px;
        line-height: 25px;
        font-size: 15px;;
    }
    #dis_news {
        width: 1100px;
        margin: 20px auto;
        overflow: hidden;
        position: relative;
    }

    #dis_news .dis_page {
        border-top: 1px solid #e0e0e0;
        padding-top: 13px;
        line-height: 28px;
    }

    #dis_news .d_prev {
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #dis_news .d_next {
        text-align: left;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #dis_news .dnews_title {
        font-size: 20px;
        font-weight: bold;
        _height: 30px;
        min-height: 30px;
        line-height: 30px;
        text-align: center;
        color: #000;
    }

    #dis_news .dnews_line {
        text-align: center;
        _height: 25px;
        line-height: 25px;
        font-size: 14px;
        border-bottom: 1px solid #e0e0e0;
    }

    #dis_news .dnews_content {
        padding: 5px;
        _height: 200px;
        min-height: 200px;
        line-height: 35px;
    }

    .new_print {
        text-align: left;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    }

    .new_print a {
        color: #676767;
        margin: 10px 0;
        font-weight: normal;
    font-size: 15px;
}
    @media screen and (max-width:769px) {
        #dis_news {
            padding: 10px;
        }
    }
    .related{
        margin-top:10px;
        margin-bottom: 20px;
    }
    .related .title{
        width: 100%;
        height: 35px;
        border-bottom: 1px solid #c5a36e;
        margin-bottom: 20px;
       
       
    }
    .related .title span{
        display: inline-block;
        padding: 0 30px;
        line-height: 35px;
        font-weight: bold;
        font-size: 16px;
        background: #c5a36e;
        color: #fff;
    }
    .related .news_rel ul{
        display: flex;
        flex-wrap: wrap;

    }
    .related .news_rel ul li{
        width: 48%;
        margin-left: 1%;
        display: flex;
        align-items: center;
        justify-content:space-between;
        border-bottom: 1px dotted #666;;
        padding:5px 0
    }
    .related .prol{
        width: 245px;
    }
    .map .map_item {
        margin-bottom:10px;
      }
      .map .map_item span {
        line-height:30px;
        font-size:16px;
      }
      .map .map_item ul {
        display:flex;
        flex-wrap: wrap;
      }
      .map .map_item ul li {
        padding: 10px;
        width: unset !important;
        margin: 0 !important;
      }
      .map a{
        color:#333
      }
      .map .map_item ul li a {
        height: unset !important;
        width: unset !important;
      }

      .layui-form-item input{ border: solid 1px #ccc; line-height: 30px; margin-bottom: 10px; 
        text-indent: 10px;  width: 257px; float: left; margin-right: 10px; }
      .layui-form-item textarea{ border: solid 1px #ccc;  line-height: 25px; margin-bottom: 10px; padding-left: 10px;}
      .layui-col-xs5 img{ width: 140px; }
      .layui-form-item button{ width: 270px; line-height: 35px; background-color: #314496;  text-align: center ; color: #fff; border: solid 1px #314496;}