@charset "utf-8";
canvas#shows {
    width: 100%;
    height: 100%;
}
.gbod-r {
    border-radius: 15px;
}
.t1 {
    animation-delay: 0s;
}
.t2 {
    animation-delay: .3s;
}
.t3 {
    animation-delay: .6s;
}
.t4 {
    animation-delay: .9s;
}
.t5 {
    animation-delay: 1.2s;
}
.t6 {
    animation-delay: 1.5s;
}
.logo {
    height: 35px;
}
.logo img {
    display: block;
    height: 100%;
}
.bntxt {
    color: #fff;
    font-size: 24px;
    z-index: 9;
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -115px;
}
.bntxt h4 {
    font-size: 60px;
    font-weight: normal;
}
.bntxt h3 {
    font-size: 90px;
}
.bnimg {
    overflow: hidden;
}
.bnimbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper-container-bn .swiper-slide .bnimbg {
    transform: scale(1.1);
    transition: 8s;
}
.swiper-container-bn .ani-slide .bnimbg {
    transform: scale(1);
    transition: 8s;
}
.head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    padding: 40px 50px;
}
.full-menu {
    width: 64px;
    height: 64px;
    display: block;
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
    z-index: 110;
    border-radius: 50%;
    background: url(../images/navicon_03.png) no-repeat center #fff;
    pointer-events: auto;
    color: #00653b;
    text-align: center;
    line-height: 64px;
    font-size: 32px;
    text-indent: 2px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.full-menu i {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 4px solid #d7f2ec;
    border-radius: 50%;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-name: menu_circle;
    animation-name: menu_circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 @keyframes menu_circle {
 0% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 80% {
 -webkit-transform: scale(1.6);
 transform: scale(1.6);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.6);
 transform: scale(1.6);
}
}
.hdw1rl {
    margin-right: 50px;
    position: relative;
}
.hdw1rl_sc {
    cursor: pointer;
}
.hdw {
    height: 100px;
    padding: 0 40px;
}
.hdw2 {
    background: rgba(255,255,255,.8);
    border-radius: 20px;
}
.hdw2r a {
    display: block;
    line-height: 28px;
    border: 1px solid #009b77;
    color: #009b77;
    border-radius: 30px;
    padding: 0 20px;
}
.hdw2r a:first-child {
    border-radius: 30px 0 0 30px;
}
.hdw2r a:last-child {
    border-radius: 0 30px 30px 0;
}
.hdw2r a.active {
    background: #009B77;
    color: #fff;
}
.hdw2r {
    border-left: 1px solid #a1a1a1;
    padding-left: 20px;
    margin-left: 20px;
}
.hdw2rl {
    margin-right: 0;
}
.nav {
    justify-content: flex-end;
    margin: 0 40px;
}
.nava {
    display: block;
    line-height: 75px;
    font-size: 18px;
    padding: 0 18px;
}
.hover_hide {
    position: relative;
}
.box_hide {
    opacity: 0;
    visibility: hidden;
    transition: .25s;
    z-index: 999;
}
.hover_hide:hover .box_hide {
    opacity: 1;
    visibility: inherit;
}
.navhide {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    margin-top: 25px;
    top: 100%;
    width: 160px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
    transition: .5s;
}
.nav span:hover .navhide {
    margin-top: 0;
    opacity: 1;
    visibility: inherit;
}
.navhide a {
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
.navhide a:hover {
    background: #009B77;
    color: #fff;
}
.sc_hide {
    position: absolute;
    right: -40px;
    top: 100%;
    margin-top: 50px;
    padding-top: 25px;
    transition: .5s;
}
.hdw1rl:hover .sc_hide {
    margin-top: 0;
    opacity: 1;
    visibility: inherit;
}
.schdw {
    background: #fff;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
    width: 380px;
    padding: 10px 25px 25px 25px;
    border-radius: 12px;
}
.schdw input {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #ddd;
}
.sc_hide_a a {
    display: inline-block;
    line-height: 32px;
    padding: 0 17px;
    font-size: 16px;
    color: #777;
    background: #e5e5e5;
    border-radius: 30px;
    margin-top: 15px;
    margin-right: 10px;
}
.sc_hide_a a:hover {
    background: #009B77;
    color: #fff;
}
.schdwi {
    font-size: 25px;
    position: absolute;
    right: 40px;
    top: 0;
    margin-top: -15px;
    color: #fff;
}
.hdw1 {
    transition: .5s;
}
.hdw2 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.head_active .hdw1 {
    opacity: 0;
    visibility: hidden;
}
.head_active .hdw2 {
    opacity: 1;
    visibility: inherit;
}
.section2 {
    background: url(../images/idx2bg_04.png) no-repeat right bottom;
    background-size: 45%;
}
.fp-tableCell {
    height: 100% !important;
}
.bgsz {
    background-size: cover !important;
}
.m2la {
    height: 100%;
    display: flex;
    align-items: center;
}
.swiper-container-m2 .swiper-slide .m2la {
    transform: scale(1.05);
    transition: 8s;
}
.swiper-container-m2 .ani-slide .m2la {
    transform: scale(1);
    transition: 8s;
}
.m2l {
    width: 55%;
}
.m2r {
    padding: 0 10% 0 5%;
    flex-direction: column;
}
.m2rbox {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.idx_title {
    font-size: 48px;
}
.idx_txt {
    font-size: 16px;
    color: #888;
    line-height: 28px;
}
.idx_more a {
    line-height: 33px;
    display: inline-block;
    border-bottom: 1px solid rgba(0,0,0,0);
    border-bottom: 1px solid #333;
}
.idx_more a:hover {
    border-bottom: 1px solid #333;
}
.m2rb {
    align-items: center;
    flex-wrap: wrap;
}
.m2rba {
    width: 50%;
    padding: 20px;
    border: 1px solid #009B77;
    color: #009B77;
    margin-left: -1px;
    margin-top: -1px;
    transition: .25s;
    position: relative;
    overflow: hidden;
    z-index: 99;
}
.m2rba:nth-child(1) {
    border-radius: 20px 0 0 0;
}
.m2rba:nth-child(2) {
    border-radius: 0 20px 0 0;
}
.m2rba:nth-child(3) {
    border-radius: 0 0 0 20px;
}
.m2rba:nth-child(4) {
    border-radius: 0 0 20px 0;
}
.m2rba h3 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.m2rba h3 i {
    color: #009B77;
    font-size: 40px;
    font-weight: bold;
}
.m2rba p {
    color: #333;
}
.ahover:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    background: #009B77;
    transition: .5s;
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
}
.ahover:hover:after {
    transform: scale(35);
    opacity: 1;
}
.ahover:hover, .m2rba:hover h3, .m2rba:hover h3 i, .m2rba:hover p {
    color: #fff;
}
.section3 {
    overflow: hidden;
}
.section3bg {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/idx3bg_03.jpg) no-repeat center;
    background-size: cover;
    /*transform: scale(1.1);*/

    transition: 1s;
    animation-name: listbnbg;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
.section3bg_active {
    transform: scale(1);
}
.m3txt {
    color: #fff;
}
.m3txt_t h3 {
    font-size: 32px;
    font-weight: normal;
    line-height: 48px;
}
.m3txt_t p {
    font-size: 16px;
    line-height: 26px;
}
.m3txt_t i {
    height: 1px;
    width: 130px;
    margin: 20px auto 30px auto;
    background: #fff;
    display: block;
}
.m3txt_b {
    width: 470px;
    margin: 100px auto 0 auto;
    border-bottom: 3px solid #009B77;
    padding: 25px;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    color: #fff;
}
.m3txt_b .txt {
    margin-left: 20px;
    text-align: left;
    font-size: 15px;
}
.m3txt_b .txt h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 5px;
}
.m3txt_b:after {
    z-index: 1;
}
.m3txt_b i, .m3txt_b .txt {
    position: relative;
    z-index: 9;
}
.m3txt_b:hover:after {
    transform: scale(55);
}
.section4 {
    background: url(../images/idx4bg_04.jpg) no-repeat center;
    background-size: cover;
}
.m4pd {
    padding: 0 8%;
}
.m4l {
    width: 45%;
}
.m4lt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.m4la {
    width: 146px;
    height: 146px;
    margin-right: 10px;
}
.m4labg {
    position: absolute;
    left: 0;
    top: 0;
    transition: .5s;
    opacity: .5;
}
.m4la1 .m4labg {
    background: url(../images/m4abg1_05.png) no-repeat center;
}
.m4la2 .m4labg {
    background: url(../images/m4abg2_05.png) no-repeat center;
}
.m4la3 .m4labg {
    background: url(../images/m4abg3_05.png) no-repeat center;
}
.m4la4 .m4labg {
    background: url(../images/m4abg4_05.png) no-repeat center;
}
.m4la .disflex {
    position: relative;
    z-index: 9;
    color: #fff;
}
.m4la:hover .m4labg {
    opacity: 1;
}
.m4l .idx_more {
    position: absolute;
    right: 0;
    bottom: 0;
}
.m4r {
    width: 45%;
    padding-bottom: 80px;
}
.m4r img {
    max-width: 80%;
    max-height: 80%;
    display: block;
    margin: 0 auto;
}
.swiper-pagination-m4 {
    width: 100% !important;
    bottom: 0;
    left: 0 !important;
}
.swiper-pagination-public .swiper-pagination-bullet {
    background: none;
    border: 4px solid #009B77;
    opacity: 1;
    margin-left: 80px !important;
    margin-right: 0 !important;
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 100%;
    opacity: .5;
    transition: .25s;
}
.swiper-pagination-public .swiper-pagination-bullet:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #009B77;
    position: absolute;
    left: 100%;
    margin-left: 7px;
    top: 50%;
    margin-top: -1px;
    opacity: .5;
    transition: .25s;
}
.swiper-pagination-public .swiper-pagination-bullet-active {
    border: 4px solid #009b77;
    opacity: 1;
}
.swiper-pagination-public .swiper-pagination-bullet-active:after {
    opacity: 1;
}
.swiper-pagination-public .swiper-pagination-bullet:last-child {
    margin-right: 0 !important;
}
.swiper-pagination-public .swiper-pagination-bullet:last-child:after {
    display: none;
}
.swiper-button-m4 {
    position: absolute;
    right: 0;
    top: 50%;
/*
    margin-top: -65px;
    height: 130px;
*/
    margin-top: -67px;
    height: auto;
    display: flex;
    flex-direction: column;
    width: 60px;
    justify-content: space-between;
    z-index: 999;
}
.swiper-button-next-m4, .swiper-button-prev-m4 {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin-bottom: 37px;
    background: url(../images/m4btn_06.png) no-repeat center #dadada;
}
.swiper-button-next-m4:hover, .swiper-button-prev-m4:hover {
    background: url(../images/m4btn_ac_06.png) no-repeat center #009B77;
}
.swiper-button-next-m4 {
    transform: rotate(180deg);
}
.m5ba {
    width: 100%;
    height: 430px;
}
.m5babg {
    flex-direction: column;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 40px;
    transition: .5s;
}
.m5babg h3 {
    font-size: 24px;
    line-height: 42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.m5babg span {
    font-size: 18px;
    font-weight: bold;
}
.m5babg:hover {
    background: url(../images/m5ahv_07.jpg) no-repeat bottom center;
    background-size: 100% 100%;
}
.swiper-container-m5 {
    overflow: initial;
}
.hide {
    opacity: 0;
}
.t1 {
    animation-delay: 0s;
}
.t2 {
    animation-delay: .3s;
}
.t3 {
    animation-delay: .6s;
}
.t4 {
    animation-delay: .9s;
}
.t5 {
    animation-delay: 1.2s;
}
.t6 {
    animation-delay: 1.5s;
}
.m5btnr, .m5btnl {
    width: 60px;
    height: 60px;
    margin-left: 10px;
    background: url(../images/m5jt_07.png) no-repeat center #dadada;
    cursor: pointer;
    transition: .25s;border-radius: 60px;
}
.m5btnl {
    transform: rotate(180deg);
}
.m5btnr:hover, .m5btnl:hover {
    background: url(../images/m5jt_07.png) no-repeat center #009B77;
}
.foot {
    color: #fff;
    position: relative;
    overflow: hidden;
}
.foot:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/fbg_06.jpg) no-repeat center;
    color: #fff;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    animation-name: listbnbg;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
