@font-face {
    font-family: 'PingFang';
    src: url('../fonts/PingFangSC-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: PingFang, sans-serif;
}

a, #header, .index .w_lump1 .btn_box a:after, .index .w_lump1 .txt_bd .icon, .index .w_lump1 .hd li, .index .w_lump1 .hd li:after, #banner .swiper-button-prev, #banner .swiper-button-next, .c_more, .c_more:before, .c_more:after, .w_lump3 .pic img, .w_lump3 .txt .til, .index .w_lump3 .txt .more, .index .w_lump3 .txt .more:after, .news_list .strong_wr .item *, .news_list ul a *, #banner .ms-nav-prev, #banner .ms-nav-next, .h_menu_btn i, .abt_it3 .time, .abt_hd a:after, .industry .w_lump1 .hd li, .industry .w_lump1 .hd li:after, .abt_it2_tab .item .txt .h4, .news_list .strong_wr .item:after, .industry .w_lump1 .bd .link_btn, .industry .w_lump1 .bd .link_btn em, .industry .w_lump1 .bd .link_btn:before, .duty .box .btn, .duty .box .btn:before, .duty .box .btn em, .h_menu_btn, .industry .w_lump1 .bd .btn, #sub_ban .part2 .h1:after, .index .w_lump1 .txt_bd .more, .index .w_lump1 .txt_bd .more:after, .w_lump3 .item .pic .img, .news_list .strong_wr .item .pic .img, .saleitem {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}





.w_lump3 .item:hover .pic .img, .news_list .strong_wr .item:hover .pic .img, .saleitem:hover .sale .sale-img-div .sale-img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}

.c_wire .wire em {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}



/*header*/
#header {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
}

.start #header {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
}

.start #header .nav a {
    color: #666;
}

.start #header .nav a.on {
    color: #00793a;
}

.start #header .h_language a.on, .start #header .h_language a:hover {
    color: #00793a;
}

#header.anim {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.header {
    width: 100%;
    height: 120px;
    min-width: 1200px;
    padding: 0 34px 0 60px;
    font-family: PingFang;
}

.header .logo {
    float: left;
}

.h_right {
    float: right;
    height: 120px;
    padding-right: 130px;
}

.h_right .nav {
    float: left;
    height: 120px;
    position: relative;
}

.h_right .nav a {
    float: left;
    height: 120px;
    margin-left: 46px;
    font-size: 17px;
    color: #585858;
    font-weight: bold;
    line-height: 120px;
    font-family: PingFang;
}

.i_header .nav a {
    color: #fff;
}

.i_header .h_language {
    font-size: 16px;
    color: #dfc79a;
    font-family: PingFang;
}

.i_header .h_language a {
    display: inline;
    color: #dfc79a;
}

.i_header .h_language a.on, .i_header .h_language a:hover {
    color: #fff;
}

.h_right .nav a:hover, .h_right .nav a.on {
    color: #00793a;
}

.h_menu_btn {
    position: absolute;
    right: 34px;
    width: 54px;
    height: 54px;
    padding: 17px 16px 0;
    background: #00793a;
    margin: 34px 0 0 50px;
    cursor: pointer;
}

.h_menu_btn i {
    position: absolute;
    left: 16px;
    display: block;
    height: 4px;
    width: 22px;
    margin-bottom: 4px;
    background: #fff no-repeat center;
    opacity: 1;
    filter: alpha(opapity=100);
}

.h_menu_btn .i1 {
    top: 17px;
}

.h_menu_btn .i2 {
    top: 25px;
}

.h_menu_btn .i3 {
    top: 33px;
}

.h_menu_btn:hover {
    background-color: #024521;
}

#c_popup_bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 9999;
}

#menu_wr {
    position: fixed;
    right: -574px;
    top: 0;
    width: 574px;
    height: 100%;
    padding-left: 146px;
    background: #f9fbf7 url("../images/menu_bg.jpg") no-repeat top center;
    z-index: 10000;
    -webkit-transition: right .4s;
    transition: right .4s;
}

#menu_wr.right {
    right: 0;
}

#menu_wr .til .h1 {
    padding-left: 5px;
    font-size: 28px;
    color: #5b5b5b;
    line-height: 38px;
    margin-bottom: 10px;
    position: relative;
    font-family: PingFang;
}

#menu_wr .til .h1:after {
    content: " ";
    display: block;
    position: absolute;
    left: -108px;
    width: 94px;
    height: 3px;
    top: 17.5px;
    background: #00793a;
}

#menu_wr .til .h2 {
    font-size: 70px;
    color: #00793a;
    font-family: "BrandonGrotesqueBold";
    line-height: 50px;
    letter-spacing: -5px;
    text-transform: uppercase;
    font-family: PingFang;
}

#menu_wr .til .h2 p {
    display: inline;
    opacity: .1;
    filter: alpha(opapity=10);
    font-size: 70px;
    font-family: PingFang;
}

#menu_wr .til .h2 em {
    display: inline;
    font-family: "BrandonGrotesqueRegular";
    opacity: .1;
    filter: alpha(opapity=10);
}

#menu_wr .phone {
    padding-left: 50px;
    padding-top: 6px;
    margin-left: -50px;
    background: url("../images/menu_icon_phone.png") no-repeat;
    margin-bottom: 30px;
}

#menu_wr .phone .h4 {
    font-size: 32px;
    color: #00793a;
    font-family: "RUBIK-REGULAR";
    letter-spacing: -2px;
    line-height: 26px;
    margin-bottom: 6px;
    font-family: PingFang;
}

#menu_wr .phone p {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    font-family: PingFang;
}

#menu_wr .info {
    margin-bottom: 35px;
}

#menu_wr .info p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    font-family: PingFang;
}

.h_menu_btn.on {
    position: fixed;
    z-index: 10001;
    right: 34px;
}

.h_menu_btn.on i {
    opacity: 0;
    filter: alpha(opapity=0);
}

.h_menu_btn.on .i2 {
    top: 19px;
    height: 16px;
    opacity: 1;
    filter: alpha(opapity=100);
    background: url("../images/menu_btn.png") no-repeat center;
}

.h_language {
    position: absolute;
    right: 35px;
    top: 0;
    height: 120px;
    font-size: 17px;
    color: #dfc79a;
    line-height: 120px;
    font-weight: 600;
}

.h_language a {
    display: inline;
    color: #585858;
}

.h_language a.on, .h_language a:hover {
    color: #00793a;
}

/*footer*/
.footer {
    height: 340px;
    background: url("../images/footer_bg.jpg") no-repeat top center;
}

.footer .w1200 {
    padding: 50px 0 0;
}

.footer .supervision {
    margin-bottom: 12px;
}

.footer .supervision .til {
    font-size: 20px;
    color: #00793a;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: PingFang;
}

.footer .supervision p {
    font-size: 14px;
    color: #a5a5a5;
    line-height: 24px;
    text-align: center;
    opacity: .8;
    filter: alpha(opapity=80);
    margin: 0;
    font-family: PingFang;
}

.footer .inform_phone {
    font-size: 18px;
    color: #00793a;
    text-align: center;
    line-height: 24px;
    margin-bottom: 33px;
    font-family: PingFang;
}

.footer .inform_phone em {
    font-family: "BrandonGrotesqueRegular";
}

.footer .img_ma {
    text-align: center;
    margin: 0 20px;
    font-size: 0;
    letter-spacing: -4px;
    font-family: PingFang;
}

.footer .img_ma img {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
}

.footer .hr {
    border-bottom: 2px solid #423b39;
    margin: 40px 0 30px;
}

.footer .it_wr {
    display: none;
    text-align: center;
    font-size: 0;
    height: 180px;
    font-family: PingFang;
}

.footer .it_wr .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 40px;
    overflow: hidden;
}

.footer .it_wr .icon {
    float: left;
    margin-right: 22px;
}

.footer .it_wr .p {
    float: left;
    font-size: 14px;
    color: #8e8d96;
    line-height: 24px;
    padding-top: 70px;
    font-family: PingFang;
}

.footer p {
    text-align: center;
    font-size: 14px;
    color: #949398;
    margin-bottom: 6px;
    font-family: PingFang;
}

.footer p a {
    display: inline;
    color: #949398;
}

.footer .link_wr a {
    padding: 0 14px 0 12px;
    background: url("../images/foot_dot.png") no-repeat right center;
}

.footer .link_wr a:first-child {
    position: relative;
    padding-left: 14px;
    position: relative;
}

.footer .link_wr a:first-child:after {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    left: 0;
    top: 0;
    background: url("../images/foot_dot.png") no-repeat left center;
}

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

/*index*/
#banner {
    overflow: hidden;
}

#masterslider img {
    max-width: none;
}

#masterslider .ms-slide {
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial;
}

#masterslider .ms-slide .txt1 {
    width: 1200px;
}

#masterslider .ms-slide .txt1 .h1 {
    font-size: 48px;
    color: #fff;
    line-height: 60px;
    letter-spacing: 25px;
    margin-bottom: 17px;
    font-family: PingFang;
}

#masterslider .ms-slide .txt1 .h1_en {
    font-size: 52px;
    color: #fff;
    line-height: 48px;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #477e4a;
    opacity: .12;
    filter: alpha(opacity=12);
    font-family: PingFang;
}

#masterslider .ms-slide .txt1 .h1_en em {
    font-family: PingFang;
}

#masterslider .li1 .txt1 {
    margin: -110px 0 0 130px !important;
}

#masterslider .li2 .txt1 {
    margin: -116px 0 0 0 !important;
}

#masterslider .li2 .txt1 .h1 {
    color: #006682;
}

#masterslider .li2 .txt1 .h1_en {
    color: #1872c3;
}

#masterslider .li3 .txt1 {
    margin: -116px 0 0 490px !important;
}

#masterslider .li3 .txt1 .h1_en {
    color: #0f174d;
}

#masterslider .li4 .txt1 {
    margin: -126px 0 0 0 !important;
}

#masterslider .li4 .txt1 .h1_en {
    color: #fff;
    opacity: .18;
    filter: alpha(opacity=18);
}

#masterslider .li5 .txt1 {
    margin: -116px 0 0 0 !important;
}

#masterslider .li5 .txt1 .h1 {
    color: #89551e;
}

