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(../image/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(../image/icon1.svg) no-repeat left center; font-size: 16px; color: #9B9B9B; cursor: pointer; }
.yy a { color: #9B9B9B }
.rc { padding-left: 28px; background: url(../image/icon_join.png) no-repeat left center;background-size:20px 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(../image/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(../image/icon4-1.png) no-repeat center center }
.modal_pc span.on { background-image: url(../image/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(../image/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(../image/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(../image/bg3-5.png); height: 156px; }
.color2 .main_banner.wap_hide .img:after { background-image: url(../image/bg3-6.png) }
.main_banner.m_news .img:after { background-image: url(../image/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(../image/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(../image/icon5.png) no-repeat left center; }
.pro_tit h3.h3_icon2 { background: url(../image/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(../image/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(../image/icon7.png) }
.text_f_list span.icon8 { background-image: url(../image/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(../image/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(../image/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(../image/bg4-1.jpg); }
.box_tx .imgs_bg3 { background-image: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/icon13.png); }
.page_det2 .title li .icon2 { background-image: url(../image/icon13-1.png); }
.page_det2 .title li .icon3 { background-image: url(../image/icon13-2.png); }
.page_det2 .title li .icon4 { background-image: url(../image/icon13-3.png); }
.page_det2 .title li .icon5 { background-image: url(../image/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(../image/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(../image/icon13.png) no-repeat left center }
.map_box .text span { display: block; padding-right: 20px; background: url(../image/icon15.png) no-repeat right center; color: rgba(0,0,0,0.6); }




.service { background: url(../image/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(../image/57.png) }
.ser_items .icon2 { background-image: url(../image/55.png) }
.ser_items .icon3 { background-image: url(../image/53.png) }
.ser_items .icon4 { background-image: url(../image/51.png) }
.ser_items .icon5 { background-image: url(../image/47.png) }
.ser_items .icon6 { background-image: url(../image/49.png) }
.ser_items .icon7 { background-image: url(../image/45.png) }
.ser_items .icon8 { background-image: url(../image/43.png) }
.ser_items .icon9 { background-image: url(../image/41.png) }
.ser_items .icon10 { background-image: url(../image/39.png) }
.ser_items .icon11 { background-image: url(../image/37.png) }

.ser_items .icon12 { background-image: url(../image/35.png) }
.ser_items .icon13 { background-image: url(../image/33.png) }
.ser_items .icon14 { background-image: url(../image/31.png) }
.ser_items .icon15 { background-image: url(../image/21.png) }
.ser_items .icon16 { background-image: url(../image/19.png) }
.ser_items .icon17 { background-image: url(../image/17.png) }
.ser_items .icon18 { background-image: url(../image/15.png) }
.ser_items .icon19 { background-image: url(../image/13.png) }
.ser_items .icon20 { background-image: url(../image/23.png) }
.ser_items .icon21 { background-image: url(../image/27.png) }
.ser_items .icon22 { background-image: url(../image/29.png) }
.ser_items .icon23 { background-image: url(../image/25.png) }
.ser_items .icon24 { background-image: url(../image/11.png) }
.ser_items .icon25 { background-image: url(../image/09.png) }
.ser_items .icon26 { background-image: url(../image/07.png) }
.ser_items .icon27 { background-image: url(../image/05.png) }
.ser_items .icon28 { background-image: url(../image/03.png) }
.ser_items .icon29 { background-image: url(../image/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(../image/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(../image/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(../image/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(../image/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: 10; 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(../image/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(../image/icon35-1.png) no-repeat top center; margin-top: 5px; }
.fullrt .f3 { padding-top: 10px; background: url(../image/icon35-2.png) no-repeat top center; margin-top: 5px; }
.fullrt .f4 { padding-top: 25px; background: url(../image/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(../image/Vector.png) no-repeat center center #e3ecf5; top: 0; right: 0; z-index: -1 }
.div_date:after { top: -1px; background-image: url(../image/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_back { position: absolute; top: 0px; left: 30px; width: 40px; height: 40px; border-radius: 100%; background: url(../image/icon33.png) no-repeat center center rgba(0,0,0,0.2); z-index: 1002; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.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: block; 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(../image/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; }
}

@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(../image/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(../image/menu-2.png) }
    .header.h_menu .menu_wrap { background-image: url(../image/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(../image/icon21.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(../image/icon3.png); }
    .modals span.mod1::after { content: '日间模式'; }
    .modals span.mod2::after { content: '护眼模式'; }
    .modals span.mod2 { background-image: url(../image/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; }
    .f_menu ul li { flex: 1; border-right: 1px solid #F2F2F2 }
    .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(../image/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(../image/fw-1.jpg) !important; background-position: top center; background-size: 100% auto }
    .main_banner.m_news { height: 87vw }
    .main_banner .img:after { background: url(../image/bg3-7.png) repeat-x center; background-size: auto 100%; z-index: 1; height: 21.4vw }
    .main_banner.m_news .img { background-image: url(../image/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: flex-start }
    .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(../image/product-1.jpg) !important }
    .page_product .box { padding-top: 20px; background-size: cover }
    .pro1_box.box { padding-bottom: 40vw }
    .pro1_box { background-image: url(../image/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(../image/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(../image/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(../image/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(../image/bg3-3.png) }

.color2 .main_banner .img:after { background-image: url(../image/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(../image/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(../image/icon12-1.png) }
.color2 .div_select:after, .color2 .div_date:after { background-color: rgba(0,0,0,0) }
.color2 .pro1_box { background-image: url(../image/pro1-1-1.jpg) }

.color2 .modals span.mod1 { background-image: url(../image/icon3-1.png); }
.color2 .modals span.mod2 { background-image: url(../image/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(../image/icon5-1-fff.png) }
}

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

.color2 .text_f_list span.icon7 { background-image: url(../image/icon7-1.png) }
.color2 .text_f_list span.icon8 { background-image: url(../image/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(../image/icon5-fff.png) }
.color2 .pro1_box .link a { background-image: url(../image/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(../image/58.png) }
.color2 .ser_items .icon2 { background-image: url(../image/56.png) }
.color2 .ser_items .icon3 { background-image: url(../image/54.png) }
.color2 .ser_items .icon4 { background-image: url(../image/52.png) }
.color2 .ser_items .icon5 { background-image: url(../image/48.png) }
.color2 .ser_items .icon6 { background-image: url(../image/50.png) }
.color2 .ser_items .icon7 { background-image: url(../image/46.png) }
.color2 .ser_items .icon8 { background-image: url(../image/44.png) }
.color2 .ser_items .icon9 { background-image: url(../image/42.png) }
.color2 .ser_items .icon10 { background-image: url(../image/40.png) }
.color2 .ser_items .icon11 { background-image: url(../image/38.png) }


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

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

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



.color2 .service { background-image: url(../image/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(../image/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(../image/menu.png); }
.color2 .header.h_menu .menu_wrap { background-image: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/Vector2.png); }
.color2 .yy_flex .div_select:after { background-image: url(../image/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(../image/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.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(../image/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(../image/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(../image/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 }
        .page_tag_wap.page_tag ul li:not(:last-child) { flex: auto }
        .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(../image/yuyue-11.jpg) !important; 
}
.content.yuyue .main_banner{height: 60vw;}
    .service_tag ul{ justify-content: flex-start;}
    .service_tag{ margin-left:50px;margin-top:10px;}
        
    }

.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(../image/icon2.png) no-repeat center center;background-size:10px auto}
.page_det2 .btn.on:after{ background-image:url(../image/icon16.png) }
.page_det2 .btn.on:before{ content:'收起'}
.page_det2 .btn:before{ content:'查看更多'}
.pro1_box_bg{  background:#fff url(../image/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(../image/bg11.png) no-repeat bottom center !important;background-size:100% auto !important} 

    .main_banner.cxh .img{background-image:url(../image/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(../image/icon1-fff.png);}
.color2 .page_det2 .btn:after{background-image:url(../image/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(../image/tel.png) no-repeat left center;}
.join_list span.mal{background:url(../image/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(../image/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}