* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333333; overflow-x: hidden; margin: 0 auto; }
a { color: #333333; text-decoration: none; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }

@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

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

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

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

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

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

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

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

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}


/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); video
{ max-width: 80vw; max-height: 80vh; display: block; }
}

.gdt::-webkit-scrollbar { width: 16px; height: 6px; }

.gdt::-webkit-scrollbar-track { background: #d6d6d6; border-left: 10px solid rgba(255, 255, 255, 1); border-radius: 0px; }

.gdt::-webkit-scrollbar-thumb { background: #19a161; border-left: 10px solid rgba(255, 255, 255, 1); border-radius: 0px; }

.gdt::-webkit-scrollbar-thumb:hover { background: #19a161; }

.gdt::-webkit-scrollbar-corner { background: #19a161; }


.gdt { scrollbar-color: #19a161 #d6d6d6; scrollbar-width: thin; }

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay { width: 20%; overflow: hidden; float: left; background: #19a161; height: 50px; }
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.main { width: 100%; /* overflow:hidden; */ }
.main_top { width: 1200px; margin: 0 auto; /* overflow:hidden; */ display: flex; justify-content: space-between; }
.main_top_logo { padding-top: 23px; }
.main_tright { display: flex; justify-content: space-between; }
.main_menu > ul { display: flex; justify-content: space-between; grid-template-columns: repeat(8,1fr); /* gap:38px; */ font-size: 16px; color: #333333; }
.main_menu > ul > li { line-height: 112px; color: #333333; position: relative; margin-right: 36px; }
.main_menu > ul > li.cur > a, .main_menu > ul > li.curs > a { font-weight: bold; color: #19a161; }
.main_menu > ul > li > a { color: #333333; }
.main_menu > ul > li > a:hover { font-weight: bold; color: #19a161; }
.main_menu > ul > li > ul { position: absolute; left: 0px; top: 100px; z-index: 3; }

.main_menu > ul > li > ul { position: absolute; left: 50%; top: 80px; transform: translateX(calc(-50% + 0px)); background: rgba(255,255,255,1); width: auto; min-width: 56px; border-radius: 5px; border-top: 4px solid #19a161; line-height: 32px; font-size: 14px; color: #333333; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; padding-left: 20px; padding-right: 20px; display: none; overflow: hidden; }
.main_menu > ul > li > ul a:hover { color: #19a161; }

.main_search { margin-left: 20px; margin-right: 13px; margin-top: 36px; cursor: pointer; }
.main_en { margin-top: 36px; width: 40px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; border: 2px solid #1ba262; overflow: hidden; }
.main_en a { color: #333; font-size: 16px; transition: all 0.3s ease; display: block; }
.main_en a:hover { background: #19a161; color: #fff; }
.banner_1 { width: 100%; overflow: hidden; position: relative; }
.main_banner_1 { position: relative; }
.main_banner_1 .main_banner_1-pagination { position: absolute; left: 0px; bottom: 35px; z-index: 3; text-align: center; right: 0px; }
.main_banner_1-pagination .swiper-pagination-bullet { background: #202020; width: 11px; height: 11px; margin-left: 5px; margin-right: 5px; }
.main_banner_1-pagination .swiper-pagination-bullet-active { width: 47px; background: #19a161; border-radius: 20px; }
.main_list { top: -45px; overflow: hidden; position: relative; z-index: 3; width: 1200px; margin: 0 auto; }
.main_list ul { display: grid; grid-template-columns: repeat(4,1fr); justify-content: space-between; }
.main_list li { background: url(../images/l1.jpg) no-repeat; width: 285px; height: 218px; display: block; }
.main_list li font { font-size: 24px; color: #333333; font-weight: bold; display: block; padding-top: 110px; padding-left: 40px; }
.main_list li p { padding-left: 40px; padding-top: 11px; width: 190px; line-height: 18px; }
.main_list li:nth-child(2) { background-image: url(../images/l2.jpg); }
.main_list li:nth-child(3) { background-image: url(../images/l3.jpg); }
.main_list li:nth-child(4) { background-image: url(../images/l4.jpg); }
.main_about { width: 1200px; margin: 0 auto; margin-top: 45px; display: grid; grid-template-columns: repeat(2,1fr); gap: 50px; position: relative; z-index: 2; .foot_width p }
.a_title { display: inline-block; position: relative; }
.a_title font { font-size: 34px; color: #202020; font-weight: bold; display: inline-block; position: relative; padding-right: 9px; }
.a_title p { font-size: 20px; color: #d0d0d0; font-weight: bold; padding-top: 10px; text-transform: uppercase; }
.a_title font::after { width: 15px; height: 15px; display: block; background: #19a161; position: absolute; right: 0px; top: 3px; content: ""; z-index: -1; }
.a_about { font-size: 24px; color: #202020; padding-top: 60px; padding-bottom: 45px; }
.a_about font { color: #19a161; font-weight: bold; }
.a_about_content { font-size: 16px; color: #333333; line-height: 29px; }
.main_history { width: 100%; overflow: hidden; background: #19a161; height: 430px; margin-top: -32px; position: relative; }
.main_ckgd { margin: 0 auto; width: 1200px; margin-top: 40px; }
.main_ckgd a { color: #ffffff; background: url(../images/jt.png) no-repeat right 20px center; padding-right: 60px; transition: 0.3s ease all }
.main_ckgd a:hover { background: url(../images/jt.png) no-repeat right 0px center; }
.main_more { position: absolute; left: 0px; bottom: 120px; width: 100%; }
.main_more_er { position: absolute; left: 0px; bottom: 76px; width: 100%; }
.main_history::before { bottom: 120px; position: absolute; left: 0px; width: 100%; background: #ffffff; height: 1px; content: '' }
.huanxiang { width: 1200px; margin: 0 auto; position: relative; z-index: 3; clear: both; overflow: hidden; }
.huanxiang .arrow_left { position: absolute; left: 0px; bottom: 25px; width: 40px; height: 40px; background: url(../images/index_05.jpg) no-repeat left center; transform: rotate(180deg); z-index: 3; }
.huanxiang .arrow_right { position: absolute; right: 0px; bottom: 25px; width: 40px; height: 40px; background: url(../images/index_05.jpg) no-repeat left center; z-index: 3; }
.m_h_list { width: 1050px; margin: 0 auto; padding-top: 200px; overflow: hidden; padding-left: 50px; padding-right: 50px; }
.mh_l_t { font-size: 16px; color: #ffffff; padding-top: 28px; background: url(../images/index_11.png) no-repeat top center; text-align: center; display: inline-block; transition: 0.3s ease background,0.3s ease font-size; height: 25px; }
.m_h_list .cur .mh_l_t { font-size: 19px; background: url(../images/index_08.jpg) no-repeat top center; /* padding-top: 24px; */ font-weight: bold; }
.m_h_list li { position: relative; float: left; width: 160px; cursor: pointer; text-align: center; }
.mh_c { width: 190px; background: #ffffff; position: absolute; left: 69px; top: 0px; transform: translate3d(-50%,calc(-100% - 10px),0); border-radius: 10px; padding: 20px; font-size: 16px; line-height: 1.65; text-align: justify; visibility: hidden; opacity: 0; transition: 0.3s ease all; }
.mh_c::before { position: absolute; left: calc(50% - 11px); bottom: -8px; content: ""; width: 15px; height: 15px; background: #fff; display: inline-block; transform: rotate(45deg); }
.m_h_list .cur .mh_c { visibility: visible; opacity: 1; transform: translate3d(-50%,calc(-100% - 30px),0); }
.suoming { overflow: auto; max-height: 120px; }


.m_prolist { width: 100%; overflow: hidden; background: url(../images/index_10.jpg) no-repeat center; height: 888px; position: relative; }
.m_prolist_list { width: 100%; overflow: hidden; height: 111px; border-bottom: 1px solid #d7d7d7; }
.m_prolist_list ul { width: 1200px; justify-content: space-around; display: flex; margin: 0 auto; height: 100%; font-size: 16px; }
.m_prolist_list li { font-size: 16px; position: relative; height: 100%; line-height: 111px; width: 100%; text-align: center; }
.m_prolist_list li a { display: block; }
.m_prolist_list li.cur { font-size: 18px; font-weight: bold; }
.m_prolist_list li.cur::after { background: url(../images/lg.png) no-repeat bottom center; content: ""; width: 100%; height: 11px; position: absolute; bottom: 0px; left: 0px; }
.m_p_l { width: 100%; overflow: hidden; text-align: center; padding-top: 40px; }
.m_p_title p { font-size: 36px; color: #19a161; font-weight: bold; }
.m_p_title font { font-size: 26px; color: #333333; display: block; padding-top: 10px; }
.m_p_img { padding-top: 30px; }
.m_p_bottom { position: absolute; left: 0px; bottom: 50px; text-align: center; width: 100%; }
.m_p_bottom .more { width: 207px; height: 61px; overflow: hidden; display: inline-block; border: 1px solid #c1c1c1; line-height: 61px; position: relative; z-index: 1; transition: color ease 0.3s,border ease 0.3s; }
.m_p_bottom .more::after { position: absolute; left: 0px; top: 0px; display: block; content: ""; background: #19a161; width: 0px; height: 100%; transition: 0.3s ease width; z-index: -1; }
.m_p_bottom .more:hover::after { width: 100%; }
.m_p_bottom .more:hover { color: #fff; border: 1px solid #19a161; }
.m_p_bottom .zxxj { width: 207px; height: 61px; overflow: hidden; display: inline-block; border: 1px solid #19a161; line-height: 61px; color: #fff; margin-left: 55px; position: relative; z-index: 1; transition: color ease 0.3s,border ease 0.3s; }
.m_p_bottom .zxxj::after { position: absolute; right: 0px; top: 0px; display: block; content: ""; background: #19a161; width: 100%; height: 100%; transition: 0.3s ease width; z-index: -1; }
.m_p_bottom .zxxj:hover { border: 1px solid #19a161; color: #19a161; }
.m_p_bottom .zxxj:hover::after { width: 0px; }
.m_arrow { position: absolute; left: calc(50% - 600px); right: calc(50% - 600px); top: 500px; }
.m_arrow_left { position: absolute; left: 0px; top: 0px; background: url(../images/arrow1.png) no-repeat left center; width: 40px; height: 45px; }
.m_arrow_right { position: absolute; right: 0px; top: 0px; background: url(../images/arrow1.png) no-repeat left center; width: 40px; height: 45px; transform: rotate(180deg); }
.m_arrow_left:hover { background-image: url(../images/arrow2.png); transform: rotate(180deg); }
.m_arrow_right:hover { background-image: url(../images/arrow2.png); transform: rotate(0deg); }
.m_prolist_list-2 { width: 100%; overflow: hidden; }
.m_prolist_list-2 li { transform: scale(0.8); transition: 0.3s ease transform; }
.m_prolist_list-2 .swiper-slide-active { transform: scale(1); }
.m_prolist_list-2 li .m_p_title { display: none; }
.m_prolist_list-2 .swiper-slide-active .m_p_title { display: block; }
.m_case_a_title { text-align: center; padding-top: 60px; padding-bottom: 40px; }
.mc_2 { display: flex; width: 1200px; margin: 0 auto; justify-content: space-between; position: relative; z-index: 2; }
.m_c_1 { padding-bottom: 50px; }
.m_c_1 li { width: 190px; height: 67px; border: 1px solid #c7c7c7; display: inline-block; margin-right: 35px; line-height: 67px; text-align: center; font-size: 18px; color: #333333; font-weight: bold; transition: all 0.3s ease; }
.m_c_1 li:hover { background: #19a161; border: 1px solid #19a161; color: #fff; }
.m_c_1 li a { color: unset; display: block; }
.m_c_1 li.cur { background: #19a161; border: 1px solid #19a161; color: #fff; }
.zxig { width: 285px; height: 67px; border: 1px solid #c7c7c7; background: url(../images/jiao.png) no-repeat center right 20px; position: relative; display: none; z-index: 3; }
.zxig p { padding: 0px 20px; height: 67px; line-height: 67px; font-size: 16px; cursor: pointer; }
.zxig ul { position: absolute; left: -1px; top: 68px; width: 100%; display: none; }
.zxig li { line-height: 50px; border: 1px solid #c7c7c7; width: 265px; margin-top: -1px; padding-left: 20px; background: #fff; transition: all 0.3s ease; }
.zxig li:hover { background: #19a161; color: #fff; }
.zxig li a { color: unset; display: block; }
.zxig.cur { display: block; }
.mc_2_1 { width: 1200px; margin: 0 auto; overflow: hidden; }
.swiper_mc { padding-bottom: 100px; position: relative; overflow: hidden; }
.swiper_mc.cur { display: block !important; }
.swiper_mc p { width: 100%; text-align: center; font-size: 16px; padding-top: 20px; transition: color 0.5s ease; }
.swiper_mc a:hover p { color: #19a161; }
.swiper_mc .swiper_mc-pagination { position: absolute; left: 0px; text-align: center; width: 100%; bottom: 50px; }
.swiper_mc .swiper_mc-pagination .swiper-pagination-bullet { width: 11px; height: 11px; background: #202020; margin: 0 5px; }
.swiper_mc .swiper_mc-pagination .swiper-pagination-bullet-active { background: #19a161; }
.m_video { width: 100%; position: relative; background: url(../images/index_16.jpg) no-repeat center; height: 804px; overflow: hidden; }
.m_v_title { position: absolute; left: 0px; top: 50px; width: 100%; text-align: center; }
.m_v_title .a_title font { color: #ffffff; }
.m_v_title .a_title p { opacity: .5; }
.m_v_title .a_title font { z-index: 1; }
.m_video .hund { margin-top: 165px; overflow: hidden; text-align: center; width: 100%; display: block; }
.m_news { width: 100%; overflow: hidden; }
.m_news_mh { width: 1200px; margin: 0 auto; overflow: hidden; display: flex; justify-content: space-between; }
.m_news_mh_left { width: 600px; float: left; overflow: hidden; }
.m_news_mh_right { width: 580px; float: right; overflow: hidden; }
.m_n_1 { width: 100%; overflow: hidden; background: #19a161; box-sizing: border-box; height: 0px; transition: height 0.5s ease,padding 0.5s ease; }
.m_n_1_img { width: 184px; height: 118px; overflow: hidden; float: left; }
.m_n_1_right { float: right; width: 308px; }
.bioao font { color: #ffffff; font-size: 14px; opacity: 0.5; margin-top: 5px; display: block; }
.bioao p { font-size: 18px; line-height: 1.4; color: #ffffff; padding-top: 10px; }
.mors { color: rgba(255, 255, 255, .5); margin-top: 15px; }
.mors font { color: unset; background: url(../images/jt.png) no-repeat right center; padding-right: 40px; display: inline-block; }
.m_n_2 { width: 100%; overflow: hidden; line-height: 77px; border-bottom: 1px solid #e6e6e6; transition: height 0.5s ease; height: 77px; }
.m_n_2_font { float: left; overflow: hidden; width: 137px; color: #b0b0b0; text-align: center; }
.m_n_2_p { font-size: 17px; color: #666666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m_news_mh_left li.cur .m_n_1 { height: 178px; padding: 30px 40px; }
.m_news_mh_left li.cur .m_n_2 { height: 0px; }
.m_news_mh_right li { position: relative; }
.m_news_mh_right li img { vertical-align: bottom; }
.m_news_mh_right li div { position: absolute; left: 0px; bottom: 0px; padding: 40px; background: url(../images/yy.png) no-repeat bottom; width: calc(100% - 80px) }
.m_news_mh_right li div font { color: rgba(255, 255, 255, .5) }
.m_news_mh_right li div p { font-size: 18px; color: rgba(255, 255, 255, 1); line-height: 1.5; padding-top: 15px; }
.m_news { padding-bottom: 60px; overflow: hidden; }
.footer { width: 100%; overflow: hidden; position: relative; }
.footer_top { background: #202020; padding: 55px 0px; }
.footer_bottom { background: #171717; padding-top: 50px; padding-bottom: 50px; overflow: hidden; }
.foot_width { width: 1200px; margin: 0 auto; color: #8a8a8a; }
.footer_bottom p { float: right; overflow: hidden; }
.foot_width a { color: unset; transition: 0.3s ease all; }
.footer_top_4 { display: flex; /* width:420px; */ justify-content: space-between; margin-top: 30px; }
.footer_top_2 { font-size: 32px; color: #fff; }
.footer_top_3 { padding-top: 30px; }
.footer_top_3 li { color: rgba(255, 255, 255, .8); font-size: 14px; line-height: 2; background: url(../images/s2.png) no-repeat left center; padding-left: 22px; }
.footer_top_3 li:nth-child(2) { background-image: url(../images/s1.png); }
.f_t_4_right { margin-top: 10px; }

.footer_top .foot_width { display: grid; grid-template-columns: 460px 696px; justify-content: space-between; }
.foot_width_right { display: flex; justify-content: space-between; }
.foot_width_right li { color: rgba(255, 255, 255, .5); font-size: 14px; padding-bottom: 20px; transition: all ease 0.3s; }
.foot_width_right li font { display: inline-block; padding-bottom: 8px; font-size: 16px; color: #fff; }
.foot_width_right li:hover { color: #fff; }
.footer_bottom a:hover { color: #fff; }

.a-1 { width: 1200px; margin: 0 auto; overflow: hidden; background: #ffffff; padding-top: 130px; padding-bottom: 150px; text-align: center; }
.a-1 ul { display: grid; grid-template-columns: repeat(4,1fr); }
.a-1 ul font { font-size: 22px; color: #333333; display: inline-block; line-height: 1; padding-top: 30px; padding-bottom: 19px; }
.a-1 ul p { display: block; font-size: 14px; color: #666666; max-width: 200px; margin: 0 auto; line-height: 1.5; }

.piaofus { position: absolute; right: calc(50% - 600px); bottom: 138px; cursor: pointer; }









/*about*/
.about_banner { width: 100%; height: 441px; background: url(../images/about_02.jpg) no-repeat center; }
.about_main { width: 100%; overflow: hidden; }
.about_main_width { width: 1200px; margin: 0 auto; overflow: hidden; display: grid; grid-template-columns: auto 50%; padding-top: 50px; padding-bottom: 60px; gap: 50px; }
.a_m_l { padding-top: 30px; }
.a_m_l .a_about { padding-top: 0px; padding-bottom: 40px; }
.a_m_l1 { margin-top: 55px; height: 295px; overflow: auto; }
.a_m_content { overflow: hidden; font-size: 16px; line-height: 29px; color: #333333; margin-right: 20px; }
.a_m_r { overflow: hidden; position: relative; padding-top: 125px; }
.a_m_r img { vertical-align: bottom; }
.a_m_r_left { display: none; width: 130px; height: 65px; background: url(../images/arrow.png) no-repeat center #19a161; position: absolute; left: 0px; bottom: 0px; z-index: 3; }
.a_m_r_left:hover { background-color: #148e55; }
.a_m_r_right { display: none; width: 130px; height: 65px; background: url(../images/arrow.png) no-repeat center #19a161; position: absolute; left: 130px; bottom: 0px; transform: rotate(180deg); z-index: 3; }
.a_m_r_right:hover { background-color: #148e55; }


.about_main_2 { width: 100%; overflow: hidden; background: url(../images/about_08.jpg) no-repeat center; height: 406px; }
.about_main_3 { width: 1200px; margin: 0 auto; overflow: hidden; }

.about_main_4 ul { display: grid; grid-template-columns: repeat(4,1fr); padding-top: 90px; gap: 80px; }
.about_main_4 li div { height: 88px; border-bottom: 1px solid #fff; }
.about_main_4 li font { font-size: 27px; color: #ffffff; font-weight: bold; display: inline-block; padding-top: 30px; }
.about_main_4 li p { color: #fff; font-size: 16px; padding-top: 27px; line-height: 22px; }

.about_main_5 { width: 100%; overflow: hidden; background: url(../images/about_09.jpg) no-repeat center; height: 683px; }
.about_main_6 { width: 1200px; margin: 0 auto; height: 100%; }
.about_main_7 { text-align: center; font-size: 34px; font-weight: bold; color: #202020; margin-top: 59px; }
.about_main_7 font { display: inline-block; position: relative; z-index: 1; padding-right: 5px; }
.about_main_7 font::after { width: 15px; height: 15px; display: block; background: #19a161; position: absolute; right: 0px; top: 3px; content: ""; z-index: -1; }
.about_main_8 { text-align: center; font-size: 16px; color: #666666; padding-top: 10px; }
.about_main_9 { margin-top: 60px; position: relative; }
.about_main_9 > div { position: absolute; white-space: nowrap; }
.about_main_9 > div:hover { z-index: 3; }
.about_main_9 > div font { transition: 0.3s ease all; }
.about_main_9 > div font:hover { background: #19a161; color: #fff; opacity: 1 !important; cursor: pointer; }
.b1 font { height: 53px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 53px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); font-size: 16px; }
.b2 font { height: 50px; display: inline-block; padding-left: 35px; padding-right: 35px; line-height: 50px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); font-size: 16px; }
.b3 font { height: 43px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 43px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); }
.b4 font { height: 50px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 50px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); font-size: 16px; opacity: .5; }
.b5 font { height: 43px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 43px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); opacity: .5; }
.b6 font { height: 53px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 53px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); font-size: 16px; opacity: .5; }
.b7 font { height: 50px; display: inline-block; padding-left: 35px; padding-right: 35px; line-height: 50px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); font-size: 16px; opacity: .6; }
.b8 font { height: 43px; display: inline-block; padding-left: 20px; padding-right: 20px; line-height: 43px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); }
.b9 font { height: 53px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 53px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); font-size: 16px; opacity: .4; }
.b10 font { height: 50px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 50px; background: rgba(233,233,234, 1); border-radius: 50px; color: rgba(51,51,51,1); opacity: .8; }
.b11 font { height: 50px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 50px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); opacity: .5; }
.b12 font { height: 53px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 53px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); opacity: .6; }
.b13 font { height: 50px; display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 50px; background: rgba(233,233,234,1); border-radius: 50px; color: rgba(51,51,51,1); opacity: .5; }
.k1 { top: 20px; left: -10px; }
.k2 { left: 355px; top: 18px; }
.k3 { top: 0px; left: 897px; }
.k4 { top: 110px; left: 30px; }
.k5 { top: 100px; left: 420px; }
.k6 { top: 70px; left: 780px; }
.k7 { top: 183px; left: 0px; }
.k8 { top: 173px; left: 273px; }
.k9 { top: 195px; left: 473px; }
.k10 { top: 160px; left: 854px; }
.k11 { top: 260px; left: -38px; }
.k12 { top: 276px; left: 334px; }
.k13 { top: 240px; left: 940px; }

.suoxiao { animation-name: suoxiao }

@keyframes suoxiao {
    0% { transform: scale3d(1,1,1); opacity: 1; }
    100% { transform: scale3d(0,0,0); opacity: 0; }
}

.fangda { animation-name: fangda }

@keyframes fangda {
    0% { transform: scale3d(0,0,0); opacity: 0; }
    100% { transform: scale3d(1,1,1); opacity: 1; }
}


.about_history { width: 100%; height: 754px; background: url(../images/about_10.jpg) no-repeat center; overflow: hidden; }
.about_history .about_main_7 { margin-top: 80px }
.about_history .about_main_8 { text-transform: uppercase; color: #d0d0d0; font-size: 20px; }


.fzlc { width: 100%; overflow: hidden; min-height: 209px; padding-bottom: 20px; }
.fzlc .title { color: #19a161; font-size: 33px; font-weight: bold; }
.fzlc li { width: 100%; }
.fzlc .titles { z-index: -1; position: absolute; left: 0px; top: 30px; width: 100%; text-align: center; font-family: arial; font-size: 213px; font-weight: bold; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #d2d2d2; }
.fzlc .hdun { margin-top: 90px; }
.main_width { max-width: 1200px; margin: 0 auto; position: relative; height: 490px; z-index: 1; }
.fzlc .content { font-size: 16px; color: #333333; padding-top: 15px; }
.about_history .arrow { margin-top: 0px; position: relative; z-index: 3; }
.about_history .arrow_left { width: 52px; height: 52px; background: url(../images/arrow15.png) no-repeat center; display: inline-block; }
.about_history .arrow_right { width: 52px; height: 52px; background: url(../images/arrow15.png) no-repeat center; display: inline-block; margin-left: 30px; transform: rotate(180deg); }
.about_history .arrow_left:hover { background-image: url(../images/arrow16.png); transform: rotate(180deg); }
.about_history .arrow_right:hover { background-image: url(../images/arrow16.png); transform: rotate(0deg); }
.lists { position: absolute; left: 0px; bottom: 0px; }
.lists ul { position: relative; }
.lists li { font-size: 17px; height: 17px; color: #333333; position: absolute; left: 0px; top: 0px; transform: translate3d(1560px,-80px,0px); transition: font ease 0.5s; }
.lists li > div::before { width: 17px; height: 17px; padding-bottom: 10px; background: url(../images/dian1.png) no-repeat center; content: ""; display: block; margin: 0 auto; transition: .5s width ease,.5s height ease,.5s background ease; }
.lists li.cur { font-size: 22px; }
.lists li.cur > div::before { width: 36px; height: 36px; padding-bottom: 10px; background: url(../images/dian2.png) no-repeat center; content: ""; display: block; margin: 0 auto; }
.lists li.cur { animation: curanimate 0.5s linear forwards; }
.lists li.cur_prev { animation: prevanimate 0.5s linear forwards; }
.lists li.cur_next { animation: nextanimate 0.5s linear forwards; }
.lists li.cur_next2 { animation: next2animate 0.5s linear forwards; }
.history_img { position: absolute; right: 0px; bottom: -17px; z-index: 2; border-radius: 50%; overflow: hidden; width: 368px; height: 368px; }
.history_img img { width: 368px; height: 368px; }
.daof li { animation-direction: reverse !important; }
.tingdun li { animation-duration: 0s !important; }
.daof li.cur { animation: prevanimate 0.5s linear forwards; }
.daof li.cur_prev { animation: next2animate 0.5s linear forwards; }
.daof li.cur_next { animation: curanimate 0.5s linear forwards; }
.daof li.cur_next2 { animation: nextanimate 0.5s linear forwards; }

@keyframes curanimate {
    0% { transform: translate3d(570px,-125px,0px) }
    25% { transform: translate3d(470px,-158px,0px) }
    50% { transform: translate3d(345px,-180px,0px) }
    75% { transform: translate3d(170px,-165px,0px) }
    100% { transform: translate3d(70px,-136px,0px) }
}


@keyframes prevanimate {
    0% { transform: translate3d(70px,-136px,0px) }
    25% { transform: translate3d(-110px,-50px,0px) }
    50% { transform: translate3d(-200px,-35px,0px) }
    75% { transform: translate3d(-300px,-30px,0px) }
    100% { transform: translate3d(-400px,-40px,0px) }
}


@keyframes nextanimate {
    0% { transform: translate3d(990px,-115px,0px) }
    25% { }
    50% { transform: translate3d(750px,-90px,0px) }
    75% { transform: translate3d(650px,-103px,0px) }
    100% { transform: translate3d(570px,-125px,0px) }
}



@keyframes next2animate {
    0% { transform: translate3d(1560px,-80px,0px) }
    25% { }
    50% { transform: translate3d(1320px,-137px,0px) }
    90% { transform: translate3d(1210px,-145px,0px); }
    100% { transform: translate3d(990px,-115px,0px) }
}


.honor_list { padding-top: 45px; width: 100%; overflow: hidden; padding-bottom: 60px; }
.honor_list .title { position: relative; z-index: 1; text-align: center; }
.honor_list .list { overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 45px; }
.honor_list .list p { text-align: center; padding-top: 18px; color: #333333; }
.honor_list .list .honor_list-pagination { margin-top: 45px; text-align: center; }
.honor_list .list .swiper-pagination-bullet { margin: 0 5px; background: #202020; width: 11px; height: 11px; }
.honor_list .list .swiper-pagination-bullet-active { background: #19a161; width: 47px; border-radius: 5px; }

.gshj { background: #f6f6f6; overflow: hidden; }
.gshj .title { text-align: center; overflow: hidden; padding-top: 40px; padding-bottom: 70px; position: relative; z-index: 1; }
.gshj .content { position: relative; margin: 0 auto; width: 1200px; overflow: hidden; margin-bottom: 76px; }
.gshj .list li { position: relative; }
.gshj .list li div { height: 60px; padding-top: 114px; background: url(../images/dn1.png) no-repeat center; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 3; font-size: 20px; color: #fff; }
.gshj .list li img { vertical-align: bottom; }
.gshj .list li font { padding-left: 45px; display: inline-block; }
.gshj .wenzhong { position: absolute; right: 0px; bottom: 0px; width: 590px; height: 100px; background: #f6f6f6; overflow: hidden; z-index: 3; }
.gshj .wenzhong .neigrong { width: 490px; margin: 0 auto; margin-top: 12px; overflow: hidden; }
.gshj .wenzhong .neigrong img { border: 2px solid rgba(25,161,97,0); }
.gshj .wenzhong .neigrong .swiper-slide-thumb-active img { border: 2px solid rgba(25,161,97,1); }
.gshj .wenzhong .prevarrow .swiper-kl-prev { position: absolute; left: 20px; top: 30px; background: url(../images/zuo1.png) no-repeat center; display: inline-block; width: 10px; height: 18px; }
.gshj .wenzhong .prevarrow .swiper-kl-next { position: absolute; right: 20px; top: 30px; background: url(../images/zuo1.png) no-repeat center; transform: rotate(180deg); display: inline-block; width: 10px; height: 18px; }
.gshj .wenzhong .prevarrow .swiper-kl-prev:hover { background-image: url(../images/zuo2.png); transform: rotate(180deg); }
.gshj .wenzhong .prevarrow .swiper-kl-next:hover { background-image: url(../images/zuo2.png); transform: rotate(0deg); }
.prevarrow { position: relative; }


/*end about*/
.probanner { background: url(../images/prolist1.jpg) no-repeat center; height: 350px; }
.kuan { width: 1200px; margin: 0 auto; }
.erjilmu { position: relative; }
.shuim { position: absolute; left: 0px; top: -33px; width: 100%; }


.fenlei { width: 284px; height: 66px; position: relative; z-index: 3; background: #fff; cursor: pointer; float: left; }
.fenlei p { color: #333333; font-size: 16px; line-height: 66px; padding-left: 32px; margin-right: 32px; position: relative; }
.fenlei p::after { content: ""; background: url(../images/jiao1.png) no-repeat right center; display: block; position: absolute; right: 0px; top: 0px; height: 100%; width: 16px; transition: 0.3s ease transform; }
.fenlei:hover p::after { transform: rotate(180deg); }
.fenlei ul { position: absolute; left: 0px; top: 66px; width: 100%; display: none; }
.fenlei li { padding-left: 32px; padding-right: 32px; overflow: hidden; line-height: 48px; background: #fff; }
.fenlei li:before { border-top: 1px dashed #ccc; display: block; content: ""; }
.erjilm2 { margin-left: 20px; }


.search { float: right; width: 443px; height: 66px; background: #fff; position: relative; z-index: 3; }
.search_text { width: 373px; height: 66px; float: left; }
.search_text input { height: 100%; padding-left: 23px; width: 350px; border: 0px; }
.search_submit { width: 70px; float: left; height: 66px; }
.search_submit input { width: 100%; height: 100%; border: 0px; background: url(../images/search.png) no-repeat center; cursor: pointer; }
.search_text input::placeholder { color: #b6b6b6; }
.prolist { background: #f6f6f6; overflow: hidden; width: 100%; }
.prolist .list { width: 1200px; margin: 0 auto; margin-top: 70px; }
.prolist .list ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.prolist .list li { padding: 20px; background: #ffffff; text-align: center; padding-top: 50px; padding-bottom: 25px; }
.prolist .list li .title { padding-top: 25px; font-size: 20px; color: #333333; }
.prolist .list li .more { color: #19a161; margin-top: 25px; }
.prolist .list li .more::after { width: 21px; height: 6px; background: url(../images/arrow_next.png) no-repeat center; content: ""; display: inline-block; margin-left: 10px; margin-bottom: 3px; }
.prolist .list li a:hover .title { color: #19a161; }


.tequan li { display: inline-block; width: 217px; height: 66px; background: #ffffff; font-size: 16px; color: #333333; text-align: center; line-height: 66px; }
.tequan li.cur, .tequan li:hover { background: #19a161; color: #fff; }
.tequan li { margin-left: 15px; position: relative; }
.tequan li a { color: unset; }
.tequan li ul { position: absolute; left: 0px; top: 66px; display: none; }
.tequan li ul li { margin-left: 0px; }
.tequan li:hover ul { display: block; }
.tequan li ul li.cur, .tequan li ul li:hover { background: rgba(25, 161, 97, .9); color: #fff; }

.newslist { background: #f6f6f6; overflow: hidden; width: 100%; }
.newslist .list { width: 1200px; margin: 0 auto; margin-top: 67px; }
.newslist .list li { overflow: hidden; background: #fff; padding: 50px; margin-bottom: 20px; }
.newslist .list li .time { float: right; padding-top: 20px; padding-right: 40px; }
.newslist .list li .time font { color: rgba(51, 51, 51, .5); font-size: 40px; }
.newslist .list li .time p { text-align: center; color: rgba(51, 51, 51, .5); }
.newslist .list li .title { color: #333333; font-weight: bold; font-size: 23px; white-space: nowrap; padding-right: 100px; overflow: hidden; text-overflow: ellipsis; }
.newslist .list li .content { color: #666666; padding-top: 20px; }
.newslist .list li .more { margin-top: 20px; color: rgba(51, 51, 51, .5); background: url(../images/st1.png) no-repeat center right; display: inline-block; padding-right: 40px; }


#PageContent { text-align: center; margin-top: 39px; padding-bottom: 70px; }
#PageContent span { display: inline-block; border: 1px solid #ebf0f4; color: #4e6173; font-size: 16px; margin: 0px 10px; border-radius: 50px; background: #ebf0f4; width: 49px; height: 49px; line-height: 49px; }
#PageContent a { display: inline-block; border: 1px solid #ebf0f4; color: #4e6173; font-size: 16px; margin: 0px 10px; border-radius: 50px; background: #ebf0f4; width: 49px; height: 49px; line-height: 49px; }
#PageContent .Ahover { background: #19a161; color: #fff; border: 1px solid #19a161; }
#PageContent a:hover { background: #19a161; color: #fff; border: 1px solid #19a161 }
.pren { font-family: simsun; }
#PageContent span.disabled, #PageContent span.hunp { border: 1px solid #ebf0f4; width: 49px; height: 49px; line-height: 49px; color: #4e6173; display: inline-block; /* box-sizing: border-box; */ }


.fliban { width: 100%; overflow: hidden; }
.main_widths { width: 1200px; margin: 0 auto; }
.toubu { text-align: center; overflow: hidden; padding-top: 43px; }
.toubu .title font { font-size: 24px; color: #19a161; font-weight: bold; }
.toubu .title p { font-size: 24px; color: #333333; font-weight: bold; padding-top: 5px; }
.toubu .imgs { padding-top: 30px; /* padding-bottom:90px; */ }
.toubu .imgs .main_banner_1 { padding-bottom: 90px; }
.toubu .imgs .main_banner_1 .main_banner_1-pagination { bottom: 45px; }

.cpxq { width: 100%; overflow: hidden; background: url(../images/proshow.png) no-repeat center; height: 78px; margin-bottom: 50px; }
.content_pro { font-size: 14px; color: #333333; line-height: 31px; padding-bottom: 260px; overflow: hidden; }
.dibu { padding-bottom: 60px; overflow: hidden; width: 100%; }

.stxt { height: 88px; overflow: hidden; width: 1200px; margin: 0 auto; margin-bottom: 70px; background: #19a161; position: relative; }
.syye { float: left; overflow: hidden; position: relative; z-index: 2; line-height: 88px; padding-left: 30px; padding-right: 30px; }
.xyye { float: right; overflow: hidden; position: relative; z-index: 2; line-height: 88px; padding-left: 30px; padding-right: 30px; }
.close { position: absolute; text-align: center; width: 100%; line-height: 88px; display: none; }
.syye a { color: #fff; }
.xyye a { color: #fff; }
.close a { color: #333; }


.qbwc { width: 100%; overflow: hidden; text-align: center; padding-bottom: 60px; }
.cpsp { width: 166px; height: 47px; display: inline-block; background: #333333; border-radius: 30px; line-height: 47px; text-align: left; margin-right: 25px; }
.cpsp a { color: #fff; background: url(../images/video.png) no-repeat left 35px center; display: block; padding-left: 70px; }
.dcpx { width: 166px; height: 47px; display: inline-block; background: #19a161; border-radius: 30px; line-height: 47px; text-align: left; }
.dcpx a { color: #fff; background: url(../images/121.png) no-repeat left 43px center; display: block; padding-left: 70px; }
.fhsyy { width: 145px; height: 45px; border: 1px solid #b8b8b8; border-radius: 30px; line-height: 45px; display: inline-block; margin-left: 25px; }
.iframe iframe { height: 540px; }

.fback {width: 100%;overflow: hidden;/* height: 454px; */background: #f6f6f6;}
.hmin {position: relative;/* padding: .2rem; */}
.hmin_s {/* position: absolute; *//* left: 0px; *//* top: -267px; */width: 100%;background: #f6f6f6;padding: 0.4rem 0;}
.him_w { overflow: hidden; width: 1200px; height: 625px; background: #ffffff; margin: 0 auto; }
.him_left { width: 50%; float: left; overflow: hidden; }
.him_right { width: 50%; float: right; overflow: hidden; background: url(../images/wur_03.jpg) no-repeat center right; height: 625px; }
.him_left .content { padding: 40px; }
.him_left .content .title { width: 100%; overflow: hidden; margin-bottom: 36px; }
.him_left .content .title font { color: #333333; font-size: 26px; }
.him_left .content .title p { color: #cfcfcf; font-size: 12px; text-transform: uppercase; }
.him_left .content .inputs { width: 100%; overflow: hidden; height: 60px; background: #f6f6f6; margin-bottom: 20px; }
.him_left .content .inputs input { height: 100%; overflow: hidden; width: calc(100% - 80px); border: 0px; padding-left: 60px; background: url(../images/ren.png) no-repeat left 30px center; }
.him_left .content .inputs textarea { border: 0px; background: none; padding-left: 60px; background: url(../images/ren4.png) no-repeat left 30px top 20px; width: calc(100% - 80px); height: calc(100% - 40px); padding-top: 20px; }
.him_left .content .ly2 input { background: url(../images/ren2.png) no-repeat left 30px center; }
.him_left .content .ly3 input { background: url(../images/ren3.png) no-repeat left 30px center; }
.him_left .content .ly4 { height: 140px; }
.him_left .content .submit input { width: 512px; height: 60px; background: #19a161; color: #fff; border: 0px; font-size: 16px; cursor: pointer; }
.him_right .title font { color: #ffffff; font-size: 26px; }
.him_right .title { padding-top: 40px; padding-left: 45px; }
.him_right .title p { color: rgba(255, 255, 255, .5); font-size: 12px; text-transform: uppercase; }
.him_right .box { padding-left: 45px; padding-top: 70px; }
.him_right .box .item1 { font-size: 20px; color: #fff; line-height: 1; }
.him_right .box .item2 { padding-top: 50px; }
.him_right .box .item2 font { color: #ffffff; font-size: 16px; }
.him_right .box .item2 p { color: rgba(255, 255, 255, .5); padding-top: 10px; }
.him_right .box .item2 a { color: unset; }
.news2 { background-image: url(../images/news1.jpg); }
.service { background-image: url(../images/fw.jpg); }
.shfw { width: 100%; overflow: hidden; padding-top: 100px; background: url(../images/sj.jpg) no-repeat center #f6f6f6; min-height: 859px; background-size: 100% 100%; }
.s_width { width: 1200px; margin: 0 auto; }
.shfw_left { float: left; width: 50%; padding-top: 65px; padding-bottom: 65px; }
.shfw_right { float: right; width: 50%; overflow: hidden; }
.shfw_right .box { border-top: 1px solid #dfdfdf; padding-top: 40px; overflow: hidden; padding-bottom: 100px; }
.shfw_right .title { margin-left: 30px; font-size: 24px; color: #19a161; font-weight: bold; padding-left: 29px; background: url(../images/dian3.png) no-repeat left center; display: inline-block; }
.shfw_right .content { margin-left: 30px; color: #333333; font-size: 15px; line-height: 33px; margin-top: 20px; margin-bottom: 40px; }

.about { line-height: 26px; overflow: hidden; width: 1160px; margin: 0 auto; padding: 20px; padding-top: 50px; padding-bottom: 50px; }

.newsshow { padding: 0px 15px; margin-top: 20px; }
.newstitel { font-size: 22px; line-height: 25px; padding: 15px 10px 10px 10px; text-align: center; font-weight: bold; }
.newsdate { text-align: center; color: #666; }
.newsshow .bshare-custom { text-align: center }
.newsshowcon { margin-top: 10px; line-height: 2em; font-size: 14px; min-height: 300px; }
.nmain_widths { width: 1200px; margin: 0 auto; padding-top: 70px; padding-bottom: 70px; overflow: hidden; }
.ns_pn { margin-bottom: 10px; margin-top: 10px; font-size: 14px; line-height: 24px; }



.fd_pro_tb { width: 95%; margin: 0 auto; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; margin-bottom: 20px; }
.fd_pro_tb th, .fd_pro_tb td { border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
.fd_pro_tb th { background: #F5F5F5; height: 40px; line-height: 40px; font-weight: normal; }
.fd_pro_tb td { text-align: center; padding: 10px 0; }
.fd_pro_tb td input { border: 1px solid #E8E8E8; width: 80px; padding: 0 10px; height: 22px; line-height: 22px; text-align: right; }
.fd_pro_tb .del { color: #F00; cursor: pointer; }
.jn_box { clear: both; padding-bottom: 20px; overflow: hidden; width: 520px; margin: 0px auto; }
.jn_lt { float: left; width: 100px; padding: 0 5px 0 0; line-height: 30px; text-align: right; font-size: 14px; font-weight: bold; }

.jn_rt { float: left; width: 360px; }
.jn_box .txt { width: 325px; height: 28px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_box input:focus { border: 1px solid #19a161; }
.jn_box textarea:focus { border: 1px solid #19a161; }
.jn_box .cod { width: 70px; height: 28px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 15px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_box .txtarea { width: 325px; height: 120px; padding: 10px; font-size: 13px; border: 1px solid #DBDBDB; border-radius: 3px; outline: none; }
.jn_box .btn { width: 95px; height: 32px; text-align: center; line-height: 30px; border: 0px; background: #666; color: #FFF; font-size: 15px; font-weight: bold; border-radius: 3px; cursor: pointer; }
.jn_box .btn:hover { background: #19a161 }
.caselist { background: #f6f6f6; overflow: hidden; width: 100%; }
.caselist .list { width: 1200px; margin: 0 auto; margin-top: 70px; }
.caselist .list ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.caselist .list li { padding: 20px; background: #ffffff; text-align: center; padding-top: 50px; padding-bottom: 25px; }
.caselist .list li .title { padding-top: 25px; font-size: 16px; color: #333333; }
.caselist .list li .more { color: #19a161; margin-top: 25px; }
.caselist .list li .more::after { width: 21px; height: 6px; background: url(../images/arrow_next.png) no-repeat center; content: ""; display: inline-block; margin-left: 10px; margin-bottom: 3px; }
.caselist .list li a:hover .title { color: #19a161; }


.honorshowimg { text-align: center; overflow: hidden; padding-top: 30px; padding-bottom: 30px; }
.about_s { width: 100%; overflow: hidden; height: 807px; background: url(../images/about_01.jpg) no-repeat; }



.rep_boxA { width: 100%; margin: 0 auto; padding: 20px 0 50px 0; }
.rep_boxA .remark { padding: 0 0 35px 0; border-bottom: 1px solid #E9E9E9; }
.rep_boxA .box_1 { padding-top: 35px; display: flex; justify-content: space-between; }
.rep_boxA .box_1 div { width: calc(50% - 20px); }
.rep_boxA .box_1 div:nth-child(2n) { margin-right: 0; }
.rep_boxA .box_1 .p_1 { font-size: 16px; }
.rep_boxA .box_1 .sel { width: calc(100% - 2px); height: 50px; border: 1px solid #E0E0E0; margin-top: 17px; position: relative; }
.rep_boxA .box_1 .sel p { height: 50px; line-height: 50px; padding: 0 25px; cursor: pointer; position: relative; }
.rep_boxA .box_1 .sel p:after { content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg); }
.rep_boxA .box_1 .sel ul { display: none; width: 100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2; }
.rep_boxA .box_1 .sel li { padding-left: 25px; height: 40px; line-height: 40px; overflow: hidden; }
.rep_boxA .box_1 .sel li:hover { background-color: #19a161; color: #FFF; }
.rep_boxA .box_2 { clear: both; padding-top: 35px; }
.rep_boxA .box_2 .p_1 { font-size: 16px; }
.rep_boxA .box_2 ul { padding-top: 15px; overflow: hidden; }
.rep_boxA .box_2 li { float: left; width: calc(33.33% - 14px); height: 48px; line-height: 48px; text-align: center; margin: 0 20px 20px 0; background-color: #E3E3E3; cursor: pointer; }
.rep_boxA .box_2 li:nth-child(3n) { margin-right: 0; }
.rep_boxA .box_2 li.on { background-color: #19a161; color: #FFF; }
.rep_boxA .box_3 { clear: both; padding-top: 15px; overflow: hidden; }
.rep_boxA .box_3 .p_1 { font-size: 16px; padding-bottom: 25px; }
.rep_boxA .box_3 .box { float: left; width: calc(50% - 20px); margin: 0 40px 28px 0; }
.rep_boxA .box_3 .box:nth-child(2n+1) { margin-right: 0; }
.rep_boxA .box_3 .box input { width: calc(100% - 70px); border: 1px solid #E0E0E0; height: 20px; padding: 15px 25px; color: #666; display: inline-block; font-size: 14px; background: none; outline: none; }
.rep_boxA .box_3 .box input:focus { border-color: #19a161; }
.rep_boxA .box_3 .box span { color: #d10000; width: 18px; text-align: right; display: inline-block; }
.rep_boxA .box_3 .box .sel { display: inline-block; width: calc(100% - 20px); border: 1px solid #E0E0E0; height: 50px; color: #666; position: relative; }
.rep_boxA .box_3 .box .sel p { color: #999; height: 50px; line-height: 50px; padding: 0 25px; cursor: pointer; position: relative; }
.rep_boxA .box_3 .box .sel p:after { content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg); }
.rep_boxA .box_3 .box .sel ul { display: none; width: 100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2; }
.rep_boxA .box_3 .box .sel li { padding-left: 25px; height: 40px; line-height: 40px; overflow: hidden; }
.rep_boxA .box_3 .box .sel li:hover { background-color: #19a161; color: #FFF; }
.rep_boxA .box_3 .area { width: calc(100% - 70px); height: 250px; padding: 15px 25px; border: 1px solid #E0E0E0; color: #666; font-size: 14px; margin-bottom: 28px; background: none; outline: none; }
.rep_boxA .box_3 .area:focus { border-color: #19a161; }
.rep_boxA .box_3 .codebox { overflow: hidden; }
.rep_boxA .box_3 .codebox .code { float: left; width: calc(31.7% - 50px); height: 30px; padding: 17px 25px; border: 1px solid #E0E0E0; display: flex; justify-content: space-between; }
.rep_boxA .box_3 .codebox .code input { width: 80%; height: 100%; border: 0; background: none; outline: none; }
.rep_boxA .box_3 .codebox span { float: left; margin-top: 23px; color: #d10000; width: 18px; text-align: right; }
.rep_boxA .box_3 .btnbox { float: right; padding-right: 18px; width: 57%; display: flex; justify-content: space-between; }
.rep_boxA .box_3 .btnbox input { display: inline-block; width: calc(50% - 17px); height: 70px; line-height: 70px; font-size: 18px; color: #FFF; font-weight: bold; text-align: center; background-color: #B3B3B3; border: 0; cursor: pointer; }
.rep_boxA .box_3 .btnbox input:first-child { background-color: #19a161; }


.banner_1_left { background: url(../images/arrow15.png) no-repeat center; width: 52px; height: 52px; position: absolute; left: 0px; top: calc(50% - 116px); z-index: 3; }
.banner_1_left:hover { background: url(../images/arrow16.png) no-repeat center; transform: rotate(180deg); }

.banner_1_right { background: url(../images/arrow15.png) no-repeat center; transform: rotate(180deg); width: 52px; height: 52px; position: absolute; right: 0px; top: calc(50% - 116px); z-index: 3; }
.banner_1_right:hover { background: url(../images/arrow16.png) no-repeat center; transform: rotate(0deg); }