#masterslider .li5 .txt1 .h1_en {
    color: #3c6b8c;
}

#masterslider .li6 .txt1 {
    margin: -88px 0 0 0 !important;
}

#masterslider .li6 .txt1 .h1 {
    color: #0159d9;
    letter-spacing: 30px;
}

#masterslider .li6 .txt1 .h1_en {
    color: #34465c;
}

#masterslider .ms-bullets {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: -4px;
    z-index: 10;
    text-align: center;
    font-family: PingFang;
}

#masterslider .ms-bullets .ms-bullets-count {
    right: auto;
    left: 0;
}

#masterslider .ms-bullets .ms-bullet {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    font-family: PingFang;
    border-bottom: 2px solid #fff;
    width: 80px;
    letter-spacing: normal;
    text-align: left;
    text-indent: -2px;
}

#masterslider .ms-bullets .ms-bullet-selected {
    /*color: #00793a;
   border-color: #00793a;*/
    color: #0B2032;
    border-color: #0B2032;
}

#banner .ms-nav-prev, #banner .ms-nav-next {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    width: 71px;
    height: 117px;
    border: 3px solid #FFFFFF;
    z-index: 250;
    cursor: pointer;
    transition: width .4s, left .4s, right .4s, border .4s, background .4s, opacity 1s, transform 1s !important;
}

#banner .ms-nav-prev {
    left: 80px;
}

#banner .ms-nav-next {
    right: 80px;
}

#banner .ms-nav-prev:after, #banner .ms-nav-next:after {
    content: " ";
    display: block;
    position: absolute;
    width: 24px;
    height: 48px;
    top: 40%;
    margin-top: -9px;
    background: no-repeat center;
}

#banner .ms-nav-prev:after {
    left: 15px;
    background-image: url("../img/prev.png");
}

#banner .ms-nav-next:after {
    right: 15px;
    background-image: url("../img/next.png");
}

#banner .ms-nav-prev:hover, #banner .ms-nav-next:hover {
    width: 86px;
}

#banner .ms-nav-prev:hover {
    left: 44px;
}

#banner .ms-nav-next:hover {
    right: 44px;
}

.index .w_lump1 {
    height: 609px;
    background: url("../images/index/i_k1_bg.jpg") no-repeat center;
}

.index .w_lump1 .w1200 {
    position: relative;
    height: 100%;
    padding-top: 3px;
}

.index .w_lump1 .bg_txt {
    display: none;
    position: absolute;
    left: -200px;
    bottom: 46px;
    height: 100px;
    width: 100%;
}

.index .w_lump1 .bg_txt li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.index .w_lump1 .bg_txt .txt {
    font-size: 60px;
    color: #84809d;
    line-height: 100px;
    opacity: .1;
    filter: alpha(opapity=10);
    font-family: PingFang;
    letter-spacing: -4px;
    white-space: nowrap;
}

.index .w_lump1 .bg_txt em {
    font-family: "BrandonGrotesqueBold";
}

.index .w_lump1 .bd {
    width: 718px;
    margin-top: 70px;
    height: 330px;
}

.index .w_lump1 .bd ul {
    height: 330px;
    overflow: hidden;
}

.index .w_lump1 .bd li {
    height: 718px;
    height: 330px;
}

.index .w_lump1 .paging {
    margin-top: 10px;
}

.index .w_lump1 .at, .index .w_lump1 .all {
    float: left;
    font-size: 26px;
    line-height: 30px;
    color: #a7a7a7;
    font-family: PingFang;
    font-weight: bold;
}

.index .w_lump1 .h_til {
    position: absolute;
    left: 760px;
    top: 70px;
}

.index .w_lump1 .h_til .h1 {
    font-size: 32px;
    color: #a78860;
    line-height: 32px;
    font-weight: 100;
    margin-bottom: 10px;
    font-family: PingFang;
}

.index .w_lump1 .h_til .h1_en {
    font-size: 24px;
    color: #bcbcbc;
    line-height: 22px;
    font-family: PingFang;
    text-transform: uppercase;
}

.index .w_lump1 .btn_box {
    position: absolute;
    right: 0;
    top: 194px;
    display: none;
}

.index .w_lump1 .btn_box a {
    float: left;
    width: 50px;
    height: 52px;
    border: 2px solid #e9d7ae;
    position: relative;
    margin-left: 5px;
}

.index .w_lump1 .btn_box a:after {
    content: " ";
    display: block;
    position: absolute;
    width: 21px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    background: no-repeat center;
}

.index .w_lump1 .btn_box .k1_prev:after {
    left: 15px;
    background-image: url("../images/prev.png");
}

.index .w_lump1 .btn_box .k1_next:after {
    right: 15px;
    background-image: url("../images/next.png");
}

.index .w_lump1 .btn_box a:hover {
    width: 86px;
}

.index .w_lump1 .txt_tab {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 794px;
    height: 315px;
    overflow: hidden;
    padding: 38px 50px;
    background: url("../images/index/i_k1_hd_bg.jpg") no-repeat center;
    z-index: 5;
}

.index .w_lump1 .hd {
    padding-bottom: 23px;
    overflow: hidden;
    position: relative;
}

.index .w_lump1 .hd ul {
    overflow: hidden;
    font-size: 0;
    letter-spacing: -4px;
    text-align: center;
    font-family: PingFang;
}

.index .w_lump1 .hd li {
    display: inline-block;
    font-size: 16px;
    letter-spacing: normal;
    color: #666;
    line-height: 30px;
    height: 33px;
    font-weight: bold;
    position: relative;
    margin: 0 25px 12px;
    cursor: pointer;
    font-family: PingFang;
}

.index .w_lump1 .hd li:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: 3px solid #00793a;
}

.index .w_lump1 .hd li.on, .index .w_lump1 .hd li:hover {
    color: #00793a;
}

.index .w_lump1 .hd li.on:after {
    width: 100%;
}

.index .w_lump1 .hd li.li1 {
    margin-left: 80px;
}

.index .w_lump1 .hd li.li3 {
    margin-right: 80px;
}

.index .w_lump1 .txt_bd .item {
    height: 162px;
    position: relative;
}

.index .w_lump1 .txt_bd p {
    font-size: 15px;
    color: #868686;
    line-height: 26px;
}

.index .w_lump1 .txt_bd .more {
    font-size: 14px;
    color: #868686;
    font-family: PingFang;
    line-height: 20px;
    padding-left: 0;
    position: absolute;
    left: 0;
    bottom: 32px;
}

.index .w_lump1 .txt_bd .more:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    left: 0;
    top: 8px;
    background: #e9d7ae;
}

.index .w_lump1 .txt_bd .item:hover .more {
    padding-left: 50px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.index .w_lump1 .txt_bd .item:hover .more:after {
    width: 37px;
}

.index .w_lump1 .txt_bd .icon {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 21px;
    height: 18px;
    background: url("../images/next-2.png") no-repeat center;
}

.index .w_lump1 .txt_bd .item:hover .icon {
    left: 20px;
}

.index .w_lump1 .doll .i {
    position: absolute;
    left: -62px;
}

.index .w_lump1 .doll .i1 {
    top: 331px;
}

.index .w_lump1 .doll .i2 {
    top: 226px;
}

.index .w_lump1 .doll .i3 {
    top: 313px;
}

.index .w_lump1 .doll .i4 {
    top: 338px;
}

.index .w_lump2 {
    height: 609px;
    background: url("../images/index/i_k2_bg.jpg") no-repeat center;
}

.index .w_lump2 .logo_box {
    float: left;
    padding-top: 203px;
}

.index .w_lump2 .txt {
    float: right;
    width: 744px;
    padding-top: 130px;
}

.index .w_lump3 {
    padding: 60px 0 40px;
}

.index .w_lump3 .item {
    margin-bottom: 30px;
    overflow: hidden;

}

.index .w_lump3 .pic {
    float: right;
    width: 30%;
    /*width: 395px;*/
    height: 240px;
    overflow: hidden;
    margin-bottom: 40px;
    /*  padding-bottom: 10px;
      border-bottom: 1px solid #F5F5F5;*/
}

.index .w_lump3 .pic .img {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
}

.index .w_lump3 .pic2 {
    float: right;
    width: 30%;
    /*width: 395px;*/
    height: 240px;
    overflow: hidden;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F5F5F5;
}

.index .w_lump3 .pic2 .img {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
}

.index .w_lump3 .txt {
    float: left;
    /* width: 795px;*/
    width: 70%;
    height: 240px;
    padding: 40px;
    border: 1px solid #FFFFFF;
    position: relative;
    background: #FFFFFF;
    margin-bottom: 40px;
    border-bottom: 1px solid #F5F5F5;
}

.index .w_lump3 .txt > div {
    position: relative;
    height: 100%;
}

.index .w_lump3 .txt .time {
    font-size: 30px;
    line-height: 30px;
    color: #b79c6a;
    font-family: PingFang;
    letter-spacing: -2px;
    margin-bottom: 12px;
}

.index .w_lump3 .txt .new_l {
    text-align: center;
    float: left;
    width: 25%;
}

.index .w_lump3 .txt .new_r {
    width: 75%;
    text-align: left;
    float: left;

}

.index .w_lump3 .txt .new_l .date {
    width: 140px;
    height: 140px;
    border-radius: 10px;
    background: #F5F5F5;
    font-family: "Source Han Sans CN";
    color: #BA9C6B;
}

.index .w_lump3 .item:hover .new_l .date {
    width: 140px;
    height: 140px;
    border-radius: 10px;
    background: #BA9C6B;
    font-family: "Source Han Sans CN";
    color: #FFFFFF;
}

.index .w_lump3 .txt .new_l .date .da1 {
    font-size: 60px;
    font-family: PingFang;
}

.index .w_lump3 .txt .new_l .date .da2 {
    font-size: 24px;
    font-family: PingFang;
}

.index .w_lump3 .txt .til {
    font-size: 28px;
    line-height: 34px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    font-family: PingFang;

}

.index .w_lump3 .txt .con {
    font-size: 18px;
    line-height: 26px;
    color: #999999;
    font-family: PingFang;
}

.index .w_lump3 .txt p {
    /* font-size: 14px;
     line-height: 24px;
     color: #9b9b9b;*/
    font-size: 18px;
    line-height: 26px;
    color: #999999;
    font-family: PingFang;

   /* !*实现文字超过n行后省略功能*!
    overflow:hidden;!*超出的文本隐藏*!
    text-overflow:ellipsis;!*溢出用省略号显示*!
    display:-webkit-box;!*将对象作为弹性伸缩盒子模型显示。*!
    -webkit-box-orient:vertical;!*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*!
    -webkit-line-clamp:3;!*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*!
*/

  /*  text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;*/
}

.index .w_lump3 .conP{
    font-size: 18px;
    line-height: 26px;
    color: #999999;
    font-family: PingFang;
    /*text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;*/
}

.index .w_lump3 .txt .more {
    font-size: 14px;
    color: #333333;
    font-family: PingFang;
    line-height: 20px;
    padding-left: 0;
    position: absolute;
    left: 0;
    bottom: -12px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.index .w_lump3 .txt .more:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    left: 0;
    top: 8px;
    background: #e9d7ae;
}

.index .w_lump3 .item:hover .til {
    color: #BA9C6B;

}

.index .w_lump3 .item:hover .more {
    padding-left: 50px;
}

.index .w_lump3 .item:hover .more:after {
    width: 37px;
}

.index .w_lump3 .c_more {
    float: right;
    margin: 0;
}

/*閸忣剙鍙�*/
p {
    font-size: 15px;
    color: #868686;
    line-height: 26px;
    margin-bottom: 26px;
    font-family: PingFang;
}

.no_margin {
    margin-bottom: 0;
}

body {
    padding-top: 120px;
}

strong {
    font-weight: 600;
}

/*body{background:url("../images/body_bg-on.jpg") no-repeat center 0; background-attachment:fixed; padding-top:780px;}*/
/*body,#sub_ban .part2{-webkit-transition: all 2s cubic-bezier(.25,.74,.22,.99); -moz-transition: all 2s cubic-bezier(.25,.74,.22,.99); -ms-transition: all 2s cubic-bezier(.25,.74,.22,.99); -o-transition: all 2s cubic-bezier(.25,.74,.22,.99); transition: all 2s cubic-bezier(.25,.74,.22,.99);}*/
/*body.on{padding-top:0; background-position: center -780px;}*/
/*body.on #sub_ban .part2{height:622px;}*/
#content {
    background: #fff;
}

