body{ font:12px/1.5 "PingFangRegular",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#f3f3f5; overflow-x:hidden; color:#333;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#3c9859;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#c9c9c9;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#c9c9c9;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#c9c9c9;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#c9c9c9;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a,button{ margin:0; padding:0; font-style:normal; font-family:"PingFangRegular"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1470px; width:88%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex5{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}
@font-face{ font-family:PingFangRegular;src:url('../images/PingFang Regular.ttf');}
@font-face{ font-family:PingFangMedium;src:url('../images/PingFang Medium.ttf');}
@font-face{ font-family:PingFangBold;src:url('../images/PingFang Bold.ttf');}

/*header*********************************************************************/
.head{ position:relative; z-index:505; height:96px; background:#fff;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:#fff; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed .w{ position:relative; max-width:1610px;}
.logo img{ display:block; width:55px;}
.logo .txt{ padding:5px 55px 5px 25px; border-right:2px solid #ccc; text-align:center; line-height:1;}
.logo .txt em{ font-size:20px; display:block; font-family:"PingFangBold"; font-weight:bold;}
.logo .txt p{ font-size:10px; font-family:"PingFangBold"; margin-top:5px;}
.nav{ width:43.48%;}
.nav .plebans{ font-size:18px; line-height:96px;}
.nav .plebans a{ display:inline-block; padding:0 .6vw; font-family:"PingFangMedium";}
.nav .plebans:after{ content:""; display:block; position:absolute; bottom:0; left:51%; right:51%; background:#4ab46b; height:6px; font-size:0; overflow:hidden; transition:all .6s;}
.nav li{ position:relative;}
.nav li.cur .plebans a{ color:#4ab46b;}
.nav li.hover .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); left:0; right:0; padding:10px 0; background:#fff; border-radius:0 0 5px 5px; text-align:center;}
.nav li:nth-child(3) .goutp{ left:-15px; right:-15px;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666;}
.goutp p a:hover{ color:#3c9859;}
.hrt{ width:20.373%;}
.search{ width:100%;}
.search_form{ width:100%; position:relative; overflow:hidden; display:block;}
.s_intxt{ border:1px solid #e0e0e0; border-right:none; border-radius:10px 0 0 10px; display:block; padding:9px 10px; line-height:1.5; background:#fff; font-size:16px; color:#333; width:90%;}
.s_inbut{ border:none; cursor:pointer; position:absolute; top:0; bottom:0; right:0; font-size:18px; padding-left:30px; width:104px; overflow:hidden; border-radius:0 10px 10px 0; transition:all .6s; color:#fff; background:url(../images/search.png) #3c9859 17px center no-repeat; background-size:20px 20px;}
.s_inbut:hover{ background-color:#4ab46b;}
.head_on .head-fixed{ box-shadow:0 0 6px 0 rgba(0,0,0,.2);}

.sanh{ width:50px; padding:10px; position:absolute; right:calc(4% - 10px); top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#3c9859;}
.tesd>div{ background-color:#3c9859!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ z-index:5; overflow:hidden; width:100%; background:#fff;}
.banner .swiper-slide{ background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}
.banner .swiper-slide .w{ position:relative;}
.banner .swiper-slide .txt_pos{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:6;}
.banner .swiper-slide .clear{ width:100%; line-height:1.315;}
.banner .swiper-slide .clear *{ transform:translateX(100px); opacity:0; color:#fff;}
.banner .swiper-slide .clear em{ display:block; font-size:54px; font-family:"PingFangBold"; position:relative; padding-bottom:33px;}
.banner .swiper-slide .clear em::after{ content:''; display:block; position:absolute; left:0; bottom:0; width:60px; height:6px; font-size:0; overflow:hidden; background:#fff; border-radius:1000px;}
.banner .swiper-slide .clear p{ font-size:20px; margin-top:33px;}
.banner .swiper-slide.swiper-slide-active .clear *,.banner .swiper-slide.swiper-slide-active .pic{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:4.761904761904762%; height:2px; background:#fff; opacity:.7; margin:0 15px!important; border-radius:0;}
.banner .swiper-pagination-bullet-active{ opacity:1; height:4px;}
.banner .swiper-button-prev{ left:3.6%;}
.banner .swiper-button-next{ right:3.6%;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ color:rgba(255,255,255,.7); transition:all 0.6s;}
.banner .swiper-button-prev:hover:after,.banner .swiper-button-next:hover:after{ color:rgba(255,255,255,1);}
.nyban .swiper-slide .clear em{ padding-bottom:0!important;}
.nyban .swiper-slide .clear em:after{ display:none;}

.titc{ width:100%; justify-content:space-between;}
.titc em{ display:inline-block; font-size:38px; color:#000; font-family:"PingFangBold"; position:relative; padding-left:16px;}
.titc em::before{ content:''; display:block; position:absolute; left:0; top:50%; margin-top:-11px; width:6px; height:22px; font-size:0; overflow:hidden; background:#3c9859;}
.com_but{ border:1px solid #000; border-radius:1000px; padding:0 34px; font-size:16px; line-height:2.375;}
.com_but i{ margin:0 10px 0 0; border:1px solid #000; width:16px; height:16px; border-radius:50%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.com_but img{ height:6px;}
.com_but.write_but{ border-color:#fff; color:#fff;}
.com_but.write_but i{ border-color:#fff;}
.com_but.write_but img{ filter:invert(100%);}
.titc .com_but{ background:#000;}

.con1{ width:100%; overflow:hidden; padding:40px 0; background:#f3f3f5; position:relative; z-index:11;}
.con1 .tab{ margin-top:30px;}
.con1 .tab .com_but{ margin-right:20px;}
.con1 .tab .com_but:last-child{ margin-right:0;}
.con1 .tab .com_but.cur{ background:#3c9859; border-color:#3c9859; color:#fff;}
.con1 .tab .com_but.cur i{ border-color:#fff;}
.con1 .tab .com_but.cur img{ filter:invert(100%);}
.con1c{ display:none; width:100%;}
.con1c.cur{ display:block; margin:30px 0;}
.con1_lf{ width:65.30612244897959%;}
.foucs{ width:100%; margin:0;}
.foucs .swiper-slide{ border-radius:20px; overflow:hidden;}
.foucs .swiper-slide a{ display:block;}
.foucs .swiper-slide .pic_w img{  height:100%; width:100%;}
.foucs .swiper-slide .txt{ position:absolute; left:0; right:0; bottom:0; padding:23px 30px;}
.foucs .swiper-slide .txt p{ font-size:24px; font-family:"PingFangBold"; color:#fff;}
.foucs .swiper-slide .txtbg{ position:absolute; left:0; right:0; bottom:0; height:50%; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));}
.foucs .swiper-pagination{ bottom:34px; width:auto; right:30px; left:auto;}
.foucs .swiper-pagination-bullet{ width:14px; height:14px; background:#fff; opacity:.4; margin:0 10px!important; border-radius:50%;}
.foucs .swiper-pagination-bullet-active{ opacity:1;}
.foucs .swiper-button-prev{ left:20px;}
.foucs .swiper-button-next{ right:20px;}
.foucs .swiper-button-prev,.foucs .swiper-button-next{ width:60px; height:150px; background:rgba(255,255,255,.25); margin-top:-75px;}
.foucs .swiper-button-prev:after,.foucs .swiper-button-next:after{ color:rgba(255,255,255,.7); transition:all 0.6s;}
.foucs .swiper-button-prev:hover:after,.foucs .swiper-button-next:hover:after{ color:rgba(255,255,255,1);}
.con1_rt{ width:32.6530612244898%; border-radius:20px; overflow:hidden; background:#fff;}
.con1_list li{ width:100%; background:#fff;}
.con1_list li a{ display:block;}
.con1_list li .pic_w img{ width:100%; height:100%;}
.con1_list li .txt{ padding:20px 4.166666666666667% 25px 4.166666666666667%;}
.con1_list li .txt h3{ font-size:20px; line-height:1.7; color:#000; font-family:"PingFangBold"; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con1_list li .txt .txtc{ font-size:16px; line-height:1.75; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin-top:28px;}
.dt_but{ margin-top:20px; overflow:hidden;}
.dt_but em{ float:right; font-size:16px; color:#000;}
.dt_but em i{ margin:0 10px 0 0; border:1px solid #000; width:16px; height:16px; border-radius:50%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.dt_but em img{ height:6px!important;}

.con2{ width:100%; overflow:hidden; padding:60px 0; background:url(../images/bg2.png) #fff center top no-repeat; background-size:cover; position:relative; z-index:12;}
.con2c{ width:100%; margin:60px 0 10px 0; justify-content:space-between;}
.con2_lf{ width:38.5%;}
.city_list{ width:100%;}
.city_list li{ width:32.8%; margin-right:7%; border-bottom:2px solid #cbcaca; position:relative;}
.city_list li:after{ content:""; display:block; position:absolute; top:50%; margin-top:-4px; right:10px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #999;}
.city_list li:last-child{ margin-right:0;}
.city_sel{ width:100%; display:block; border:none; background:none; font-size:16px; padding:0 10px; height:38px;}
.con2_lf .adr_txt{ margin-top:60px;}
.con2_lf .adr_txt em{ display:block; font-size:20px; color:#3c9859; font-family:"PingFangBold"; position:relative; padding-left:40px; margin-bottom:9px;}
.con2_lf .adr_txt em img{ display:block; height:23px; top:50%; margin-top:-11.5px; left:10px; position:absolute;}
.con2_lf .adr_txt p{ font-size:16px; color:#666; margin-top:1px; padding-left:40px;}
.con2_list{ text-align:center; margin-top:80px; line-height:1;}
.con2_list li em{ display:block; font-size:56px; color:#3c9859; font-family:"PingFangBold";}
.con2_list li em span{ font-family:"PingFangBold"; margin-right:8px;}
.con2_list li p{ font-size:20px; color:#3c9859; margin-top:7px;}
.con2_rt{ width:53.33333333333333%;}
.con2_rt img{ display:block; width:100%;}

.con3{ width:100%; overflow:hidden; padding:60px 0; background:#f3f3f5; position:relative; z-index:13;}
.con3c{ width:100%; margin:45px 0 10px 0;}
.con3_list{ width:100%;}
.con3_list li{ width:16.3265306122449%;height:600px; text-align:center; margin-right:1.360544217687075%; overflow:hidden; border-radius:20px; position:relative; transition:all .6s;}
.con3_list li .clear{ position:absolute; left:0; right:0; bottom:28px;}
.con3_list li .pic img{ display:block; height:100%;}
.con3_list li .pic:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; top:0; box-shadow:0 -20px 80px rgba(0,0,0,.5) inset; transition:all 0.6s;}
.con3_list li a{ display:block;}
.con3_list li *{ color:#fff;}
.con3_list li h3{ font-size:28px; margin-bottom:11px;}
.con3_list li h3 em{ display:inline-block; position:relative; padding:0 24px; font-family:"PingFangBold";}
.con3_list li h3 em:before,.con3_list li h3 em:after{ content:''; display:block; position:absolute; width:14px; height:14px; font-size:0; overflow:hidden;}
.con3_list li h3 em:before{ left:0; top:-6px; border-top:4px solid #fff; border-left:4px solid #fff;}
.con3_list li h3 em:after{ right:0; bottom:-6px; border-bottom:4px solid #fff; border-right:4px solid #fff;}
.con3_list li .txt,.con3_list li .dt_but{ opacity:0;transition:all .6s ease;transform:translateY(30px);transition:all 0s ease 0s;}
.con3_list li .txt{ font-size:14px; line-height:1.785714285714286; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; display:none;}
.con3_list li .dt_but{ margin-top:9px; display:none;}
.con3_list li .dt_but em i{ color:#fff; border-color:#fff;}
.con3_list li .dt_but img{ filter:invert(100%);}
.con3_list li:last-child{margin-right:0;}
.con3_list li.active{width:46.93877551020407%;text-align:left;}
.con3_list li.active .clear{padding:0 5.8%;}
.con3_list li.active .txt{ display:-webkit-box;}
.con3_list li.active .dt_but{ display:block;}
.con3_list li.active .txt,.con3_list li.active .dt_but{ opacity:1;transform:translateY(0);transition:all .4s ease .7s;}
.con3_list li.active .pic:after{ box-shadow:0 -100px 190px rgba(0,0,0,.8) inset;}

.con4{ width:100%; overflow:hidden; padding:40px 0; background:url(../images/bg4.jpg) #e5e5e7 center top no-repeat; background-size:cover; position:relative; z-index:14;}
.con4c{ width:100%; padding:40px 0 30px 0;}
.con4c .swiper{ overflow:visible;}
.con4_list li{ background:#fff; border-radius:22px; overflow:hidden;}
.con4_list li .pic .pic_w img{ width:100%; height:100%;}
.con4_list li .shop_name{ text-align:center; margin-top:-46px; position:relative; z-index:15;}
.con4_list li .shop_name .shop_pic{ position:relative; display:block; border-radius:50%; margin:0 auto; width:92px; height:92px; border:3px solid #efefef; overflow:hidden; background:#fff;}
.con4_list li .shop_name .shop_pic .pic_w{ left:10%; right:10%; top:10%; bottom:10%;}
.con4_list li .shop_name p{ font-size:20px; margin-top:10px;}
.con4_list li .txt{ padding:0 5% 29px 5%;}
.con4_list li .tj{ text-align:center; margin-top:10px;}
.con4_list li .tj dd{ width:50%; border-right:1px solid #ccc;}
.con4_list li .tj dd:last-child{ border-right:none;}
.con4_list li .tj dd em{ display:block; font-size:12px; color:#999;}
.con4_list li .tj dd p{ font-size:18px; color:#000; margin-top:1px;}
.con4_list li .txtc{ font-size:12px; color:#999; line-height:1.75; margin-top:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}

.combg{ padding:50px 0; width:100%; overflow:hidden; background:#f3f3f5;}
.com_con{ width:100%;}
.com_con .sider{ font-size:16px; line-height:60px; background:#fff; border-radius:10px 0 0 10px; padding:0 20px;}
.com_con .sider a{ margin:0 30px; position:relative;}
.com_con .sider a:after{ content:""; display:block; position:absolute; right:-30px; width:1px; font-size:0; overflow:hidden; height:22px; top:50%; transform:translate(0,-50%); background:#dad9d9;}
.com_con .sider a:last-child:after{ display:none;}
.com_con .sider a.cur{ font-family:"PingFangBold"; color:#4ab46b;}
.com_con .sider a.cur:before{ content:""; display:block; position:absolute; bottom:0; width:40px; font-size:0; overflow:hidden; height:3px; left:50%; transform:translate(-50%,0); background:#4ab46b;}
.com_con .c_form{ width:220px; position:relative; border-radius:0 10px 10px 0; background:#333;}
.c_intxt{ font-size:14px; color:#fff; background:none; line-height:60px; border:none; width:100%; padding:0 30px;}
.c_inbut{ position:absolute; right:30px; transform:translate(0,-50%); font-size:0; overflow:hidden; top:50%; background:url(../images/search.png) 0 0 no-repeat; background-size:cover; width:20px; height:20px; border:none;}

.news_list{ width:102.040816326530612%; padding-top:20px;}
.news_list li{ margin:2.040816326530612% 2.040816326530612% 0 0; width:22.95918367346939%; border-radius:14px; overflow:hidden;}
.news_list li .txt h3{ font-size:16px;}
.news_list li .txt{ padding:20px 4.65%;}
.news_list li .txt .txtc{ font-size:14px; margin-top:8px;}
.news_list li .other{ margin-top:10px; font-size:14px;}
.news_list li .other em{ margin-right:28px; color:rgba(0,0,0,.7);}
.news_list li .other em:last-child{ margin-right:0;}
.news_list li .other img{ height:18px; margin-right:10px;}

.page{ justify-content:space-between; padding:40px 4.762% 0 4.762%;}
.page .prev,.page .next{ font-size:16px;}
.page i{ border:1px solid #999; border-radius:6px; font-size:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; min-width:50px; height:50px;}
.page .prev i{ margin-right:20px;}
.page .next i{ margin-left:20px;}
.page .next img{ transform:rotate(-180deg);}
.page em a{ margin:0 10px;}
.page em a.cur i{ color:#fff; background:#3c9859; border-color:#3c9859;}

.yw_list{ width:102.040816326530612%; padding-top:20px;}
.yw_list li{ margin:2.040816326530612% 2.040816326530612% 0 0; width:22.95918367346939%;}

.pro_list{ width:102.040816326530612%; padding-top:20px;}
.pro_list li{ margin:2.040816326530612% 2.040816326530612% 0 0; width:17.95918367346939%; position:relative; border-radius:14px; overflow:hidden;}
.pro_list li a{ display:block;}
.pro_list li .pic:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; top:0; box-shadow:0 -20px 80px rgba(0,0,0,.5) inset; z-index:5; transition:all 0.6s;}
.pro_list li .pic_w img{ width:100%; height:100%;}
.pro_list li .txt{ position:absolute; left:20px; right:20px; bottom:16px; z-index:7;}
.pro_list li .txt *{ color:#fff;}
.pro_list li .txt em{ display:block; font-size:28px; font-family:"PingFangBold"; padding-left:16px; position:relative;}
.pro_list li .txt em:before{ content:""; display:block; position:absolute; left:0; width:4px; font-size:0; overflow:hidden; height:20px; top:50%; transform:translate(0,-50%); background:#fff;}
.pro_list li .txt p{ font-size:16px; margin-top:3px;}
.pro_list li .txt p span{ margin-right:20px;}
.pro_list li .txt p span:last-child{ margin-right:0;}
.pro_list li.hover .pic:after{ box-shadow:0 -100px 190px rgba(0,0,0,.8) inset;}

.news_dt{ background:#fff; border-radius:20px; overflow:hidden; padding:40px 0;/* width:93.19727891156463%; margin:0 auto;*/}
.location{ padding:0 4.762%; font-size:16px;}
.location .back:before{ content:"prev"; font-family:"swiper-icons"; border:1px solid #999; border-radius:6px; font-size:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; min-width:48px; height:48px; margin-right:20px;}
.location .back{ margin-right:20px;}
.location i{ padding:0 10px;}
.news_show{ padding:0 4.762%;}
.news_tit{ text-align:center; border-bottom:1px solid #f0f0f0; padding:30px 0 35px 0;}
.news_tit h3{ font-size:32px; color:#000; font-family:"PingFangBold";}
.news_tit p{ margin-top:10px;}
.news_tit p em{ font-size:16px; color:#777; margin:0 30px;}
.news_txt{ text-indent:2em; font-size:16px; line-height:1.875; color:#666; border-bottom:1px solid #f0f0f0; padding:32px 0;}
.news_txt img{ display:block; margin:0 auto; max-width:100%;}
.news_txt b{ color:#000;}

.pro_tit{ text-align:center; font-size:32px; color:#000; font-family:"PingFangBold"; padding:30px 0 0 0;}
.pro_dt1{ width:100%; padding:0 2.72108843537415% 9px 2.72108843537415%; margin-top:30px;}
.pro_dt1_lf{ width:43.02325581395349%;}
.pro_foucs{ width:100%;}
.pro_foucs .swiper-slide{ border-radius:16px; overflow:hidden;}
.pro_foucs .swiper-slide .pic_w img{ width:100%; height:100%;}
.pro_foucs .swiper-pagination{ bottom:15px;}
.pro_foucs .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:.5; margin:0 10px!important; border-radius:50%;}
.pro_foucs .swiper-pagination-bullet-active{ opacity:1;}
.pro_dt1_lf p{ text-align:center; font-size:16px; color:#666; margin-top:19px;}
.pro_dt1_rt{ width:55.03875968992248%; padding:3px 0;}
.pro_dt1_rt ul{ width:100%;}
.pro_dt1_rt ul li{ font-size:16px; line-height:1.875; display:flex; padding-left:74px; position:relative; margin-bottom:7px;}
.pro_dt1_rt ul li:last-child{ margin-bottom:0;}
.pro_dt1_rt ul li.li1{ padding-left:104px;}
.pro_dt1_rt ul li .t1{ font-family:"PingFangBold"; padding-left:16px; position:absolute; left:0; top:0;}
.pro_dt1_rt ul li .t1:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#3c9859; z-index:5;}
.pro_dt1_rt ul li .txt{ width:100%;}
.pro_t2{ text-align:center; font-family:"PingFangBold"; font-size:20px; color:#000; margin-top:15px;}
.pic_list{ padding-top:10px;}
.pic_list li{ width:23.12925170068027%; margin:1.020408163265306%;}
.pic_list li a{ display:block;}
.pic_list li.li1{ width:10.61224489795918%;}
.pic_list li .pic{ border-radius:14px;}
.pic_list li .pic_w img{ width:100%; height:100%;}
.pic_list li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; font-size:16px; color:#666; text-align:center; margin-top:8px;}
#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:46.2%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:10px; right:10px; width:36px; height:36px; cursor:pointer; background:transparent url('../images/close.png') 0 0 no-repeat; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px; background-size:100%;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ display:none!important; left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ display:none!important; right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:none;}
#zoom p{ text-align:center; color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:2; padding:10px 0;}

.com_bot{ background:url(../images/cbg.jpg) #3c9859 center top no-repeat; background-size:cover; padding:54px 0 62px 0;}
.com_bot .txt{ text-align:center; color:#fff; font-size:38px; font-family:"PingFangBold"; line-height:1.342105263157895;}
.com_bot .com_but{ border-color:#fff; font-size:16px; color:#fff; margin-top:40px;}
.com_bot .com_but i{ margin:0 0 0 10px;}

.com li .pic_w img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#fff; overflow:hidden; font-size:16px;}
.footer *{ color:#969696;}
.footer a:hover{ color:#3c9859!important;}
.foot0 .w{ justify-content:space-between; padding:30px 0;}
.foot0 *{ color:#333; font-family:"PingFangBold";}
.f_logo img{ display:block; width:95px;}
.f_logo .txt{ padding:0 0 0 30px; text-align:center; line-height:1;}
.f_logo .txt em{ font-size:25px; display:block; font-weight:bold;}
.f_logo .txt p{ font-size:13px; margin-top:6px;}
.foot0 .f_txt{ text-align:center;}
.foot0 .f_txt em{ font-size:40px; font-weight:bold; color:#000;}
.foot0 .f_txt em font{ color:#3c9859;}
.foot0 .f_txt em i{ color:#3c9859; padding:0 8px;}
.foot0 .f_txt p{ font-size:12px; color:rgba(0,0,0,.3);}
.foot1{ width:100%; padding:36px 0; border-top:2px solid #f0f0f0;}
.foot1 span{ font-size:18px; font-weight:bold; display:block; color:#000;}
.foot1 span a{ color:#000;}
.f_nav{ width:73.8%; max-width:calc(100% - 230px);}
.f_nav li .txt{ margin-top:-2px;}
.f_nav li p{ margin-top:14px;}
.f_nav li em{ display:block; margin-top:22px;}
.f_nav li em a{ color:rgba(255,255,255,.4);}
.f_nav li em a i{ padding-left:12px; font-family:"simsun";}
.f_ewm{ width:17.68707482993197%; min-width:200px;}
.f_ewm dl{ width:100%; text-align:center; margin-top:17px;}
.f_ewm dl dd{ width:42.3%;}
.f_ewm dl dd img{ display:block; width:100%;}
.f_ewm dl dd p{ color:#666; margin-top:17px;}
.foot{ border-top:2px solid #f0f0f0; padding:22.5px 0; text-align:center;}
.foot em{ padding:0 12px;}

.contact{ width:100%; margin:32px 0 20px 0;}
.contact .txt{ width:38%;}
.contact .txt ul{ margin-top:-15px;}
.contact .txt ul li{ width:100%; position:relative; padding-left:48px; margin-top:45px;}
.contact .txt ul li .ico1{ width:26px; position:absolute; left:0; top:0;}
.contact .txt ul li em{ display:block; font-size:26px; color:#000; line-height:1;}
.contact .txt ul li p{ font-size:14px; color:#777; margin-top:6px;}
.contact .f_ewm{ width:60%; margin-top:45px;}
.contact .f_ewm p{ font-size:14px; margin-top:10px;}
.contact .map{ width:61.22448979591837%; background:#fff; border:10px solid #fff; border-radius:8px; overflow:hidden;}

.a_con1{ padding-bottom:20px;}
.a_t1{ text-align:center; font-size:28px; color:#000; margin-top:20px;}
.a_con1c{ padding:0 10%; width:100%; margin-top:32px;}
.a_con1c .pic{ width:38.26530612244898%; border-radius:8px;}
.a_con1c .pic img{ display:block; width:100%;}
.a_con1c .pro_dt1_rt{ width:60.03401360544218%;}
.a_con2{ padding-top:40px;}
.a_con2_list{ width:102%; padding:20px 0;}
.a_con2_list li{ position:relative; border-radius:8px; overflow:hidden; margin:2% 2% 0 0; width:16%;}
.a_con2_list li a{ display:block;}
.a_con2_list li .pic:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; top:0; box-shadow:0 -17000px 80px rgba(0,0,0,.2) inset; transition:all 0.6s; z-index:55;}
.a_con2_list li .pic_w img{ width:100%; height:100%;}
.a_con2_list li .txt{ position:absolute; left:0; right:0; top:0; bottom:0; font-size:28px; color:#fff; font-family:"PingFangBold"; z-index:555;}
.a_con2_list li.hover .pic:after{ box-shadow:0 -20px 8000px rgba(0,0,0,.2) inset;}
.a_con3{ background:url(../images/abg3.jpg) center top no-repeat; background-size:cover;}
.a_con3 .w1{ max-width:1722px; width:89.6875%;}
.a_con3 .pic{ margin:30px 0 10px 0;}
.a_con3 .pic img{ display:block; width:100%;}
.a_con4{ padding:60px 0 5px 0;}
.a_con4c{ margin-top:40px;}
.a_con4c .w{ max-width:1820px; width:94.79166666666667%;}
.a_con4c .swiper{ overflow:visible;}
.a_con4c .pic_list li{ margin:0;}
.a_con5c{ margin:30px 0 15px 0;}
.a_con5c .w{ max-width:1820px; width:94.79166666666667%;}
.a_con5c .swiper{ overflow:visible;}
.a_con5c .pic_list li{ margin:0; width:18.68131868131868%;}
.a_con5c .pic_list li.li1{ width:8.571428571428571%;}
.com_button .w{ position:relative;}
.com_button .swiper-button-prev{ left:-10px;}
.com_button .swiper-button-next{ right:-10px;}
.com_button .swiper-button-prev,.com_button .swiper-button-next{ width:40px; height:40px; background:#3c9859; border-radius:50%; top:48%;}
.com_button .swiper-button-prev:after,.com_button .swiper-button-next:after{ color:#fff; font-size:16px;}