body { font-family: "Noto Sans SC",'Microsoft YaHei', "Open Sans", sans-serif; font-size: 14px; color: #393939; background: #F5F5F5; transition: all 0s }
/*1512,1002,12*/
input,
select,
textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; }
.drop { transition: all 0s; }
input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
.img:hover img { transform: scale(1.05) }
h3 { font-weight: 500; }
textarea { -webkit-appearance: none; }
* { box-sizing: border-box; }
.flex_center { align-items: center; display: flex; }
:root { --box_show: 0 0 5px rgba(0,0,0,0.1) }
.wrap { max-width: 1300px; width: 96%; margin: 0 auto; position: relative; }
.wrap2, /* { max-width: 878px; margin: 0 auto; width: 90%; }*/
.wrap3 { max-width: 1100px; margin: 0 auto; width: 90%; }
.wrap4 { max-width: 1002px; width: 95%; margin: 0 auto; }
.wrap5 { max-width: 900px; width: 95%; margin: 0 auto; }
a,
a:link { text-decoration: none; color: #393939; }

@media only screen and (min-width: 750px) {
    a:hover { color: #FF6200 }
}

.on > a { color: #FF6200; }
.header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); height: 80px; z-index: 120 }
.header:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #FF6200; content: ''; }
.header .flex { position: relative; }
.header .logo { position: absolute; left: 3vw; }
.header .logo a { display: flex; align-items: center; height: 80px }
.img_logo { height: 50px }
.logo_txt { height: 40px; margin-left: 28px; display: none !important }
.h_rt { position: absolute; right: 3vw; display: flex; align-items: center; height: 100%; line-height: 20px; }
.tel, .yy { padding-right: 20px; margin-right: 20px; border-right: 1px solid rgba(0,0,0,0.2) }
.tel a { font-size: 16px; color: #9B9B9B; display: block; padding-left: 30px; background: url(../img/tel.svg) no-repeat left center; line-height: 30px; margin: -5px 0; font-weight: 700 }
.main_body { height: calc( 100vh - 80px); overflow-y: auto; -webkit-overflow-scrolling: touch; margin-top: 80px; box-sizing: border-box; }
.viewer-close1 { width: 100%; height: 100%; background: none; z-index: 9 }
.viewer-close { z-index: 1000; }
.viewer-canvas { z-index: 10 }
.yy { padding-left: 28px; background: url(../img/icon1.svg) no-repeat left center; font-size: 16px; color: #9B9B9B; cursor: pointer; }
.yy a { color: #9B9B9B }
.rc { padding-left: 28px; background: url(../img/icon_join-2.png) no-repeat left center; background-size: 18px auto; font-size: 16px; color: #9B9B9B; cursor: pointer; }
.rc a { color: #9B9B9B }
.menu { width: 100vw; height: 80px; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0; padding-left: 240px; padding-right: 400px; }
.menu > ul > li { display: inline-block; vertical-align: middle; line-height: 80px; font-size: 16px; margin: 0 20px }
.menu .h3 { height: 30px; cursor: pointer; overflow: hidden; line-height: 30px; display: flex; flex-direction: column; }
.menu .h3 span { color: #FF6200 }
.menu > ul > li > a { display: block; }
.menu > ul > li:hover > a { color: #213E2B }
.menu .drop { position: fixed; top: 80px; left: 0; width: 100%; padding: 30px 0; background: #fff url(../img/bg1.png) no-repeat left bottom; box-shadow: var(--box_show); line-height: 35px; text-align: left; display: none; z-index: 103 }
.menu .drop .h3, .menu .drop h3 { font-size: 23px; text-decoration: underline; margin-bottom: 20px; }
.menu .drop ul li { float: left; min-width: 120px; margin-right: 20px; color: #000; opacity: .6 }
.menu .drop ul li a { }
.menu .drop ul li a:hover { }
.menu .drop ul li:hover { }
.menu .drop ul li:nth-child(2n+1) { clear: both; }
.menu .drop .img { border-radius: 10px; overflow: hidden; width: 268px; }

.modals { display: none }
.modal_pc span { cursor: pointer; display: block; width: 30px; height: 30px; background: url(../img/icon4-1.png) no-repeat center center }
.modal_pc span.on { background-image: url(../img/icon3-1.png) }
.wow { transition: all 0s; opacity: 0; }
.animated { }
.banner { height: 69vh; position: relative; }
.banner .img { display: flex; align-items: center; text-align: left; height: 85vh; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.swiper1 .swiper-pagination { top: 71vh; max-width: 1300px; width: 96%; left: 0; margin: 0 auto; text-align: right; right: 0; display: flex; align-items: center; justify-content: flex-end; height: 10px; }
.swiper-pagination-bullet { background: #FF6200; opacity: .5; width: 5px; height: 5px; }
.swiper-pagination-bullet-active { background: #FF6200; width: 7px; height: 7px; opacity: 1; }
.page { z-index: 10; position: relative; }
.page_tag { margin-bottom: 10px; }
.page_tag ul { display: flex; align-items: center }
.page_tag ul a { font-size: 18px; display: inline-block; border-bottom: 3px solid transparent; line-height: 1.8; margin: 0 10px; white-space: nowrap; font-weight: 500 }
.page_tag_fff.page_tag ul a { color: #fff; }
.page_tag ul li:first-child a { margin-left: 0 }
.page_tag ul li { margin-right: 10px; }
.page_tag ul li.on a { border-bottom-color: #FF6200; }
.page_tag ul li.on a, .page_tag ul a:hover { color: #FF6200 }
.page1_list li { width: 33.3%; float: left; }

.page_tag .line { width: 1px; min-width: 1px; max-width: 1px; height: 19px; background: #DEDEE0 }
.page1_list li:nth-child(3n+1) { clear: both; }
.page1_list .box { display: block; margin: 5px; border-radius: 10px; overflow: hidden; padding: 0 !important }
.page1_list ul { margin: -5px }
.page1_list .img { position: relative; height: 238px; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width:1350px) {
    .menu { padding-left: 200px; }
    .menu > ul > li { margin: 0 10px; }
}

@media screen and (min-width:2400px) {
    /*.page1_list .img{height: 400px;}*/
    .page_new_list li a { height: 430px !important; }
}

.page1_list .img img { min-height: 100%; min-width: 100%; }
.page1_list .img p { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 50px; padding: 0 15px; font-size: 20px; color: #fff; z-index: 3 }
.page1_list .img:after { content: ''; display: block; position: absolute; width: 100%; left: 0; height: 90px; background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.8)); bottom: 0; z-index: 2 }
.page1_list .text { padding: 15px; background: #fff; }
.page1_list .text h3 { font-size: 20px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; font-weight: 700 }
.page1_list .text p { font-size: 16px; color: #393939; display: flex; margin-bottom: 15px; white-space: nowrap; min-height: 16px; }
.page1_list .text p span { opacity: .8; margin-left: 5px; padding-left: 5px; border-left: 1px solid rgba(0,0,0,0.2); }
.page1_list_index .text p span { display: none; }
.page1_list_index .text p span:not(:nth-child(3)) { display: block; }
.page1_list .text p span:first-child { margin-left: 0; padding-left: 0; border-left: 0; }
.lbls { display: flex; flex-wrap: wrap; margin: -4px; min-height: 29px; }
.lbls label { display: block; padding: 0 8px; white-space: nowrap; line-height: 21px; font-size: 14px; color: #FF6200; background: rgba(0,0,0,0.05); border-radius: 5px; margin: 4px; }
.more_btn { margin-top: 10px; line-height: 45px; text-align: center; margin-bottom: 10px; }
.more_btn a { display: block; background: rgba(255,255,255,0.7); color: #666; font-size: 16px; border-radius: 10px; cursor: pointer; font-size: 20px; color: #FF6200 }
.more_btn a:hover { background: #fff; }
.page_tit h3 { text-align: center; font-size: 23px; }
.page_tit h3.fs28 { font-size: 28px; }
.page_tit.left h3 { text-align: left; }
.page_tit.left h3:after { margin-left: 0 }
.page_tit h3:after { content: ''; display: block; margin: 0 auto; margin-top: 10px; width: 90px; height: 4px; background: #FF6200; }
.page_tit h3 span { color: #FF6200; display: inline-block; margin-left: 10px; }
.page_tit { margin-bottom: 15px; margin-top: 20px }
.swiper-container { overflow: hidden; position: relative; }
.news_list { display: flex; }
.news_list .item { position: relative; border-radius: 10px; overflow: hidden; /*width: 33.33%; float: left; */ }
.news_list .item .img { display: block; position: relative; height: 280px; display: flex; align-items: center; justify-content: center; }
.news_list .item .img img { width: 100%; }
.news_list .item:first-child { margin-left: 0 }
.news_list .item .txt { position: absolute; bottom: 20px; left: 20px; z-index: 2; color: #fff; font-size: 18px; right: 20px; }
.news_list .item h3 { font-size: 16px; color: #FF6200; margin-bottom: 10px; }
.news_list .item .img:after { content: ''; display: block; position: absolute; height: 50%; left: 0; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); width: 100%; z-index: 1; bottom: 0; }

.page_about { position: relative; border-radius: 10px; background: #fff; overflow: hidden; }

.page_about .bottom { font-size: 20px; height: 72px; line-height: 72px; padding: 0 50px; }
.page_about .bottom span { font-size: 20px; }
.page_about .top { display: flex; align-items: center; padding: 0 50px; color: #fff; height: 257px; background: url(../img/bg2.jpg) no-repeat center center; background-size: cover }
.page_about .top { }
.img_pos { position: absolute; bottom: 71px; right: 50px; }
.map_select { line-height: 35px; padding: 0 15px; background: #fff; position: absolute; top: 10px; right: 10px; border-radius: 35px; }
.map_select select { border: 0; height: 35px; background: none; }
.about_list ul { display: flex; margin-right: 50px; font-size: 16px; }
.about_list ul li { margin-left: 20px; font-size: 20px; }
.about_list ul li img { height: 60px }
.about_list ul li:first-child { margin-left: 0 }
.about_list span { font-size: 45px; color: #FF6200; display: flex; align-items: flex-start; margin-bottom: 15px; font-weight: 500; }
.about_list span label { font-size: 20px; }
.footer { padding-top: 35px; margin-top: 50px; background: #fff; border-bottom: 2px solid #FF6200 }
.f_logo img { display: block; margin-bottom: 30px; }
.f_menu { flex: 1; display: flex; }
.f_menu h3 { font-size: 16px; margin-bottom: 10px; line-height: 30px; border-bottom: 1px solid transparent; cursor: pointer; }
.f_menu h3 a { opacity: 1; color: #393939 }
.f_menu h3:hover { border-bottom-color: rgba(0,0,0,0.5) }
.f_menu .item { margin: 0 40px; white-space: nowrap; }
.f_menu .item:first-child { margin-left: 0 }
.f_menu a { display: block; line-height: 25px; opacity: .5 }
.f_menu a:hover { opacity: 1; }
.foot { margin-top: 20px; display: flex; border-top: 1px solid rgba(0,0,0,0.1); height: 50px; align-items: center; color: #B3B3B3 }
.foot a { color: #B3B3B3; display: flex; align-items: center; }
.foot a:after { content: ''; display: block; width: 1px; height: 10px; background: #B3B3B3; margin: 0 10px; }
.foot a:last-child:after { display: none; }
.foot .text { flex: 1; text-align: center; }
.f_rt .tit { border-bottom: 1px solid #EAEAEA; text-align: right; padding-bottom: 15px; margin-bottom: 15px; }
.f_rt .tit .flex { justify-content: flex-end }
.rc { margin-left: 20px }
.rc a, .f_rt .tit .tel a, .f_rt .tit .yy { color: #393939; font-size: 18px; }
.f_rt .tit a:hover { color: #FF6200 !important }
.f_rt .tit .yy a { color: #393939 }
.f_rt .tit .yy { padding-right: 0; border-right: 0; margin-right: 0 }
.f_rt .tit p { margin-top: 10px; color: #9B9B9B }
.f_rt .tel { border-right: 0 }
.ewms { display: flex; justify-content: flex-end }
.ewms .ewm { text-align: center; margin-right: 25px; }
.ewms .ewm:last-child { margin-right: 0 }
.ewms .img { width: 102px; margin-bottom: 10px; }

.wap_logo { display: none; }
.wap_footer, .banner img { display: none }

.main_banner .img { height: 620px; background-position: top center; background-repeat: no-repeat; position: relative; background-size: cover }
.main_banner .img { height: 300px; min-height: calc(100vw * 670 / 3840) }
.main_banner .img:after { position: absolute; height: 160px; content: ''; display: block; left: 0; bottom: -1px; background: url(../img/bg3.png) repeat-x center center; background-size: auto 100%; width: 100%; }
.main_banner.m_news .img:after { height: 120px; }
.main_banner.wap_hide1 { height: 267px; }
.main_banner.wap_hide1 .img { height: 335px; }
.main_banner.wap_hide .img:after { background-image: url(../img/bg3-5.png); height: 156px; }
.color2 .main_banner.wap_hide .img:after { background-image: url(../img/bg3-6.png) }
.main_banner.m_news .img:after { background-image: url(../img/bg3-2.png) }

/*.main_banner .img:before { position: absolute; height: 226px; content: ''; display: block; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(33, 62, 43, 0.00) 0%, rgba(33, 62, 43, 0.80) 33.89%, #213E2B 59.90%, #213E2B 100%); width: 100%; }*/
.main_banner { height: 540px; position: relative; }
.main_banner { min-height: 250px; height: calc(100vw * 670 / 3840 - 50px) }
.main_banner .text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; text-align: center; }
.pro1_box { min-height: 546px; background: url(../img/pro1.jpg) no-repeat bottom center; background-size: cover; }
.page_product .box.pro1_box { padding-bottom: 300px }

.pro1_box { padding-top: 68px; }
.pro_tit h3 { padding-left: 40px; font-size: 28px; line-height: 50px; }
.pro_tit h3.h3_icon1 { background: url(../img/icon5.png) no-repeat left center; }
.pro_tit h3.h3_icon2 { background: url(../img/icon5-1.png) no-repeat left center; }
.pro_tit p { font-size: 20px; }
.pro_tit { margin-bottom: 30px; position: relative; }
.p_text .tit { position: relative; margin-bottom: 15px; }
.pro_tit:after, .p_text .tit:after { content: ''; display: block; position: absolute; bottom: 0; margin-bottom: -15px; left: 0; width: 100px; height: 4px; background: #FF6200 }
.p_text .tit:after { margin: 0 auto; left: 0; right: 0; margin-bottom: -10px; }
.pro1_box .text { line-height: 27px; font-size: 18px; margin-bottom: 20px; color: #393939; }
.pro1_box .text p { opacity: .8 }
.pro1_box .link a { display: inline-block; font-size: 16px; line-height: 40px; padding-left: 25px; background: url(../img/icon6.png) no-repeat left center; color: #393939; opacity: .8 }
.pro1_box .link a:hover { color: #FF6200 }
.page_product .box { background-color: #fff; border-radius: 10px; margin-bottom: 20px; padding: 40px 0; }

.p_text { line-height: 1.6; font-size: 18px; color: rgba(57,57,57,0.8) }

.img_list ul { display: flex; justify-content: center; margin: 30px auto; }
.img_list ul li { margin-left: 5px; margin-top: 0px }
.img_list ul li:nth-child(2n+1) { margin-top: 30px; }
.img_list ul li:first-child { margin-left: 0 }
.img_list .img { width: 256px; border-radius: 10px; border-top-right-radius: 0; border-bottom-left-radius: 0 }
.img_list .text { padding-left: 5px; border-left: 1px solid rgba(0,0,0,0.1); margin-top: 5px; }
.img_list .text p { font-size: 16px; color: #393939; margin-bottom: 5px; }
.img_list .text h4 { font-size: 20px; color: #FF6200; }
.center { text-align: center; }
.p_text h3 { font-size: 28px; color: #434343 }
.p_text p { min-height: 20px; }
.p_text .tit { font-size: 20px; }
.text_f_list ul { display: flex; border-top: 1px solid rgba(0,0,0,0.1); margin-top: 10px; padding-top: 20px; }
.text_f_list li { flex: 1; text-align: center; font-size: 18px; line-height: 1.5; color: #434343; position: relative; }
.text_f_list li p { margin: 0 15px; }
.text_f_list li a { display: block; }
.text_f_list li:after { content: ''; display: block; width: 1px; height: 108px; border-left: 1px dashed rgba(0,0,0,0.1); left: 0; top: 50%; margin-top: -54px; position: absolute; }
.text_f_list li:first-child:after { display: none }
.text_f_list span { display: block; background-repeat: no-repeat; background-position: center center; margin: 0 auto; width: 248px; height: 83px; margin-bottom: 20px; }
.text_f_list span.icon7 { background-image: url(../img/icon7.png) }
.text_f_list span.icon8 { background-image: url(../img/icon8.png) }
.people_list { margin: 20px 0 }
.people_list ul { display: flex; }
.people_list li { flex: 1; margin-left: 6px; }
.people_list li a { display: block; border-radius: 10px; overflow: hidden; position: relative; }
.people_list li a:hover .img { transform: scale(1.05) }
.people_list li:hover .text p { padding-right: 15px; }
.people_list li:first-child { margin-left: 0 }
.people_list .img { height: 205px; background-repeat: no-repeat; background-position: center center; background-size: cover }
.people_list .text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; z-index: 3; color: #fff; }
.people_list .text p { display: inline-block; padding-right: 10px; background: url(../img/icon34-1.png) no-repeat right center; line-height: 15px; }
.people_list li a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to bottom,rgba(0,0,0,0),#213E2B); height: 80%; z-index: 2; }
.people_list h3 { font-size: 25px; margin-bottom: 10px; }
.page_product .box.box_tx { overflow: hidden; padding: 0; }
.box_tx .imgs { border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; min-height: 446px; padding: 50px 20px; background: url(../img/bg4.jpg) no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid #CAA76C; border: 2px solid #CAA76C; }
.box_tx .imgs_bg2 { background-image: url(../img/bg4-1.jpg); }
.box_tx .imgs_bg3 { background-image: url(../img/bg4-2.jpg); }
.box_tx .bottom { background: linear-gradient(25deg, #956C40 0%, #FBDD94 34.38%, #B58A57 61.98%, #FDDF96 84.90%, #AC8051 100%); }
.box_tx .bottom h3 { font-size: 23px; margin-bottom: 10px; }
.box_tx .bottom h3:after { content: ''; display: block; margin-top: 5px; width: 5em; height: 3px; background: #6A3906; }
.box_tx .bottom.center { text-align: center; }
.box_tx .bottom.center .wrap3 { align-items: center; }
.box_tx .bottom .text { padding: 30px 0; min-height: 144px; line-height: 1.7; display: flex; justify-content: center; flex-direction: column; font-size: 18px; color: #5B2D21; }
.box_tx .bottom p { margin-bottom: 20px; }
.box_tx .bottom p:last-child { margin-bottom: 0 }
.box_tx .bottom a { color: #5B2D21 !important; display: inline-block; padding-left: 20px; background: url(../img/icon9.png) no-repeat left center }
.box_tx .bottom a:hover { padding-left: 25px; }

.his_tit_box { margin-top: 20px; height: 53px; }
.his_tit { overflow: hidden; overflow-x: auto; position: relative; }
.his_box.on .his_tit { position: fixed; left: 0; width: 100%; top: 80px; background: #fff; z-index: 102 }
.his_box .wrap4 { max-width: 1200px; }
.his_box .scroll { padding: 10px 0 }
.his_tit ul { display: flex; line-height: 30px; font-size: 16px; color: #bbb; justify-content: center; }
.his_tit:before { content: ''; display: block; clear: both; width: 100%; height: 1px; background: #CACCCC; position: absolute; left: 0; right: 0; top: 10px; max-width: 1002px; margin: 0 auto; display: none }
.his_tit ul span { display: block; font-size: 18px; color: #bbb; white-space: nowrap }
.his_tit li { margin: 0 12px; position: relative; cursor: pointer; }
.his_tit li:after { content: ''; display: block; width: 100%; height: 2px; background: #FF6200; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: none; }
.his_tit li.on:after { display: block; }
.his_tit li.on span { color: #FF6200; font-weight: 500; }
.his_tit li:hover span { color: #FF6200 }
.his_wrap { max-width: 1085px; margin: 0 auto; margin-top: 20px; position: relative; }
.his_wrap:before { position: absolute; content: ''; display: block; width: 2px; top: 10px; bottom: 180px; background: #FF6200; left: 20px; z-index: 1 }
.his_wrap .tit h3 { font-size: 23px; color: #FF6200; }
.his_wrap .tit { padding-left: 50px; position: relative; line-height: 50px; margin-bottom: 20px; }
.his_wrap .tit:before { position: absolute; width: 40px; height: 40px; background: url(../img/icon11.png) no-repeat center center #F5F5F5; content: ''; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; }

.his_wrap .item { position: relative; padding-left: 40px; margin-bottom: 29px; }
.his_wrap .item:last-child { margin-bottom: 0 }
.his_wrap .item:before { position: absolute; width: 40px; z-index: 2; height: 30px; background: url(../img/icon11-1.png) no-repeat center center #f5f5f5; content: ''; left: 0; top: 12px }
.his_wrap .flex { background: #fff; border-radius: 10px; position: relative; }
.his_wrap .flex:before { content: ''; display: block; width: 8px; height: 14px; position: absolute; left: -8px; top: 20px; background: url(../img/icon12.png) no-repeat center center; z-index: 3 }
.his_wrap .text { padding: 10px 20px; flex: 1; font-size: 20px; }
.his_wrap .img { border-radius: 0 10px 10px 0; overflow: hidden; width: 400px; }
.his_wrap .img img { display: block; }
.his_wrap .text p { line-height: 30px; color: #FF6200; margin-bottom: 5px; }
.his_wrap .text h4 { line-height: 1.5; }
.his_wrap .list { margin-bottom: 30px; }
.his_wrap .list:last-child { margin-bottom: 0 }

.page_tag.center ul { justify-content: center; }
.news { border-radius: 10px; overflow: hidden; display: flex; align-items: center; background: #fff url(../img/bg7.png) no-repeat right bottom; padding: 10px; }
.news .img { position: relative; width: 49%; margin-right: 20px; border-radius: 5px; height: 316px; }
.news .img img { width: 100%; }
.news .text .btm { color: #999999; margin-top: 30px; }
.news .text .btm span { margin-right: 30px; }
.news .img:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); z-index: 2; opacity: 0 }
.news .text { z-index: 3; }
.news .text p { color: #FF6200; margin-bottom: 10px; }
.news .text h3 { font-size: 23px; }
.news_list2 { margin: 5px -5px; }
.news_list2 ul { display: flex; flex-wrap: wrap; }
.news_list2 li { width: 50%; }
.news_pinpai li:nth-child(-n+6) { width: 33.33%; }
.news_pinpai li .span_vadio { display: none; }
.news_pinpai li:nth-child(-n+6) .span_vadio { display: block; }
.news_pinpai li:nth-child(-n+6) .box { flex-direction: column; padding: 0 }
.news_pinpai li:nth-child(-n+6) .box .img { margin: 0; width: 100%; height: 238px; border-radius: 5px 5px 0 0 }
.news_pinpai li:nth-child(-n+6) .box .text { height: 95px; padding: 20px; display: block }

.news_list2 .box { display: flex; margin: 5px; padding: 15px; border-radius: 10px; background: #fff; }
.news_list2 .box .img { width: 126px; height: 95px; border-radius: 5px; margin-right: 20px; }
.news_list2 .box .text { flex: 1; display: flex; flex-direction: column }
.news_list2 .box .text h3 { flex: 1; font-size: 18px; height: 41px }
.news_list2 .box .text h3 p { color: #393939; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list2 .box .text p { color: #999 }
.news_list2 .box .text p span:last-child { float: right; margin-right: 0 }
.news_list2 span { display: inline-block; margin-right: 20px; }

.main_banner.fw .img { height: 729px }
.bg { background: #213E2B }
.main_banner.fw .img:after { background-image: url(../img/bg3-1.png) }
.main_banner.fw { height: 392px }

.fw_tit { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 17px; margin-bottom: 40px; }
.fw_tit h3 { font-size: 24px; margin-bottom: 15px; background-image: linear-gradient(to right, #D2B072, #FFF6B6,#CFAE69); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.fw_tit p { letter-spacing: 5px; background-image: linear-gradient(to right, #D2B072, #FFF6B6,#CFAE69); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.people_list2 ul:after { content: ''; display: block; clear: both; }
.people_list2 .swiper-wrapper { display: block; }
.people_list2 li { line-height: 21px; width: 50%; float: left; }
.people_list2 .box { display: block; margin: 5px; border: 1px solid #CAA76C; text-align: center; padding: 30px; }
.people_list2 h3 { font-size: 18px; margin: 5px 0; min-height: 1em; }
.people_list2 h5 { margin-bottom: 5px; }
.gradient { background-image: linear-gradient(to bottom, #D2B072, #FFF6B6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; }
.people_list2:after { content: ''; display: block; clear: both; }
.people_list2 ul { margin: -5px; }
.people_list2 p { max-width: 320px; margin: 0 auto; height: 63px; margin-bottom: 10px; }
.people_list2 h4 { font-size: 16px; }
.page_det .box { margin-bottom: 10px; border-radius: 10px; overflow: hidden; }
.page_det .people_list2 .box .text { height: 150px; }
.headpic { height: 175px; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 10px; }
.viewer-open .header { z-index: 1 }
.main_banner .img1 { position: absolute; left: 50%; bottom: 0; }
.page_det2 .wrap_box { max-width: 1380px; padding: 35px 50px; background: linear-gradient(to bottom,#fff,#f5f5f5 25%); border-radius: 10px; }
.page_det2 .title h2, .page_det2 .title h1 { margin-bottom: 20px; font-size: 25px; color: #393939; display: flex; font-weight: 700; white-space: normal; }
.page_det2 .title h2 span, .page_det2 .title h1 span { display: block; line-height: 30px; border-radius: 5px; background: rgba(0,0,0,0.05); padding: 0 8px; border-radius: 5px; margin-right: 10px; font-size: 16px; color: #FF6200; font-weight: normal; }
.page_det2 .title .text { flex: 1; line-height: 1.5; color: #636363; font-size: 20px; }
.page_det2 .title .video { height: 300px; width: 515px; margin-left: 50px; position: relative }

.video video { width: 100%; }
.page_det2 .title ul { margin-top: 20px; line-height: 42px; border-top: 1px solid #ECECEC; }
.page_det2 .title ul li { display: flex; border-bottom: 1px solid #ECECEC; font-size: 18px; }
.page_det2 .title li .icon { display: block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; color: rgba(76,76,76,0.6); margin-right: 10px; }
.page_det2 .title li .icon1 { background-image: url(../img/icon13.png); }
.page_det2 .title li .icon2 { background-image: url(../img/icon13-1.png); }
.page_det2 .title li .icon3 { background-image: url(../img/icon13-2.png); }
.page_det2 .title li .icon4 { background-image: url(../img/icon13-3.png); }
.page_det2 .title li .icon5 { background-image: url(../img/icon13-4.png); }
.page_det2 .title .txt { flex: 1; display: flex; align-items: center; flex-wrap: wrap; }
.page_det2 .title .txt a { color: #393939; font-weight: bold; }
.page_det2 .title .txt p { padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; height: 18px; line-height: 18px; }
.page_det2 .title .txt p:last-child { padding-right: 0; border-right: 0; flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.swiper3_box { margin: 0 auto; }
.swiper3_box:after { content: ''; display: none; width: 382px; height: 21px; background: url(../img/icon14.png) no-repeat center center; margin: 0 auto; margin-top: 10px; }
.swiper3 .swiper-slide { height: auto; background: #fff; border-radius: 10px; overflow: hidden; }
.swiper3 .swiper-slide .img { height: 240px; display: flex; align-items: center; justify-content: center; }
.swiper3 .swiper-slide .text { padding: 20px; color: rgba(44,34,32,0.6); font-size: 18px; line-height: 1.5; }
.swiper3 .swiper-slide .text h3 { color: #2C2220; font-size: 20px; margin-bottom: 10px; }
.swiper3 .swiper-slide .text p { /*height: 185px*/; }
#swiper2_1 { display: none; }
#swiper2 { display: block; }
.swiper3 .swiper-slide { display: flex; flex-direction: column; }
.swiper3 .swiper-slide .text { flex: 1; }

.swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-left { display: none }
.img_b_list { margin-top: 20px; }
.img_b_list > ul > li { width: 33.33%; float: left; }
.img_b_list > ul > li .img { position: relative; margin: 4px; height: 285px; border-radius: 10px }
.img_b_list > ul > li .img p { position: absolute; bottom: 10px; left: 0; right: 0; padding: 0 20px; line-height: 31px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.80); font-size: 18px; z-index: 3 }
.img_b_list > ul > li .img:after { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%); content: ''; height: 56px; z-index: 2; }
.viewer-toolbar { /*display: none; */ }
.viewer-toolbar > li, .viewer-title { display: none !important; }
.viewer-toolbar > li.viewer-prev,
.viewer-toolbar > li.viewer-next { position: fixed; top: 50%; z-index: 2016; width: 50px; height: 50px; display: flex !important; align-items: center; justify-content: center; }
.viewer-toolbar > li:before { transform: scale(1.2) }
.viewer-toolbar > li.viewer-prev { left: 10px }
.viewer-toolbar > li.viewer-next { right: 10px }
.viewer-container { background-color: rgba(33,62,43,0.9) !important; z-index: 102 !important }
.viewer-list > li { width: 50px; }
.viewer-invisible { display: flex; align-items: center; justify-content: center; }
/*.viewer-invisible>img{ margin:0 !important;}*/
.map_box { border-radius: 10px; background: #fff; overflow: hidden; }

.map_box .text { font-size: 16px; color: rgba(0,0,0,0.6); line-height: 50px; display: flex; align-items: center; padding: 0 20px; }
.map_box .text p { flex: 1; padding-left: 20px; background: url(../img/icon13.png) no-repeat left center }
.map_box .text span { display: block; padding-right: 20px; background: url(../img/icon15.png) no-repeat right center; color: rgba(0,0,0,0.6); }




.service { background: url(../img/bg5.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.ser_tag { padding: 40px 0 20px; }
.ser_tag ul { display: flex; align-items: center; justify-content: center; }
.ser_tag li { cursor: pointer; flex: 1; margin-left: 5px; border: 1px solid rgba(0,0,0,0.15); border-radius: 10px; background: rgba(255,255,255,0.2); text-align: center; padding: 15px 0; color: #666 }
.ser_tag li:first-child { margin-left: 0; }
.ser_tag li span { height: 30px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.ser_items .tit { text-align: center; font-size: 20px; padding-bottom: 20px; line-height: 1.5 }
.ser_items .tit h3 { font-size: 30px; font-weight: 500; margin-bottom: 20px; }
.ser_items .tit h3:after { content: ''; display: block; width: 100px; height: 4px; background: #E2750E; margin: 10px auto; }
.ser_tag li:hover, .ser_tag li.on { background: rgba(255,255,255,1) }
.ser_items .list1 { border-top: 1px solid rgba(57,57,57,0.15); border-bottom: 1px solid rgba(57,57,57,0.15); padding: 20px 0 }
.ser_items .list1 ul { display: flex; }
.ser_items .list1 li { flex: 1; text-align: center; border-left: 1px dashed rgba(0,0,0,0.1) }
.ser_items .list1 li:first-child { border-left: 0 }
.ser_items .icon { display: block; margin: 0 auto; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; }
.ser_items .icon1 { background-image: url(../img/57.png) }
.ser_items .icon2 { background-image: url(../img/55.png) }
.ser_items .icon3 { background-image: url(../img/53.png) }
.ser_items .icon4 { background-image: url(../img/51.png) }
.ser_items .icon5 { background-image: url(../img/47.png) }
.ser_items .icon6 { background-image: url(../img/49.png) }
.ser_items .icon7 { background-image: url(../img/45.png) }
.ser_items .icon8 { background-image: url(../img/43.png) }
.ser_items .icon9 { background-image: url(../img/41.png) }
.ser_items .icon10 { background-image: url(../img/39.png) }
.ser_items .icon11 { background-image: url(../img/37.png) }

.ser_items .icon12 { background-image: url(../img/35.png) }
.ser_items .icon13 { background-image: url(../img/33.png) }
.ser_items .icon14 { background-image: url(../img/31.png) }
.ser_items .icon15 { background-image: url(../img/21.png) }
.ser_items .icon16 { background-image: url(../img/19.png) }
.ser_items .icon17 { background-image: url(../img/17.png) }
.ser_items .icon18 { background-image: url(../img/15.png) }
.ser_items .icon19 { background-image: url(../img/13.png) }
.ser_items .icon20 { background-image: url(../img/23.png) }
.ser_items .icon21 { background-image: url(../img/27.png) }
.ser_items .icon22 { background-image: url(../img/29.png) }
.ser_items .icon23 { background-image: url(../img/25.png) }
.ser_items .icon24 { background-image: url(../img/11.png) }
.ser_items .icon25 { background-image: url(../img/09.png) }
.ser_items .icon26 { background-image: url(../img/07.png) }
.ser_items .icon27 { background-image: url(../img/05.png) }
.ser_items .icon28 { background-image: url(../img/03.png) }
.ser_items .icon29 { background-image: url(../img/01.png) }


.ser_items .list1 h3 { font-size: 18px; padding: 5px 0; margin-bottom: 5px; }
.ser_items .list2 { border-top: 1px solid rgba(57,57,57,0.15); border-bottom: 1px solid rgba(57,57,57,0.15); padding: 20px 0 }
.ser_items .list2 ul { display: flex; align-items: center; justify-content: center; font-size: 18px; }
.ser_items .list2 ul li { flex: 1; padding: 0 20px; font-size: 16px; border-right: 1px dashed rgba(0,0,0,0.1); text-align: center; line-height: 27px; }
.ser_items .list2 ul li h3 { font-size: 23px; line-height: 2 }
.flex_icon { justify-content: center; }
.ser_items .flex_icon span.icon { display: inline-block; margin: 0 10px; }
.ser_items .list2 ul li:last-child { border-right: 0; padding-right: 0; }
.ser_items .list2 ul li:first-child { padding-left: 0 }
.ser_items .item { display: none; transition: all 0s }
.ser_items .item:first-child { display: block; }
.item_banner { display: flex; justify-content: center; position: relative; }
.item_banner .imgs { margin-top: -20px; width: 100%; min-width: 2560px; }
.item_banner .imgs img { width: 100%; }
.item_banner.item4 .imgs { margin-top: -10px; }
.item_banner.item5 .imgs { margin-top: -20px; }
.item_banner .imgs:after { content: ''; display: block; position: absolute; height: 120px; left: 0; width: 100%; background: linear-gradient(180deg, rgba(245, 245, 245, 0.00) 0%, #F5F5F5 100%); bottom: 0px; }
.color2 .item_banner .imgs:after { background: linear-gradient(180deg, rgba(33, 62, 43, 0.00) 0%, #213E2B 100%); }
/*.item_banner .imgs img { width: 16.66%; float: left; }*/

.item_banner .imgs img { display: block; }
.item_banner .text { position: absolute; top: 40%; left: 0; width: 100%; }
.item_banner.item4 .text { top: 45%; }
.item_banner .box { padding: 10px 80px; float: right; text-align: right; background: linear-gradient(to right,rgba(0,0,0,0),rgba(33, 62, 43, 0.9)); line-height: 24px; font-size: 18px; color: #fff; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.c1 { color: #FF6200; font-weight: 700; }
.page_top { transform: translateY(1px); z-index: 10; position: relative; }
/*.page_top .page1_list li { width: 50%; }
.page_top .page1_list li:nth-child(3n+1) { clear: none; }
.page_top .page1_list li:nth-child(2n+1) { clear: both; }*/
.service3_box .top { height: 543px; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; background: url(../img/img14.jpg) no-repeat center center; margin-bottom: 50px; background-size: cover }
.service3_box .top h2 { font-size: 38px; font-weight: 500; color: #fff; line-height: 57px; margin-bottom: 20px; text-shadow: 0 1px 2px rgba(0,0,0,0.5) }
.service3_box .top p { font-size: 28px; background-image: linear-gradient(to bottom,#F6EDBD,#D7B878); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; }
.service3_box { transform: translateY(-110px); z-index: 10; background: #fff; border-radius: 10px; overflow: hidden; }
.service3_box .p_text p { margin-bottom: 20px; }
.p_list { padding-top: 30px; margin-top: 10px; border-top: 1px solid rgba(0,0,0,0.1); padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; }
.p_list ul { display: flex; margin: -15px; flex-wrap: wrap; }
.p_list ul li { flex: 0 0 50%; }
.p_list .box { display: flex; flex-direction: column; height: 100%; }
.p_list .box .txt { flex: 1; line-height: 1.5; color: #636363; font-size: 18px; }
.p_list .box h3 { font-size: 23px; color: #019A9A; margin-bottom: 10px; }
.p_list .img { border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.p_list ul li.li1 { flex: 1; }
.p_list .box { margin: 5px 15px }
.p2 { color: #FF6699 }
.p3 { color: #888 }

.p_text2 h3 { font-size: 23px; color: #434343; margin-bottom: 20px; }
.p_text2 { line-height: 24px; font-size: 16px; color: #636363; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.p_text2 .flex_center { margin-top: 20px; }
.ewm_box { text-align: center; }

.det_title { padding: 20px 0; background: url(../img/bg6.jpg) no-repeat center center; background-size: cover }
.det_title h2 { display: flex; align-items: center; font-size: 28px; line-height: 1.5; color: #fff; padding-bottom: 20px; }
.det_title .bottom { display: flex; color: #fff; height: 30px; align-items: center; font-size: 16px; }
.det_title .bottom > span.time { margin-right: 5px; border-right: 1px solid #fff; padding-right: 5px; }
.det_title .bottom .btn { width: 30px; border: 1px solid #fff; display: inline-block; height: 30px; text-align: center; line-height: 28px; border-radius: 5px; margin-left: 5px; opacity: .5; cursor: pointer; }
.det_title .bottom .btn:hover { opacity: 1; }
.det_title { position: relative; }
.det_title .prev { width: 40px; height: 40px; background: url(../img/icon33.png) no-repeat center center; display: block; position: absolute; top: 20px; left: 20px; border-radius: 100%; }
.details { padding-bottom: 100px; }
.details .p_text { font-size: 18px; line-height: 1.8; margin-top: 40px; }
.details .p_text img { margin-top: 20px; }
.details .p_text .p3 { font-size: 16px; margin-bottom: 20px; }
.text_cur { margin: 50px 0; font-size: 18px; }
.text_cur a { color: #FF6200 !important; display: block; line-height: 1.5; font-size: 20px; }

.back { display: inline-block; padding-right: 10px; background: url(../img/icon34.png) no-repeat right center; font-size: 18px; }
.back:hover { color: #FF6200; padding-right: 20px; }
.main_pos { line-height: 31px; background: #F39700; color: #fff; text-align: center; display: none }
.main_pos p { display: flex; align-items: center; justify-content: center; }
.main_pos label { display: block; margin: 0 10px; }
.main_pos a { color: #fff }

.fullrt { position: fixed; right: 15px; bottom: 5%; width: 56px; border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 10001; padding: 10px 0 }
.fullrt span { color: rgba(57,57,57,0.8); width: 2em; line-height: 1.2; display: block; margin: 0 auto; }
.fullrt .f1 { padding-top: 25px; background: url(../img/icon35.png) no-repeat top center; margin-top: 5px; }
.fullrt li { cursor: pointer; }
.fullrt li:first-child { display: none; }
.fullrt li:after { content: ''; display: block; width: 25px; height: 1px; background: #000; opacity: .1; margin: 6px auto }
.fullrt li:last-child:after { display: none; }
.fullrt .f2 { padding-top: 25px; background: url(../img/icon35-1.png) no-repeat top center; margin-top: 5px; }
.fullrt .f3 { padding-top: 10px; background: url(../img/icon35-2.png) no-repeat top center; margin-top: 5px; }
.fullrt .f4 { padding-top: 25px; background: url(../img/icon35-4.png) no-repeat top center; margin-top: 5px; }

.yuyue .box { display: flex; align-items: center; background: #fff; border-radius: 10px; overflow: hidden; z-index: 19; position: relative; }
.yuyue .box .img { width: 40%; }
.yuyue .rt { flex: 1; }
.yuyue .text { max-width: 450px; margin: 0 auto; }
.yuyue .text span { font-size: 14px; text-transform: uppercase; color: #FF6200; margin-left: 10px; }
.yuyue .text h3 { font-size: 26px; display: flex; align-items: center; position: relative; padding-bottom: 15px; }
.yuyue .text h3:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100px; height: 4px; background: #FF6200 }
.yuyue .inputs { margin-top: 20px; padding-top: 20px; border-top: 1px solid #E3ECF5 }
.inputs .tip { color: #809CB9; margin-bottom: 10px; }

.div_input { line-height: 48px; border: 1px solid #E3ECF5; text-align: center; }
.div_input input { padding: 0 20px; height: 48px; width: 100%; border: 0; background: none; }
.div_textarea textarea::-webkit-input-placeholder, .div_input input::-webkit-input-placeholder { color: #809CB9 }
.div_select, .div_date { position: relative; z-index: 1; }
select::-ms-expand { display: none; }
.div_select:after, .div_date:after { content: ''; display: block; clear: both; width: 50px; height: 50px; position: absolute; background: url(../img/Vector.png) no-repeat center center #e3ecf5; top: 0; right: 0; z-index: -1 }
.div_date:after { top: -1px; background-image: url(../img/Vector2.png) }
.div_select select { width: 100%; height: 50px; border: solid 1px #E3ECF5; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; padding-right: 50px; padding-left: 20px; color: #809CB9 }
.inputs .flex1 { margin-left: 10px; margin-bottom: 10px; }
.inputs .flex1:first-child { margin-left: 0 }
.div_textarea { padding: 15px 20px; border: 1px solid #E3ECF5 }
.div_textarea textarea { width: 100%; border: 0; height: 100px; resize: none; }
.div_btn { margin: 20px 0; }
.div_btn .btn { display: block; width: 100%; border-radius: 5px; background: #FF6200; border: 0; text-align: center; color: #fff; line-height: 50px; font-size: 20px; letter-spacing: 10px; text-indent: 10px; }
.div_radio { cursor: pointer; }
.div_radio input { margin-right: 5px; width: 15px; height: 15px; vertical-align: middle; }
.map { height: 100vh; width: 100%; position: relative; }
.map_box .map { height: auto; }
.map_list { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; z-index: 1001; background: #F5F5F5 }
.map_list .swiper-slide { width: 474px }
.viewer-open .wrap.wrap_fixed { z-index: 9 }
a.a_back { position: absolute; top: 0px; left: 30px; min-width: 40px; padding: 0 20px; height: 40px; border-radius: 30px; background: rgba(0,0,0,0.2); z-index: 1002; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: flex; align-items: center; color: #fff; }
.a_back:before { content: ''; display: block; width: 20px; height: 20px; background: url(../img/icon33.png) no-repeat center center; margin-right: 10px }
.a_back:hover { background-color: rgba(0,0,0,0.5) }
.wap_show { display: none !important }
.loading { transition: all 0s; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #213E2B; background-size: cover; display: flex; align-items: center; justify-content: center;; z-index: 1010 }
.loading .gif { width: 122px; height: 119px; border-radius: 20px; overflow: hidden; }
.loading .text { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; }
.mainer > .a_back { display: none }
.a_back.a_back_show { display: flex; position: absolute; left: -60px }
.mainer { position: relative; }
.p_text2 .map { height: auto; }
.img { display: flex; align-items: center; justify-content: center; }
.img img { min-height: 100%; min-width: 100%; width: auto; object-fit: cover; }
.swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-left { display: none; }
.banner .img:after { content: ''; display: block; position: absolute; height: 250px; left: 0; width: 100%; background-image: url(../img/bg3-2.png); background-repeat: repeat-x; background-size: auto 100%; bottom: 0 }
.banner .img:after, .main_banner .img:after { transition: all 0s }

@media only screen and (max-width: 1800px) {
    .menu .drop .wrap { max-width: 100%; }
    .menu .drop .flex1 { padding-left: 300px }
}

@media only screen and (max-width: 1400px) {
    .a_back.a_back_show { left: 0; top: 10px; }
}

@media only screen and (max-width: 1150px) {
    .page_about .top { flex-direction: column; justify-content: center; align-items: flex-start }
    .page_about .top .img1 { margin-top: 20px; }
}

@media only screen and (max-width: 1024px) {
    .menu > ul > li { margin: 0 20px }
    .menu { margin-left: 15vw; }
    .page_det2 .wrap_box { padding: 25px 30px; }
    .page_det2 .title .video { display: none; }
    .page_det2 .title { padding-right: 0 }
}

@media only screen and (max-width: 1050px) {
    .his_box.on .his_tit { top: 60px }
    .menu .drop { display: none !important; }
    .wap_logo { display: block; }
    .header .flex.head_fix { position: fixed; top: 0; right: 100%; height: 100%; width: 100%; flex-direction: column; background: #fff; align-items: center; padding-top: 7vh }
    .header .flex.head_fix .menu_wrap { position: absolute; top: 0px; left: 0px; }

    .menu_wrap { width: 35px; float: left; margin-left: 10px; height: 35px; position: relative; margin-top: 13px; background: url(../img/menu.png) no-repeat center center; background-size: 25px auto; z-index: 10 }
    /*.h_menu.header .flex.head_fix { right: 0 }*/
    .main_body { margin-top: 0; height: 100vh }
    .main_pos { display: none }
    .header { background: none; border-bottom: 0; height: 60px; }
    .header.fixed { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1) }
    .header.fixed .menu_wrap { background-image: url(../img/menu-2.png) }
    .header.h_menu .menu_wrap { background-image: url(../img/prev.png) }
    .wap_logo { float: right; margin-right: 20px; margin-top: 10px; }
    .header.fixed .wap_logo .logo_2, .wap_logo .logo_1 { display: none; }
    .header.fixed .wap_logo .logo_1, .header.fixed .wap_logo .logo_1 { display: block; }
    .wap_logo img { height: 40px }
    .h_rt, .header .logo { position: initial; height: auto; }
    .menu > ul > li { display: block; line-height: initial; padding: 2vh 0; margin: 0; border-bottom: 1px solid #F2F2F2; text-align: left; }
    .menu, .h_rt { width: 90%; max-width: 500px; }
    .h_rt { margin-top: 20px }
    .menu .h3 { height: 60px; }
    .menu { height: auto; }
    .menu ul { width: 100%; }
    .menu .h3 span { font-size: 18px; color: #393939 }
    .menu .on .h3 span { color: #FF6200 }
    .header .logo { width: 90%; max-width: 500px; }
    .header .logo a { display: flex; align-items: center; justify-content: center; }
    .img_logo { height: 60px; }
    .logo_txt { height: 30px; }
    .menu { margin-left: auto; margin-bottom: 2vh; padding: 0; margin: 0 auto }
    .menu > ul > li > a > span { display: block; font-size: 18px; color: #333 }
    .menu > ul > li > a { display: block; background: url(../img/icon2.png) no-repeat right center; color: #999; font-size: 14px; }
    .rc { margin-left: 0px; opacity: 0.5 }
    .modals { display: block; position: absolute; width: 90%; max-width: 500px; bottom: 0px; left: 0; right: 0; margin: 0 auto; border-top: 1px solid #F2F2F2; line-height: 70px; display: flex; align-items: center; }
    .modals span { display: block; padding-left: 30px; margin-right: 25px; background-position: left center; background-repeat: no-repeat; font-size: 16px; }
    .modals span.mod1 { background-image: url(../img/icon3.png); }
    .modals span.mod1::after { content: '日间模式'; }
    .modals span.mod2::after { content: '护眼模式'; }
    .modals span.mod2 { background-image: url(../img/icon4.png); }
    .banner .img { height: 40vh }
    .banner { height: 90vw }
    .banner img { display: block; }
    .banner .img { height: auto; position: relative; }
    .banner .img:after { height: 34%; }
    .swiper1 .swiper-pagination { top: 85vw; bottom: auto; }
    .page_tag { overflow-x: auto; }
    ::-webkit-scrollbar { width: 0; height: 0 }
    .page1_list li { width: 50%; }
    .page1_list li:nth-child(3n+1) { clear: none; }
    .page1_list li:nth-child(2n+1) { clear: both; }
    .lbls { overflow-x: auto; flex-wrap: nowrap; }
    body.open .main_body { transform: translateX(100%) }
    body.open .header .flex.head_fix { right: 0 }
    body { transition: all 0.5s; }
}

.color2 .list_txt, .color2 .ser_items .list1 li { border-color: rgba(255,255,255,0.1); }
.color2 .list_txt .txt h3 span { color: #fff; }

@media only screen and (max-width: 750px) {
    .ewms .ewm:nth-child(2) { flex: 1; }
    .ewms .img { margin: 0 auto; margin-bottom: 10px; }
    .ewms .ewm { margin-right: 0 }
    .wrap { width: auto; margin: 0 14px; }
    .mainer > .a_back { display: block }
    .a_back { top: 10px; left: 10px; }
    .wap_hide { display: none !important }
    .main_pos { display: none !important; }
    .wap_show { display: block !important }
    .swiper_det .img { position: relative; }
    .swiper_det .swiper-pagination { text-align: left; margin-left: 20px; margin-bottom: 10px; }
    .page_det2 .title h2, .page_det2 .title h1 { flex-wrap: wrap; margin-bottom: 10px; }

    html { -webkit-overflow-scrolling: touch; }

    .page_det2 .title h2 span, .page_det2 .title h1 span { margin-left: 0; margin-top: 5px; }
    .page_det2 .wrap_box { background: none; padding: 30px 10px; }
    .swiper_det p { position: absolute; bottom: 10px; right: 20px; z-index: 3; color: #fff; font-size: 16px; line-height: 40px; }
    .swiper_det .img:after { content: ''; display: block; clear: both; width: 100%; height: 60px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); bottom: 0; position: absolute; z-index: 2; }
    .page { overflow: hidden; }
    .page1_list li { width: 100%; }
    .news_list { margin: 0 50px; overflow: initial; }
    /*    .news_list .swiper-slide { transform: scale(0.9); opacity: .5 }
    .news_list .swiper-slide-active { transform: scale(1); z-index: 100; opacity: 1; }
    .news_list .swiper-slide-prev { transform: translateX(80%) scale(.9) }
    .news_list .swiper-slide-next { transform: translateX(-80%) scale(.9) }*/
    .news_list .item .img img { width: 130%; margin-left: -15%; max-width: initial; }
    .page_about .top { flex-direction: column; justify-content: center; height: auto; padding: 30px 14px; align-items: flex-start }
    .about_list ul { margin-right: 0; white-space: nowrap; font-size: 12px; margin-bottom: 20px; }
    .page_about .top .img img { height: 50px; }
    .about_list ul li img { height: 30px; }
    .about_list ul li { font-size: 3.5vw; margin-left: 10px; }
    .img_pos { right: 0px; width: 43%; }
    .page_about .bottom { height: 60px; padding: 0 15px; line-height: 60px; }
    .page_about .bottom span { font-size: 16px; }
    .footer { display: none; }
    .wap_footer { display: block; padding: 0 20px; padding-top: 20px; background: #fff; margin-top: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
    .f_menu { width: 100%; border-bottom: 1px solid #EAEAEA; padding-bottom: 15px; margin-bottom: 15px; }
    .f_menu ul { flex: 1; display: flex; align-items: center; flex-wrap: nowrap; }
    .f_menu ul li { border-right: 1px solid #F2F2F2;  flex: 1 1 auto;      /* 允许压缩 */
        margin-right: 0;    /* 去掉右边距 */
        text-align: center;
        white-space: nowrap;/* 防止文字本身换行 */
        font-size: 12px;    /* 可适当缩小 */ }
    .f_menu ul li:last-child { border-right: 0 }
    .f_menu ul li a { height: 50px; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; opacity: 1; color: rgba(57,57,57,0.8); }
    .f_menu span { font-size: 16px; color: #393939; font-weight: 500; }

    .ewms { padding-bottom: 15px; border-bottom: 1px solid #EAEAEA }
    .copyright { text-align: center; padding: 10px 0; line-height: 1.5; color: #7C7C7C }
    .copyright a { color: #B3B3B3; display: inline-block; margin: 0 5px }
    .page_tag ul li { margin-right: 0; text-align: left; }
    .page_tag ul a { font-size: 16px; margin: 0 }
    .page_det2 .title ul li { font-size: 18px; }
    .swiper3_box { width: 270vw; }
    .flex_center2 { }
    .page_det2 { background: linear-gradient(to bottom,#fff,#F5F5F5 50%,#F5F5F5); position: relative; z-index: 10; margin-top: -10px; border-radius: 10px; z-index: 10; margin: 0; margin-top: -10px; width: 100%; }
    .img_b_list > ul > li { width: 33.33%; }
    .img_b_list > ul > li .img p { padding: 0 10px; font-size: 16px; bottom: 5px }
    .img_b_list > ul > li .img { height: 150px; }
    .more_btn a { font-size: 16px; }
    /*.map_box .map img { height: 200px; max-width: initial; width: auto; }*/
    .map_box .map { display: flex; align-items: center; justify-content: center; height: 200px !important; }

    .fullrt li:first-child { display: block; }
    /*
    .fullrt li:last-child { display: none; }
    .fullrt li:nth-child(2):after { display: none; }*/
    .fullrt { right: 5px; width: 40px; }
    .fullrt .f2, .fullrt .f1 { height: 42px; overflow: hidden; }
    .fullrt { top: auto; bottom: 5%; }
    .page1_list_wap .box { display: flex; align-items: center; padding: 10px; background: #fff; }
    .page1_list_wap .img { width: 120px; border-radius: 5px; height: 76px; }

    .page1_list_wap .text { flex: 1; width: 0 }
    .page1_list_wap .img p { display: none }
    .page1_list_wap .img:after { display: none; }
    .page1_list_wap .lbls { display: none; }
    .page1_list_wap .text p { margin-bottom: 0; font-size: 14px; }
    .page1_list_wap .text h3 { font-size: 18px; }
    .det_title { padding: 1px; height: auto; padding-bottom: 10px; }
    .det_title .prev { position: initial; margin-top: 10px; margin-left: 10px; width: 36px; height: 36px; border-radius: 100%; background: url(../img/icon38.png) no-repeat center center #fff; box-shadow: 0 0 10px rgba(0,0,0,0.25); z-index: 100; }
    .det_title h2 { min-height: 100px; height: auto; padding: 50px 0 30px }
    .details .p_text { }
    .details .p_text .p3 { }
    .back { }
    .text_cur { margin: 30px 0 }
    .details { padding-bottom: 50px; }
    .main_banner.fw .img, .main_banner .img { height: 100vw }
    .main_banner.fw, .main_banner { height: 69vw; }

    .main_banner.fw .img { background-image: url(../img/fw-1.jpg) !important; background-position: top center; background-size: 100% auto }
    .main_banner.m_news { height: 87vw }
    .main_banner .img:after { background: url(../img/bg3-7.png) repeat-x center; background-size: auto 100%; z-index: 1; height: 21.4vw }
    .main_banner.m_news .img { background-image: url(../img/news-1.jpg) !important; background-position: top center; background-size: 100% auto }
    .people_list2 .swiper-wrapper { display: flex; }
    .people_list2 li { float: none; }
    .page_det .box { margin: 1px; margin-top: 10px; }
    .people_list2 ul { margin: 1px 0 }
    .people_list2 .swiper-pagination { bottom: 15px; }
    .people_list2 .swiper-pagination-bullet { background: #C5A167 }
    .page_det { bottom: 50px; }
    .box_tx .bottom { background: linear-gradient(70deg, #956C40 0%, #FBDD94 35%, #B58A57 62%, #FDDF96 88%, #AC8051 100%); }
    .map_list .swiper-slide { width: 90%; max-width: 400px; }
    .map_list { padding: 10px; }

    .page_tag ul { overflow-x: auto; }
    .page_tag.center ul { justify-content: space-between }
    .news .img img { max-width: initial; }
    .news .text .btm { display: none; }
    .news .text h3 { color: #fff; }
    .news { padding: 0; position: relative; }
    .news .img { display: flex; width: 100%; margin-right: 0; align-items: center; justify-content: center; height: 60.5vw; }
    .news .text { bottom: 10px; position: absolute; left: 10px; right: 10px; }
    .news .text h3 { font-size: 18px; line-height: 1.5 }
    .news_list2 li { width: 100%; }
    .news_list2 .box .img { margin-right: 10px; }
    .news_list2 .box .text h3 p { line-height: 1.5; }
    .news_list2 .box .text p { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .news_list2 .box .text span { margin-right: 0; white-space: nowrap }

    .main_banner.pro .text { display: none; }
    .main_banner { height: 63vw }
    .main_banner.pro .img { height: 83pxvw; }
    .main_banner.pro .img { background-image: url(../img/product-1.jpg) !important }
    .page_product .box { padding-top: 20px; background-size: cover }
    .pro1_box.box { padding-bottom: 40vw }
    .pro1_box { background-image: url(../img/pro1-1.jpg); height: auto; background-size: 100% auto }
    .pro1_box .text { }
    .pro_tit p { }
    .img_list .img { height: 200px; display: flex; align-items: center; justify-content: center; width: 30vw }
    .img_list .img img { height: 100%; max-width: initial; width: auto; min-width: inherit }
    .h3_icon3 { padding-left: 40px; background: url(../img/icon5-1.png) no-repeat left center; }

    .p_text.center .tit:after { left: 0; right: 0; margin-left: 0; }
    .page_top { transform: translateY(0px) }
    .box.p_text .tit:after { left: 0; right: auto; }
    .box.p_text.center { text-align: left; }
    .text_f_list li { min-width: 50%; max-width: 50%; padding: 5px 0 }
    .text_f_list li br { display: none; }
    .text_f_list span { width: 80%; background-size: 100% auto; margin: 0 auto; margin-top: 15px; height: 70px; background-size: auto 100% }
    .people_list .img { height: 180px; }
    .people_list li:last-child .img { background-position: 30% center }
    .people_list .text { padding: 10px; }
    .people_list .text p { }
    .people_list h3 { margin-bottom: 4px; }
    .box_tx .imgs { min-height: inherit; }
    .box_tx .bottom.center .wrap3 { text-align: left; align-items: flex-start }
    .box_tx .bottom a { margin-left: 0 }
    .his_wrap .flex { flex-direction: column }
    .his_wrap .img { border-radius: 0 0 10px 10px; width: 100%; }
    .his_box.on .his_tit { top: 60px; background: #fff }
    .his_box.on .his_tit .scroll { overflow-x: auto; }
    .his_tit ul { justify-content: flex-start }
    .ser_tag { padding-top: 55px; padding-bottom: 30px; }
    .ser_tag ul { justify-content: flex-start; overflow-x: auto }
    .ser_tag li { min-width: 90px; padding: 10px; line-height: 1.3; border-radius: 5px; }
    .ser_items .tit { text-align: center; font-size: 16px; line-height: 1.4 }
    .ser_items .tit h3 { font-size: 24px; margin-bottom: 10px; }
    .ser_items .list1 h3 { font-size: 16px; }
    .ser_items .list1 { font-size: 12px; }
    .item_banner .imgs { min-width: 100%; margin-top: 20px; margin-bottom: -70px; }
    .item_banner .box { padding: 15px; }
    .item_banner .box br { display: none; }
    .item_banner .box .wap_show { display: inline-block !important; }
    .item_banner .text .wrap4 { width: 100%; }
    .item_banner .box { width: 100%; font-size: 18px; box-sizing: border-box; }
    .item_banner .text { top: 50%; }
    .page_top .page1_list li { width: 100%; }
    .ser_items .list1 li { min-width: 50%; max-width: 50%; display: flex; border-bottom: 1px dashed rgba(0,0,0,0.1); padding: 15px 0; border-left: 0; align-items: center }

    .ser_items .list_wap_1 li { min-width: 100%; max-width: 100%; justify-content: center; text-align: left; margin-bottom: 0 }
    .ser_items .list_wap_1 li .txt { width: 50vw; white-space: nowrap }
    .ser_items .list1 li:last-child { border-bottom: 0 }
    .ser_items .list1 { padding: 0 }
    .ser_items .list1 ul { flex-wrap: wrap; justify-content: center; }
    .ser_items .icon { margin-left: 0; margin-right: 10px; }

    .list_wap_1 li { margin-bottom: 20px; min-width: 50%; max-width: 50%; }
    .list_wap_1 li:last-child { margin-bottom: 0 }
    .list_wap_1 ul { flex-wrap: wrap; justify-content: flex-end }
    .item_banner.item2 .imgs { margin-top: -10px; }

    .item_banner.item4 .text { }
    .ser_items .list2 ul { display: block; padding: 0 }
    .ser_items .list2 { padding: 0 }
    .ser_items .list2 ul li { display: flex; align-items: center; justify-content: flex-start; flex: 1; border-right: 0; padding: 0; font-size: 16px; border-bottom: 1px dashed rgba(0,0,0,0.1); padding: 15px 0 }
    .ser_items .list2 ul li:last-child { border-bottom: 0 }
    .ser_items .list2 ul li.li_1 { display: block; }
    .item_banner.item5 .imgs { margin-top: 20px; }
    .ser_items .list2 br { display: none; }
    .ser_items .list1.list_4 li:nth-child(3) { border-bottom: 0 }
    .ser_items .list1.list_4 .txt { text-align: left; }
    .item_banner.item5 .text { top: 50% }
    .item_banner.item6 .text { top: 45% }
    .service3_box { transform: translateY(-50px) }
    .item_banner .imgs:after { height: 100px; }
    .item_banner.item8 .imgs { margin-bottom: 0 }
    /*.item_banner.item8 .imgs:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 20vw; background: linear-gradient(to bottom,rgba(255,255,255,0),#f5f5f5) }*/
    .service3_box .top { height: auto; padding: 15vw 0; background-size: cover; margin-bottom: 20px; }
    .service3_box .top h2 { font-size: 6vw; line-height: 1.5; margin-bottom: .5em }
    .service3_box .top p { font-size: 5vw }
    .p_list ul li { flex: 1 }
    .p_list ul { margin: 0; flex-direction: column }
    .p_list { padding: 0; padding-top: 20px; }
    .p_list .box { margin: 0 }

    .p_list .box .txt { font-size: 16px; line-height: 1.5; margin-bottom: 10px; }
    .p_text2 .flex_center { display: block; }
    .p_text2 .flex_center .flex1 { width: 100%; }
    .p_text2:last-child { margin-bottom: 20px; border-bottom: 0 }
    .yuyue .main_banner { height: 82vw }
    .yuyue .main_banner .img { background-image: url(../img/yuyue-1.jpg) !important; background-size: 100% auto; background-position: top center; height: 80vw; }
    .yuyue .main_banner .img:after { height: 30vw }
    .yuyue .box .img { display: none; }
    .yuyue .rt { padding: 20px 0 }
    .map_list .page1_list .box { padding: 0 }
    .his_tit li.on span { color: #FF6200 }
    .his_tit li:after { background-image: url(../img/icon10-1.svg) }
    .his_tit:before { opacity: .2 }
    /*.loading .text { position: initial; top: auto; left: auto; right: auto; }
    .loading .gif { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; margin: 0 auto; }*/
    .viewer-open .fullrt { z-index: 1 }
    .modal_pc { display: none; }
    .yy { padding-right: 0; border-right: 0 }
    .swiper3 .swiper-slide .img { height: 180px; }
    .swiper3 .swiper-slide .text p { }
    .img_b_list { margin-top: 0px; }
    .page_about .top .img1 { margin-top: 0px; width: 166px; }
    .img_pos { bottom: 59px; right: -10px; }
    .page_det2 .title .txt p { margin-right: 5px; padding-right: 5px; }

    #swiper2_1 { display: block; }
    #swiper2 { display: none; }
    .det_swiper .video { height: 66vw; background: #000; }
    .det_swiper .video video { object-fit: contain; height: 100%; }

    /*   * { -webkit-overflow-scrolling: touch; }*/


}





.header .logo_fff { display: none; }
.color2 .header .logo { display: none; }
.color2 .header .logo_fff { display: block; }
.color2 { color: #fff; background: #213E2B }
.color2 a, .color2 a:link, .color2 .menu .h3 span, .color2 .map_box .text span { color: #fff; }
.color2 .menu li:hover .h3 span, .color2 .menu .on .h3 span { color: #FF6200 }
.color2 .banner .img:after { background-image: url(../img/bg3-3.png) }

.color2 .main_banner .img:after { background-image: url(../img/bg3-3.png); }
.color2 .header .flex.head_fix { background: linear-gradient(to bottom,#2c4532,#213E2B) }
.color2 .page_about, .color2 .map_box, .color2 .page1_list_wap .box, .color2 .page_product .box, .color2 .his_wrap .flex, .color2 .yuyue .box, .color2 .div_textarea textarea, .color2 .footer, .color2 .menu .drop, .color2 .service3_box { background-color: #3B5E46 }
.color2 .page1_list .text p, .color2 .page1_list .box, .color2 .pro1_box .text, .color2 .f_rt .tit .tel a, .color2 .f_rt .tit .yy a { color: #fff; }
/*.color2 .page_det2 { background: #3B5E46 }*/
.color2 .lbls label { background: rgba(255,255,255,0.1) }
.color2 .page1_list_wap .box { background: rgba(255,255,255,0.05) }
.color2 .page1_list .text { background: #3B5E46 }
.color2 .ser_tag li:hover, .color2 .ser_tag li.on { background: rgba(0,0,0,0.2) }
.color2 .fullrt { background: #393939 }
.color2 .fullrt span, .color2 .f_menu span, .color2 .f_menu ul li a, .color2 .page_det2 .title h2, .color2 .page_det2 .title .text, .color2 .map_box .text p, .color2 .p_text h3, .color2 .text_f_list li { color: #fff; }
.color2 .page_det2 .title li .icon { color: rgba(255,255,255,0.6) }
.color2 .fullrt li:after { background: #fff; }
.color2 .more_btn a, .color2 .wap_footer, .color2 .news_list2 .box { background: #3B5E46; color: #fff; }
.color2 .f_menu ul li,
.color2 .f_menu, .color2 .ewms, .color2 .page_det2 .title ul li, .color2 .img_list .text, .color2 .text_f_list li:after, .color2 .text_f_list ul, .color2 .yuyue .inputs, .color2 .div_input, .color2 .div_select select, .color2 .div_textarea, .color2 .f_rt .tit, .color2 .menu > ul > li, .color2 .modals, .color2 .f_menu h3:hover, .color2 .ser_items .list1, .color2 .ser_items .list2, .color2 .page_det2 .title ul, .color2 .page_det2 .title .txt p { border-color: rgba(255,255,255,0.2) }
.color2 .copyright, .color2 .div_input input, .color2 .div_textarea textarea { color: #fff; }
.color2 .p_text, .color2 .img_list .text p, .color2 .news_list2 .box .text p, .color2 .f_rt .tit p, .color2 .text_f_list li p, .color2 .ser_tag li, .color2 .p_list .box .txt, .color2 .p3 { color: rgba(255,255,255,0.8) }
.color2 .back { background-image: url(../img/icon34-1.png) }
.color2 .swiper3 .swiper-slide { background: #3B5E46 }
.color2 .swiper3 .swiper-slide .text, .color2 .swiper3 .swiper-slide .text h3, .color2 .p_text2 h3, .color2 .p_text2 { color: #fff; }
/*.color2 .page_det2 { background: linear-gradient(to bottom,#3B5E46,#3B5E46 50%,#213E2B); }*/
.color2 .his_wrap .item:before, .color2 .his_wrap .tit:before { background-color: #213E2B }
.color2 .map_rt .tit ul li { background: rgba(0,0,0,0.25); }
.color2 .map_rt .tit ul li.on { background: rgba(0,0,0,0.5); }
.color2 .his_wrap .flex:before { background-image: url(../img/icon12-1.png) }
.color2 .div_select:after, .color2 .div_date:after { background-color: rgba(0,0,0,0) }
.color2 .pro1_box { background-image: url(../img/pro1-1-1.jpg) }

.color2 .modals span.mod1 { background-image: url(../img/icon3-1.png); }
.color2 .modals span.mod2 { background-image: url(../img/icon4-1.png); }

@media only screen and (max-width: 750px) {
    .color2 .det_title .prev { background-color: rgba(255,255,255,0.8) }

    .color2 .h3_icon3 { background-image: url(../img/icon5-1-fff.png) }
}

.color2 .pro_tit h3.h3_icon2 { background-image: url(../img/icon5-1-fff.png) }

.color2 .text_f_list span.icon7 { background-image: url(../img/icon7-1.png) }
.color2 .text_f_list span.icon8 { background-image: url(../img/icon8-1.png) }

.imgs-c1 { display: block !important; margin: 15px 0; }
.imgs-c2 { display: none !important; margin: 15px 0; }
.color2 .imgs-c1 { display: none !important; }
.color2 .imgs-c2 { display: block !important; }
.color2 .pro_tit h3.h3_icon1 { background-image: url(../img/icon5-fff.png) }
.color2 .pro1_box .link a { background-image: url(../img/icon6-fff.png) }
/*.color2 .service_tag .drop ul { background: rgba(0,0,0,0.2); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }*/
.color2 .ser_items .icon1 { background-image: url(../img/58.png) }
.color2 .ser_items .icon2 { background-image: url(../img/56.png) }
.color2 .ser_items .icon3 { background-image: url(../img/54.png) }
.color2 .ser_items .icon4 { background-image: url(../img/52.png) }
.color2 .ser_items .icon5 { background-image: url(../img/48.png) }
.color2 .ser_items .icon6 { background-image: url(../img/50.png) }
.color2 .ser_items .icon7 { background-image: url(../img/46.png) }
.color2 .ser_items .icon8 { background-image: url(../img/44.png) }
.color2 .ser_items .icon9 { background-image: url(../img/42.png) }
.color2 .ser_items .icon10 { background-image: url(../img/40.png) }
.color2 .ser_items .icon11 { background-image: url(../img/38.png) }


.color2 .ser_items .icon12 { background-image: url(../img/36.png) }
.color2 .ser_items .icon13 { background-image: url(../img/34.png) }
.color2 .ser_items .icon14 { background-image: url(../img/32.png) }
.color2 .ser_items .icon15 { background-image: url(../img/22.png) }
.color2 .ser_items .icon16 { background-image: url(../img/20.png) }
.color2 .ser_items .icon17 { background-image: url(../img/18.png) }
.color2 .ser_items .icon18 { background-image: url(../img/16.png) }
.color2 .ser_items .icon19 { background-image: url(../img/14.png) }
.color2 .ser_items .icon20 { background-image: url(../img/24.png) }
.color2 .ser_items .icon21 { background-image: url(../img/28.png) }
.color2 .ser_items .icon22 { background-image: url(../img/30.png) }
.color2 .ser_items .icon23 { background-image: url(../img/26.png) }

.color2 .ser_items .icon24 { background-image: url(../img/12.png) }
.color2 .ser_items .icon25 { background-image: url(../img/10.png) }
.color2 .ser_items .icon26 { background-image: url(../img/08.png) }

.color2 .ser_items .icon27 { background-image: url(../img/06.png) }
.color2 .ser_items .icon28 { background-image: url(../img/04.png) }
.color2 .ser_items .icon29 { background-image: url(../img/02.png) }



.color2 .service { background-image: url(../img/bg5-1.jpg) }
/*.color2 .item_banner .imgs:after { display: none; }*/
.color2 .his_tit li.on span { color: #FF6200 }
.color2 .his_tit li:after { background-image: url(../img/icon10-1.svg) }
.color2 .his_tit:before { background: #fff; opacity: .2 }
.color2 .his_box.on .his_tit { background: #213E2B }
.color2 .header.fixed { background: #3B5E46 }
.color2 .header.fixed .menu_wrap { background-image: url(../img/menu.png); }
.color2 .header.h_menu .menu_wrap { background-image: url(../img/prev.png); }
.color2 .header.fixed .wap_logo .logo_1 { display: none; }
.color2 .header.fixed .wap_logo .logo_2 { display: block; }
.color2 .news { background-color: #3B5E46 }
.color2 .news .text .btm { color: rgba(255,255,255,0.8) }
.color2 .page_det2 .wrap_box { background: linear-gradient(to bottom,#3B5E46,#213E2B 25%) }
.color2 .map_flex .map_rt, .color2 .map_box { background: #3B5E46 }
.color2 .map_flex .map_rt .items ul li,
.color2 .pro1_box .link a, .color2 .f_menu h3 a, .color2 .page_det2 .title .txt a { color: #fff; }



.map_flex { display: flex; margin-top: 30px; }
.map_flex .map_box { flex: 1; }
.map_flex .map_rt { padding: 20px; box-sizing: border-box; width: 33.33%; margin-left: 8px; border-radius: 10px; background: #fff; }
.map_flex .map_rt .items ul { display: none; }
.map_flex .map_rt .items ul:first-child { display: block; }
.map_flex .map_rt .items ul li { display: flex; line-height: 2; color: #2C2220; }
.map_flex .map_rt .items ul p { flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.map_flex .map_rt .items ul span { opacity: .6 }
.map_rt .tit ul { display: flex; margin-bottom: 20px; }
.map_box .map { height: 279px; }
.map_rt .tit ul li { line-height: 40px; cursor: pointer; margin-right: 10px; padding: 0 16px; border-radius: 40px; background: #F8F8F8; font-size: 18px }
.map_rt .tit ul li.on { background: #FDF2E7; color: #FF6200 }

.img_b_list > ul > li { display: none }
.img_b_list > ul > li:nth-child(-n+9) { display: block; }
.img_b_list.on > ul > li { display: block; }
.img_b_list .more_btn a:before { content: '查看更多' }
.img_b_list.on .more_btn a:before { content: '收起' }


.page_tit h3 label { font-weight: normal; font-size: 16px; opacity: .8; margin-left: 2em }

.yy_flex { display: flex; }
.yy_flex .yy_lt { flex: 1; padding: 20px; border-radius: 10px; background: #fff; }
.yy_flex .yy_rt { width: 33.2%; margin-left: 10px; border-radius: 10px; position: relative; background: url(../img/rt.jpg) no-repeat center center; background-size: cover; z-index: 1 }
.yy_flex .yy_rt:after { content: ''; display: block; position: absolute; width: 100%; bottom: 0; left: 0; height: 40%; background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,1)); z-index: -1; border-radius: 0 0 9px 9px; }
.yy_flex .yy_rt div { position: absolute; left: 0; right: 0; display: flex; align-items: center; justify-content: center; text-align: center; bottom: 10px; line-height: 40px; font-size: 16px; }
.yy_flex .yy_rt div a { font-size: 20px; color: #000; font-weight: 700; opacity: .7 }
.yy_flex .yy_rt div span { display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; color: rgba(76,76,76,0.6); margin-right: 10px; background-image: url(../img/icon13-1.png); }
.yy_flex .div_input, .yy_flex .div_textarea, .yy_flex .div_select select { font-size: 16px; border-radius: 5px; border: 1px solid rgba(57, 57, 57, 0.20); }
.yy_flex .div_select:after { background: url(../img/select.svg) no-repeat center center; }
.div_input { position: relative; }
.yy_flex .div_textarea textarea::-webkit-input-placeholder, .yy_flex .div_input input::-webkit-input-placeholder, .yy_flex .div_select select { font-size: 16px; color: #393939; opacity: .8 }
.yy_flex ul { display: flex; margin-top: 8px; }
.yy_flex ul:first-child { margin-top: 0 }
.yy_flex ul li { flex: 1; margin-left: 4px; }
.yy_flex ul li:first-child { margin-left: 0 }
.yy_flex ul li.right { color: rgba(57, 57, 57, 0.80); font-size: 16px; display: flex; justify-content: flex-end; align-items: center; }
.yy_flex a { color: #FF6200 }
.yy_flex .div_btn { margin: 0; }
.yy_flex .div_btn a { width: 114px; line-height: 40px; border-radius: 10px; background: #FF6200; color: #fff; font-size: 20px; font-weight: bold; display: block; text-align: center; margin-left: 20px; }
.yy_flex .div_input.div_date:after { background: url(../img/date_svg.svg) no-repeat center center }


.color2 .yy_flex .yy_lt { background: #3B5E46 }
.color2 .yy_flex .div_input, .color2 .yy_flex .div_textarea, .color2 .yy_flex .div_select select { border-color: rgba(255,255,255,0.2) }
.color2 .yy_flex .div_textarea textarea::-webkit-input-placeholder, .color2 .yy_flex .div_input input::-webkit-input-placeholder, .color2 .yy_flex .div_select select { color: #fff; }
.color2 .yy_flex .div_input.div_date:after { background-image: url(../img/Vector2.png); }
.color2 .yy_flex .div_select:after { background-image: url(../img/Vector.png) }
.color2 .yy_flex ul li.right { color: #fff }
.color2 .yy_flex .yy_rt:after { background: linear-gradient(to bottom,rgba(59,94,70,0),rgba(59,94,70,.8),rgba(59,94,70,1)) }
.color2 .yy_flex .yy_rt div a, .color2 .yy_flex .yy_rt div span { color: #fff; }


@media only screen and (max-width: 750px) {
    .color2 .page_det2 { background: none; }
    .color2 .page_det2 .wrap_box { width: 100%; margin: 0; padding: 0 15px; background: none; box-sizing: border-box }

    .color2 .swiper3 .swiper-slide .text { background: #3B5E46; }
    .color2 .page1_list_wap .box, .color2 .map_box { background: #3B5E46; }
}

.video { position: relative; }
.video .video_img { transition: all 0s; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; z-index: 10 }
/*.video .video_img:before { content: ''; display: block; bottom: 0; left: 0; right: 0; height: 90px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%); position:absolute;}*/
.video .video_img:after { content: ''; display: block; width: 60px; height: 60px; border-radius: 100%; background: url(../img/play.svg) no-repeat center center; background-size: 50px auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) }
.video .video_img img { opacity: .75; min-width: 100%; min-height: 100%; }

@media only screen and (max-width: 350px) {
    .page_tag ul li { margin-right: 5px }
    .ewms .ewm { margin: 0; flex: 1; }
    .ewms .img { width: 100% }
}

.page_tit { position: relative; }
.flex_center2 .swiper-button-prev { left: auto; right: 30px; width: 30px; height: 30px; }
.flex_center2 .swiper-button-next { right: 0px; width: 30px; height: 30px; }
.flex_center2 .swiper-button-next:after, .flex_center2 .swiper-button-prev:after { color: #000; opacity: 0.2; }
.flex_center2 .swiper-button-next, .flex_center2 .swiper-button-prev { background: none !important; display: none; }
.flex_center2 .swiper-button-next:hover:after, .flex_center2 .swiper-button-prev:hover:after { color: #FF6200; opacity: 1; }
.swiper-button-next, .swiper-button-prev { width: 50px; height: 50px; border-radius: 100%; background: rgba(0,0,0,0.1); }
.swiper-button-next:hover, .swiper-button-prev:hover { background: rgba(0,0,0,0.5) }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; color: #fff; font-weight: bold; }

@media only screen and (min-width: 2500px) {
    .banner { height: 40vw; }
    .banner .img { height: 44.27vw; }
    .wrap { max-width: 62.5vw }
    .swiper1 .swiper-pagination { top: 40vw; max-width: 62.5vw }
}

.page_det2 .title { position: relative; padding-right: 600px; min-height: 410px; }
.page_det2 .title .video { position: absolute; top: 70px; right: 0 }
.page_det2 .title .video .img { width: 100%; height: 100% }

@media only screen and (max-width: 1024px) {
    .page_det2 .title { padding-right: 0; }
}

@media screen and (max-width: 950px) {
    .page_det2 .title { padding-right: 0 }
    .news_list .item .img { height: 90vw }
}

.wrap.wrap_fixed { position: fixed; left: 0; right: 0; top: 100px; z-index: 20 }
.wrap.wrap_fixed2 { position: absolute; top: 15px }
.wrap4 { position: relative; }
.ser_tag { padding-top: 80px; }
.service_tag { text-align: center; }
.service_tag > span { display: none; }
.service_tag ul { display: flex; align-items: center; padding-bottom: 20px; justify-content: center; overflow-x: auto }
.service_tag li { position: relative; max-width: 121px; min-width: 121px; margin: 0 12px; height: 38px; background: #B4A98C; border-radius: 38px; text-align: center; font-size: 18px; color: #fff; line-height: 38px; }
.service_tag li a { color: #fff; }
.service_tag li:hover,
.service_tag li.on { background: #74400A }
.service_tag li.on:after { content: ''; display: block; width: 0; height: 0; border: 10px solid #74400A; border-top-width: 5px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; margin: 0 auto; position: absolute; top: 100%; left: 0; right: 0 }
/*
.service_tag { position: absolute; top: 10px; right: 0; cursor: pointer; z-index: 10 }
.service_tag:hover .drop { display: block; }
.service_tag span { display: flex; width: 120px; line-height: 38px; border-radius: 38px; align-items: center; justify-content: center; background: rgba(0,0,0,0.2); color: #fff; font-size: 18px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.service_tag span:after { content: ''; display: block; width: 6px; height: 6px; border: 2px solid #fff; transform: rotate(45deg); border-top: 0; border-left: 0; margin-left: 5px; margin-bottom: 4px; }
.service_tag .drop { position: absolute; top: 100%; padding-top: 5px; left: 0; width: 100%; display: none; }
.service_tag .drop ul { background: #fff; border-radius: 20px; line-height: 2; font-size: 18px; text-align: center; padding: 10px 0 }*/
@media screen and (max-width: 750px) { /*.service_tag { position: fixed; top: 10px !important; right: 10px !important; z-index: 1001 !important }*/
    .page_det2 .title .video { display: block; position: relative; top: auto; bottom: 100%; margin: 0 auto; margin-bottom: 0; width: 100vw; height: 335px; background: #000 }
    .page_det2 .title .video video { height: 100%; }
    .p_text .tit, .p_text p, .p_text h3 { text-align: justify; }
    .pro_tit h3 { }
    .wrap.wrap_fixed { top: 0; }
    .pro_c2_box { padding: 20px; box-sizing: border-box; padding-top: 30px; border-radius: 10px; position: relative; z-index: 10; background: linear-gradient(to bottom,#fff,#f5f5f5); }
    .swiper3_box { margin-top: 20px; }
    .page_det2 { background: #f5f5f5; }
    .page_det2 .wrap_box { padding: 0; margin: 0 15px }
    .page_det2 .title { margin: 0 -15px; }
    .color2 .pro_c2_box { background: linear-gradient(to bottom,#3B5E46,#213E2B); }
    .yuyue .box { padding: 0 20px; }
    .yy_flex ul li.right, .yy_flex ul, .yy_flex, .map_flex { flex-direction: column; }
    .yy_flex ul li.right { align-items: flex-start }
    .div_radio *, .yy_flex ul li.right p { font-size: 3.8vw; }
    .map_flex .map_rt, .yy_flex .div_btn a { margin-left: 0; margin-top: 15px; width: 100%; flex: 1; }
    .yy_flex .div_btn { flex: 1; width: 100% }
    .yy_flex .yy_lt { padding: 15px; }
    .yy_flex ul li { margin-left: 0; margin-top: 8px; }
    .yy_flex ul li:first-child { margin-top: 0 }
    .yy_flex .yy_rt { width: 100%; height: 329px; margin: 0; margin-top: 10px; display: none }
    .people_list h3 { font-size: 20px; }
    .text_f_list li:after { left: 0; right: 0; width: 100%; height: 1px; top: 0; margin-top: 0; border-left: 0; border-top: 1px dashed rgba(0,0,0,0.1); }
    .text_f_list ul { display: block; padding-top: 0 }
    .text_f_list ul li { min-width: 100%; max-width: 100%; margin-top: 20px; }
    .text_f_list ul li:first-child { margin-top: 0; }


    .swiper3 { transform: translateX(-89vw); }
    .swiper3 .swiper-slide { transform: rotateX(20deg); }
    .swiper3 .swiper-slide-next { transform: rotateX(0deg); }
    .map_rt .tit ul li { padding: 0; flex: 1; text-align: center }

    .viewer-canvas > img { width: 100% !important; height: auto !important; }

    .imgs-c1 { margin: 15px 0 }
}

.viewer-canvas > img { margin: 15px auto !important; }
.item_banner.item6 .imgs:after { display: none }
.mainer { min-height: calc(100vh - 367px) }

@media screen and (min-width: 750px) {
    .map_box .text span:hover { color: #FF6200 }
}


.span_tel { color: #FF6200 !important; padding-left: 10px !important; font-size: 14px; background: none !important; }

.list_txt { display: flex; justify-content: center; align-items: center; padding: 20px 0; border-top: 1px solid rgba(0,0,0,0.1) }
.list_txt .img1 { width: 72px; margin-right: 20px; }
.list_txt .txt { }
.list_txt .txt h3 { font-size: 20px; font-weight: 500; color: #E2750E; }
.list_txt .txt h3 span { color: #393939; font-size: 16px; }


.details .p_text * { background: none !important; }

.map_list .swiper-slide.on { background: #FDF2E7 }
.map_list .page1_list .text { background: none; }



.card-header { display: flex; }
.card-header span { flex: 1; }
.card-header .close { font-size: 20px; cursor: pointer; }
.card-header .close:hover { color: #FF6200 }
.yy_s_modal { transition: all 0s; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000002; display: flex; align-items: center; justify-content: center; opacity: 0; background: rgba(33,62,43,0.95) }
.yy_s_modal.on { opacity: 1; }
.yy_s_modal .box { width: 387px; overflow: hidden; text-align: center; padding-bottom: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.2); font-size: 18px; line-height: 1.5; color: #393939; background: #fff; border-radius: 20px; }
.color2 .yy_s_modal .box { background: #3B5E46; color: #fff; }
.yy_s_modal.on { transform: scale(1) }
.yy_s_modal p { opacity: .7 }
.yy_s_modal img { display: block; margin-bottom: 20px; }
.yy_s_modal h3 { font-size: 28px; margin-bottom: 10px; }
.yy_s_modal h3:after { content: ''; display: block; margin: 10px auto; width: 100px; height: 4px; background: #FF6200; }
.yy_s_modal a { display: block; width: 140px; line-height: 54px; border-radius: 54px; margin: 0 auto; margin-top: 20px; background: #DF742B; color: #fff; font-size: 20px; }
.yy_s_modal a:hover, .yy_s_modal a:active { background: #FF6200 }



.date_multi_popup .date_list .select_firstlast p:before { transition: all 0s !important; -webkit-transform: translateY(-50%); }



.pagination { display: flex; background: #fff; border-radius: 10px; padding: 5px; align-items: center; justify-content: center; }
.pagination li { min-width: 40px; height: 40px; line-height: 40px; box-sizing: border-box; text-align: center; border-radius: 5px; font-size: 16px; padding: 0 10px }
.pagination li.active { background: #FF6200; color: #fff; }
.pagination li.disabled span { color: #ccc; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; }

@media screen and (max-width: 750px) {
    .yy_s_modal .box { margin: 0 14px; }
    .pagination li { min-width: initial; padding: 0 8px; line-height: 28px; height: 28px; }
}

.p_text video { max-width: 100%; height: auto; }


.f-c { display: flex; align-items: center; }
.f-c .page_tit { margin-right: 40px; }
.page_tit h3:after { display: none; }
.page_tit h3 { padding-bottom: 10px; }
.page_new_list ul { display: flex; margin-bottom: 20px; }
.page_new_list li { flex: 1; }
.page_new_list li:not(:first-child) { margin-left: 10px; }
.page_new_list li a { display: flex; align-items: flex-end; height: 354px; border: 0px solid #fff; border-radius: 10px; overflow: hidden; position: relative; }

@media only screen and (min-width: 750px) {
    .page_new_list li a:hover > img { transform: scale(1.05); }
}

.page_new_list li .c1 { display: block; }
.page_new_list li .c2 { display: none; }
.page_new_list li .mask { position: absolute; bottom: -1px; left: -1px; right: -1px; background: url(../img/new/img_bg.png) no-repeat bottom center; background-size: 100% auto; z-index: 1; min-height: 230px; }
.page_new_list img { width: 100%; min-width: 100%; min-height: 100%; object-fit: cover; }

@media screen and (max-width: 1200px) {
    .page_new_list li a { }

    .tel, .yy { padding-right: 10px; margin-right: 10px }
}

@media screen and (max-width: 750px) {
    .page_new_list li .mask { height: calc(100vw * 430 / 845) }
    .page_new_list li a { height: auto }
    .page_new_list li { flex: 0 0 100%; margin-left: 0 !important; margin-top: 10px; }
    .page_new_list ul { flex-wrap: wrap; }
}

.page_new_list li .mask .bg { background: none }
.page_new_list li .mask .txt { max-width: 85%; width: auto; max-height: 85%; position: absolute; top: 60%; left: 50%; transform: translateX(-50%) translateY(-50%) }
.page_new_list img { display: block; }
.page_tit_more { font-size: 18px; display: block; padding-right: 15px; background: url(../img/new/icon1.png) no-repeat right center; }
.page_about { margin-top: 30px; }

.news_list3 ul, .news_list3 li { transition: all 0s }
.news_list3 ul { display: flex; flex-wrap: wrap; }
.news_list3 li { flex: 0 0 33.3% }
.news_list3 .box .img { height: 238px; }
.news_list3 .box { margin: 5px; background: #fff; border-radius: 10px; display: block; overflow: hidden; }
.span_vadio { position: absolute; width: 32px; height: 32px; top: 15px; right: 15px; border-radius: 100%; background: url(../img/new/play.png) no-repeat center center; background-size: 100% auto; }
.news_list3 { margin: 0 auto; }
.news_list3 .text { padding: 15px; font-size: 16px; color: #999 }
.news_list3 h3 { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; color: #333 }
.news_list3 label { padding: 0 5px; font-size: 14px; line-height: 21px; border-radius: 5px; background: rgba(0,0,0,0.05); color: #393939; margin-right: 20px; position: relative; display: block }
.news_list3 label:after { content: ''; display: block; width: 1px; height: 13px; background: #ccc; position: absolute; right: -10px; top: 50%; margin-top: -7px }

.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(33,62,43,0.95); z-index: 1010 }
.modal_box { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal_box .box { position: relative; max-width: 1137px; width: 80%; margin: 0 auto; }
.modal_box .box .close { position: absolute; top: 0; left: 100%; margin-left: 27px; width: 40px; }
.cont_video .bg_fff { border-radius: 10px; overflow: hidden; background: #fff; }
.cont_video .text { padding: 15px; }
.cont_video .text .f-c { font-size: 16px; color: #999; line-height: 13px; }
.cont_video .text .f-c span { display: block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc }
.cont_video .text .f-c label { padding: 0 5px; font-size: 14px; line-height: 21px; border-radius: 5px; background: rgba(0,0,0,0.05); color: #393939; position: relative; display: block }
.cont_video .video { max-height: 60vh; width: 100%; background: #000 }
.cont_video h3 { font-size: 28px; line-height: 1.5; margin-bottom: 10px; }
.cont_video .des { color: #fff; line-height: 2; margin-top: 20px; }
.cont_video .des a:hover { color: #FF6200 !important; }
.fs18 { font-size: 18px; }
.banner_n { }
.banner_content .img { height: 620px }
.banner_content { height: 445px; }
.yuyue.content .text .fs28 { font-size: 28px !important; }
.yuyue.content .inputs { margin-top: 0; border-top: 0 }
.content .inputs .tip { color: rgba(57,57,57,0.8); }
.content .div_input { border: 1px solid rgba(57,57,57,0.2); }
.content .div_textarea textarea::-webkit-input-placeholder, .content .div_input input::-webkit-input-placeholder { color: rgba(57,57,57,0.8); }
.div_des { text-align: center; font-size: 16px; color: #393939; }
.div_des a { color: #E2750E }



@media screen and (max-width: 750px) {
    .page_tit h3 { white-space: nowrap }
    .f-c .page_tit { margin-right: 20px; }
    .f-c .page_tag { flex: 1; }
    .f-c .page_tag li { margin-right: 20px; }
    .news_list3 li { flex: 0 0 50%; }
    .news_list3 .text span { display: none }
    .news_list3 .text span:last-child { display: block; }
    .page_tag_wap ul{ justify-content:space-between;}
    .lvju_head .page_tag_wap ul { justify-content: flex-start; grid-gap: 20px; }
    .lvju_det_box .service_tag li { font-size: 16px; }

    .news_list3 .text { padding: 10px; font-size: 14px; }
    .news_list3 .text .f-c { white-space: nowrap }
    .news_list3 label { margin-right: 0 }
    .news_list3 label:after { display: none; }
    .f-c-wap { flex-direction: column; align-items: flex-start; }
    .f-c-wap .page_tit { margin-bottom: 0 }
    .f-c-wap .page_tag ul { margin: 0 auto }
    .f-c .page_tag { min-width: 100%; max-width: 100%; }


    .news_list3 .box .img { height: 158px; }
    .modal_box .box { width: 100%; height: 100vh }
    .cont_video .text { display: none }
    .cont_video .video { height: 100vh; max-height: 100vh }
    .modal_box .box .close { top: 90vh; right: 0px; margin: 0 auto; left: 0; z-index: 100 }

    .content.yuyue .main_banner .img { background-image: url(/assets/web/img/new/yuyue-1.jpg) !important; }
    .content.yuyue .main_banner { height: 60vw; }
    .service_tag ul { justify-content: flex-start; }
    .service_tag { margin-left: 0px; margin-top: 50px; }
}

.ser_items { margin-top: 20px }


.f_menu .item2 ul { display: flex; flex-wrap: wrap; width: 110px }
.f_menu .item2 ul li { flex: 0 0 50%; }



@media screen and (min-width:2400px) {
    .page_new_list li .mask { min-height: calc(46.5vw * 430 / 1920); }
    .news_list3 .box .img { }
}

.color2 .page_new_list li a { border-color: #213E2B; }

.color2 .page_new_list li .c2 { display: block; }
.color2 .page_new_list li .c1 { display: none; }

/*.menu > ul > li:last-child,.page_new_list,.people_list ul:last-child,
.f_menu ul li:last-child,.f_menu .item:nth-child(4),.service_tag li:nth-child(4),.service_tag li:nth-child(5){display:none}
.people_list ul:last-child,.service_tag li:nth-child(4),.service_tag li:nth-child(5){display:none}*/



/**/
.pro_tit h3.h3_2 { padding-left: 0 }

.page_det2 .title h3 { font-size: 20px; color: #FF6200; margin-top: -10px; margin-bottom: 30px; }
.page_det2.box .wrap_box { background: none; padding-bottom: 0; }
.page_det2.box .title { padding-right: 470px; }
.page_det2.box .title .video { width: 428px; height: 260px; border-radius: 20px; overflow: hidden; top: 0; margin-top: 95px; }
.page_det2.box .title .video video { width: 100%; height: 100%; object-fit: cover }
.page_det2 .title .txt p.line2 { white-space: normal; height: auto; line-height: 20px; padding: 10px 0; -webkit-line-clamp: 10 }
.page_det2 .title ul li { align-items: center; }

.det_items h3 { font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.det_items .txt { font-size: 18px; color: #616161; line-height: 27px; text-align: justify; }
.det_items { margin-top: 30px; border-top: 1px solid #ececec; }
.det_items .item { border-bottom: 1px solid #ececec; padding: 20px 0 }
.det_items .items { transition: all 0s; display: none; }
.page_det2.box { padding-top: 20px; }
.page_det2.box .title ul li:last-child { border-bottom: 0 }
.page_det2 .btn { margin-top: 20px; font-size: 16px; display: flex; align-items: center; cursor: pointer; }
.page_det2 .btn:after { content: ''; display: block; width: 30px; height: 30px; background: url(../img/cxh/icon2.png) no-repeat center center; background-size: 10px auto }
.page_det2 .btn.on:after { background-image: url(../img/cxh/icon1.png) }
.page_det2 .btn.on:before { content: '收起' }
.page_det2 .btn:before { content: '查看更多' }
.pro1_box_bg { background: #fff url(../img/cxh/bg.png) no-repeat bottom center !important; background-size: cover !important; }
.pro1_box_bg .link { display: none; }
.pro1_box_bg, .pro1_box_bg .text { color: #393939 !important; }

@media only screen and (max-width: 750px) {
    .pro1_box_bg { background: #fff url(../img/cxh/bg1.png) no-repeat bottom center !important; background-size: 100% auto !important }

    .main_banner.cxh .img { background-image: url(../img/cxh/banner-wap.jpg) !important; background-size: cover !important; }
    .main_banner.cxh { height: 80vw }
    .page_det2.box .title { padding-right: 0; margin: 0 }
    .pro1_box_bg .text { height: auto; }
    .page_det2.box .title .flex { flex-direction: column; }
    .page_det2.box { padding: 20px; }
    .p_text .tit:after { margin-left: 0 }
    .page_det2 .title h3 { margin-top: 5px; margin-bottom: 20px; }
    .page_det2.box .title .video { width: 100%; margin-top: 20px; height: auto; }
    .det_items h3 { font-size: 20px; margin-bottom: 10px; }
    .det_items .txt { font-size: 16px; line-height: 1.3 }
    .det_items { width: 100% }
    .page_det2.box .wrap_box { width: initial; margin: 0 }
    .pro1_box_bg { height: auto; }
    .news_pinpai li:nth-child(-n+6) { flex: 0 0 50% }
    .news_pinpai li:nth-child(-n+6) .box .text { padding: 10px; }
    .news_pinpai li:nth-child(-n+6) .box .text p span:first-child { display: none; }
    .news_pinpai li:nth-child(-n+6) .span_vadio { margin-right: 0; }
}


.news_pinpai.news_list2 .box .text p span { display: none }
.news_pinpai.news_list2 .box .text p span:last-child { display: block; float: none }
.color2 .det_items .txt { color: #fff; }
.color2 .page_det2 .btn.on:after { background-image: url(../img/cxh/icon1-fff.png); }
.color2 .page_det2 .btn:after { background-image: url(../img/cxh/icon2-fff.png); }

.news_list2 span.span_vadio { display: none; }
.join_list { display: flex; flex-wrap: wrap; }
/*.join_list .item:first-child{ flex:0 0 100%;border-top:0}*/
.join_list .item { flex: 0 0 50%; border-top: 1px solid #D7D7D7; padding: 20px 0 15px }
.join_list h4 { font-size: 18px; color: #393939; opacity: .8; font-weight: bold; margin-bottom: 10px; }
.join_list li { display: flex; line-height: 30px; }
.join_list span { color: #999 !important; padding-left: 30px; margin-left: 0 !important }
.join_list p { color: #111; }
.join_list span.tel2 { background: url(../img/tel.png) no-repeat left center; }
.join_list span.mal { background: url(../img/mal.png) no-repeat left center; }
.yuyue .text_join { max-width: 90%; padding: 50px 0 }

@media only screen and (max-width: 750px) {
    .yuyue .text_join { max-width: 100%; padding: 10px 0 }
    .join_list .item { flex: 0 0 100%; padding: 10px 0; line-height: 1.3 }
    .join_list .item:nth-child(2) { border-top: 1px solid #fff }
    .join_list .item:nth-child(2) h4 { display: none; }
    .banner_content .img { background-size: cover }
    .content.join .main_banner .img { background-image: url(../img/join.jpg) !important; background-size: cover }
}



.c3 { color: #E3760F }
.fs20 { font-size: 20px }


.p_text.left .tit:after { margin-left: 0 }
.icon_list ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -30px }
.icon_list li { flex: 0 0 20%; margin-top: 30px; }
.icon_list .icon { margin: 0 auto; width: 127px; height: 127px; border-radius: 40px; background: #FCFAEF; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 16px; }
.icon_list .icon img { margin-bottom: 10px }
.img-list ul { display: flex; margin-left: -10px; margin-top: 40px; flex-wrap: wrap; }
.img-list li { flex: 0 0 33.33%; padding-left: 10px; font-size: 18px; }
.img-list img { display: block; }
.img-list h3 { font-size: 20px; color: #E3760F; margin: 12px 0 10px; }

.img_list .img { width: 100% }
.img_list ul li:nth-child(2n+1) { margin-top: 0 }
.img_list .img { border-radius: 0 }
.img_list ul li { flex: 0 0 50%; padding: 0 5px; margin: 0 }
.img_list ul { justify-content: center; margin-left: -5px; margin-right: -5px }

@media only screen and (max-width: 750px) {
    .icon_list li { margin: 0 20px; margin-top: 20px; }
    .img-list li, .img_list ul li { flex: 0 0 100%; padding-left: 0; margin-top: 20px; }
    .img-list li:first-child { margin-top: 0 }
    .img-list ul { margin-left: 0 }
    .img_list ul { justify-content: flex-start; flex-wrap: wrap; margin: 30px auto }
    .img_list ul li { padding: 0 }
    .img_list .img img { width: 100%; }
    .page_tag_s { margin-bottom: 20px; }
    .page_tag_s ul { justify-content: center; gap: 15px }
    .page_tag_s li { padding: 0 15px; line-height: 33px; background: #fff; border: 1px solid #DEDEE0; border-radius: 33px }
    .page_tag_s li a { border: none; color: #000 !important }
    .page_tag_s ul li.on, .page_tag_s ul li:hover { border-color: #FF6200; background: #FF6200 }
    .page_tag_s ul li.on a, .page_tag_s ul a:hover { color: #fff !important; border: 0 }
    .m_cxh .img { background-size: cover; min-height: 250px; }
}



.color2 .icon_list .icon { color: #111 }
.swiper3_box { position: relative }
.swiper3_box .swiper-button-prev,
.swiper3_box .swiper-button-next { display: flex; top: 0; margin-top: -40px; }

.page_tag_s ul { flex-wrap: wrap; overflow-x: inherit }

.item_banner .text1 { position: absolute; left: 30%; margin: 0 auto; top: 40%; z-index: 1; text-align: center; }
.page_top_wt { margin-top: -150px; position: relative; z-index: 11; }
.page_top_wt .item.wt_head { background: url(../img/new/sqys.png) no-repeat center center; background-size: cover }
.wt_head h2 { font-weight: bold; font-size: 28px; line-height: 1.3; position: relative; z-index: 1; }
.wt_head h2 span { background-image: linear-gradient(to bottom, #F6EDBD, #D7B878); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wt_head h2:before { content: attr(data-text); width: 100%; color: transparent; position: absolute; z-index: -1; top: 0; left: 0; text-shadow: 0px 2px 2px rgba(0,0,0, 0.35); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wt_list { display: flex; margin: 20px -5px; flex-wrap: wrap; }
.wt_list li { flex: 0 0 25% }
.wt_list li:hover .box { background: #fff; }
.wt_list .box { margin: 5px; height: 100%; border-radius: 5px; background: rgba(255,255,255,0.8); padding: 20px; }
.wt_list .icon { margin-bottom: 20px; }
.wt_list h3 { font-size: 24px; margin-bottom: 20px; }
.wt_list p { line-height: 1.5; font-size: 16px; }
.page_top_wt .item:not(:first-child) { margin-top: 20px; }
.page_top_wt .item { line-height: 1.3; background: #fff; padding: 40px; border-radius: 10px; overflow: hidden; }
.page_top_wt .item .wrap { max-width: 1100px; }
.bold { font-weight: bold; }
.page_wt_list { margin-top: 30px; }
.page_wt_list ul { display: flex; flex-wrap: wrap; margin: -5px; }
.page_wt_list li { flex: 0 0 33.3%; margin-bottom: 10px; }
.page_wt_list .box { margin: 5px; }
.page_wt_list .box p { margin-top: 15px; }
.page_wt_list .img { border-radius: 8px; }
.page_wt_list ul h3 { font-size: 20px; margin: 15px 0; }
.page_wt_list p { font-size: 18px; color: rgba(57, 57, 57, 0.80) }
.page_top_wt .line { margin: 20px 0; border-bottom: 1px dashed #D9D9D9 }
.page_tag_box { margin-top: 30px; }
.page_tag_box .tab_box { transition: all 0s }
.page_tag_box .tab_box:not(:first-child) { display: none; }
.page_tag_box .tab_box > .box { display: flex; align-items: center; background: #A97443; border-radius: 10px; overflow: hidden; }
.page_tag_box .tab_box > .box > * { flex: 1; color: #fff; }
.page_tag_box .text > div { width: 90%; margin: 0 auto; max-width: 440px; font-size: 16px; }
.page_tag_box .text h3 { margin-bottom: 20px; }
.lbl_line { padding: 0 5px; opacity: 0.5; font-size: 16px; }
.page_tag2 ul { justify-content: space-between; position: relative; margin-bottom: 50px; }
.page_tag2 ul:after { display: block; position: absolute; left: 100px; right: 100px; height: 2px; background: #D9D9D9; bottom: -13px; }
.page_tag2 ul li { margin-right: 0; position: relative; }
.page_tag2 ul li:after { content: ''; display: block; position: absolute; width: 60px; height: 23px; background: url(../img/new/icon6.png) no-repeat center center #fff; left: 0; right: 0; margin: 0 auto; z-index: 1; }
.page_tag2 ul li.on:after { background-image: url(../img/new/icon6-1.png) }
.page_tag2 ul li.on a { border-color: transparent }
.page_top_wt .item_swhz { background: url(../img/new/hz.png) no-repeat center center; background-size: cover; }
.item_swhz ul { margin-top: 20px; }
.item_swhz ul li { display: flex; align-items: center; grid-gap: 5px; font-size: 18px; }
.item_swhz ul li a { font-weight: bold; }
.item_swhz ul li a, .item_swhz ul li p { font-size: 20px; }
.item_swhz .icon { display: block; width: 30px; height: 30px; }
.item_swhz .icon1 { background: url(../img/tel.svg) no-repeat center center; }
.item_swhz .icon2 { background: url(../img/mal.png) no-repeat center center; }

@media only screen and (max-width: 1024px) {
    .wt_list li { flex: 0 0 50%; margin-top: 10px; }
    .page_top_wt .item { padding: 20px; }
}

.service_tag_wap { display: none; }
.img_p_box { padding-top: 60%; position: relative; }
.img_p_box > div { position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }

@media only screen and (max-width: 750px) {
    .page_top_wt .item { padding: 20px 5px; }
    .wt_list li { flex: 0 0 100% }
    .page_top_wt { margin-top: 0 }
    .wt_list .box { display: flex; grid-gap: 20px; }
    .service_tag_wap { display: block; float: right; position: relative; margin-top: 10px; position: fixed; top: 0; right: 15px; }
    .service_tag_wap > span { line-height: 40px; display: flex; align-items: center; justify-content: center; grid-gap: 10px; padding: 0 20px; border-radius: 40px; background: rgba(0,0,0,0.2); color: #fff; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
    .service_tag_wap > span:after { content: ''; display: block; width: 6px; height: 6px; border: 1px solid #fff; border-top: 0; border-left: 0; transform: rotate(-135deg) }
    .service_tag_wap a { color: #fff; }
    .service_tag_wap .on a { color: #FF6200 }
    .service_tag_wap:hover > span:after { transform: rotate(45deg) }
    .service_tag_wap:hover ul { display: block; }
    .service_tag_wap ul { display: none; position: absolute; width: 120px; background: rgba(0,0,0,0.2); color: #fff; line-height: 30px; right: 0; top: 100%; margin-top: 10px; border-radius: 10px; padding: 10px 0; text-align: center; }
}


@media only screen and (max-width: 550px) {
    .page_wt_list li { flex: 0 0 100% }
    .page_tag_box .tab_box > .box { flex-direction: column; }
    .page_tag_box .tab_box .text { padding: 20px 0; }
    .fs28 { font-size: 20px; }
    .page_top_wt .page_tag ul li { margin-right: 10px; }
    .page_tag2 ul { margin-bottom: 0px; }
    .page_wt_list, .page_tag_box { margin-top: 20px; }
    .ht20 { height: 0px }
    .page_wt_list .text { padding: 0 !important }
    .item_swhz ul li { font-size: 14px; }
    .item_swhz ul li a, .item_swhz ul li p { font-size: 16px; }
    .page_top_wt .item_swhz { padding: 20px; }
}

.color2 .page_wt_list p { color: #fff; }
.color2 .page_top_wt .item:not(.wt_head),
.color2 .wt_list .box { background: #3B5E46 }
.color2 .wt_list .box:hover { background: rgba(0,0,0,0.5) }
.color2 .page_top_wt .line { border-color: rgba(0,0,0,0.5) }
.color2 .page_tag2 ul li:after { background-color: #3B5E46 }
.color2 .page_tag2 ul:after { background-color: rgba(255,255,255,0.5) }


/*lvju*/
.banner1 { text-align: center; }
.banner1 img { width: 100%; }
.lvju_tit:not(:first-child) { margin-top: 50px }
.lvju_tit h3 { display: inline-block; font-size: 28px; font-weight: bold; position: relative; z-index: 1 }
.lvju_tit h3.h3_icon:after { content: ''; bottom: -8px; right: -50px; position: absolute; width: 213px; height: 19px; background: url(../img/lvju/icon1.png); z-index: -1 }
.lvju_tit .tit { font-size: 20px; line-height: 1.7 }
.page_lvju { padding: 50px 0 }
.lvju_tit .text { color: rgba(57, 57, 57, 0.80); margin-top: 20px; font-size: 18px; line-height: 1.5; }
.lvju_list ul { display: flex; align-items: center; justify-content: center; margin-top: 40px; grid-gap: 60px; }
.lvju_list ul2 { grid-gap: 40px; }

.lvju_swiper { margin-top: 40px; position: relative; }
.lvju_swiper .text { margin-top: 20px; text-align: center; color: #999 }
.lvju_swiper .swiper-button-next, .lvju_swiper .swiper-button-prev { top: 45%; }
.lvju_swiper h3 { font-size: 20px; color: #393939; margin-bottom: 15px; }
.lvju_swiper .swiper-button-next { right: -80px }
.lvju_swiper .swiper-button-prev { left: -80px }
.lvju_swiper .img { border-radius: 100px; position: relative; z-index: 1; }
.lvju_swiper .img:after { content: ''; display: block; width: 100%; height: 50%; background: linear-gradient(to bottom,transparent,#F39700); position: absolute; z-index: 1; bottom: 0; left: 0; opacity: 0 }
.lvju_swiper .info { position: absolute; bottom: 0px; opacity: 0; left: 0; right: 0; text-align: center; font-size: 16px; color: #fff; z-index: 2 }
.lvju_swiper .img:hover .info { bottom: 30px; opacity: 1; }
.lvju_swiper .img:hover:after { opacity: 1; }
.lvju_swiper .info h3 { font-size: 16px; color: #fff; line-height: 1.5; margin: 0 }
.lvju_tit .more { display: flex; margin-left: 50px; padding-left: 50px; height: 30px; align-items: center; border-left: 1px dashed #999 }
.lvju_tit .more:after { content: ''; margin-left: 10px; display: block; width: 14px; height: 14px; background: url(../img/lvju/icon2.png) no-repeat center center; }
.lvju_contact { border-top: 1px solid #DEDEDE; padding: 31px 0; background: url(../img/lvju/bg.jpg) no-repeat center center; background-size: cover }
.lvju_contact .wrap { display: flex; align-items: center; justify-content: space-between; }
.lvju_contact .item h2 { font-size: 28px; font-weight: bold; }
.lvju_contact .ul li { display: flex; align-items: center; line-height: 30px; grid-gap: 10px; }
.lvju_contact .ul span { color: #7F7F7F; display: block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; font-size: 18px; }
.lvju_contact .ul .span1 { background-image: url(../img/icon13-1.png); }
.lvju_contact .ul .span2 { background-image: url(../img/lvju/icon3.png); }
.lvju_contact .ul { font-size: 20px; margin: 20px 0; }
.lvju_contact img { margin: 0 auto; display: block; }
.cFF6200 { color: #FF6200 !important }
.form_box { width: 576px; max-width: 50%; }
.form_box > p { margin-bottom: 15px; color: rgba(57, 57, 57, 0.80) }
.form_box ul { display: flex; flex-wrap: wrap; margin: -5px; }
.form_box ul li { flex: 0 0 33.3%; padding: 5px }
.form_box ul li:last-child { flex: 0 0 100% }
.form_box select,
.form_box textarea,
.form_box input { width: 100%; height: 40px; line-height: 40px; border: 1px solid rgba(57, 57, 57, 0.20); padding: 0 10px; background: #f5f5f5 }
.form_box select { color: #666; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #f5f5f5; padding-right: 30px; }
.form_box .select { position: relative; }
.form_box .select:after { position: absolute; top: 50%; margin-top: -2px; right: 10px; content: ''; display: block; width: 0; height: 0; border: 5px solid transparent; border-top-color: #393939 }
.form_box textarea { resize: none; height: 100px; line-height: 24px; padding-top: 8px; }
.form_box .btm { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; color: #393939 }

.form_box .btm a { color: #FF6200 }
.form_box .btm .btn { display: block; width: 136px; line-height: 43px; text-align: center; background: #E2750E; color: #fff; border-radius: 5px; }
.form_box .btm .btn:hover { background: #FF6200 }
.page_lvju_det { background: #fff; }
.lvju_head { border-bottom: 1px solid #ECECEC }
.lvju_head .wrap { height: 110px; display: flex; align-items: center; justify-content: space-between; }
.d_pos { background: url(../img/lvju/icon4.png) no-repeat left center; display: flex; align-items: center; padding-left: 10px; }
.d_pos a { display: block; margin-left: 30px; position: relative; color: #929292 }
.d_pos a:hover { color: #FF6200 }
.d_pos a:not(:last-child) { font-weight: bold; }
.d_pos a:before { content: ''; display: block; position: absolute; left: -15px; top: 50%; margin-top: -3px; width: 0; height: 0; border: 3px solid transparent; border-left-color: #929292 }
.service_tag.left ul { justify-content: flex-start }
.lvju_det_box { padding: 80px 0 }
.lvju_det_head { display: flex; align-items: center; justify-content: space-between; }
.lvju_det_head .info { width: 50% }
.lvju_det_head .info h2 { font-size: 28px; font-weight: bold; line-height: 1.5 }
.lvju_det_head .info .tit { margin-bottom: 20px; }
.lvju_det_head .info .subtit { border-bottom: 1px solid #ECECEC; padding-bottom: 20px; margin-bottom: 20px; }
.lvju_det_head .info h3 { font-size: 20px; line-height: 1.5 }
.lvju_det_head .ul { margin-top: 30px; font-size: 18px; }
.lvju_det_head .ul li { height: 47px; border-bottom: 1px solid #ECECEC; display: flex; align-items: center; grid-gap: 10px; }
.lvju_det_head .ul li > span { padding-left: 25px; background-position: left center; background-repeat: no-repeat; color: #999; }
.lvju_det_head .ul .span1 { background-image: url(../img/icon13-1.png); }
.lvju_det_head .ul .span2 { background-image: url(../img/icon13-2.png); }
.lvju_det_head .imgs { width: 390px; position: relative; padding-top: 30px; }
.lvju_det_head .img { border-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,0.2); background: #000; overflow: hidden; }
.lvju_det_head .img:not(:last-child) { position: absolute; }
.lvju_det_head .img:first-child { top: 78px; left: -190px }
.lvju_det_head .img:nth-child(2) { width: 90%; top: 0px; left: -85px; }
.lvju_det_head .img:nth-child(2) img { opacity: 0.8 }
.lvju_det_head .img:nth-child(1) { width: 70%; }
.lvju_det_head .img:nth-child(1) img { opacity: 0.5 }
.lvju_title { margin-top: 30px; padding-top: 56px; position: relative; z-index: 1; }
.lvju_title h2 { font-size: 28px; font-weight: bold; }
.lvju_title h2:after { display: block; width: 72px; height: 2px; background: #4F9DC8; margin-top: 10px; content: ''; }
.lvju_title p { font-size: 100px; color: #F4F9FC; position: absolute; top: -10px; left: 0; z-index: -1; font-family: 'Noto Serif SC' }
.lvju_lbls ul { display: flex; flex-wrap: wrap; grid-gap: 8px; margin: 25px 0 30px; }
.lvju_lbls li { line-height: 40px; padding: 0 15px; border-radius: 40px; border: 1px solid #DEDEE0; color: #555571; font-size: 16px; }
.lvju_imgs ul { display: flex; margin: -4px; }
.lvju_imgs li { flex: 0 0 25%; padding: 4px; }
.lvju_imgs .img { position: relative; border-radius: 10px; }
.lvju_imgs .img img { display: block; }
.lvju_imgs .img:after { content: ''; display: block; width: 100%; height: 56px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; bottom: 0; left: 0; }
.lvju_imgs p { position: absolute; bottom: 15px; left: 15px; font-size: 18px; color: #fff; z-index: 1; }
.lvju_title h5 { margin-top: 20px; color: #5F5F5F }
.lvju_swiper2 { max-width: 1200px; position: relative; margin-top: 25px; border-radius: 10px; overflow: hidden; z-index: 1; }
.lvju_swiper2 .swiper-slide { position: relative; height: 0; padding-top: 41.67%; }
.lvju_swiper2 .swiper-slide .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.lvju_swiper2 .swiper-slide:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1)); bottom: 0; left: 0 }
.swiper_lvju2_dot { position: absolute; bottom: 60px; left: 70px; right: 70px; z-index: 10; color: #fff; display: flex; justify-content: space-between; align-items: center; color: #F3F3F3; }
.swiper_lvju2_dot .text { cursor: pointer; min-width: 120px; height: 50px; border-bottom: 1px solid #F3F3F3 }
.swiper_lvju2_dot .text.on { color: #FF6200; border-color: #FF6200 }
.swiper_lvju2_dot h3 { margin-top: .5em; padding-bottom: 1em; font-size: 18px; }

.lvju_list { line-height: 1.3; margin-top: 30px; }
.lvju_list .tit { height: 64px; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; grid-gap: 10px; font-size: 18px; color: #616161; }
.lvju_list .tit p { flex: 1; }
.lvju_list .tit h3 { color: #393939; font-weight: bold; }
.lvju_list .tit span:before { content: attr(data-text); font-size: 14px; }
.lvju_list .drop { padding: 40px 60px; position: relative; z-index: 1; }
.lvju_list .drop_box { display: none; position: relative; z-index: 1; padding-right: 11px; font-size: 16px; color: #616161; line-height: 1.5; transition: all 0s }
.lvju_list .drop, .lvju_list .drop_box:after { border: 1px solid #E7E0CD; border-radius: 10px; background: #FFFCF5; }
.lvju_list .drop_box:after { content: ''; display: block; width: 50%; height: 90%; position: absolute; right: 0; top: 5%; z-index: -1 }
.lvju_list .item:not(:first-child) { margin-top: 20px; }
.lvju_list .item h3,
.lvju_list .drop h3 { color: #393939; font-size: 20px; margin-bottom: 10px; }
.tips_flex { display: flex; flex-wrap: wrap; grid-gap: 15px; margin-top: 15px; }
.tips_flex .tips:first-child { flex: 0 0 100%; }
.tips_flex .tips h5 { font-weight: 600; color: #393939 }
.lvju_det_text ul, .lvju_det_text ul li { list-style: disc; }
.lvju_det_text ul { margin-left: 20px; color: #616161; font-size: 16px; line-height: 24px; margin-top: 20px; }
.lvju_det_text h3 { margin: 30px 0 20px; font-size: 18px; font-weight: bold; color: #393939 }
.lvju_det_text .line { height: 1px; background: #D9D9D9; margin-top: 30px; }
.lvju_swiper .swiper-slide { width: 181px; box-sizing: content-box; padding: 0 18px; }



.lvju_tit h3 { display: flex; align-items: center; margin-bottom: 15px; }
.lvju_tit .tit { font-size: 18px; }
.lvju_tit .text { font-size: 16px; margin-top: 2px }
.lvju_tit h3 span { display: black; position: relative }
.lvju_tit h3 span:after { content: ''; display: block; width: 100%; height: 3px; background: #3287c0; position: absolute; top: 100%; margin-top: 0px; left: 0 }
.lvju_tit h3.h3_icon:after { display: none }
.lvju_tit h3 p { font-size: .7em }
.lvju_det_head .ul li > *:last-child { flex: 1 }

@media only screen and (max-width: 1480px) {
    .lvju_swiper .swiper-slide { padding: 0 10px; }
    .lvju_swiper .swiper-button-next { right: -20px }
    .lvju_swiper .swiper-button-prev { left: -20px; }
    .lvju_list ul { grid-gap: 40px }
}

@media only screen and (max-width: 1024px) {
    .lvju_det_head .imgs { width: 30%; }
    .lvju_list ul { grid-gap: 20px }
}

.lvju_tit { margin-bottom: 20px; }
.lvju_head .page_tag { margin-bottom: 0 }

@media only screen and (max-width: 750px) {
    .header .logo a { height: 60px }
    .menu > ul > li { padding: 10px 0 }
    .people_list ul { flex-wrap: wrap; }
    .people_list li { flex: 0 0 50%; margin: 0; padding: 2px; }
    .menu .h3 { line-height: 25px; height: 50px; }
    .h_rt { margin-top: 10px; }
    .lvju_swiper .swiper-slide { width: 150px; padding: 0 5px; }
    .lvju_swiper { margin-left: -14px; margin-right: -14px; }
    .lvju_swiper .swiper-button-prev { left: 0; }
    .lvju_swiper .swiper-button-next { right: 0 }
    .lvju_contact .wrap { display: block }
    .lvju_contact { background-position: right center }
    .lvju_contact .ul { font-size: 16px; margin-bottom: 10px; }
    .lvju_title h5 { font-size: 16px; }
    .lvju_title { overflow: hidden; padding-top: 40px; }
    .lvju_lbls ul { margin-top: 15px; margin-bottom: 20px; }
    .lvju_title { margin-top: 30px; }
    .d_pos a { margin-left: 24px; }
    .d_pos a:before { left: -12px; }
    .lvju_det_head .ul { margin-top: 10px; }
    .lvju_det_head .info h3 { font-size: 16px; }
    .lvju_imgs p { font-size: 14px; }
    .form_box { max-width: 100%; width: 100%; margin-top: 20px; }
    .lvju_tit .text { font-size: 14px; margin-top: 1em }
    .lvju_det_head .info { width: 100%; }
    .lvju_det_head .info h2 { font-size: 28px; }
    .lvju_tit h3 span:after { margin-top: 5px; }
    .lvju_det_head .imgs { width: 80%; float: right; margin-top: 20px; }
    .lvju_tit:not(:first-child) { margin-top: 30px; }
    .lvju_swiper { margin-top: 20px; }
    .banner1 { height: 250px; }
    .banner1 img { width: 100%; height: 100%; object-fit: cover; }
    .lvju_tit .tit { font-size: 16px; line-height: 1.1; }
    .lvju_list ul { flex-wrap: wrap; grid-gap: 0 }
    .lvju_list ul li { padding: 10px; max-width: 50%; min-width: 50%; }
    .lvju_tit h3 { font-size: 28px; margin-bottom: 20px; }
    .lvju_tit h3.h3_icon:after { transform: scale(0.8) }
    .lvju_tit .more { margin-left: 10px; padding-left: 10px; white-space: nowrap }
    .lvju_head .wrap { display: block; height: auto; padding: 20px 0 0px }
    .lvju_det_box { padding: 20px 0 }
    .lvju_det_box .service_tag { margin-top: 0 }
    .lvju_det_head { display: block; clear: both; }
    .lvju_det_head:after { content: ''; clear: both; display: block; }
    .d_pos { margin-bottom: 10px; }
    .lvju_det_head .img:nth-child(2) { left: -10% }
    .lvju_det_head .img:nth-child(1) { top: 25%; left: -25% }
    .lvju_title p { font-size: 20vw }
    .lvju_imgs li { flex: 0 0 50%; }
    .lvju_imgs ul { flex-wrap: wrap; }
    .swiper_lvju2_dot { overflow-x: auto; grid-gap: 20px; bottom: 20px; left: 20px; right: 20px; align-items: flex-start; }
    .swiper_lvju2_dot h3 { display: none; font-size: 16px; padding-bottom: 10px; }
    .swiper_lvju2_dot .on h3 { display: block; }
    .swiper_lvju2_dot .text { min-width: 50px; }
    .lvju_lbls li { line-height: 30px; padding: 0 10px; font-size: 14px; }
    .lvju_list .tit { height: auto; flex-direction: column; align-items: flex-start; padding: 15px 0; position: relative; font-size: 16px; line-height: 1.2; grid-gap: 10px; padding-right: 80px; }
    .lvju_det_text h3 { margin-top: 30px; margin-bottom: 10px; }
    .lvju_list .tit h3 { font-size: 18px }
    .span_btn { position: absolute; top: 50%; right: 10px; margin-top: -10px; }
    .lvju_list .drop { padding: 15px }
    .lvju_det_text ul { font-size: 16px; line-height: 1.5; margin-top: 10px; }
    .lvju_list { margin-top: 20px; }
}

@media only screen and (max-width: 550px) {
    .form_box ul li { flex: 0 0 100% }
    .lvju_tit .more:after { margin-left: 0px; }
}

.modal_lvju .box { background: #fff; border-radius: 15px; padding: 60px; padding-top: 0 }
.modal_title { height: 80px; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; }
.modal_title .back1 { display: flex; align-items: center; justify-content: center; grid-gap: 10px; font-size: 18px; }
.modal_title .back1:before { content: ''; display: block; width: 24px; height: 24px; background: url(../img/lvju/back.png) }

.modal_lvju .cont_box { max-height: calc(90vh - 200px); overflow-y: auto; }
.modal_lvju .cont_box::-webkit-scrollbar { width: 12px; }
.modal_lvju .cont_box::-webkit-scrollbar-thumb { width: 12px; background: #D9D9D9; border-radius: 12px; }
.list_more .tit { cursor: pointer; height: auto; padding: 18px 0; }
.list_more .tit:hover { color: #FF6200 }
.list_more .tit span { flex: 1; display: block; padding-left: 50px; background: url(../img/lvju/map@2x.png) no-repeat left center; line-height: 40px; }
.icon_more { display: block; width: 30px; height: 30px; background: url(../img/lvju/icon5.png) no-repeat center center; }

@media only screen and (max-width: 750px) {
    .modal_lvju .box { border-radius: 0; padding: 20px; padding-right: 0; padding-top: 0 }
    .modal_title { height: 60px; }
    .modal_lvju .cont_box { padding-right: 20px; max-height: calc(100vh - 60px) }
    .modal_lvju .lvju_title { margin-top: 10px }
    .lvju_list::-webkit-scrollbar,
    .lvju_list::-webkit-scrollbar-thumb { width: 5px; }
    .lvju_swiper2 .swiper-slide { padding-top: 120%; }
    .list_more .tit { flex-direction: row; align-items: center; }
}

.color2 .rc { background-image: url(../img/icon_join-2.png) }
.img_c2{display:none;}
.img_c1{ display:block;}
.color2 .page_lvju_det { background: #3B5E46 }
.color2 .lvju_contact{ background-image:url(../img/lvju/bg-1.png)}
.color2 .lvju_det_text h3, .color2 .d_pos a, .color2 .lvju_det_head .ul li > span, .color2 .lvju_title h5, .color2 .lvju_list .tit h3, .color2 .lvju_list .tit, .color2 .lvju_list .tit, .color2 .form_box .btm, .color2 .lvju_contact .ul span, .color2 .lvju_tit .text, .color2 .lvju_swiper h3, .color2 .lvju_tit .text, .color2 .news_list3 h3,
.color2 .lvju_det_text ul { color: #fff; }
.banner1{ position:relative;}
.color2 .banner1:after { content: ''; display: block; width: 100%; height: 100px; position: absolute; background: linear-gradient(to bottom,transparent,#213E2B);left:0; bottom:0}
.color2 .d_pos a:hover { color: #FF6200 }
.color2 .lvju_lbls li,
.color2 .lvju_head, .color2 .lvju_det_head .info .subtit, .color2 .lvju_det_head .ul li, .color2 .lvju_contact,
.color2 .lvju_list .tit { border-color: rgba(255,255,255,0.2) }
.color2 .lvju_title p { opacity: 0.1 }
.color2 .lvju_lbls li{ color:#fff;border-color:rgba(255,255,255,0.2)}
.color2 .lvju_det_text .line{ background:rgba(255,255,255,0.2)}
.color2 .news_list3 .box,.color2 .form_box select, .color2 .form_box textarea, .color2 .form_box input { background: #3B5E46; color: #fff; }
.color2 .form_box textarea::-webkit-input-placeholder, .color2 .form_box input::-webkit-input-placeholder { color: #fff;opacity:0.5 }
.color2 .form_box .select:after { border-top-color: #fff; }
.color2 .img_c2 { display: block; }
.color2 .img_c1 { display: none; }