#sub_ban .part1 {
    height: 524px;
    padding-top: 363px;
    display: none;
}

#sub_ban .part1 .h1 {
    padding-left: 5px;
    font-size: 28px;
    color: #5b5b5b;
    line-height: 38px;
    margin-bottom: 10px;
    position: relative;
    font-family: PingFang;
}

#sub_ban .part1 .h1:after {
    content: " ";
    display: block;
    position: absolute;
    right: 1214px;
    width: 94px;
    height: 3px;
    top: 17.5px;
    background: #00793a;
}

#sub_ban .part1 .h2 {
    letter-spacing: -5px;
    font-size: 70px;
    line-height: 60px;
    color: #00793a;
    font-family: PingFang;
}

#sub_ban .part1 .h2 p {
    font-size: 70px;
    color: #00793a;
    font-family: PingFang;
    line-height: 50px;
    display: inline;
    opacity: .1;
    filter: alpha(opapity=10);
    text-transform: uppercase;
}

#sub_ban .part1 .h2 em {
    font-size: 70px;
    color: #00793a;
    line-height: 50px;
    display: inline;
    opacity: .1;
    filter: alpha(opapity=10);
    font-family: PingFang;
    text-transform: uppercase;
}

#sub_ban .part2 {
    height: 400px;
    background: no-repeat center bottom;
}

#sub_ban .part2 {
    position: relative;
}

#sub_ban .part2 .img img {
    margin: 0 auto;
}

#sub_ban .part2 .w1200 {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px;
}

#sub_ban .part2 .h1 {
    position: relative;
    font-size: 38px;
    line-height: 56px;
    color: #fff;
    padding-top: 111px;
    text-indent: 3px;
    font-family: PingFang;
}

#sub_ban .part2 .h1:after {
    content: " ";
    display: block;
    position: absolute;
    right: 1212px;
    width: 0;
    height: 3px;
    top: 137.5px;
    background: #fff;
}

#sub_ban .part2 .h1_en {
    font-family: PingFang;
    letter-spacing: -4px;
}

#sub_ban .part2 .h1_en p {
    font-size: 70px;
    line-height: 70px;
    color: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
    text-transform: uppercase;
    font-family: PingFang;
}

#sub_ban .part2 .h1_en em {
    font-family: PingFang;
}

#sub_ban .part2 .h1.animated:after {
    width: 94px;
    -webkit-transition: all 1s 1s;
    transition: all 1s 1s;
}

.c_more {
    position: relative;
    width: 86px;
    height: 52px;
    border: 2px solid #e9d7ae;
    z-index: 250;
    margin: 40px auto 0;
    overflow: hidden;
}

.c_more:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: #e9d7ae;
}

.c_more:after {
    content: " ";
    display: block;
    position: absolute;
    width: 21px;
    height: 18px;
    right: 10px;
    top: 15px;
    background: url("../images/next-on.png") no-repeat center;
    z-index: 2;
}

.c_more:hover:after {
    right: 30px;
    background-image: url("../images/more_on.png");
}

.c_more:hover:before {
    left: 0;
    width: 100%;
}

.c_prev, .c_next {
    width: 50px;
    height: 52px;
    border: 2px solid #a78861;
    position: relative;
}

.c_prev:after, .c_next:after {
    content: " ";
    display: block;
    position: absolute;
    width: 21px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    background: no-repeat center;
}

.c_prev:after {
    left: 15px;
    background-image: url("../images/prev.png");
}

.c_next:after {
    right: 15px;
    background-image: url("../images/next.png");
}

.c_prev:hover, .c_next:hover {
    width: 86px; /* border-color:#e9d7ae;*/
}

/*.c_prev:hover:after{background-image: url("../images/prev-on.png");}
.c_next:hover:after{background-image: url("../images/next-on.png");}*/

/*news*/
.news {
    padding-bottom: 40px;
}

.news_list {
    overflow: hidden;
}

.news_list .strong_wr {
    width: 1230px;
    padding: 40px 0;
    overflow: hidden;
}

.news_list .strong_wr .item {
    position: relative;
    float: left;
    width: 380px;
    margin-right: 30px;
}

.news_list .strong_wr .item .pic {
    height: 240px;
    overflow: hidden;
}

.news_list .strong_wr .item .pic .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: no-repeat center;
    background-size: cover;
}

.news_list .strong_wr .item .txt {
    position: relative;
    height: 250px;
    padding: 33px 30px 0;
    border: 2px solid #e2e2e2;
    border-top: 0 none;
}

.news_list .strong_wr .item .til {
    font-size: 18px;
    color: #7c7b80;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang;
}

/*.news_list .strong_wr .item p{font-size: 14px; color:#6a6a6a; line-height: 22px;}*/
.news_list .strong_wr .item .time {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 18px;
    color: #b79c6a;
    line-height: 26px;
    font-family: PingFang;
    letter-spacing: -1px;
}

.news_list .strong_wr .item:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    box-sizing: border-box;
}

.news_list ul {
    border-top: 2px solid #e5e5e5;
    position: relative;
    z-index: 5;
}

.news_list ul a {
    overflow: hidden;
    height: 82px;
    border-bottom: 2px solid #e5e5e5;
    position: relative;
}

.news_list ul a:after {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    top: 0;
    background: #f9f9f9;
    z-index: -1;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.news_list ul .le {
    float: left;
    width: 150px;
}

.news_list ul .time {
    font-size: 18px;
    color: #b79c6a;
    line-height: 80px;
    height: 80px;
    padding-left: 30px;
    font-family: PingFang;
}

.news_list ul .ri {
    float: right;
    width: 1034px;
    height: 80px;
    line-height: 80px;
    padding-right: 30px;
}

.news_list ul .txt {
    display: inline-block;
    vertical-align: middle;
}

.news_list ul .til {
    font-size: 18px;
    color: #7c7b80;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: PingFang;
}

.news_list ul .txt p {
    font-size: 14px;
    color: #858585;
    line-height: 22px;
    margin: 0;
    font-family: PingFang;
}

.news_list ul a:hover:after {
    left: 0;
    width: 100%;
}

.news_list .strong_wr .item:hover .til, .news_list ul a:hover .til {
    color: #00793a;
}

.news_list .strong_wr .item:hover:after {
    border-color: #00793a;
}

.more-btn {
    width: 100%;
    height: 120px;
    text-align: center;
    padding-top: 40px;

}

.more-btn .btnM {
    width: 155px;
    height: 40px;
    border: 1px solid #BA9C6B;
    color: #BA9C6B;
    font-size: 18px;
    background: #FFffff;
    font-family: PingFang;
}

.more-btn .btnM2 {
    width: 100%;
    height: 40px;
    border: 1px solid #BA9C6B;
    color: #BA9C6B;
    font-size: 14px;
    background: #FFffff;
    font-family: PingFang;
}


.more-btn .btnM.focus, .more-btn .btnM:focus, .more-btn .btnM:hover {
    outline:none;
    cursor: pointer;
}

.more-btn .btnM2.focus, .more-btn .btnM2:focus, .more-btn .btnM2:hover {
    outline:none;
    cursor: pointer;
}

#sub_ban.news_d_ban {
    height: 190px;
    padding-top: 44px;
    background: url("../images/news/news_d_ban.jpg") no-repeat center;
}

#sub_ban.news_d_ban .part1 {
    padding-top: 0;
}

#sub_ban.news_d_ban .h1 {
    padding-left: 5px;
    font-size: 38px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 15px;
    position: relative;
    font-family: PingFang;
}

#sub_ban.news_d_ban .h1:after {
    content: " ";
    display: block;
    position: absolute;
    right: 1214px;
    width: 94px;
    height: 3px;
    top: 17.5px;
    background: #fff;
}