.foot:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.ft1, .ft2 {
    position: relative;
    z-index: 99;
}
.ft1 {
    padding: 40px 0 30px 0;
}
.ft1r {
    margin-left: 100px;
}
.ft1ra p {
    line-height: 30px;
    font-size: 16px;
}
.ft1ra p a {
    color: #fff;
}
.ft1ra h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.ft2 {
    border-top: 1px solid #8c8c8c;
    line-height: 30px;
    padding: 16px 0;
    color: #fff;
}
.ft2 a {
    color: #fff;
}
.pc_demo {
    display: block;
}
.wap_demo {
    display: none;
}
/*prd_1*/

.listbn {
    overflow: hidden;
}
.listbnbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation-name: listbnbg;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
 @keyframes listbnbg {
 0% {
 transform: scale(1);
}
 100% {
 transform: scale(1.1);
}
}
.lbntxt {
    position: relative;
    z-index: 9;
    color: #fff;
}
.lbntxt h3 {
    font-size: 120px;
    opacity: .3;
    text-shadow: 0 5px 15px rgba(7,156,143,.8);
    line-height: 120px;
}
.lbntxt p {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 120px;
    font-size: 48px;
    font-weight: bold;
    text-shadow: 0 5px 15px rgba(7,156,143,.2);
}
.fp-scrollable {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
}
 .fp-scrollable::-webkit-scrollbar {
 width:4px;
 height:4px;
}
 .fp-scrollable::-webkit-scrollbar-track {
 background: #f6f6f6;
 border-radius:2px;
}
 .fp-scrollable::-webkit-scrollbar-thumb {
 background: #aaa;
 border-radius:2px;
}
 .fp-scrollable::-webkit-scrollbar-thumb:hover {
 background: #747474;
}
 .fp-scrollable::-webkit-scrollbar-corner {
 background: #f6f6f6;
}
.listft_pd {
    background: #fbfbfb;
    padding-top: 180px;
}
.listnav_line {
    border-bottom: 1px solid #bebebe;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
}
.wrap1 {
    width: 1200px;
}
.listnava {
    height: 150px;
}
.listnava h3 {
    font-size: 24px;
    color: #777;
    transition: .5s;
}
.listnava p {
    color: #afafaf;
    margin-top: 10px;
}
.listnava i {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #bebebe;
    border: 10px solid #FBFBFB;
    border-radius: 30px;
    transition: .5s;
}
.listnava_active h3, .listnava:hover h3 {
    color: #272727;
}
.listnava_active i, .listnava:hover i {
    border: 10px solid #daf7f0;
    background: #009B77;
}
.swiper-button-next-listnav, .swiper-button-prev-listnav {
    width: 16px;
    height: 30px;
    background: url(../images/listnavbtn_03.png) no-repeat center;
    margin-top: -15px;
}
.swiper-button-next-listnav:hover, .swiper-button-prev-listnav:hover {
    background: url(../images/listnavbtn_ac_03.png) no-repeat center;
}
.swiper-button-next-listnav {
    margin-right: -50px;
}
.swiper-button-prev-listnav {
    margin-left: -50px;
    transform: rotate(180deg);
}
.md {
    padding: 70px 0;
}
.pda {
    width: 32%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    overflow: hidden;
    margin-top: 30px;
    float: left;
    margin-right: 2%;
}
.pda:nth-child(3n) {
    margin-right: 0;
}
.pdaimg {
    height: 380px;
}
.img {
    transition: .5s;
}
.imgwidth {
    max-width: 90%;
    max-height: 90%;
}
.pdatxt {
    background: #e8f5f2;
    padding: 15px;
    line-height: 30px;
    font-size: 16px;
    transition: .5s;
    position: relative;
}
.pdatxt:after {
    content: "";
    width: 0;
    height: 100%;
    background: #009B77;
    position: absolute;
    left: 0;
    top: 0;
    transition: .5s;
}
.pda:hover .pdatxt:after {
    width: 100%;
}
.pdatxt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-right: 15px;
    position: relative;
    z-index: 99;
    transition: .5s;
}
.pdatxt span {
    font-size: 20px;
    color: #009B77;
    transition: .5s;
    position: relative;
    z-index: 99;
}
.pda:hover .pdatxt p {
    color: #fff;
}
.pda:hover .pdatxt span {
    color: #fff;
}
.page a {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #e8e8e8;
    border-radius: 36px;
    margin: 0 8px;
}
.page a:hover, .page a.active {
    background: #009B77;
    color: #fff;
}
.page a.pagea {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page a.pagea:first-child i {
    transform: rotate(180deg);
}
.bdrl {
    border-radius: 20px;
}
.box-shadow {
    box-shadow: 0 0 20px rgba(0,0,0,.08);
}
.pi1 {
    padding: 40px;
}
.pi1l {
    width: 63%;
}
.pi1l_b {
    width: 18%;
    height: 470px;
}
.pi1l_t {
    width: 85%;
}
.pi1l_ba {
    width: 100%;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    height: 100%;
    transition: .25s;
}
.pi1l_ba img {
    max-width: 75%;
    max-height: 75%;
}
.pi1l_ta {
    width: 100%;
    height: 470px;
}
.pi1l_b .swiper-slide-thumb-active .pi1l_ba {
    border: 1px solid #009B77;
}
.pi1rh {
    height: 420px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.pi1r h3 {
    font-size: 24px;
    color: #009B77;
    line-height: 50px;
    width: 100%;
}
.pi1r p {
    line-height: 40px;
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px solid #E6E6E6;
}
.pi1r p i {
    color: #666;
}
 .pi1rh::-webkit-scrollbar {
 width:4px;
 height:4px;
}
 .pi1rh::-webkit-scrollbar-track {
 background: #f6f6f6;
 border-radius:2px;
}
 .pi1rh::-webkit-scrollbar-thumb {
 background: #009B77;
 border-radius:2px;
}
 .pi1rh::-webkit-scrollbar-thumb:hover {
 background: #747474;
}
 .pi1rh::-webkit-scrollbar-corner {
 background: #f6f6f6;
}
.pitop h3 {
    font-size: 30px;
}
.pitop h3 i {
    width: 7px;
    height: 29px;
    background: #009B77;
    margin-right: 10px;
    display: inline-block;
}
.pi2w {
    padding: 30px;
    font-size: 16px;
    line-height: 27px;
    color: #666;
    background: url(../images/idx2bg_04.png) no-repeat right bottom #fff;
    background-size: 25%;
    background-position-y: 20px;
}
.pi3al {
    background: #009B77;
    color: #fff;
    display: block;
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px 0 0 14px;
    font-size: 20px;
    text-align: center;
}
.pi3ar {
    line-height: 27px;
    color: #666;
    padding: 30px;
    font-size: 16px;
}
.pi3a {
    width: 48%;
    border-radius: 14px;
    margin-top: 30px;
}
.pi4w {
    padding: 0 45px;
}
.pi4a {
    height: 95px;
    border-bottom: 1px solid #E6E6E6;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.pi4a:hover {
    color: #009B77;
}
.pi4al p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.pi4al i {
    color: #009B77;
    font-size: 30px;
}
.pi4a:last-child {
    border: 0;
}
.pi4ar a {
    color: #009B77;
    font-size: 30px;
    margin-left: 20px;
}
.pi5tab th {
    line-height: 40px;
    padding: 20px 10px;
    background: #009B77;
    color: #fff;
    font-size: 20px;
}
.pi5tab th i {
    font-size: 13px;
}
.pi5tab td {
    line-height: 27px;
    padding: 30px;
    font-size: 16px;
    color: #666;
    text-align: center;
}
.pi5tab tr:nth-child(odd) {
    background: #e3eeeb;
}
.pi5tab tr:nth-child(even) {
    background: #fff;
}
.pi5tab {
    border-radius: 20px;
    overflow: hidden;
}
.pimorea {
    width: 48%;
    padding: 30px 15px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    color: #666;
    text-align: center;
}
.pimorea h3 {
    margin-bottom: 10px;
    font-size: 16px;
}
.pimorea .txt {
    position: relative;
    z-index: 9;
}
.pimorea i {
    width: 100%;
    display: block;
    height: 3px;
    background: #009B77;
    transition: .5s;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pimorea:hover {
    color: #fff;
}
.pimorea:hover i {
    height: 100%;
}
.xta {
    width: 48.5%;
    margin-bottom: 40px;
    overflow: hidden;
}
.xta1 {
    background: #009B77;
    color: #fff;
    opacity: 0;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.xtabg {
    position: relative;
}
.xta:hover .xta1 {
    opacity: 1;
}
.xta1 h3 {
    font-size: 36px;
    transition: .5s;
    margin-top: 50px;
}
.xta:hover .xta1 h3 {
    margin-top: 0;
}
.xta1w {
    opacity: 0;
    transition: .5s;
}
.xta:hover .xta1w {
    opacity: 1;
}
.xta1w a {
    height: 100px;
    border-bottom: 1px dashed #fff;
    font-size: 16px;
    color: #fff;
    width: 70%;
    margin: 0 auto;
}
.xta1w a i {
    font-size: 30px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50px;
}
.xi1l {
    width: 50%;
}
.xi1r {
    background: url(../images/idx2bg_04.png) no-repeat bottom center;
    background-size: 100%;
}
.text {
    font-size: 16px;
    line-height: 27px;
    color: #666;
}
.text img {
    max-width: 100%;
}
.xi1r {
    padding: 40px;
}
.xi1r h3 {
    font-size: 24px;
    color: #009B77;
    border-bottom: 1px solid #aaa;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.xi2a {
    margin-top: 30px;
    border-radius: 14px;
    width: 48%;
    padding: 10px;
}
.xi2ar {
    padding: 25px 35px;
}
.xi2a i {
    font-size: 36px;
    width: 95px;
    border-right: 1px solid #aaa;
    color: #009B77;
    font-weight: bold;
    text-align: center;
}
.textpd {
    padding: 40px;
}
.xi_title {
    font-size: 20px;
    color: #009B77;
    margin-bottom: 15px;
}
/*服务*/

.wdt h3 {
    font-size: 48px;
}
.wdtb h4 {
    font-size: 36px;
    font-style: italic;
}
.wdtb a {
    display: inline-block;
    padding: 0 25px;
    line-height: 40px;
    background: #009B77;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    border-radius: 30px;
}
.wdtb a i {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -3px;
}
.wda {
    padding: 35px 0;
    transition: .25s;
    margin-top: 30px;
}
.colorindex {
    color: #009B77;
}
.wdal {
    display: inline-block;
    width: 29px;
    height: 38px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: url(../images/add_03.png) no-repeat center;
    margin: 0 25px;
}
.wdar {
    margin: 0 40px;
}
.wdar1 {
    flex: 1;
    padding: 0 15px;
}
.wdar1tt {
    font-size: 18px;
    color: #272727;
}
.wda:hover {
    background: #daf7f0;
}
.listft_pdwt {
    background: #fff;
}
.cda {
    padding: 20px;
    padding-left: 45px;
    background: #f7f7f7;
    border-radius: 20px;
    margin-top: 20px;
}
.cdat {
    line-height: 60px;
    font-size: 18px;
    color: #272727;
    cursor: pointer;
}
.cdat h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-right: 20px;
}
.cdat i {
    color: #009B77;
    font-size: 30px;
    transform: rotate(90deg);
    transition: .5s;
}
.cdat_active i {
    transform: rotate(-90deg);
}
.cdab {
    line-height: 30px;
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #666;
    display: none;
    border-top: 1px dashed #ddd;
    padding-top: 15px;
}
.cdab i {
    font-size: 18px;
    font-weight: bold;
    color: #272727;
}
.cdai {
    width: 50px;
    height: 50px;
    position: absolute;
    left: -25px;
    top: 25px;
    background: #009B77;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}
.zltop ul {
    height: 75px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
}
.zltop li {
    width: 50%;
    height: 75px;
    line-height: 75px;
    border-bottom: 3px solid rgba(0,0,0,0);
    transition: .5s;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
.zltop li.active {
    border-bottom: 3px solid #009B77;
    color: #009B77;
}
.zlw {
    padding: 0 30px;
}
.zla {
    padding: 30px 0;
    border-bottom: 1px solid #d4d4d4;
}
.zla:last-child {
    border: 0;
}
.zlal h3 {
    font-size: 18px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.zlal .txt {
    color: #888;
    margin-top: 10px;
}
.zlal .txt span {
    margin-right: 10px;
}
.zlal .txt span i {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -3px;
}
.zla:hover {
    color: #009B77;
}
.zlar {
    padding: 0 25px;
    line-height: 45px;
    display: inline-block;
    background: #009B77;
    font-size: 18px;
    color: #fff;
    border-radius: 45px;
}
.zlar i {
    margin-right: 10px;
}
.lxbg {
    background: url(../images/lxbg_02.jpg) no-repeat bottom center;
    background-size: 100%;
}
.lxmapt {
    height: 500px;
}
.lxmapb {
    padding: 25px 70px;
    font-size: 18px;
    line-height: 35px;
}
.lxmapb i {
    vertical-align: middle;
    margin-top: -3px;
    font-size: 22px;
    color: #009B77;
    margin-right: 10px;
}
.lx2 .wrap1 {
    position: relative;
    z-index: 99;
}
.lx2line {
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 33px;
    background: #b8b8b8;
}
.lx2a {
    width: 33.333333%;
}
.lx2a i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 66px;
    height: 66px;
    background: #009B77;
    color: #fff;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0,155,119,.6);
    transition: 1s;
}
.lx2a i span {
    font-size: 34px;
    transition: 1s;
}
.lx2a .txt {
    font-size: 16px;
    line-height: 40px;
}
.lx2a:hover i {
    background: #92d3c4;
}
.lx2a:hover i span {
    transform: rotateY(180deg);
}
.wdmore {
    height: 60px;
    overflow: hidden;
    padding-top: 15px;
}
.wdmore_a {
    cursor: pointer;
    display: inline-block;
}
.wdmore img {
    animation: myfirst 3s infinite;
    animation-delay: .5s;
}
 @keyframes myfirst {
 0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -10px);
}
 100% {
 transform: translate(0px, 0px);
}
}
.wdmore i {
    display: block;
    margin: 0 auto;
    font-size: 40px;
    transform: rotate(90deg);
    margin-top: -10px;
    color: #009B77;
    height: 25px;
    line-height: 25px;
}
.wdmore i.icon1 {
    animation: icons 2s infinite;
    animation-delay: 0s;
}
.wdmore i.icon2 {
    animation: icons 2s infinite;
    animation-delay: .333s;
}
.wdmore i.icon3 {
    animation: icons 2s infinite;
    animation-delay: .666s;
}
 @keyframes icons {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/*about*/

.jt1t {
}
.jt1t h3 {
    font-size: 24px;
}
.jt1t p {
    font-size: 24px;
    color: #999;
    margin: 20px 0 10px 0;
}
.jt1t {
    border-bottom: 1px solid #A1A1A1;
    padding-bottom: 30px;
}
.jt1m p {
    text-indent: 2em;
}
.jt1ba h3 {
    display: inline-block;
    color: #009B77;
    font-weight: normal;
    position: relative;
}
.jt1ba h3 i {
    font-weight: bold;
    font-size: 60px;
}
.jt1ba h3 span {
    position: relative;
    z-index: 8;
}
.jt1ba h3 em {
    font-size: 60px;
    color: #e8eaed;
    position: absolute;
    right: -15px;
    top: 5px;
}
.jt1ba p {
    font-size: 16px;
    margin: 10px 0;
}
.jt1ba span.dx {
    font-size: 16px;
    color: #e4e4e4;
    font-weight: bold;
}
.jt_top h3 {
    font-size: 36px;
    color: #009B77;
}
.jt_top p {
    color: #999;
    font-size: 16px;
}
.jt_top_wt h3, .jt_top_wt p {
    color: #fff;
}
.jt2 {
    background: url(../images/jt2bg_02.jpg) no-repeat center;
    background-size: cover;
}
.jt2a {
    width: 16px;
    height: 16px;
    background: #009B77;
    border-radius: 16px;
    position: absolute;
}
.jt2a i {
    width: 140%;
    height: 140%;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: -20%;
    left: -20%;
    pointer-events: none;
    border: 4px solid rgba(255,255,255,.7);
    border-radius: 50%;
    animation: menu_circle1 2s 0.4s linear infinite;
}
 @keyframes menu_circle1 {
 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.jt2a1 {
    left: 25%;
    top: 58%;
}
.jt2a2 {
    left: 27%;
    top: 64%;
}
.jt2a2 i {
    animation: menu_circle1 3s 0.4s linear infinite;
}
.jt2a3 {
    left: 28%;
    bottom: 14%;
}
.jt2a3 i {
    animation: menu_circle1 2.4s 0.5s linear infinite;
}
.jt2a4 {
    left: 32%;
    top: 60%;
}
.jt2a4 i {
    animation: menu_circle1 2.4s 0.2s linear infinite;
}
.jt2a5 {
    left: 45.8%;
    top: 39%;
}
.jt2a5 i {
    animation: menu_circle1 2.6s 0.2s linear infinite;
}
.jt2a6 {
    left: 51%;
    top: 52.3%;
}
.jt2a6 i {
    animation: menu_circle1 2.6s 0.2s linear infinite;
}
.jt2a7 {
    left: 52.5%;
    bottom: 25%;
}
.jt2a7 i {
    animation: menu_circle1 2.6s 0.7s linear infinite;
}
.jt2a8 {
    left: 54.1%;
    bottom: 14%;
}
.jt2a8 i {
    animation: menu_circle1 2.9s 0.6s linear infinite;
}
.jt2a9 {
    left: 58.3%;
    bottom: 43.75%;
}
.jt2a9 i {
    animation: menu_circle1 2.2s 0.8s linear infinite;
}
.jt2a10 {
    right: 28.3333%;
    top: 25.8%;
}
.jt2a10 i {
    animation: menu_circle1 3.2s 0.8s linear infinite;
}
.jt2a11 {
    right: 26.666%;
    top: 42.85%;
}
.jt2a11 i {
    animation: menu_circle1 3.1s 0.5s linear infinite;
}
.jt2a12 {
    right: 21.666%;
    top: 53.57%;
}
.jt2a12 i {
    animation: menu_circle1 2.9s 0.3s linear infinite;
}
.jt2a13 {
    right: 16.666%;
    top: 41%;
    width: 34px;
    height: 34px;
    background: url(../images/jt2ico_03.png) no-repeat center #009B77;
}
.jt2a13 i {
    animation: menu_circle1 2.9s 0.3s linear infinite;
    border: 8px solid rgba(255,255,255,.7);
}
.jt3 {
    background: url(../images/jt3bg_02.jpg) no-repeat center;
    background-size: cover;
}
.jt3t .swiper-slide {
    height: 300px;
    display: flex;
    align-items: center;
}
.jt3ta {
    width: 100%;
}
.jt3ta i {
    width: 20px;
    height: 20px;
    background: #666666;
    border: 5px solid #fff;
    display: inline-block;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    position: relative;
    cursor: pointer;
}
.jt3ta p {
    font-size: 20px;
    color: #666;
    font-weight: bold;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 30px;
}
.jt3ta span {
    display: none;
}
.jt3t .swiper-slide:nth-child(odd) .jt3ta p {
    top: -40px;
}
.jt3t .swiper-slide:nth-child(even) .jt3ta p {
    bottom: -40px;
}
.jt3line {
    width: 100%;
    display: block;
    height: 7px;
    background: url(../images/jt3line_03.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    z-index: -1;
}
.jt3t .swiper-slide .txt {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    height: 0px;
}
.jt3t .swiper-slide span {
    display: block;
    font-size: 160px;
    color: #edecec;
    line-height: 200px;
    position: absolute;
    left: 50%;
    width: 400px;
    bottom: -100px;
    margin-left: -200px;
    text-align: center;
    font-weight: bold;
    z-index: -2;
    width: 400px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    transform: scale(0);
}
.jt3t .swiper-slide-active .txt {
    opacity: 1;
    visibility: inherit;
    height: auto;
}
.jt3t .swiper-slide-active span {
    opacity: 1;
    visibility: inherit;
    transform: scale(1);
    position: absolute;
    left: 50%;
    width: 400px;
    bottom: 40px;
    margin-left: -200px;
}
.jt3t .swiper-slide-active i {
    width: 136px;
    height: 136px;
    border-radius: 136px;
    background: #009B77;
    border: 0;
}
.jt3t .swiper-slide-active .jt3ta p {
    top: 50% !important;
    margin-top: -15px !important;
    z-index: 99;
    color: #fff;
}
.jt3t .swiper-slide-active .bor_01, .jt3t .swiper-slide-active .bor_02, .jt3t .swiper-slide-active .bor_03 {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #abd2c9;
    border-radius: 100%;
}
.jt3t .swiper-slide-active .bor_01 {
    width: 110%;
    height: 110%;
    animation: wAn1 3s infinite ease;
}
.jt3t .swiper-slide-active .bor_02 {
    width: 116%;
    height: 116%;
    animation: wAn2 3s infinite ease;
}
.jt3t .swiper-slide-active .bor_03 {
    width: 122%;
    height: 122%;
    animation: wAn3 3s infinite ease;
}
 @keyframes wAn1 {
 0% {
 width: 110%;
 height: 110%;
}
 50% {
 width: 100%;
 height: 100%;
}
 100% {
 width: 110%;
 height: 110%;
}
}
 @keyframes wAn2 {
 0% {
 width: 116%;
 height: 116%;
}
 50% {
 width: 100%;
 height: 100%;
}
 100% {
 width: 116%;
 height: 116%;
}
}
 @keyframes wAn3 {
 0% {
 width: 122%;
 height: 122%;
}
 50% {
 width: 100%;
 height: 100%;
}
 100% {
 width: 122%;
 height: 122%;
}
}
.jt3t .swiper-slide-active .txt {
    font-size: 16px;
    position: absolute;
    /*left: 0;*/

	/*width: 100%;*/

    bottom: -50px;
    width: max-content;
    left: 50%;
    text-align: left;
    transform: translate(-50%, 0);
}
.jt3b {
    margin-top: 50px;
    text-align: center;
}
.jt3b .swiper-slide {
    color: #999;
    font-size: 16px;
    cursor: pointer;
    line-height: 30px;
}
.jt3b .swiper-slide-thumb-active {
    color: #009B77;
}
.swiper-button-next-jt3b, .swiper-button-prev-jt3b {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #999999;
    color: #fff;
    line-height: 30px;
    margin-top: -15px;
    transition: .25s;
    text-align: center;
}
.swiper-button-next-jt3b:hover, .swiper-button-prev-jt3b:hover {
    background: #009B77;
}
.swiper-button-next-jt3b {
    margin-right: -20px;
}
.swiper-button-prev-jt3b {
    margin-left: -20px;
}
.ds1 {
    overflow: hidden;
}
.ds1rm {
    line-height: 30px;
    margin: 30px 0;
}
.ds1rm p {
    text-indent: 2em;
}
.ds1l {
    width: 46.6666%;
}
.ds1r {
    padding: 0 45px;
}
/*.ds1rbl{

	height: 26px;

}*/

.ds1rbr h3 {
    font-size: 16px;
    color: #666;
}
.ryl {
    width: 75%;
}
.ryr ul {
    justify-content: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    height: 490px;
}
.ryr li {
    font-size: 16px;
    color: #666;
    cursor: pointer;
}
.ryra i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    background: #93d3c5;
    border-radius: 30px;
    transition: .5s;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.ryr li:hover .ryra i, .ryr li.active .ryra i {
    box-shadow: 0 7px 5px rgba(7,156,143,.25);
    background: #009B77;
}
.ry1 {
    background: url(../images/ry1bg_03.png) no-repeat left bottom;
    background-size: 20%;
    padding-right: 0;
}
.ryll {
    width: 26%;
    padding-left: 20px;
}
.ryll h3 {
    font-size: 30px;
    color: #009B77;
    text-shadow: 0 3px 10px rgba(7,156,143,.25);
}
.ryll p {
    font-size: 16px;
    color: #666;
}
.ryll i {
    display: block;
    height: 1px;
    background: #333;
    margin: 20px 0;
    width: 30px;
}
.rylrw {
    height: 490px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 70px;
}
 .rylrw::-webkit-scrollbar {
 width:4px;
 height:4px;
}
 .rylrw::-webkit-scrollbar-track {
 background: #f6f6f6;
 border-radius:2px;
}
 .rylrw::-webkit-scrollbar-thumb {
 background: #009B77;
 border-radius:2px;
}
 .rylrw::-webkit-scrollbar-thumb:hover {
 background: #747474;
}
 .rylrw::-webkit-scrollbar-corner {
 background: #f6f6f6;
}
.rylra {
    line-height: 30px;
    align-items: center;
    padding: 10px 35px;
    border-radius: 10px;
    transition: .5s;
    font-size: 16px;
    color: #666;
}
.rylra i {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #009B77;
    display: inline-block;
    margin-right: 20px;
}
.rylra p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.rylra:hover {
    background: #edf8f7;
    color: #009B77;
    font-weight: bold;
}
.whbg {
    background: url(../images/whbg_02.png) no-repeat bottom center;
    background-size: 100%;
}
.wha {
    padding: 0 90px;
    transition: .5s;
    opacity: .3;
}
.whw .swiper-slide-active .wha {
    opacity: 1;
}
.whar {
    margin-left: 10%;
    width: 480px;
    border-radius: 480px;
    border: 1px dashed #ddd;
    padding: 30px;
}
.whar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.whal span {
    font-size: 16px;
    color: #009B77;
    display: block;
    margin: 30px 0;
}
.whal h3 {
    font-weight: normal;
    font-size: 24px;
    color: #666;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.swiper-button-next-wh, .swiper-button-prev-wh {
    width: 50px;
    height: 50px;
    border: 1px solid #757575;
    background: none;
    color: #666;
    font-size: 30px;
    text-align: center;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s;
    margin-top: -25px;
    z-index: 999;
}
.swiper-button-next-wh:hover, .swiper-button-prev-wh:hover {
    background: #009B77;
    border: 1px solid #009B77;
    color: #fff;
}
.swiper-button-next-wh {
    margin-right: 0;
    right: 0;
}
.swiper-button-prev-wh {
    margin-left: 0;
    left: 0;
}
.whw {
    padding-bottom: 60px;
}
.swiper-pagination-wh {
    font-size: 16px;
}
.swiper-pagination-wh .swiper-pagination-current {
    color: #009B77;
    font-size: 24px;
    font-weight: bold;
}
.dqbg {
    background: url(../images/dqbg_02.png) no-repeat bottom center #fbfbfb;
    background-size: 100%;
}
.dq1t i.icon {
    font-size: 80px;
    color: #d81e06;
}
.dq1t h3 {
    font-size: 36px;
    margin: 50px 0;
}
.dq1ttext {
    text-align: left;
}
.dq1ttext p {
    text-indent: 2em;
}
.dq2 {
    border-top: 1px solid #999;
    padding-top: 60px;
}
.dq2bl {
    width: 44%;
}
.dq2br {
    width: 50%;
}
.swiper-pagination1 {
    font-size: 20px;
    color: #d81e06;
}
.swiper-pagination1 .swiper-pagination-current {
    font-size: 140px;
    opacity: .1;
    font-weight: bold;
    transition: .25s;
}
.dq2bltxt {
    border-top: 1px dashed #999;
    padding-top: 35px;
    margin-top: 35px;
}
.dq2bltxt p {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
}
.swiper-container-dq2bl .ani-slide .dq2bltxt p {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0);
    transition: 1s;
}
.dq2bbtn i.dq2bbtn_l, .dq2bbtn i.dq2bbtn_r {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #D81E06;
    color: #fff;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    margin-right: 30px;
    transition: .5s;
}
.dq2bbtn_l {
    transform: rotate(180deg);
}
.dq2bbtn i.swiper-button-disabled {
    background: #e3e3e3;
    color: #888;
}
.dq2br {
    height: 440px;
    background: url(../images/dq2brbg_03.jpg) no-repeat right center;
    background-size: 45%;
    padding-right: 100px;
}
.shttop {
    border-bottom: 1px solid #999;
    padding-bottom: 50px;
}
.shttop h3 {
    color: #009B77;
    font-size: 36px;
}
.shttop i {
    display: block;
    width: 1px;
    height: 40px;
    background: #ddd;
    margin: 20px auto;
}
.shttop .text {
    margin: 30px 0;
}
.shrbg {
    background: url(../images/shbgr_03.jpg) no-repeat right bottom;
    background-size: 45% 100%;
}
.shlbg {
    background: url(../images/shbgl_02.jpg) no-repeat left bottom;
    background-size: 45% 100%;
}
.shw {
    padding: 70px 0;
}
.shlbg .shw {
    flex-flow: row-reverse;
}
.shwl, .shwr {
    width: 47%;
}
.shwl h2 {
    font-size: 140px;
    text-shadow: #999 1px 0 0, #999 0 1px 0, #999 -1px 0 0, #999 0 -1px 0;
    color: #FBFBFB;
}
.shwl h3 {
    font-size: 24px;
    color: #009B77;
    margin-top: -70px;
    position: relative;
    z-index: 99;
}
.shwltext {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #aaa;
}
/*rlzy*/

.yr1l, .yr1r {
    width: 50%;
}
.yr1l {
    padding: 110px 0;
    background: url(../images/yr1lbg_02.png) no-repeat left top #f8f8f8;
    background-size: 33.8% 100%;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.yr1lw {
    text-align: left;
    width: 600px;
    padding: 30px;
    display: inline-block;
}
.yr1lt {
    display: inline-block;
}
.yr1lt h3 {
    font-size: 48px;
    color: #009B77;
    font-weight: normal;
    position: relative;
    z-index: 9;
}
.yr1lt h3 i {
    font-weight: bold;
}
.yr1lt span {
    width: 165px;
    height: 80px;
    border: 4px solid #e8e8e8;
    position: absolute;
    right: -45px;
    top: 50%;
    margin-top: -40px;
}
.yr1lm {
    text-indent: 2em;
    margin: 30px 0;
}
.yr1lb p {
    font-size: 18px;
    line-height: 30px;
    color: #009B77;
    font-weight: bold;
    display: flex;
    padding: 5px 0;
}
.yr1lb p i {
    margin-top: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #d6d6d6;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 10px;
}
.yr1r {
    background: url(../images/yr1rbg_03.png) no-repeat right top;
    background-size: 84.4% 100%;
}
.yr1rt img {
    max-width: 80%;
    margin: 0 auto;
}
.dp_width_1 {
    width: 24.1%;
}
.dp_width_r {
    width: 10%;
}
.dpw {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.dpt {
    background: #daf7f0;
    color: #272727;
    line-height: 40px;
    font-size: 16px;
    padding: 10px 0;
}
.dpt span, .dpbat span {
    text-align: center;
}
.dpba {
    border-bottom: 1px solid #e6e6e6;
}
.dpba:last-child {
    border: 0;
}
.dpbat {
    color: #666;
    line-height: 40px;
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
    transition: .25s;
}
.dpba_active .dpbat {
    background: #009B77;
    color: #fff;
}
.dpba_active .colorindex {
    color: #fff;
}
.dpbab {
    height: 0px;
    overflow: hidden;
    transition: .5s;
}
.dpba_active .dpbab {
    height: auto;
    padding: 25px 0;
}
.dpbabbox {
    padding: 0 35px;
}
.dpico {
    width: 20px;
    height: 20px;
    background: url(../images/dpicor_03.png) no-repeat center;
    transition: .25s;
    margin-top: 10px;
}
.dpba_active .dpico {
    background: url(../images/dpicorac_03.png) no-repeat center;
}
.dpbtn i {
    width: 50px;
    height: 50px;
    border: 1px solid #009B77;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #009B77;
    cursor: pointer;
    margin-bottom: 14px;
    transition: .25s;
}
.dpbtn i:first-child {
    transform: rotate(-90deg);
}
.dpbtn i:last-child {
    margin-bottom: 0;
    transform: rotate(90deg);
}
.dpbtn i:hover {
    background: #009B77;
    color: #fff;
}
.dpbtn {
    position: absolute;
    right: -70px;
    top: 50%;
    margin-top: -57px;
}
.zw1 {
    padding: 90px;
}
.zw1t {
    font-size: 18px;
    color: #009B77;
    line-height: 50px;
    padding: 0 25px;
    background: #daf7f0;
}
.zw1t i {
    width: 3px;
    height: 20px;
    background: #009B77;
    display: inline-block;
    margin-right: 10px;
}
.zw1al {
    width: 20%;
    line-height: 42px;
    font-size: 16px;
    color: #888;
    text-align: right;
    margin-right: 20px;
}
.zw1aript input {
    height: 42px;
    width: 320px;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    padding: 0 13px;
    font-size: 16px;
}
.zw1aript input:focus, .zw1aript textarea:focus {
    border: 1px solid #009B77;
    box-shadow: 0 0 4px rgba(0,155,119,.5);
}
 .zw1aript input::-webkit-input-placeholder, .zw1aript textarea::-webkit-input-placeholder {
 color:#c6c6c6;
}
.zw1arradio label {
    margin-right: 30px;
    font-size: 16px;
    color: #888;
    cursor: pointer;
}
.zw1arradio label input {
    -webkit-appearance: radio;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}
.xxar_adda {
    width: 180px;
    margin-right: 15px;
}
.xxar_adda select {
    color: #c6c6c6;
    height: 42px;
    width: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    padding: 0 13px;
    font-size: 16px;
}
.slti {
    font-size: 20px;
    line-height: 42px;
    position: absolute;
    right: 15px;
    top: 0;
    transform: rotate(90deg);
    color: #888;
}
.zw1w {
    margin-top: 40px;
}
.zw1w:first-child {
    margin-top: 0;
}
.zw1aript textarea {
    height: 140px;
    width: 90%;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    padding: 13px;
    font-size: 16px;
    resize: none;
}
.zw1sbm button {
    height: 45px;
    padding: 0 40px;
    font-size: 16px;
    background: #c2c2c2;
    color: #fff;
    cursor: pointer;
    transition: .25s;
    border-radius: 6px;
    margin-right: 20px;
}
.zw1sbm button.active {
    background: #009B77;
    color: #fff;
}
/*tzzgx*/

.tzt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    z-index: 9;
}
.tztl {
    width: 72%;
    padding: 80px 0;
    margin-right: 5%;
}
.tztla {
    line-height: 40px;
    font-size: 16px;
}
.tztr {
    background: rgba(0,0,0,.5);
    padding: 35px;
}
.tztr h4 {
    font-size: 24px;
    font-weight: normal;
}
.tztr h3 {
    font-size: 36px;
    margin: 10px 0;
}
.tztr a {
    display: inline-block;
    line-height: 45px;
    font-size: 18px;
    width: 100%;
    color: #fff;
    text-align: center;
    background: #009B77;
}
.zla:hover h3 a {
    color: #009B77;
}
.zla_gszl .zlal {
    margin-right: 30px;
}
.zla_gszl .zlal .txt {
    margin-top: 0;
}
.zla_gszl .zlal h3 {
    margin-right: 15px;
}
/*zngc*/

.zn1 {
    background: url(../images/zn1bg_02.png) no-repeat bottom center #FBFBFB;
    background-size: 100%;
}
.zn1r {
    width: 48.333333%;
    margin-left: 90px;
}
.zn1r img.zn1rimg {
    position: relative;
    z-index: 9;
}
.zn1r_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding-right: 1.5%;
}
.zn1r_bg i {
    width: 52.5862%;
    -webkit-animation: changeright 15s linear infinite;
    display: block;
    margin: 0 auto;
    margin-bottom: 9.5%;
}
.zn1r_bg i img {
    display: block;
    margin: 0 auto;
}
 @-webkit-keyframes changeright {
 0% {
-webkit-transform:rotate(0deg);
}
 50% {
-webkit-transform:rotate(180deg);
}
 100% {
-webkit-transform:rotate(360deg);
}
}
.zntop h3 {
    font-size: 24px;
}
.zntop p {
    font-size: 16px;
    color: #999;
    margin-top: 5px;
}
.zntop {
    padding: 30px 0 20px 0;
    border-bottom: 1px solid #aaa;
}
.zntxt {
    margin-top: 20px;
}
.zn2l, .zn2r {
    width: 50%;
}
.zn2l {
    background: url(../images/zn2pic_02.jpg) no-repeat left center;
    background-attachment: fixed;
}
.zn2r {
    padding: 130px 0 200px 0;
    background: url(../images/zn2bg_03.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
}
.zn2rtxt {
    width: 600px;
    padding-left: 60px;
}
.zn2rtxt .zntop p, .zn2rtxt .zntxt {
    color: #fff;
}
.zn2rtxt .zntop {
    border-bottom: 1px solid #fff;
}
.zn3 {
    background: url(../images/zn3bg_02.jpg) no-repeat center;
    background-size: cover;
    padding: 95px 0;
}
.zn3r {
    width: 37.666666%;
    margin-left: 150px;
    cursor: pointer;
}
.zn3ri {
    width: 62px;
    height: 62px;
    border-radius: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #a5a6a6;
    background: #fff;
    transition: 1.2s;
    color: #009B77;
    font-size: 30px;
    position: absolute;
}
.zn3r:hover .zn3ri {
    background: #009B77;
    border: 1px solid #009B77;
    color: #fff;
    transform: rotateY(180deg);
}
.zn3ri1 {
    left: -31px;
    top: 50%;
    margin-top: -31px;
}
.zn3ri2 {
    left: 6%;
    top: 9%;
}
.zn3ri3 {
    left: 50%;
    margin-left: -31px;
    top: -31px;
}
.zn3ri4 {
    right: 6%;
    top: 9%;
}
.zn3ri5 {
    right: -31px;
    top: 50%;
    margin-top: -31px;
}
.zn3ri6 {
    right: 6%;
    bottom: 9%;
}
.zn3ri7 {
    left: 50%;
    margin-left: -31px;
    bottom: -31px;
}
.zn3ri8 {
    left: 6%;
    bottom: 9%;
}
/*new*/

.newbnbg {
    background: url(../images/newbg_01.png) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 99;
    align-items: flex-end;
}
.nbntxt {
    color: #fff;
    padding: 30px 0;
}
.nbntxt h3 {
    letter-spacing: 1px;
    font-size: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-shadow: 2px 7px 10px rgba(7,156,143,.55);
}
.nbntxt p {
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nbntxt a {
    display: inline-block;
    line-height: 42px;
    background: #009B77;
    color: #fff;
    padding: 0 25px;
    border-radius: 6px;
    font-size: 16px;
}
.nea {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 30px;
}
.nea:last-child {
    margin-bottom: 0;
}
.neaimg {
    width: 27.5%;
    height: 260px;
    overflow: hidden;
}
.neatxt {
    padding: 0 45px;
}
.neatxt h3 {
    font-size: 24px;
    line-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: .5s;
}
.neatxt p {
    font-size: 16px;
    color: #888;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: .5s;
}
.neatxt span {
    display: block;
    font-size: 16px;
    color: #888;
    margin: 5px 0 10px 0;
    transition: .5s;
}
.neatxt i {
    font-size: 16px;
    margin-top: 20px;
    transition: .5s;
}
.neatxt em {
    display: contents;
    width: 0px;
    height: 3px;
    transition: .5s;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    margin-right: 10px;
}
.nea:hover {
    background: #009B77;
    box-shadow: 0 0 20px rgba(0,155,119,.5);
}
.nea:hover .neatxt em {
    display: inline-block;
    opacity: 1;
    visibility: inherit;
    width: 48px;
}
.nea:hover .neatxt h3, .nea:hover .neatxt p, .nea:hover .neatxt span, .nea:hover .neatxt i {
    color: #fff;
}
.iftop {
    padding: 30px 70px 20px 70px;
    border-bottom: 1px solid #009B77;
}
.iftop h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
}
.iftopb {
    margin-top: 25px;
    font-size: 16px;
    color: #888;
}
.iftopb span i {
    vertical-align: middle;
    margin-top: -3px;
    color: #009B77;
    margin-right: 10px;
    font-size: 20px;
}
.iftopb span {
    margin-left: 20px;
}
.iftxt {
    padding: 50px 70px;
}
.ifb a.pagea {
    line-height: 40px;
    padding: 0 30px;
    font-size: 16px;
    width: auto;
}
.spzxbnbg {
    background: rgba(0,0,0,.2);
}
.spzxbnbg .nbntxt h3 {
    text-shadow: inherit;
}
.vdbtn {
    position: absolute;
    left: 50%;
    top: 50%;
}
.vdbtnbn {
    width: 80px;
    height: 80px;
    background: url(../images/vdico_03.png) no-repeat center;
    margin: -40px 0 0 -40px;
}
.vdbtnbnbg {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/vdbtnbn_03.png) no-repeat center;
    background-size: 100% 100%;
}
.vdbtnbnbg_animation {
    animation: rotate 3s linear infinite;
}
 @keyframes rotate {
from {
 transform: rotate(0deg)
}
 to {
transform: rotate(-360deg)
}
}
.video_click {
    cursor: pointer;
}
.spaimg {
    height: 215px;
}
.spaimgbg {
    background: rgba(0,0,0,.2);
}
.spa {
    width: 32%;
    padding: 25px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.07);
    transition: .5s;
    margin-bottom: 20px;
    float: left;
    margin-right: 2%;
}
.spa:nth-child(3n) {
    margin-right: 0;
}
.vdbtnlist {
    width: 60px;
    height: 60px;
    background: url(../images/vdico_03.png) no-repeat center;
    margin: -30px 0 0 -30px;
}
.vdbtnlist .vdbtnbnbg {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/vdbtnbn_03.png) no-repeat center;
    background-size: 100% 100%;
}
.spatxt h3 {
    font-size: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.spatxt p {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
    transition: .25s;
}
.spa:hover {
    background: #009B77;
    color: #fff;
    transform: translateY(-10px);
}
.spa:hover .spatxt p {
    color: #fff;
}
/*隐藏视频*/

.videohide {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.videohide_class {
    visibility: visible;
    opacity: 1;
}
.videohidebg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 10;
}
.videohidebox i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -30px;
    margin-top: -30px;
    cursor: pointer;
    font-style: normal;
}
.videohidebox i.fa-close:hover {
    -webkit-filter: brightness(110%);
}
.videohidebox {
    width: 50%;
    /*height: 600px;*/
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    padding: 10px;
    /*margin-top: -500px;*/
    transition: .5s;
}
.videohidebox_class {
    /*margin-top: -300px;*/
    opacity: 1;
}
.videohidebox_1 {
    width: 100%;
    /*height: 530px;*/
}
.videohidebox_1 video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.videohidebox_1 p {
    font-size: 16px;
    color: #000;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.yjbg {
    background: url(../images/yjbg_01.jpg) no-repeat center;
    background-size: cover;
    padding: 250px 0 120px 0;
}
.yjw {
    width: 710px;
    margin: 0 auto;
    color: #fff;
}
.yjtitle {
    font-size: 30px;
}
.yjb {
    padding-top: 20px;
}
.yjal {
    width: 115px;
    line-height: 45px;
    font-size: 16px;
}
.yjal i {
    color: #d63737;
}
.yjar_ipt input, .yjar_ipt textarea {
    width: 100%;
    height: 45px;
    background: rgba(255,255,255,.5);
    border: 1px solid rgba(0,155,119,.5);
    border-radius: 8px;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    resize: none;
}
.yjar_ipt textarea {
    height: 130px;
    padding: 15px;
}
.yjar_ipt input:focus, .yjar_ipt textarea:focus {
    border: 2px solid rgba(0,155,119,1);
}
 .yjar_ipt input::-webkit-input-placeholder, .yjar_ipt textarea::-webkit-input-placeholder {
 color:#333;
}
.yja label {
    color: #fff;
}
.yjar_file_sp i {
    transform: rotate(45deg);
    margin-right: 10px;
}
.yjar_file_sp {
    display: inline-block;
    line-height: 40px;
    border: 1px solid rgba(0,155,119,.5);
    background: rgba(255,255,255,.5);
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    margin-right: 15px;
}
.yjar_file_sp input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}
.yjar_code .yjar_ipt {
    width: 200px;
    margin-right: 15px;
}
.yjar button {
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    border-radius: 40px;
    background: #565656;
    margin-right: 20px;
    transition: .25s;
}
.yjar button.active {
    padding: 0 85px;
    background: #009B77;
}
.yj_code {
    width: 140px;
    height: 45px;
    display: inline-block;
    cursor: pointer;
}
.yj_code img {
    display: block;
    width: 100%;
    height: 100%;
}
/*20210319*/

.zn2l {
    background: url(../images/zn2pic_02.jpg) no-repeat left center;
    background-attachment: fixed;
}
.shwr {
    position: relative;
    overflow: hidden;
}
.shwri {
    background-color: #f5f5f5;
    position: absolute;
    width: 140%;
    height: 140%;
    left: -20%;
    top: -20%;
    transform: skewX(10deg);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.shwr_amt {
    -webkit-animation-name: shwr;
    animation-name: shwr;
}
 @-webkit-keyframes shwr {
 0% {
 left: -20%;
}
 100% {
 left: 140%;
 transform:skewX(40deg);
}
}
.bntxt {
    z-index: 9999;
}
.banner {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}
.banner-view {
    position: relative;
    height: 100%;
    z-index: 999;
    background-color: #090b22;
    background-repeat: no-repeat;
}
.banner-view i {
    position: relative;
    display: block;
    float: left;
    background-repeat: no-repeat;
}
.banner-btn {
    position: absolute;
    width: 100%;
    height: 0;
    top: 45%;
    font-family: "宋体";
    font-size: 20px;
    z-index: 1000;
}
.banner-btn span {
    display: block;
    float: left;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    color: #74dcff;
    cursor: pointer;
    font-weight: 800;
 background-image:
}
.banner-btn span:hover {
    background-color: rgba(0,0,0,0.6);
}
.banner-btn span + span {
    float: right;
}
.banner-number {
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 0;
    font-size: 0;
    text-align: center;
    z-index: 1000;
    left: 10%;
    bottom: 20%;
}
/*.banner-number > *{

	display: block;

	border: 2px solid #fff;

	border-radius: 50%;

	margin: 8px;

	width: 22px;

	height: 22px;

	background: none;

	cursor: pointer;

}

.banner-number  > *.on{

	border: 2px solid #009B77;

}*/

.banner-progres {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 3px;
    z-index: 1000;
}
.banner-progres i {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    display: block;
    height: 100%;
    width: 0;
}
.banner-progres {
    display: none;
}
.banner-number i {
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 50%;
    display: block;
    margin: 10px 0;
    cursor: pointer;
}
.banner-number i::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border: 2px solid #fff;
    border-radius: 50%;
}
.box-left, .box-right {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    overflow: hidden;
}
.box-left:after, .box-right:after {
    content: "";
}
.box-left, .box-left:after {
    left: 0;
}
.box-right, .box-right:after {
    right: 0;
}
.box-left:after, .box-right:after {
    width: 200%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
}
.banner-number i.on .box-left:after {
    border: 2px solid #009B77;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(-45deg);
    animation: circleRotate 2.7s linear forwards 2.7s;
}
.banner-number i.on .box-right:after {
    border: 2px solid #009B77;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: rotate(-45deg);
    animation: circleRotate 2.7s linear forwards;
}
 @keyframes circleRotate {
 from {
transform: rotate(-45deg)
}
 to {
transform: rotate(135deg)
}
}

@media only screen and (max-width:1520px) {
.nava {
    padding: 0 14px;
    font-size: 15px;
}
.hdw {
    padding: 0 20px;
    height: 80px;
}
.navhide a {
    font-size: 14px;
}
.sc_hide_a a, .hdw2r a {
    font-size: 14px;
}
.logo {
    height: 20px;
}
.hdw1rl_sc img {
    height: 15px;
}
.nav {
    margin: 0 15px;
}
.bntxt h4 {
    font-size: 45px;
}
.bntxt h3 {
    font-size: 70px;
}
.bntxt {
    font-size: 18px;
}
.idx_title {
    font-size: 40px;
}
.m2rba h3 i {
    font-size: 32px;
}
.idx_txt {
    font-size: 15px;
    line-height: 28px;
}
.m3txt_t h3 {
    font-size: 28px;
}
.m3txt_b {
    width: 440px;
}
.m5ba {
    height: 400px;
}
.m5babg h3 {
    font-size: 20px;
}
.ft1ra p {
    font-size: 14px;
}
.flogo {
    height: 100px;
}
.flogo img {
    height: 100%;
}
.lbntxt h3 {
    font-size: 100px;
}
.lbntxt p {
    font-size: 40px;
}
.listft_pd {
    padding-top: 160px;
}
.dq1t h3 {
    font-size: 30px;
}
.text {
    font-size: 15px;
    line-height: 26px;
}
.jt1ba h3 i {
    font-size: 50px;
}
.jt1ba h3 em {
    font-size: 50px;
}
.jt_top h3 {
    font-size: 32px;
}
.jt3t .swiper-slide span {
    font-size: 140px;
}
.shttop h3 {
    font-size: 30px;
}
.shwl h2 {
    font-size: 110px;
}
.whal img {
    height: 80px;
}
.wdt h3 {
    font-size: 40px;
}
.yjbg {
    padding: 200px 0 120px 0;
}
}

@media only screen and (min-width:768px) and (max-width:1350px) {
.bntxt h4 {
    font-size: 40px;
}
.bntxt h3 {
    font-size: 60px;
    margin-bottom: 10px;
}
.bntxt {
    font-size: 14px;
}
.idx_title {
    font-size: 30px;
}
.idx_txt {
    font-size: 14px;
    line-height: 25px;
}
.m2rba h3 i {
    font-size: 26px;
}
.m3txt_t h3 {
    font-size: 24px;
    line-height: 40px;
}
.m3txt_t p {
    font-size: 14px;
}
.m3txt_b {
    width: 400px;
}
.m5ba {
    height: 350px;
}
.m5babg h3 {
    font-size: 18px;
    line-height: 35px;
}
.m5babg span {
    font-size: 16px;
}
.m5btnr, .m5btnl {
    width: 50px;
    height: 50px;
}
.ft1r {
    margin-left: 50px;
}
.ds1rm {
    margin: 15px 0;
}
.jt1t img {
    height: 40px;
}
.jt1t p {
    font-size: 20px;
}
.jt1t h3 {
    font-size: 22px;
}
.jt1ba h3 i, .jt1ba h3 em {
    font-size: 40px;
}
.jt1ba p {
    margin-top: 0;
}
.jt1ba span.dx {
    font-size: 14px;
}
.jt_top h3 {
    font-size: 24px;
}
.jt_top p {
    font-size: 13px;
    margin-top: 10px;
}
.jt3t .swiper-slide span {
    font-size: 120px;
}
.shttop h3 {
    font-size: 24px;
}
.shttop .text {
    margin: 20px 0;
}
.shwl h2 {
    font-size: 100px;
}
.shwl h3 {
    font-size: 20px;
    margin-top: -50px;
}
.listnava h3 {
    font-size: 20px;
}
.listnava p {
    font-size: 12px;
    margin-top: 5px;
}
.listnava i {
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border: 6px solid #FBFBFB;
}
.listnav_line {
    bottom: 12px;
}
.listnava {
    height: 120px;
}
.listnava_active i, .listnava:hover i {
    border: 6px solid #daf7f0;
}
.listft_pd {
    padding-top: 140px;
}
.whal img {
    height: 60px;
}
.whal h3 {
    font-size: 18px;
}
.whal p {
    font-size: 12px;
}
.whar {
    width: 440px;
    padding: 20px;
}
.iftop h3 {
    font-size: 24px;
}
.nbntxt h3 {
    font-size: 24px;
}
.nbntxt p {
    font-size: 14px;
}
.nbntxt a {
    line-height: 36px;
    font-size: 13px;
}
.neatxt h3 {
    font-size: 20px;
}
.neatxt p {
    font-size: 14px;
}
.neatxt i {
    font-size: 14px;
}
.neatxt i em {
    height: 2px;
}
.nbntxt h3 {
    font-size: 24px;
}
.spatxt h3 {
    font-size: 18px;
}
.spatxt {
    margin-top: 15px;
}
.spa {
    padding: 20px;
}
.pi1r h3 {
    font-size: 20px;
}
.pi1r p {
    line-height: 35px;
    font-size: 14px;
}
.pitop h3 {
    font-size: 24px;
}
.pitop h3 i {
    height: 22px;
    width: 4px;
}
.pi2w, .pi3ar {
    font-size: 14px;
}
.pi3al {
    font-size: 15px;
}
.pi3ar {
    padding: 20px;
}
.pi4a {
    font-size: 14px;
}
.pi4al i {
    font-size: 22px;
}
.pi4ar a {
    font-size: 22px;
}
.pi5tab th {
    padding: 10px;
    font-size: 16px;
}
.pi5tab td {
    padding: 15px 10px;
    font-size: 13px;
}
.xi2a i {
    font-size: 28px;
}
.xta1 h3 {
    font-size: 24px;
}
.xta1w a i {
    font-size: 24px;
}
.xta1w a {
    height: 80px;
}
.dpico {
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
}
.yr1lt h3 {
    font-size: 38px;
}
.yr1lb p {
    font-size: 16px;
}
.cdat h3 {
    font-size: 16px;
}
.cdai {
    font-size: 18px;
}
.cdab {
    font-size: 14px;
}
.cdat i {
    font-size: 22px;
}
.wdt h3 {
    font-size: 30px;
}
.wdtb h4 {
    font-size: 26px;
}
.wdar {
    font-size: 14px;
}
.wdar1tt {
    font-size: 16px;
}
.lx2a .txt {
    font-size: 14px;
    line-height: 30px;
}
.zltop li {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}
.zltop ul {
    height: 60px;
}
.zlal h3 {
    font-size: 16px;
}
.zlal .txt {
    font-size: 13px;
}
.zlar {
    line-height: 40px;
    font-size: 14px;
}
.zn_nb {
    height: 70px;
}
.zntop h3 {
    font-size: 20px;
}
.yjbg {
    padding: 170px 0 120px 0;
}
}

@media only screen and (max-width:1200px) {
.hdw2r a {
    padding: 0 12px;
    font-size: 12px;
}
.head {
    padding: 30px 15px;
}
.nava {
    padding: 0 8px;
    font-size: 13px;
}
.wrap1 {
    width: 100%;
    padding: 0 15px;
}
.yr1lw {
    width: 100%;
}
.xxar_adda {
    width: 30%;
}
.xxar_adda input {
    width: 100% !important;
}
.zn2rtxt {
    width: 100%;
}
.neaimg {
    height: 230px;
}
.yr1lt h3 {
    font-size: 30px;
}
.yr1lb p {
    line-height: 30px;
    font-size: 14px;
}
.yr1lt span {
    width: 120px;
    height: 60px;
    margin-top: -30px;
}
.cdw {
    padding-left: 40px;
}
.cdai {
    width: 40px;
    height: 40px;
    left: -20px;
    line-height: 40px;
}
}

@media only screen and (max-width:950px) {
.mt_50, .mt_60, .mt_70, .mt_80, .mt_90, .mt_100 {
    margin-top: 25px;
}
.pc_demo {
    display: none;
}
.wap_demo {
    display: block;
}
.whead .logo {
    height: 26px;
}
.whead .logo img {
    display: block;
    height: 100%;
}
.whead .hdw1rl_sc img {
    height: 20px;
}
.whead .hdw1rl {
    margin-right: 20px;
}
.whead .full-menu {
    width: 40px;
    height: 40px;
}
.whead .full-menu i {
    width: 40px;
    height: 40px;
}
.whead {
    transition: .5s;
}
.whead1 {
    opacity: 1;
}
.whead2 {
    opacity: 0;
    visibility: hidden;
    background: #fff;
}
.head_wap_active .whead1 {
    opacity: 0;
    visibility: hidden;
}
.head_wap_active .whead2 {
    opacity: 1;
    visibility: inherit;
}
/*搜索*/

.wsc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e0e0e0;
    z-index: 9999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.wsct {
    padding: 10px 0;
}
.wsct button {
    background: none;
    width: 15%;
    text-align: center;
    cursor: pointer;
}
.wsct input {
    height: 36px;
    border-radius: 36px;
    background: #fff;
    padding: 0 15px;
}
.wsct .wsc_close {
    width: 15%;
    text-align: center;
    cursor: pointer;
}
.wsc_close img {
    height: 24px;
}
.wscb a {
    display: inline-block;
    line-height: 32px;
    padding: 0 17px;
    font-size: 16px;
    color: #fff;
    background: #009B77;
    border-radius: 30px;
    margin-top: 15px;
    margin-right: 10px;
}
.wsc {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.wsc_active {
    opacity: 1;
    visibility: inherit;
}
.wnav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #009B77;
    z-index: 99999;
    padding-top: 70px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.wnav_toggle {
    opacity: 1;
    visibility: inherit;
}
.wnav_ht {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px;
}
.wnav .nava {
    color: #fff;
    line-height: 60px;
    border-bottom: 1px dashed rgba(255,255,255,.5);
    position: relative;
    transition: .25s;
}
.wnav span:last-child .nava {
    border: 0;
}
.wnav span.wnavspan .nava {
    opacity: 0;
    visibility: inherit;
}
.wnav .nava i {
    line-height: 60px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 0;
}
.wnav_navhide {
    position: fixed;
    left: 0;
    top: 0;
    padding: 0 15px;
    padding-top: 70px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
    z-index: 999;
}
.wnav_navhide a {
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    border-bottom: 1px dashed rgba(255,255,255,.5);
    display: block;
    width: 100%;
    padding: 0 15px;
}
.wnav_navhide a:last-child {
    border: 0;
}
.wnav_active .wnav_navhide_active {
    opacity: 1;
    visibility: inherit;
}
.wnav_active .nava {
    opacity: 0;
    visibility: hidden;
}
.bntxt {
    text-align: center;
    top: 20%;
    margin-top: 0;
    width: 100%;
    left: 0;
}
.bntxt h4 {
    font-size: 30px;
}
.bntxt h3 {
    font-size: 42px;
    margin: 5px 0 10px 0;
}
.bntxt p {
    font-size: 14px;
}
.bnimg {
    align-items: flex-start !important;
}
.swiper-container-bn .swiper-pagination-bn {
    width: 100%;
    left: 0;
    bottom: 20px;
}
.swiper-container-bn .swiper-pagination-bn {
    transform: scale(.7);
}
.swiper-container-bn .swiper-pagination-bullet {
    /*width: 16px;

		height: 16px;*/

    margin: 0 10px !important;
}
.m2w {
    flex-direction: column;
}
.m2l {
    width: 100%;
    height: auto;
}
.m2la {
    height: auto;
    max-height: 280px;
    overflow: hidden;
}
.idx_title {
    font-size: 24px;
}
.idx_txt {
    font-size: 12px;
    line-height: 24px;
}
.m2rt .idx_title {
    margin: 10px 0 5px 0;
    font-size: 18px;
}
.idx_more {
    font-size: 12px;
}
.idx_more img {
    height: 12px;
}
.m2rt .idx_more {
    margin-top: 0px;
}
.m2rt .idx_txt {
    margin-top: 0;
}
.m2rt .idx_more {
    margin-top: 5px;
}
.m2r {
    padding: 0 15px;
    padding-bottom: 15px;
    justify-content: center;
}
.m2rbox {
    display: inline-block;
    height: auto;
}
.m2rb {
    flex: 0;
    flex-grow: inherit;
    padding: 10px 20px 0 20px;
    width: 100%;
}
.m2rba {
    font-size: 12px;
    padding: 10px;
}
.m2rba h3 i {
    font-size: 18px;
}
.m3txt {
    padding: 0 15px;
}
.m3txt_t h3 {
    line-height: 30px;
    font-size: 18px;
}
.m3txt_t p {
    font-size: 12px;
    line-height: 22px;
}
.m3txt_t i {
    margin: 10px auto;
}
.m3txt_b {
    width: 100%;
    padding: 15px;
}
.m3txt_b img {
    height: 55px;
}
.m3txt_b .txt h3 {
    font-size: 17px;
}
.section3bg {
    background: url(../images/idx3bgwap.jpg) no-repeat center;
    background-size: cover;
}
.m4w {
    flex-flow: row-reverse;
    flex-direction: column;
    position: relative;
}
.m4l, .m4r {
    width: 100%;
}
.m4pd {
    padding: 0 15px;
}
.m4pdwap {
    height: 100%;
}
.m4lb {
    display: block;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.m4lb .clearfix1 {
    width: 49%;
    justify-content: space-between;
    display: flex;
    margin-top: 0;
}
.m4la {
    width: 48%;
    height: 85px;
    background: #009b77;
    margin-right: 0;
}
.m4la img {
    height: 40px;
}
.m4lt p {
    display: none;
}
.m4lt .idx_title {
    text-align: center;
}
.swiper-button-m4 {
    top: 25%;
}
.m4l .idx_more {
    text-align: center;
    position: relative;
    margin-top: 20px;
}
.swiper-container-m4, .swiper-container-m4 .swiper-slide, .m4w {
    height: 100%;
}
.swiper-pagination-m4 {
    width: 100% !important;
    left: 0 !important;
}
.swiper-pagination-public .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}
.m4r {
    margin-top: 20px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.swiper-pagination-public .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border: 2px solid #009B77;
    margin-left: 50px !important;
}
.swiper-pagination-public .swiper-pagination-bullet:after {
    width: 40px;
}
.m5btnr, .m5btnl {
    width: 40px;
    height: 40px;
    background-size: 27%;
}
.swiper-button-next-m4, .swiper-button-prev-m4 {
    width: 40px;
    height: 40px;
    background-size: 50%;
}
.m5btnr:hover, .m5btnl:hover {
    background-size: 27%;
}
.swiper-button-next-m4:hover, .swiper-button-prev-m4:hover {
    background-size: 50%;
}
.m5ba {
    height: 300px;
}
.m5babg h3 {
    font-size: 20px;
}
.m5babg {
    padding: 30px;
}
.wft {
    font-size: 13px;
    line-height: 25px;
    padding: 10px;
    background: #161717;
    color: #fff;
}
.wft:after, .wft:before {
    display: none;
}
/*list*/

.ft1 {
    padding: 0;
}
.ft1 .wrap {
    padding: 0;
    display: block;
}
.flogo {
    display: block;
    width: 100%;
    border-bottom: 1px solid #949595;
    text-align: center;
    padding: 20px 0;
    height: 90px;
}
.flogo img {
    height: 100%;
    margin: 0 auto;
}
.ft1ra:nth-child(1), .ft1ra:nth-child(2) {
    display: none;
}
.ft1r {
    display: block;
    margin-left: 0;
    padding: 20px 0;
}
.ft1ra {
    font-size: 13px;
    color: #bababa;
    width: 100%;
    text-align: center;
}
.ft1ra h3 {
    color: #fff;
}
.ft1ra p {
    font-size: 13px;
}
.ft1ra:nth-child(4) h3 {
    display: none;
}
.ft2 .wrap {
    display: block;
    text-align: center;
}
.ft2 {
    line-height: 25px;
    font-size: 13px;
    color: #BABABA;
}
.ft2 a {
    color: #BABABA;
}
.wrap1 {
    width: 100%;
    padding: 0 15px;
}
.lbntxt h3 {
    font-size: 46px;
    white-space: nowrap;
}
.lbntxt p {
    font-size: 34px;
}
.listft_pd {
    /*padding-top: 70px;*/

    padding-top: 0;
}
.listnava {
    height: 120px;
}
.listnava h3 {
    font-size: 18px;
}
.listnava p {
    font-size: 12px;
    margin-top: 5px;
}
.md {
    padding: 25px 0;
}
.pda {
    width: 100%;
}
.page a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin: 5px;
}
.page a.pagea {
    width: 80px;
}
.pi1 {
    display: block;
}
.pi1l_b {
    display: none;
}
.pi1l_t, .pi1l {
    width: 100%;
}
.pi1ldf {
    display: block;
}
.pi1l_ta {
    height: 200px;
}
.pi1l_t {
    padding-bottom: 30px;
}
.swiper-pagination-pi1l_t .swiper-pagination-bullet-active {
    background: #009B77;
}
.pi1 {
    padding: 20px;
}
.pi1r {
    margin-top: 20px;
}
.pi1r h3 {
    font-size: 22px;
}
.pi1r p {
    padding: 5px 0;
    font-size: 13px;
}
.pitop h3 {
    font-size: 22px;
}
.pitop h3 i {
    height: 20px;
    width: 5px;
}
.pi2w {
    margin-top: 20px;
    padding: 15px;
    font-size: 13px;
}
.pi3a {
    width: 100%;
}
.pi3al {
    width: 30%;
    font-size: 16px;
}
.pi3ar {
    padding: 15px;
    font-size: 13px;
}
.pi4w {
    padding: 0 15px;
}
.pi4a {
    height: 50px;
}
.pi4al p {
    margin-left: 10px;
}
.pi4al i {
    font-size: 16px;
}
.pi4ar a {
    font-size: 16px;
}
.pi5tab th {
    padding: 10px 0;
    font-size: 13px;
    line-height: 20px;
}
.pi5tab td {
    padding: 10px 0;
    font-size: 13px;
    line-height: 20px;
}
.pimorea {
    padding: 15px 0;
}
.swiper-button-next-listnav, .swiper-button-prev-listnav {
    display: none;
}
.xta {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 10px;
}
.xta1 h3 {
    font-size: 22px;
}
.xta1w a {
    height: 60px;
    width: 65%;
}
.xta1w a i {
    width: 34px;
    height: 34px;
    font-size: 20px;
}
.xi1 {
    display: block;
}
.xi1r, .xi1l {
    width: 100%;
}
.xi1r {
    padding: 20px;
}
.xi1r h3 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.text {
    font-size: 13px;
}
.xi2a {
    width: 100%;
    margin-top: 15px;
}
.xi2ar {
    padding: 15px;
}
.textpd {
    padding: 20px;
}
/*服务*/

.wdt h3 {
    font-size: 22px;
}
.wdtb h4 {
    font-size: 18px;
}
.wda {
    align-items: flex-start;
}
.wdar {
    display: block;
    margin: 0 15px;
}
.wdal {
    margin-right: 0;
}
.wdar1 {
    margin-bottom: 10px;
}
.wdmore img {
    height: 20px;
}
.cda {
    margin-left: 5%;
    width: 95%;
    padding: 15px 0;
    padding-left: 25px;
}
.cdai {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    left: -15px;
}
.cdat h3 {
    font-size: 14px;
    line-height: 26px;
}
.cdat i {
    font-size: 12px;
    margin-right: 15px;
}
.cdab i {
    font-size: 14px;
}
.cdab {
    font-size: 13px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.zltop ul {
    height: 50px;
}
.zltop li {
    height: 50px;
    line-height: 50px;
    font-size: 17px;
}
.zlw {
    padding: 0 15px;
}
.zlar {
    padding: 0 15px;
    line-height: 35px;
    font-size: 14px;
    margin-left: 15px;
}
.zlal h3 {
    line-height: 24px;
    font-size: 14px;
}
.lxmapt {
    height: 200px;
}
.lxmapb {
    padding: 15px;
    font-size: 14px;
}
.lxmapb i {
    font-size: 14px;
}
.lx2 .wrap1 {
    display: block;
}
.lx2a {
    width: 100%;
    display: flex;
    padding: 20px 0;
}
.lx2a .txt {
    flex: 0;
    flex-grow: 1;
    text-align: left;
    font-size: 13px;
    line-height: 28px;
}
.lx2a i {
    margin-right: 20px;
    width: 40px;
    height: 40px;
}
.lx2a i span {
    font-size: 20px;
}
.lx2line {
    width: 1px;
    height: 100%;
    left: 35px;
    top: 0;
}
/*about*/

.jt1t p {
    font-size: 18px;
}
.jt1t h3 {
    font-size: 18px;
}
.jt1t img {
    height: 40px;
}
.jt1b {
    flex-wrap: wrap;
}
.jt1ba {
    padding: 15px 0;
    width: 50%;
}
.jt1ba h3 i {
    font-size: 30px;
}
.jt1ba h3 em {
    font-size: 30px;
    right: -5px;
}
.jt1ba p {
    font-size: 12px;
    margin: 5px 0;
}
.jt1ba span.dx {
    font-size: 12px;
}
.jt_top h3 {
    font-size: 20px;
}
.jt_top p {
    font-size: 12px;
}
.jt2a {
    transform: scale(.5);
}
.jt3t .swiper-slide-active span {
    font-size: 120px;
    margin-left: 0;
    left: 0;
}
.ds1 {
    display: block;
    border-radius: 10px;
}
.ds1l, .ds1r {
    width: 100%;
}
.ds1r {
    padding: 20px;
}
.ds1rt img {
    height: 30px;
}
.ds1rbl {
    height: 20px;
}
.ds1rbr h3 {
    font-size: 14px;
}
.ds1rbr img {
    height: 55px;
}
.ry1 {
    display: block;
    padding: 20px;
    border-radius: 12px;
}
.ryl, .ryr {
    width: 100%;
}
.rylw {
    display: block;
}
.ryll, .rylr {
    width: 100%;
    padding-left: 0;
}
.ryll h3 {
    font-size: 22px;
}
.ryll p {
    font-size: 13px;
}
.ryll i {
    margin: 10px 0;
}
.rylrw {
    margin-top: 20px;
    padding-right: 20px;
    height: 300px;
}
.rylra {
    padding: 10px;
    font-size: 13px;
    line-height: 25px;
}
.ryr {
    margin-top: 30px;
}
.ryr ul {
    height: auto;
    flex-direction: row;
}
.ryra {
    font-size: 13px;
}
.ry1 {
    background: #fff;
}
.wha {
    padding: 0;
    display: block;
}
.whal, .whar {
    width: 100%;
}
.whal img {
    height: 40px;
}
.whal h3 {
    font-size: 17px;
}
.whar {
    margin-left: 0;
    width: 80%;
    padding: 15px;
    margin: 20px auto 0 auto;
}
.swiper-pagination-wh {
    font-size: 13px;
    line-height: 30px;
}
.swiper-pagination-wh .swiper-pagination-current {
    font-size: 14px;
}
.swiper-button-next-wh, .swiper-button-prev-wh {
    width: 30px;
    height: 30px;
    font-size: 18px;
    top: 100%;
    margin-top: -40px;
}
.dq1t i.icon {
    font-size: 36px;
}
.dq1t h3 {
    font-size: 24px;
    margin: 20px 0;
}
.dq1t img {
    max-width: 100%;
}
.dq2 {
    padding-top: 30px;
}
.dq2b {
    display: block;
}
.dq2bl, .dq2br {
    width: 100%;
}
.swiper-pagination1 .swiper-pagination-current {
    font-size: 60px;
}
.dq2bltxt {
    padding-top: 20px;
    margin-top: 20px;
}
.dq2bbtn i.dq2bbtn_l, .dq2bbtn i.dq2bbtn_r {
    font-size: 20px;
    width: 35px;
    height: 35px;
    margin-right: 15px;
}
.dq2br {
    height: auto;
    padding: 40px 0;
    padding-right: 50px;
}
.shttop h3 {
    font-size: 22px;
}
.shttop .text {
    margin: 15px 0;
}
.shw, .shlbg .shw {
    flex-wrap: wrap;
}
.shwl, .shwr {
    width: 100%;
}
.shwl h2 {
    font-size: 80px;
}
.shwl h3 {
    font-size: 18px;
    margin-top: -40px;
}
.shwltext {
    margin-top: 20px;
    padding-top: 15px;
}
.shwr {
    margin-top: 55px;
}
.shrbg, .shlbg {
    background-size: 85% 270px;
}
.shw {
    padding: 30px 0;
}
.yr1 {
    display: block;
    padding: 30px 15px;
}
.yr1l {
    background-size: 20% 100%;
    width: 100%;
    padding: 35px 30px;
    padding-left: 25%;
}
.yr1lw {
    width: 100%;
    padding: 0;
}
.yr1lt h3 {
    font-size: 22px;
}
.yr1lt span {
    width: 80px;
    height: 40px;
    margin-top: -20px;
    right: -30px;
}
.yr1lm {
    margin: 20px 0 10px 0;
}
.yr1lb p {
    font-size: 13px;
}
.yr1lb p i {
    margin-top: 12px;
    width: 6px;
    height: 6px;
}
.yr1r {
    width: 100%;
    padding: 50px 0;
    margin-top: 25px;
    background-size: 85% 100%;
}
.dp_width_r {
    width: 20%;
}
.dp_width_1 {
    width: 35%;
}
.dpbat, .dpt {
    font-size: 13px;
    line-height: 30px;
    padding: 10px 0;
}
.dpico {
    margin-top: 5px;
    background-size: 50% !important;
}
.dpbat span {
    height: 30px;
}
.dpbtn {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}
.dpbtn i {
    width: 30px;
    height: 30px;
    margin: 0 5px;
}
.dpbtn i:first-child {
    transform: rotate(-180deg);
}
.dpbtn i:last-child {
    transform: rotate(0);
}
.zw1 {
    padding: 40px 20px;
}
.zw1t {
    font-size: 16px;
    line-height: 40px;
}
.zw1t i {
    height: 16px;
}
.zw1al {
    width: 25%;
    line-height: 35px;
    margin-right: 10px;
    font-size: 13px;
}
.zw1aript input {
    width: 100%;
    height: 35px;
    font-size: 13px;
}
.zw1arslt {
    display: block;
}
.xxar_adda {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.xxar_adda select {
    font-size: 13px;
    height: 35px;
}
.slti {
    line-height: 35px;
    font-size: 16px;
}
.zw1wbox {
    margin-top: 15px;
}
.zw1aript textarea {
    height: 120px;
    font-size: 13px;
    width: 100%;
}
.zw1sbm {
    margin-top: 20px;
}
.zw1sbm button {
    padding: 0 25px;
    height: 35px;
    font-size: 13px;
}
/*tzzgx*/

.tzt .wrap {
    display: block;
    padding: 0;
}
.tztl {
    flex-wrap: wrap;
    padding: 15px;
    width: 100%;
}
.tztla:first-child {
    width: 100%;
}
.tztla {
    font-size: 13px;
    line-height: 25px;
}
.tztr {
    padding: 15px;
}
.tztr h3 {
    font-size: 22px;
    margin-bottom: 0;
}
.tztr h4 {
    font-size: 18px;
}
.tztr a {
    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;
}
.zla_gszl .zlal {
    display: block;
    margin-right: 0;
}
.zla_gszl .zlal .txt {
    margin-top: 10px;
}
.zla {
    padding: 20px 0;
}
/*zngc*/

.zn1 .wrap1, .zn3 .wrap1, .zn2 {
    display: block;
}
.zn1r, .zn3r {
    margin-left: 0;
    margin-top: 30px;
}
.zn_nb {
    height: 50px;
}
.zntop h3 {
    font-size: 20px;
}
.zntop p {
    font-size: 13px;
}
.zntop {
    padding: 20px 0 10px 0;
}
.zntxt {
    margin-top: 10px;
}
.zn1r {
    width: 100%;
}
.zn1r_bg i {
    width: 52%;
}
.zn2l {
    height: 230px;
    background-size: cover;
}
.zn2l, .zn2r {
    width: 100%;
}
.zn2r {
    padding: 30px 20px;
}
.zn2rtxt {
    padding: 0;
}
.zn3 {
    padding-bottom: 50px;
}
.zn3r {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
}
.zn3ri {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.zn3ri1 {
    left: -20px;
    margin-top: -20px;
}
.zn3ri3 {
    margin-left: -20px;
    top: -20px;
}
.zn3ri5 {
    right: -20px;
    margin-top: 20px;
}
.zn3ri7 {
    bottom: -20px;
    margin-left: -20px;
}
/*new*/

.neaimg {
    width: 50%;
    height: 130px;
}
.neatxt {
    padding: 0 15px;
}
.neatxt h3 {
    font-size: 15px;
    line-height: 25px;
}
.neatxt span {
    font-size: 12px;
    margin: 5px 0 10px 0;
}
.neatxt p {
    font-size: 12px;
    line-height: 17px;
    -webkit-line-clamp: 1;
}
.neatxt i {
    font-size: 12px;
    margin-top: 5px;
}
.neatxt i em {
    height: 1px;
}
.nea:hover .neatxt i em {
    width: 20px;
}
.nea {
    border-radius: 6px;
    margin-bottom: 15px;
}
.iftop {
    padding: 20px 0;
}
.iftop h3 {
    font-size: 18px;
    line-height: 32px;
}
.iftopb span {
    font-size: 13px;
}
.iftopb span i {
    font-size: 16px;
    margin-right: 5px;
}
.iftxt {
    padding: 20px 0;
}
.ifb a.pagea {
    width: auto;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 25px;
}
.ifb {
    margin-top: 10px;
}
.videohidebox {
    width: 90%;
    /*left: 50%;*/
    /*margin-left: 0;*/
    /*height: 250px;*/
    /*margin-top: -210px;*/
}
.videohidebox_1 p {
    height: 30px;
    line-height: 30px;
}
.videohidebox_1 {
    /*height: 200px;*/
}
.videohidebox_class {
    /*margin-top: -110px;*/
}
.videohidebox i {
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 20px;
    margin-right: 0;
}
.nava {
    font-size: 16px;
}
.nbntxt h3 {
    font-size: 18px;
}
.nbntxt p {
    margin: 10px 0;
    font-size: 13px;
    line-height: 24px;
}
.nbntxt a {
    line-height: 32px;
    font-size: 13px;
    padding: 0 20px;
}
.vdbtnbn {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}
.spa {
    width: 48%;
    margin-bottom: 15px;
    padding: 10px;
}
.spaimg {
    height: 110px;
}
.vdbtnlist {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
}
.spatxt {
    margin-top: 10px;
}
.spatxt h3 {
    font-size: 15px;
}
.spatxt p {
    font-size: 12px;
}
.cdw {
    padding-left: 0;
}
.m2rba:nth-child(1) {
    border-radius: 10px 0 0 0;
}
.m2rba:nth-child(2) {
    border-radius: 0 10px 0 0;
}
.m2rba:nth-child(3) {
    border-radius: 0 0 0 10px;
}
.m2rba:nth-child(4) {
    border-radius: 0 0 10px 0;
}
.yjw {
    width: 100%;
}
.yjbg {
    padding: 100px 0 30px 0;background-image: url(../images/yjbg_01111.jpg);
}
.yjtitle {
    font-size: 17px;
}
.yjb {
    padding-top: 10px;
}
.yjal {
    width: 90px;
    font-size: 14px;
    line-height: 38px;
}
.yjar_ipt input, .yjar_ipt textarea {
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
}
.zw1arradio label {
    font-size: 14px;
}
.yjar_ipt textarea {
    height: 90px;
    padding: 10px;
}
.yjar_file_sp {
    line-height: 36px;
    font-size: 14px;
    height: 38px;
    margin: 0;
    margin-bottom: 10px;
}
.yjar_file p {
    font-size: 12px;
}
.yjar_code .yjar_ipt {
    flex: 0;
    flex-grow: 1;
    margin: 0;
    width: auto;
}
.yj_code {
    width: 100px;
    height: 38px;
    margin-left: 10px;
}
.yja_sbm {
    margin-top: 25px;
}
.yjar button {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 0;
}
.yjar button.active {
    padding: 0 45px;
    margin-right: 20px;
}
.banner-number {
    width: 100%;
    left: 0;
    bottom: 8%;
    transform: scale(.7);
}
.banner-number i {
    display: inline-block;
    margin: 0 10px;
}
}
table {
    width: 100%!important;
    max-width: 100%!important;
}
table tbody {
    width: 100%!important;
    max-width: 100%!important;
}
table tbody tr td {
    border: 1px solid #dddddd!important;
    padding: 2px!important;
}