#sub_ban.news_d_ban .h2 p {
    letter-spacing: -5px;
    font-size: 70px;
    color: #fff;
    line-height: 50px;
    display: inline;
    opacity: .2;
    filter: alpha(opapity=20);
    font-family: PingFang;
    text-transform: uppercase;
}

#content.news_d {
    background: #fff url("../images/news/news_d_bg.png") no-repeat top center;
}

.news_d {
    padding-top: 60px;
}

.news_d .main img {
    width: auto !important;
    height: auto !important;
}

.news_d .w_le {
    float: left;
    width: 780px;
    margin-top: -3px;
    padding-bottom: 55px;
}

.news_d .title_box {
    padding-bottom: 46px;
}

.news_d .title_box .time {
    font-size: 34px;
    color: #00793a;
    line-height: 26px;
    font-family: PingFang;
    margin-bottom: 20px;
}

.news_d .title_box .til {
    font-size: 26px;
    color: #7c7b80;
    line-height: 32px;
    font-weight: 600;
    font-family: PingFang;
}

.news_d .w_ri {
    float: right;
    width: 380px;
    padding: 55px 30px;
    min-height: 600px;
    position: relative;
    background: #efeff4;
}

.news_d .shadow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 30px;
}

.news_d .w_ri .browse {
    font-size: 14px;
    color: #868282;
    line-height: 24px;
    margin-bottom: 35px;
    font-family: PingFang;
}

.news_d .share_wrap {
    margin-bottom: 58px;
}

.news_d .share_wrap .p {
    float: left;
    font-size: 14px;
    color: #868282;
    line-height: 50px;
    padding-right: 10px;
    font-family: PingFang;
}

.news_d .share_wrap .bshare-custom {
    overflow: hidden;
    float: left;
}

.news_d .share_wrap a {
    float: left;
    width: 50px;
    height: 50px;
    padding: 0;
    margin-left: 10px;
    border-radius: 50%;
    background: no-repeat center;
}

.news_d .share_wrap a.bshare-sinaminiblog {
    background-position: 5px center;
}

.news_d .share_wrap a.bshare-weixin {
    background-image: url("../images/news/icon_wx.png");
}

.news_d .share_wrap a.bshare-qzone {
    background-position: -140px center;
}

.news_d .share_wrap a.bshare-qqim {
    background-image: url("../images/news/icon_qq.png");
}

.news_d .share_wrap a.bshare-weixin:hover {
    background-image: url("../images/news/icon_wx-on.png");
}

.news_d .share_wrap a.bshare-qqim:hover {
    background-image: url("../images/news/icon_qq-on.png");
}

.news_d .w_le a {
    display: inline;
}

.news_d .w_le a:hover {
    color: #00793a;
}

.news_d .w_le p {
    margin-bottom: 0;
}

.news_d .w_le {
    font-size: 15px;
    color: #868686;
    line-height: 26px;
    font-family: PingFang;
}

.news_d .w_le img {
    padding: 15px 0;
    display: inline-block;
}

.related_news .til {
    position: relative;
    font-size: 20px;
    color: #333;
    line-height: 24px;
    padding-bottom: 28px;
    border-bottom: 3px solid #e2e2eb;
    font-family: PingFang;
}

.related_news .til:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 80px;
    height: 3px;
    background: #32af42;
}

.related_news .a_box {
    padding-top: 25px;
}

.related_news .a_box a {
    font-size: 15px;
    color: #868686;
    line-height: 26px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang;
}

.related_news .a_box a:hover {
    color: #00793a;
}

#bsWXBox, #bsWXBox * {
    box-sizing: content-box;
}

/*about*/
.about {
    w
    overflow: hidden;
}

.abt_it1 .w_lump1 {
    width: 1280px;
    padding: 0 40px;
    margin: -10px auto 0;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 5;
}

.abt_it1 .w_lump1 .le {
    float: left;
    width: 20%;
    margin-top: 10px;
}

.abt_it1 .w_lump1 .h1 {
    font-size: 32px;
    color: #a78860;
    line-height: 32px;
    font-weight: 100;
    margin-bottom: 10px;
    font-family: PingFang;
}

.abt_it1 .w_lump1 .h2 {
    font-size: 24px;
    color: #bcbcbc;
    line-height: 22px;
    font-family: PingFang;
    margin-bottom: 20px;
}

.abt_it1 .w_lump1 .h2 em {
    font-family: PingFang;
}

.abt_it1 .w_lump1 .icon {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.abt_it1 .w_lump1 .ri {
    position: relative;
    float: right;
    width: 80%;
    margin-top: 5px;
    padding-bottom: 126px;
}

.abt_it1 .w_lump1 .top500 {
    position: absolute;
    right: 0;
    bottom: 38px;
    font-size: 22px;
    color: #00793a;
    line-height: 26px;
    font-family: PingFang;
}

.abt_it1 .w_lump1 .top500 span {
    display: inline-block;
    vertical-align: top;
    color: #00793a;
    font-size: 20px;
    line-height: 32px;
    font-family: PingFang;
}

.abt_it1 .w_lump1 .top500 em {
    font-family: PingFang;
    font-size: 50px;
    position: relative;
    top: 6px;
}

.abt_it1 .w_lump2 {
    height: 616px;
    background: url("../images/about/about_k2.jpg") no-repeat center;
    margin-top: -154px;
}

.abt_it2 .w_lump1 .w1200 {
    position: relative;
}

.abt_it2 .w_lump1 .e_box_un {
    position: relative;
    height: 616px;
    padding: 130px 30px 0 40px;
    background: url("../images/about/about_2_k1_bg.jpg") no-repeat center;
}

.abt_it2 .w_lump1 .name {
    font-size: 60px;
    color: #fff;
    line-height: 60px;
    font-weight: 100;
    margin-bottom: 12px;
    font-family: PingFang;
}

.abt_it2 .w_lump1 .p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    opacity: .7;
    filter: alpha(opapity=70);
    font-family: PingFang;
}

.abt_it2 .w_lump1 .box {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 45px 35px 35px;
    width: 760px;
    min-height: 318px;
    background: #f9f9f9;
}

.abt_it2 .w_lump2 .h1 {
    width: 380px;
    height: 264px;
    position: relative;
    margin: 0 auto;
}

.abt_it2 .w_lump2 .h1 img {
    position: absolute;
    left: 0;
    top: 0;
}

.abt_it2_tab {
    position: relative;
    padding-bottom: 80px;
}

.abt_it2_tab .bd {
    overflow: hidden;
    width: 1230px;
}

.abt_it2_tab .tempWrap {
    width: 1200px !important;
}

.abt_it2_tab .item {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.abt_it2_tab .item .pic {
    height: 251px;
}

.abt_it2_tab .item .txt {
    position: relative;
    height: 200px;
    padding: 25px 30px 0;
    background: #f9f9f9;
}

.abt_it2_tab .item .txt .h4 {
    font-size: 18px;
    color: #7c7b80;
    line-height: 28px;
    height: 56px;
    font-weight: 600;
    margin-bottom: 8px;
    font-family: PingFang;
}

/*.abt_it2_tab .item .txt p{line-height: 22px; color:#7b7b7b;}*/
.abt_it2_tab .item .txt .time {
    position: absolute;
    left: 30px;
    bottom: 24px;
    font-size: 18px;
    color: #00793a;
    line-height: 24px;
    font-family: PingFang;
}

.abt_it2_tab .item:hover .txt .h4 {
    color: #00793a;
}

.abt_it2_tab .btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
}

.abt_it2_tab .c_prev {
    right: 1240px;
}

.abt_it2_tab .c_next {
    left: 1240px;
}

.abt_it3 {
    height: 775px;
    background: url("../images/about/abt_it3_bg.jpg") no-repeat center;
}

.abt_it3 .tempWrap {
    overflow: visible !important;
}

.abt_it3 li {
    float: left;
    width: 300px;
    position: relative;
    height: 560px;
}

.abt_it3 li .pon {
    position: absolute;
    left: 40px;
    top: 230px;
    bottom: auto;
    width: 260px;
    cursor: pointer;
}

.abt_it3 li:nth-child(odd) .pon {
    top: 230px;
}

.abt_it3 li:nth-child(even) .pon {
    top: 330px;
}

.abt_it3 .time {
    font-size: 42px;
    color: #a78860;
    line-height: 30px;
    font-family: PingFang;
    letter-spacing: -2px;
    margin-bottom: 15px;
}

/*.abt_it3 .hid{display:none;}*/
.abt_it3 p {
    font-size: 16px;
    color: #72868f;
    line-height: 24px;
    opacity: .7;
    filter: alpha(opapity=70);
    margin: 0;
    font-weight: 600;
    font-family: PingFang;
}

.abt_it3 .wire {
    display: none;
    margin-left: -2px;
    height: 120px;
    background: url("../images/about/abt_it3_line.png") no-repeat;
    margin-top: 32px;
}

.abt_it3 li .pon:hover .time {
    color: #00793a;
}

.abt_it3 .hd {
    height: 180px;
    position: relative;
}

.abt_it3 .btn {
    position: absolute;
    bottom: 0;
}

.abt_it3 .c_prev {
    right: 605px;
}

.abt_it3 .c_next {
    left: 605px;
}

.abt_it3 .bd {
    height: 560px;
}

.abt_hd {
    position: fixed;
    left: 0;
    top: 120px;
    width: 100%;
    background: url("../images/about/about_sub_nav_bg.png");
    z-index: 700;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.abt_hd .ri {
    float: right;
    width: 491px;
}

.abt_hd a {
    float: left;
    font-size: 16px;
    color: #d2edda;
    line-height: 60px;
    margin-right: 25px;
    position: relative;
    font-weight: 600;
    font-family: PingFang;
}

.abt_hd a:hover, .abt_hd a.on {
    color: #fff;
}

.about_tab {
    width: 1200px;
    margin: 0 auto 40px;
    padding: 80px 0 0;
    /* border-bottom: 3px solid #ebe0cb;*/
    border-bottom: 3px solid #f5f5f5;
}

.about_tab .til_box {
    margin-bottom: -10px;
}

.about_tab .til_box .h1 {
    font-size: 32px;
    color: #BA9C6B;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: PingFang;
}

.about_tab .til_box .h2 {
    font-size: 24px;
    color: #999999;
    line-height: 22px;
    font-family: PingFang;
    text-transform: uppercase;
}

.about_tab .til_box .h2 em {
    font-family: PingFang;
}

.about_tab .page_hd .a_box {
    float: right;
}

.about_tab .page_hd a {
    float: left;
    margin-left: 42px;
    font-size: 16px;
    color: #999999;
    line-height: 22px;
    font-weight: 500;
    padding-bottom: 17px;
    position: relative;
    margin-bottom: -3px;
    cursor: pointer;
    font-family: PingFang;
}

.about_tab .page_hd a:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: 3px solid #BA9C6B;
}

.about_tab .page_hd a:hover, .about_tab .page_hd a.on {
    color: #BA9C6B;
    text-decoration: none;
}

.about_tab .page_hd a.on:after {
    width: 100%;
}

/* industry */
.industry .w_lump1 .w1200 {
    position: relative;
    z-index: 50;
    width: 1280px;
    padding: 76px 40px 0;
    background: #fff;
}

.industry .w_lump1 .h1 {
    font-size: 32px;
    color: #a78860;
    line-height: 40px;
    margin-bottom: 6px;
    font-family: PingFang;
}

.industry .w_lump1 .h1_en {
    font-size: 24px;
    color: #bcbcbc;
    line-height: 22px;
    font-family: PingFang;
}

.industry .w_lump1 .h1_en em {
    font-family: PingFang;
}

.industry .w_lump1 .txt_tab {
    margin-top: 60px;
}

.industry .w_lump1 .hd {
    border-bottom: 3px solid #ebe0cb;
}

.industry .w_lump1 .hd ul {
    text-align: center;
    font-size: 0;
    letter-spacing: -4px;
    font-family: PingFang;
}

.industry .w_lump1 .hd li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 13px -3px;
    font-size: 17px;
    color: #6b6b6b;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 17px;
    position: relative;
    cursor: pointer;
    font-family: PingFang;
}

.industry .w_lump1 .hd li:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: 3px solid #00793a;
}

.industry .w_lump1 .hd li:first-child {
    margin-left: 0;
}

.industry .w_lump1 .hd li:hover, .industry .w_lump1 .hd li.on {
    color: #00793a;
}

.industry .w_lump1 .hd li.on:after {
    width: 100%;
}

.industry .w_lump1 .bd li {
    padding: 40px 0;
}

.industry .w_lump1 .bd .til {
    font-size: 30px;
    color: #7c7b80;
    line-height: 34px;
    margin-bottom: 40px;
    font-weight: 600;
    font-family: PingFang;
}

.industry .w_lump1 .bd .link_btn {
    position: relative;
    float: left;
    font-size: 16px;
    color: #767676;
    line-height: 56px;
    height: 60px;
    border: 2px solid #e9d7ae;
    overflow: hidden;
    margin-top: 35px;
    font-family: PingFang;
}

.industry .w_lump1 .bd .link_btn:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: #3baa10;
}

.industry .w_lump1 .bd .link_btn em {
    display: block;
    position: relative;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 20px 0 58px;
    background: url("../images/industry/industry_icon.png") no-repeat 20px center;
    z-index: 2;
}

.industry .w_lump1 .bd .link_btn:hover {
    border-color: #3baa10;
}

.industry .w_lump1 .bd .link_btn:hover em {
    color: #fff;
    background-image: url("../images/industry/industry_icon-on.png");
}

.industry .w_lump1 .bd .link_btn:hover:before {
    left: 0;
    width: 100%;
}

.industry .w_lump1 .bd .txt {
    overflow: hidden;
}

.industry .w_lump1 .bd h4 {
    font-size: 17px;
    color: #7c7b80;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    font-family: PingFang;
}

.industry .w_lump1 .bd .btn {
    position: relative;
    top: 0;
    float: right;
    width: 60px;
    height: 60px;
    background: url("../images/icon_down-on.png") no-repeat center;
    border: 2px solid #00793a;
    margin-top: 35px;
}

.industry .w_lump1 .bd .btn:hover {
    top: 5px;
}

.industry .w_lump1 .bd .btn.on {
    background-image: url("../images/icon_up.png");
}

.industry .w_lump1 .bd .btn.on:hover {
    top: -5px;
}

.industry .w_lump1 .stock {
    float: left;
    padding-top: 10px;
}

.industry .w_lump1 .stock .h4 {
    font-size: 18px;
    color: #6b6b6b;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: PingFang;
}

.industry .w_lump1 .stock .h5 {
    font-size: 20px;
    color: #6b6b6b;
    line-height: 20px;
    font-family: "MONTSERRAT-REGULAR";
}

.industry .w_lump1 .stock .p {
    font-size: 14px;
    color: #909090;
    line-height: 18px;
    font-family: PingFang;
}

.industry .w_lump1 .stock .num {
    margin-top: 10px;
    overflow: hidden;
}

.industry .w_lump1 .stock .num em {
    float: left;
    font-size: 30px;
    color: #e40000;
    line-height: 30px;
    font-family: PingFang;
    letter-spacing: -2px;
    padding-right: 27px;
    background: url("../images/industry/industry_icon_top.png") no-repeat right center;
}

.industry .w_lump1 .stock .num .fall {
    color: #0f990f;
    background-image: url("../images/industry/industry_icon_dom.png");
}

.industry .w_lump2 {
    height: 659px;
    position: relative;
    margin-top: -120px;
}

.industry .w_lump2 .bg_item {
    height: 659px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.industry .w_lump2 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 659px;
    background: no-repeat center;
}

.industry .w_lump2 .bg.on {
    z-index: 5;
}

/*culture*/
/*#sub_ban.culture_ban .part2 .h1{padding-top:220px;}
#sub_ban.culture_ban .part2 .h1_en{font-size: 42px; color:#fff; opacity:.26; filter:alpha(opacity=26); font-family: "BrandonGrotesqueBold";}*/
.culture {
    overflow: hidden;
}

.culture .w1200 {
    padding-top: 134px;
}

.culture .w_le {
    position: relative;
    float: left;
    padding-top;;
    width: 410px;
    height: 862px;
    background: url("../images/culture/culture_tree.png") no-repeat bottom center;
}

.culture .w_le .box {
    width: 130px;
}

.culture .w_le .box.l {
    position: absolute;
    left: 0;
}

.culture .w_le .box.r {
    position: absolute;
    right: 0;
}

.culture .w_le .h4 {
    font-size: 22px;
    color: #898989;
    line-height: 30px;
    margin-bottom: 6px;
    font-family: PingFang;
}

.culture .w_le .h5 {
    font-size: 16px;
    color: #22ac38;
    line-height: 22px;
    font-family: PingFang;
}

.culture .w_le .box.l .h4, .culture .w_le .box.l .h5 {
    text-align: right;
}

.culture .w_le .b1 {
    top: 108px;
}

.culture .w_le .b2 {
    top: 224px;
}

.culture .w_le .b3 {
    top: 442px;
}

.culture .w_le .b4 {
    top: 627px;
}

.culture .w_le .b5 {
    top: 722px;
}

.culture .w_le .b6 {
    top: 151px;
}

.culture .w_le .b7 {
    top: 395px;
}

.culture .w_le .b8 {
    top: 646px;
}

.culture .w_le .tree {
    position: absolute;
    left: 156px;
    bottom: 0;
}

.culture .w_ri {
    float: right;
    width: 762px;
    margin-right: -32px;
}

.culture .w_ri .box {
    float: left;
    margin: 0 32px 24px 0;
}

.culture .w_ri .box .e_box_un {
    width: 349px;
    height: 419px;
    padding: 134px 30px 0 0;
}

.culture .w_ri .pon {
    height: 256px;
    padding: 27px 20px 0;
    background: #fefef9;
}

.culture .w_ri .pon .til {
    font-size: 24px;
    color: #00793a;
    line-height: 30px;
    margin-bottom: 14px;
    font-family: PingFang;
}

.culture .w_ri .pon .h4 {
    font-size: 18px;
    color: #58585e;
    line-height: 24px;
    margin-bottom: 12px;
    font-family: PingFang;
}

.culture .w_ri .pon p {
    font-size: 14px;
    color: #858585;
    line-height: 24px;
    font-family: PingFang;
}

/*duty*/
/*#sub_ban.duty_ban .part2 .w1200{padding:87px 440px 0 100px;}
#sub_ban.duty_ban .part2 .h1{margin-left: -100px; margin-bottom: 15px; padding-top: 0;}
#sub_ban.duty_ban .part2 p{color:#fff; opacity:.6; filter:alpha(opacity=60);}*/
.duty {
    padding: 80px 0 70px;
}

.duty .w_lump1 {
    position: relative;
    height: 372px;
    margin-bottom: 152px;
}

.duty .w_lump1 .wr {
    position: relative;
    height: 372px;
    width: 1200px;
}

.duty .w_lump1 .e_box_un {
    padding: 133px 0 0 40px;
    height: 100%;
    background: url("../images/duty/duty_k3.jpg") no-repeat center;
}

.duty .w_lump1 .h5 {
    font-size: 20px;
    color: #6b6b6b;
    line-height: 30px;
    font-family: PingFang;
}

.duty .w_lump1 .time {
    font-size: 60px;
    color: #6b6b6b;
    line-height: 50px;
    font-family: PingFang;
    letter-spacing: -2px;
    margin-bottom: 10px;
}

.duty .w_lump1 .h6 {
    font-size: 18px;
    color: #6b6b6b;
    line-height: 24px;
    font-family: PingFang;
}

.duty .w_lump2_new .e_box_un {
    background-image: url('../images/duty/w_lump2_new.jpg');
}

.duty .w_lump2_new .e_box_un {
    padding-top: 120px;
}

.duty .box {
    position: absolute;
    right: 0;
    width: 790px;
    height: 345px;
    padding: 35px 40px 0;
    bottom: -92px;
    background: #f9f9f9;
}

.duty .box p {
    margin-bottom: 35px;
}

.duty .box .btn {
    position: relative;
    font-size: 16px;
    color: #767676;
    line-height: 48px;
    height: 52px;
    width: 138px;
    border: 2px solid #e9d7ae;
    overflow: hidden;
    margin-bottom: 46px;
    font-family: PingFang;
}

.duty .box .btn:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: #e9d7ae;
}

.duty .box .btn em {
    display: block;
    position: relative;
    height: 100%;
    left: 0;
    top: 0;
    padding-left: 18px;
    background: url("../images/duty/icon_enter.png") no-repeat 92px center;
    z-index: 2;
}

.duty .box .btn:hover {
    border-color: #e9d7ae;
}

.duty .box .btn:hover em {
    color: #fff;
    background-image: url("../images/duty/icon_enter-on.png");
}

.duty .box .btn:hover:before {
    left: 0;
    width: 100%;
}

.duty .record, .duty .record a {
    font-size: 16px;
    color: #c6a661;
    line-height: 24px;
    font-family: PingFang;
}

.duty .record a {
    display: inline;
    font-size: 18px;
    margin-left: 15px;
    font-family: PingFang;
}

.duty .w_lump2 .hd {
    position: relative;
    overflow: hidden;
}

.duty .w_lump2 .hd ul {
    float: right;
    height: 50px;
    overflow: hidden;
    width: 850px;
    margin-right: -60px;
}

.duty .w_lump2 .hd li {
    position: relative;
    float: left;
    font-size: 17px;
    color: #6b6b6b;
    line-height: 24px;
    font-weight: 600;
    margin-right: 40px;
    cursor: pointer;
    font-family: PingFang;
}

.duty .w_lump2 .hd li.on {
    color: #00793a;
}

.duty .w_lump2 .hd .slider {
    position: absolute;
    bottom: 0;
    height: 3px;
    background: #00793a;
}

.duty .w_lump2 .bd {
    height: 440px;
}

.duty .w_lump2 .bd .item {
    overflow: hidden;
}

.duty .w_lump2 .bd .le {
    float: left;
    width: 410px;
    height: 440px;
    padding: 35px 40px 0;
    background: #f9f9f9;
    position: relative;
}

.duty .w_lump2 .bd .num {
    position: absolute;
    left: 40px;
    bottom: 58px;
}

.duty .w_lump2 .bd .txt_wr {
    height: 308px;
}

.duty .w_lump2 .bd .txt {
    height: 285px;
    position: relative;
}

.duty .w_lump2 .bd .pon {
    position: absolute;
    left: 0;
    top: 20px;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
    margin-right: -10px;
}

.duty .w_lump2 .bd .h3 {
    font-size: 24px;
    color: #00793a;
    line-height: 34px;
    margin-bottom: 25px;
    font-family: PingFang;
}

.duty .w_lump2 .bd .h4 {
    font-size: 18px;
    color: #58585e;
    line-height: 24px;
    margin-bottom: 15px;
    font-family: PingFang;
}

.duty .w_lump2 .bd .btn_box {
    float: right;
}

.duty .w_lump2 .bd .btn_box a {
    float: left;
    width: 54px;
    height: 54px;
    background: no-repeat center;
    margin-left: 20px;
}

.duty .w_lump2 .bd .btn_box .txt_prev {
    background-image: url("../images/duty/prev.png");
    background-position: 7px center;
}

.duty .w_lump2 .bd .btn_box .txt_next {
    background-image: url("../images/duty/next.png");
    background-position: 6px center;
}

.duty .w_lump2 .bd .btn_box .txt_prev:hover {
    background-position: 0 center;
}

.duty .w_lump2 .bd .btn_box .txt_next:hover {
    background-position: 13px center;
}

.duty .w_lump2 .bd .num .at {
    float: left;
    font-size: 26px;
    color: #00793a;
    font-family: PingFang;
    font-weight: 600;
}

.duty .w_lump2 .bd .num .sum {
    float: left;
    font-size: 26px;
    color: #7e7e7e;
    font-family: PingFang;
    font-weight: 600;
}

.duty .w_lump2 .bd .ri {
    float: right;
    width: 790px;
    height: 440px;
}

.duty .w_lump2 .pic_bd li {
    height: 440px;
    width: 790px;
}

#content.duty_d .title_box .til {
    color: #00793a;
}

/*inform*/
#sub_ban.inform_ban .part2 .w1200 {
    top: 50%;
    margin-top: -110px;
}

#sub_ban.inform_ban .part2 .h1 {
    padding-top: 0;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 36px;
    font-family: PingFang;
}

#sub_ban.inform_ban .part2 p {
    font-size: 16px;
    color: #fff;
    opacity: .68;
    filter: alpha(opacity=68);
    line-height: 22px;
    margin-bottom: 10px;
    font-family: PingFang;
}

#sub_ban.inform_ban .part2 .w1200 {
    padding-right: 615px;
}

.inform .w_lump1 {
    margin-bottom: 40px;
    overflow: hidden;
}

.inform .w_lump1 .w1200 {
    padding: 95px 0 0;
    background: url("../images/inform/inform_k1_bg.jpg") no-repeat bottom center;
}

.inform .w_lump1 .h1 {
    font-size: 38px;
    color: #00793a;
    text-align: center;
    line-height: 48px;
    margin-bottom: 6px;
    font-family: PingFang;
}

.inform .w_lump1 .h5 {
    font-size: 18px;
    color: #585858;
    text-align: center;
    line-height: 28px;
    font-family: PingFang;
}

.inform .w_lump1 .it_wr {
    overflow: hidden;
    width: 1250px;
}

.inform .w_lump1 .item {
    float: left;
    width: 380px;
    padding-bottom: 35px;
    background: no-repeat center;
    margin-right: 30px;
}

.inform .w_lump1 .icon {
    height: 156px;
    padding: 80px 0 0;
}

.inform .w_lump1 .icon img {
    margin: 0 auto;
}

.inform .w_lump1 .h4 {
    font-size: 16px;
    color: #00b55c;
    line-height: 24px;
    text-align: center;
    font-family: PingFang;
}

.inform .w_lump1 p {
    text-align: center;
}

.inform .w_lump2 {
    padding-bottom: 40px;
}

.inform .w_lump2 .it_wr {
    width: 1230px;
}

.inform .w_lump2 .item {
    float: left;
    position: relative;
    width: 380px;
    height: 463px;
    margin-right: 30px;
}

.inform .w_lump2 .item .bg {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
}

.inform .w_lump2 .item .pon {
    position: absolute;
    left: 0;
    top: 160px;
    width: 340px;
    height: 260px;
    padding: 35px 0 30px 30px;
    background: #f9f9f9;
}

.inform .w_lump2 .item .cnt {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 40px;
}

.inform .w_lump2 .item .cnt::-webkit-scrollbar {
    width: 14px;
    background-color: #FFF;
}

.inform .w_lump2 .item .cnt::-webkit-scrollbar-thumb {
    background-color: #00793a;
}

.inform .w_lump2 .item .h4 {
    font-size: 18px;
    color: #7c7b80;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: 600;
    font-family: PingFang;
}

.inform .w_lump2 .item p {
    margin-bottom: 10px;
}

#footer .w1200 {
    height: 100%;
    position: relative;
}

#footer .w1200 .inform_btn {
    position: absolute;
    width: 80px;
    height: 20px;
    right: 390px;
    top: 417px;
}

/*閺佸牊鐏�*/
#banner .ms-nav-prev, #banner .ms-nav-next, #header, #masterslider .ms-bullets, #sub_ban .part1 .h1, #sub_ban .part1 .h2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s;
    transition: all 1s;
}

#banner .ms-nav-prev {
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
}

#banner .ms-nav-next {
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
}

#header {
    -webkit-transform: translate(0, -200px);
    transform: translate(0, -200px);
}

#masterslider .ms-bullets {
    -webkit-transform: translate(0, 200px);
    transform: translate(0, 200px);
}

#sub_ban .part1 .h1 {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

#sub_ban .part1 .h1:after {
    width: 0;
}

#sub_ban .part1 .h2 {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

/*#sub_ban .part2 .w1200{display:none;}*/
body.anim #banner .ms-nav-prev, body.anim #banner .ms-nav-next, body.anim #masterslider .ms-bullets, body.anim #sub_ban .part1 .h1, body.anim #sub_ban .part1 .h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

body.anim #sub_ban .part1 .h1:after {
    width: 94px;
    -webkit-transition: all .6s .6s;
    transition: all .6s .6s;
}

body.anim #sub_ban .part1 .h2 b {
}

/*e_box*/
.e_box {
    position: relative;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    overflow: hidden;
}

.e_box .e_box_un {
    position: relative;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .6s ease-in;
    -moz-transition: transform .6s ease-in;
    -ms-transition: transform .6s ease-in;
    -o-transition: transform .6s ease-in;
    transition: transform .6s ease-in;
}

.e_box .e_box_un .e_box_un {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 10;
    background: #ff8400;
    -webkit-transition: transform .8s .6s ease-out;
    -moz-transition: transform .8s .6s ease-out;
    -ms-transition: transform .8s .6s ease-out;
    -o-transition: transform .8s .6s ease-out;
    transition: transform .8s .6s ease-out;
}

.e_box.animated .e_box_un {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.e_box.animated .e_box_un:after {
    -webkit-transform: translateX(102%);
    transform: translateX(102%);
}

.e_box .e_shade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .6s;
    transition: transform .6s;
}

.e_box .e_shade i {
    float: left;
    width: 20%;
    height: 20%;
    background: #fff;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.935, .015, .335, .92);
    transition: -webkit-transform .5s cubic-bezier(.935, .015, .335, .92);
    transition: transform .5s cubic-bezier(.935, .015, .335, .92);
    transition: transform .5s cubic-bezier(.935, .015, .335, .92), -webkit-transform .5s cubic-bezier(.935, .015, .335, .92);
}

.e_box .e_shade i:nth-child(even) {
    -webkit-transform-origin: left;
    transform-origin: left;
}

.e_box .e_shade i:nth-child(odd) {
    -webkit-transform-origin: right;
    transform-origin: right;
}

.e_box.animated .e_shade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.e_box.animated .e_shade i {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

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

.door_l {
    display: none;
    position: absolute;
    left: -50%;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
}

.door_r {
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.door.on .door_l {
    animation: close_l 1.2s;
}

.door.on .door_r {
    animation: close_r 1.2s;
}

.e_til .h1, .e_til .h1_en {
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(.935, .015, .335, .92);
    transition: -webkit-transform 1.1s cubic-bezier(.935, .015, .335, .92);
    transition: transform 1.1s cubic-bezier(.935, .015, .335, .92);
    transition: transform 1.1s cubic-bezier(.935, .015, .335, .92), -webkit-transform 1.1s cubic-bezier(.935, .015, .335, .92);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.e_til .h1_en {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.e_til.animated .h1, .e_til.animated .h1_en {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.e_lump {
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.935, .015, .335, .92);
    transition: -webkit-transform 1.2s cubic-bezier(.935, .015, .335, .92);
    transition: transform 1.2s cubic-bezier(.935, .015, .335, .92);
    transition: transform 1.2s cubic-bezier(.935, .015, .335, .92), -webkit-transform 1.2s cubic-bezier(.935, .015, .335, .92);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.e_lump.animated {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.e_dot_x {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.935, .015, .335, .92);
    transition: -webkit-transform .5s cubic-bezier(.935, .015, .335, .92);
    transition: transform .5s cubic-bezier(.935, .015, .335, .92);
    transition: transform .5s cubic-bezier(.935, .015, .335, .92), -webkit-transform .5s cubic-bezier(.935, .015, .335, .92);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
}

.e_dot_x.animated {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

@-webkit-keyframes close_l {
    0% {
        left: -50%;
    }

    40% {
        left: 0;
    }
    60% {
        left: 0;
    }

    100% {
        left: -50%;
    }
}

@keyframes close_l {
    0% {
        left: -50%;
    }

    40% {
        left: 0;
    }
    60% {
        left: 0;
    }

    100% {
        left: -50%;
    }
}

@-webkit-keyframes close_r {
    0% {
        right: -100%;
    }

    40% {
        right: 0;
    }
    60% {
        right: 0;
    }

    100% {
        right: -100%;
    }
}

@keyframes close_r {
    0% {
        right: -100%;
    }

    40% {
        right: 0;
    }
    60% {
        right: 0;
    }

    100% {
        right: -100%;
    }
}

@-webkit-keyframes z_fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes z_fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.z_fadeInUp2 {
    -webkit-animation-name: z_fadeInUp2;
    animation-name: z_fadeInUp2;
}

.culture .le {
    float: left;
    width: 420px;
    height: 870px;
    position: relative;
}

.culture .le .shuBox {
    width: 95px;
    height: 862px;
    position: absolute;
    left: 167px;
    top: 0;
}

.culture .le .shuBox .shuc {
    width: 95px;
    height: 0px;
    background: url(../images/culture/tree.png) no-repeat left bottom;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 1.6s ease-in-out;
}

.culture .le .shuBox .orW {
    width: 95px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.culture .le .shuBox .orW .ori {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.culture .le .shuBox .orW .ori.songBom .ic {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.culture .le .shuBox .orW .ori.songTip .ic {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.culture .le .shuBox .orW .ori.or1 {
    left: 6px;
    bottom: 652px;
    -webkit-transition: opacity 1s 1.3s ease;
    -moz-transition: opacity 1s 1.3s ease;
    -ms-transition: opacity 1s 1.3s ease;
    transition: opacity 1s 1.3s ease;
}

.culture .le .shuBox .orW .ori.or1 .ic {
    -webkit-animation: songgion 3s 0.1s linear infinite;
    -moz-animation: songgion 3s 0.1s linear infinite;
    -ms-animation: songgion 3s 0.1s linear infinite;
    animation: songgion 3s 0.1s linear infinite;
}

.culture .le .shuBox .orW .ori.or2 {
    left: -15px;
    bottom: 134px;
    -webkit-transition: opacity 1s .4s ease;
    -moz-transition: opacity 1s .4s ease;
    -ms-transition: opacity 1s .4s ease;
    transition: opacity 1s .4s ease;
}

.culture .le .shuBox .orW .ori.or2 .ic {
    -webkit-animation: songgion 5s 0.2s linear infinite;
    -moz-animation: songgion 5s 0.2s linear infinite;
    -ms-animation: songgion 5s 0.2s linear infinite;
    animation: songgion 5s 0.2s linear infinite;
}

.culture .le .shuBox .orW .ori.or3 {
    left: 50px;
    bottom: 770px;
    -webkit-transition: opacity 1s 2s ease;
    -moz-transition: opacity 1s 2s ease;
    -ms-transition: opacity 1s 2s ease;
    transition: opacity 1s 2s ease;
}

.culture .le .shuBox .orW .ori.or3 .ic {
    -webkit-animation: songgion 3s 0.2s linear infinite;
    -moz-animation: songgion 3s 0.2s linear infinite;
    -ms-animation: songgion 3s 0.2s linear infinite;
    animation: songgion 3s 0.2s linear infinite;
}

.culture .le .shuBox .orW .ori.or4 {
    left: 52px;
    bottom: 410px;
    -webkit-transition: opacity 1s .7s ease;
    -moz-transition: opacity 1s .7s ease;
    -ms-transition: opacity 1s .7s ease;
    transition: opacity 1s .7s ease;
}

.culture .le .shuBox .orW .ori.or4 .ic {
    -webkit-animation: songgion 3s 0.5s linear infinite;
    -moz-animation: songgion 3s 0.5s linear infinite;
    -ms-animation: songgion 3s 0.5s linear infinite;
    animation: songgion 3s 0.5s linear infinite;
}

.culture .le .shuBox.ani .shuc {
    height: 862px;
}

.culture .le .shuBox.ani .ori {
    opacity: 1;
    filter: alpha(opacity=100);
}

.culture .le .ul .li {
    width: 130px;
    position: absolute;
    cursor: default;
}

.culture .le .ul .li h4 {
    color: #58585e;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
    font-family: PingFang;
}

.culture .le .ul .li p {
    color: #00793a;
    font-size: 16px;
    line-height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: PingFang;
}

.culture .le .ul .i1 {
    left: 0;
    top: 82px;
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    -ms-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.culture .le .ul .i2 {
    left: 300px;
    top: 152px;
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.culture .le .ul .i3 {
    left: 0;
    top: 267px;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.culture .le .ul .i4 {
    left: 300px;
    top: 337px;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.culture .le .ul .i5 {
    left: 0;
    top: 432px;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}

.culture .le .ul .i6 {
    left: 300px;
    top: 522px;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s;
}

.culture .le .ul .i7 {
    left: 0;
    top: 610px;
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.culture .le .ul .i8 {
    left: 300px;
    top: 707px;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.culture .ri {
    float: right;
    width: 760px;
}

.culture .ri .li {
    float: left;
    width: 350px;
    height: 420px;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.culture .ri .li .box {
    width: 320px;
    height: 130px;
    background-color: #f9f9f9;
    padding: 25px 20px;
    position: relative;
    top: 260px;
    z-index: 40;
}

.culture .ri .li .box h3 {
    color: #00793a;
    font-size: 24px;
    margin-bottom: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: PingFang;
}

.culture .ri .li .box h4 {
    color: #58585e;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
    font-family: PingFang;
}

.culture .ri .li .box p {
    margin-bottom: 10px;
}

.culture .ri .li .box strong {
    font-weight: 600;
}

.culture .ri .li .box .txt {
    width: 300px;
    height: 154px;
    overflow: auto;
    padding-right: 20px;
}

.culture .ri .li .box .txt::-webkit-scrollbar {
    width: 14px;
    background-color: #FFF;
}

.culture .ri .li .box .txt::-webkit-scrollbar-thumb {
    background-color: #00793a;
}

.culture .ri .li .bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.culture .ri .li:hover .bg {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}

@-webkit-keyframes songgion {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes songgion {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes i_fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes i_fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.i_fadeInRight {
    -webkit-animation-name: i_fadeInRight;
    animation-name: i_fadeInRight;
}

@media screen and (max-width: 1280px) {
    .abt_it2_tab .c_prev {
        right: 1150px;
    }

    .abt_it2_tab .c_next {
        left: 1150px;
    }
}

.law_wr {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 1200px;
    height: 607px;
    background: url("../images/law_bg.jpg") no-repeat center;
}

.law_wr .shut {
    position: absolute;
    right: 0;
    top: -54px;
    width: 54px;
    height: 54px;
    background: #00793a url("../images/menu_btn.png") no-repeat center;
}

.law_wr .h1 {
    position: relative;
    font-size: 42px;
    line-height: 56px;
    color: #5b5b5b;
    padding-top: 111px;
    text-indent: 3px;
    font-family: PingFang;
}

.law_wr .h1:after {
    content: " ";
    display: block;
    position: absolute;
    right: 1212px;
    width: 94px;
    height: 3px;
    top: 137.5px;
    background: #00a650;
}

.law_wr .h1_en {
    font-family: PingFang;
    letter-spacing: -4px;
}

.law_wr .h1_en p {
    font-size: 70px;
    line-height: 70px;
    color: #229a44;
    opacity: .1;
    filter: alpha(opacity=10);
    text-transform: uppercase;
    font-family: PingFang;
}

.law_wr .shut:hover {
    background-color: #024521;
}

@media screen and (max-width: 1480px) {
    #banner .ms-anim-layers {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        height: 100%;
    }
}

.header {
    min-width: auto;
}

#banner .master-slider {
    width: 100% !important;
}

/*

html {
    overflow: auto;
}

body {
    min-width: 1280px;
}
*/

.nav-guide {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 100px;
}

.nav-guide .guide-text {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

.guide-h1 {
    color: #FFFFFF;
    font-size: 50px;
    line-height: 75px;
    font-family: PingFang;
}

.guide-h2 {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    font-family: PingFang;
}

.about-info {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

.about-info .icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.about-info .lab {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-family: PingFang;
}

.about-info .lab2 {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-family: PingFang;
}

.about-qrcode {
    margin-top: 80px;
    margin-bottom: 40px
}

.about-qrcode .imgdiv {
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.about-qrcode .imgBg {
    width: 240px;
    height: 240px;
}

.news-d {
    margin-top: 80px;
    margin-bottom: 120px;
}

.news-d .title {
    width: 100%;
    text-align: center;
    color: #BA9C6B;
    font-size: 32px;
    line-height: 48px;
    font-family: PingFang;
    /*实现文字超过n行后省略功能*/
    overflow:hidden;/*超出的文本隐藏*/
    text-overflow:ellipsis;/*溢出用省略号显示*/
    display:-webkit-box;/*将对象作为弹性伸缩盒子模型显示。*/
    -webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
    -webkit-line-clamp:2;/*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*/
}

.news-d .time {
    width: 100%;
    text-align: center;
    color: #999999;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 35px;
    font-family: PingFang;
}

.news-d .content {
    width: 100%;
    font-size: 16px;
    color: #333333;
    font-family: PingFang;
}

.news-d .link {
    width: 100%;
    margin: 35px 0px;
    padding: 0px
}

.news-d .link-l {
    text-align: left;
    width: 50%;
    float: left
}

.news-d .link-r {
    text-align: right;
    width: 50%;
    float: right;
}

.news-d .link a {
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    font-family: PingFang;
}

.news-d .link a:hover {
    color: #BA9C6B;
    text-decoration: none;
}

.vertical-line {
    height: 50px;
    border-left: 2px solid;
    margin-left: 40px;
    border-image: -webkit-linear-gradient(#f5f5f5, #f5f5f5) 20 20;
    border-image: -moz-linear-gradient(#f5f5f5, #f5f5f5) 20 20;
    border-image: linear-gradient(#f5f5f5, #f5f5f5) 20 20;
}

.vertical-circle {
    float: left;
    width: 12px;
    height: 12px;
    border: 2px solid white;
    background-color: #BA9C6B;
    border-radius: 50%;
    margin-left: 35px;
}

.vertical-line2 {
    float: left;
    width: 100px;
    border: 1px dotted #666666;
}

.vertical-text {
    float: left;
    margin-left: 10px;
}

.timer-shaft-box {
    width: 100%;
    /*padding: 30px 40px;*/
    box-sizing: border-box;
}

.timer-shaft-content {
    width: 100%;
    margin-top: 45px;
    overflow: hidden;
    font-size: 0;
    box-sizing: border-box;
    white-space: nowrap;
    font-family: PingFang;
}

.shaft-detail-cont {
    display: block;
    width: 100%;
}

.div-year {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: #F5F5F5;
    text-align: center;
}

.time-year {
    font-size: 26px;
    line-height: 34px;
    color: #333333;
    padding-top: 20px;
    font-weight: 700;
    font-family: PingFang;
}

.time-data {
    font-size: 14px;
    line-height: 20px;
    color: #cccccc;
    font-family: PingFang;
}

.timer-year {
    padding-left: 20px;
    font-weight: bold;
    color: #333;
    font-size: 0;
    font-family: PingFang;
}

.icon-year {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 40px;
    background: url(../images/icon_sign.png) no-repeat;
    background-size: cover;
}

.timer-year span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    font-size: 24px;
    font-family: PingFang;
}

.month-detail-box {
    position: relative;
    width: 100%;
    min-height: 110px;
    padding-top: 30px;
    font-size: 0;
    box-sizing: border-box;
    white-space: normal;
    font-family: PingFang;
}

.month-detail-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 40px;
    height: 100%;
    border-right: 1px solid #F5F5F5;
}

.month-detail-box .month-title {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    font-family: PingFang;
}

.month-detail-box .month-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 34px;
    width: 13px;
    height: 13px;
    margin-top: -6.5px;
    background: url(../img/icon_circle.png) no-repeat;
    background-size: cover;
}

.incident-record {
    display: inline-block;
    padding-left: 150px;
    line-height: 2;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    font-family: PingFang;
}

.incident-record a {
    font-size: 14px;
    color: #1d69a3;
    font-family: PingFang;
}

/**
    星翠汇
 */
.sale-project {
    width: 100%;
    background: #f7f7f7;
    padding-bottom: 80px;
    padding-top: 5px
}

.div-relative {
    position: relative;
    width: 100%;
    height: 600px;
    margin-top: 80px;
}

.div-relative .div-l {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 400px
}

/* css注释说明： 背景为红色 */
.div-relative .div-r {
    position: absolute;
    left: 45%;
    top: 30px;
    background: #FFFFFF;
    width: 50%;
    height: auto;
    padding: 20px;
    overflow: auto
}

.div-relative .conImg {
    width: 100%;
    height: 400px;
}

/* 背景为黄色 */
.div-relative .div-r span, p {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-weight: 400;
    font-family: PingFang;
}

.div-relative .div-more {
    width: 100%;
    height: auto;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 40px;
    font-family: PingFang;
}

.div-relative .site {
    width: 100%;
    height: auto;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    font-family: PingFang;
}

.div-relative .site a {
    color: #BA9C6B;
    text-decoration: none;
}

.div-relative .div-l2 {
    position: absolute;
    left: 0;
    top: 30px;
    background: #FFFFFF;
    width: 50%;
    height: 344px;
    padding: 20px;
    z-index: 2;
}

.div-relative .div-r2 {
    position: absolute;
    left: 45%;
    top: 0;
    width: 50%;
    height: 400px;
    z-index: 1;
}

.div-relative2 {
    position: relative;
    width: 100%;
    height: 340px;
    margin-top: 80px;
}

.div-relative2 .div-l {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 340px
}

/* css注释说明： 背景为红色 */
.div-relative2 .div-r {
    position: absolute;
    left: 45%;
    top: 20px;
    background: #FFFFFF;
    width: 50%;
    height: 300px;
    padding: 20px;
}

.div-relative2 .div-l2 {
    position: absolute;
    left: 0;
    top: 20px;
    background: #FFFFFF;
    width: 50%;
    height: 300px;
    padding: 20px;
    z-index: 2;
}

.div-relative2 .div-r2 {
    position: absolute;
    left: 45%;
    top: 0;
    width: 50%;
    height: 340px;
    z-index: 1;
}

.div-relative2 .conImg {
    width: 100%;
    height: 340px;
}

.div-relative2 .content {
    width: 100%;
    height: 124px;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.div-relative2 .content .title {
    color: #333333;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    padding: 15px;
    font-family: PingFang;
}

.div-relative2 .content .con {
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 15px;
    font-family: PingFang;
}

.div-relative2 .content .more {
    font-size: 14px;
    color: #BA9C6B;
    font-family: PingFang;
    line-height: 20px;
    padding-left: 21px;
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=100);

}

.div-relative2 .content .more:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    left: 20px;
    top: 8px;
    background: #e9d7ae;
}

.real a {
    text-decoration: none;
}

.real:hover {
    text-decoration: none;
}

.real:hover .title {
    color: #BA9C6B;
}

.real:hover .more {
    padding-left: 65px;
}

.real:hover .more:after {
    width: 40px;
}

/**
    星翠汇 重叠轮播图
 */
/* 外层容器 */
.swipe-img {
    width: 100%;
    height: 460px;
}

/* 轮播项 */
.swipe-img .swiper-slide {
    width: 80%;
    height: 100%;

    font-size: 32px;
    font-weight: 500;
    color: #ffffff;

    /* 文字垂直居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: PingFang;
}

/* 轮播项 */
.swipe-img .swiper-slide img {
    width: 100%;
    height: 100%;

}

/*在售项目*/
.sale {
    width: 33%;
    float: left;
    padding: 15px;
}

.sale-img-div {
    width: 100%;
    height: 268px;
    overflow: hidden;
}

.sale-img-div .sale-img {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
}

.sale .content {
    width: 100%;
    height: 124px;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.sale .content .title {
    color: #333333;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    padding: 18px;
    font-family: PingFang;
}

.sale .content .more {
    font-size: 14px;
    color: #BA9C6B;
    font-family: PingFang;
    line-height: 20px;
    padding-left: 21px;
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=100);

}

.sale .content .more:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    left: 20px;
    top: 8px;
    background: #e9d7ae;
}

.saleitem:hover .title {
    color: #BA9C6B;
}

.saleitem:hover .more {
    padding-left: 65px;
}

.saleitem:hover .more:after {
    width: 40px;
}

/*怡翠地产底部信息*/
.conclusion {
    width: 100%;
    height: 320px;
    padding-top: 80px;
    margin-top: 80px;
}

.conclusion .report {
    width: 25%;
    text-align: center;
    height: auto;
    float: left;
}

.conclusion .report .sp1 {
    color: #BA9C6B;
    font-size: 50px;
    line-height: 54px;
    font-weight: 700;
    font-family: PingFang;
}

.conclusion .report .sp2 {
    color: #333333;
    font-size: 40px;
    line-height: 34px;
    font-weight: 500;
    font-family: PingFang;
}

.conclusion .report .sp3 {
    color: #CCCCCC;
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    font-family: PingFang;
}

.yicui-intr {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 0px;
  /*  margin-bottom: 80px;*/
    font-family: PingFang;
}

.con-nav-img {
    width: 100%;
    height: 600px;
    margin-top: 40px;
}

.sales-txt1 {
    width: 100%;
    height: auto;
    color: #BA9C6B;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 20px 0px;
    font-family: PingFang;
}

.sales-txt2 {
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-top: 40px;
    display: none;
    font-family: PingFang;
}

.sales-div{
    width: 100%;
    height: 100px;
    margin :0 auto;
    overflow:hidden;
}

.img-div {
    width: 100%;
    height: auto;
    text-align: center;
}

.con-div {
    width: 100%;
    height: auto;
    margin-top: 30px;
    font-size: 16px;
    font-family: PingFan;
    color: #333333;
    line-height: 24px;
}

.con-div img{
    max-width: 100%;
}

.align-items-center .more {
    margin-top: 20px;
    font-size: 14px;
    color: #000000;
    font-family: PingFang;
    line-height: 20px;
    padding-left: 21px;
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=100);

}

.align-items-center .more:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 4px;
    left: 20px;
    top: 8px;
    background: #e9d7ae;
}

.real:hover .more {
    padding-left: 65px;
}

.real:hover .more:after {
    width: 40px;
}

.mapDiv {
    width: 100%;
    min-height: 650px;
}
.navbar-light .navbar-nav .nav-interval {
    display: inline;
    padding: 0.5rem 0.5rem;
    cursor: pointer;
}

.location-map {
    width: 100%;
    height: 900px;
    padding: 20px;
}

.mapDiv {
    width: 100%;
    min-height: 500px;
}