body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#0c1015;}

/*链接整体设置*/
a{ text-decoration:none; color:#0c1015; transition:all .15s;}
a:hover{ color:#f38001;}
a:active{ color:#0c1015;}
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:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
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{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; 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:1720px; 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;}
.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:impact;src:url('../images/impact.ttf');}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; height:93px; border-bottom:1px solid rgba(255,255,255,.2); position:fixed; top:0; left:0; right:0; transition:all linear .2s; line-height:92px;/* box-shadow:0 0 10px rgba(0,0,0,.1);*/ background:rgba(0,0,0,.3); backdrop-filter: blur(20px) saturate(2) brightness(.9);}
.head-fixed .w{ position:relative;}
.logo{ width:14.5%;}
.logo img{ height:60px;}
.nav{ width:63.37209302325581%; position:relative; padding-right:26.15%;}
.nav .plebans{ font-size:16px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; font-weight:bold; color:#fff; transition:all .5s;}
.nav li{ position:relative;}
.nav li .jd{ display:none; width:11px; height:7px;}
.nav_bg{ display:none;}
.nav li.hover .plebans a,.nav li.cur .plebans a{ color:#f38001;}
.nav li.hover .jd{ background-image:url(../images/down_icon_sel.png);}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:130px; margin-left:-65px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:14px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:#f38001; background:rgba(0,0,0,.05);}
.hrt{ position:absolute; top:0; right:0;}
.telephone_icon{ font-size:30px; font-family:"impact"; padding:0 30px 0 40px; background:url(../images/tell.png) left center no-repeat; background-size:25px 24px; color:#fff; border-right:1px solid rgba(255,255,255,.2);}
.telephone_icon:hover{ color:#fff;}
.net{ border-right:1px solid rgba(255,255,255,.2); padding:0 35px;}
.net em{ background:url(../images/net.png) left center no-repeat; background-size:21px 21px; color:#fff; font-size:16px; padding-left:38px;}
.head_on .head-fixed{ background:none; backdrop-filter:none;}

.sanh{ width:50px; padding:10px; position:absolute; right:-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:#f38001;}
.tesd>div{ background-color:#f38001!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);}

.home{ width:100%; height:100%;}
.home_c{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%;}
.home_c:last-child{ height:auto;}
.home .home_pag{ right:2.7%; z-index:5;}
.home .home_pag span{ border:1px solid rgba(255,255,255,0); width:16px; height:16px; opacity:1; margin:40px 0!important; background:none; padding:5px; position:relative;}
.home .home_pag span:first-child,.home .home_pag span:last-child{ display:none;}
.home .home_pag span i{ display:block; background:#000; border-radius:50%; height:4px; width:4px;}
.home .swiper-pagination font{ display:inline-block; color:rgba(0,0,0,.6); font-size:12px; position:absolute; right:30px; top:-1px; line-height:16px;}
.home .home_pag span.swiper-pagination-bullet-active{ border:1px solid rgba(0,0,0,.6);}
.home .home_pag span.swiper-pagination-bullet-active font{ font-size:0;}
.home .home_pag span.swiper-pagination-bullet-active font:after{ display:block; color:rgba(0,0,0,.6); font-size:12px; position:absolute; right:0; top:0; line-height:16px; width:30px; text-align:right;}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(2) font:after{ content:"介绍";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(3) font:after{ content:"产品";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(4) font:after{ content:"特点";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(5) font:after{ content:"新闻";}

.sm_xj{ transform:translateX(60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj{ transition:all .5s ease 1s; transform:translateY(0); opacity:1;}
.sm_xj0{ transform:translateX(-60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj0{ transition:all .5s ease 1s; transform:translateY(0); opacity:1;}
.sm_xj1{ transform:translateY(60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj1{ transition:all .5s ease 1s; transform:translateY(0); opacity:1;}
.sm_xj2{ transform:translateY(-60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj2{ transition:all .5s ease 1s; transform:translateY(0); opacity:1;}

.banner{ width:100%; height:100%; z-index:6!important; overflow:hidden;}
.banner .swiper-slide{ pointer-events:auto;}
.banner .swiper-slide .dfimg{ height:100%;}
.banner .swiper-slide .w{ position:absolute; left:50%; top:50%; padding-top:93px; transform:translate(-50%,-50%); max-width:1400px; width:80%;}
.banner .swiper-slide .w .ban_pic,.banner .swiper-slide .w a{ display:block; width:41.28571428571429%; transform:translateX(60px); opacity:0;}
.banner .swiper-slide .w a{ transform:translateY(60px);}
.banner .swiper-slide .w a img{ display:block; width:100%;}
.banner .swiper-slide.active .w .ban_pic,.banner .swiper-slide.active .w a{ transition:all 2s ease 1s; transform:translateY(0); opacity:1;}
.banner .swiper-button-prev{ left:5.208%;}
.banner .swiper-button-next{ right:5.208%;}
.banner .swiper-button-prev img,.banner .swiper-button-next img{ display:block; height:68px;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ display:none;}

.titc{ position:relative; width:100%; line-height:1; font-size:48px; color:#f38001; font-weight:bold;}
.more{ margin-top:50px;}
.more a{ border-bottom:1px solid #0c1015; border-top:1px solid #0c1015; font-size:16px; line-height:3.75; padding:0 50px; display:inline-block;}
.more a:hover{ color:#f38001!important; border-bottom-color:#f38001!important; border-top-color:#f38001!important;}

.bg1{ background:url(../images/bg1.jpg) center top no-repeat; background-size:cover; padding-top:93px;}
.bg1 .w{ padding:0 9.3%;}
.bg1 .titc{ text-align:center; color:#fff;}
.con1_txt{ font-size:20px; line-height:2; text-align:center; color:#fff; padding:40px 0 55px 0;}
.con1_list{ margin-top:5%; padding-bottom:5px;}
.con1_list li{ text-align:center;}
.con1_list li em{ display:block; font-size:72px; line-height:1; color:#fff;}
.con1_list li em i{ font-size:16px; padding-left:8px;}
.con1_list li span{ font-family:"impact";}
.con1_list li p{ font-size:20px; color:#fff; margin-top:8px;}
.bg1 .more{ text-align:center;}
.bg1 .more a{ color:#fff; border-bottom-color:#fff; border-top-color:#fff;}

.bg1 .home_pag span i,.bg3 .home_pag span i{ background:#fff;}
.bg1 .home_pag span.swiper-pagination-bullet-active,.bg3 .home_pag span.swiper-pagination-bullet-active{ border-color:rgba(255,255,255,.6);}
.bg1 .swiper-pagination font,.bg3 .swiper-pagination font{ color:rgba(255,255,255,.6);}
.bg1 .home_pag span.swiper-pagination-bullet-active font:after,.bg3 .home_pag span.swiper-pagination-bullet-active font:after{ color:rgba(255,255,255,.6);}

.bg2{ background:url(../images/bg2.jpg) center top no-repeat; background-size:cover; padding-top:93px;}
.con2_c{ width:100%; padding-right:6.395348837209302%;}
.con2_c .clear{ width:100%;}
.con2_tab{ width:18.51851851851852%;}
.con2_tab .swiper-slide{ font-size:18px; color:#0c1015; line-height:80px; height:81px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; border-bottom:1px solid #0c1015; padding-left:20%; cursor:pointer;}
.con2_tab .swiper-slide-thumb-active{ height:auto!important; background:#f38001; border-bottom-color:#f38001; color:#fff; overflow:visible;}
.con2_tab .swiper-slide-thumb-active:before{ content:""; display:block; position:absolute; left:0; right:0; top:-1px; height:1px; font-size:0; overflow:hidden; background:#f38001;}
.con2_bot{ width:77.46049382716049%; margin-right:4.02098765432099%; position:relative;}
.con2_bot .swiper-slide .txt{ width:47.76%; padding:10px 2% 10px 0;}
.con2_bot .swiper-slide .txt h3{ font-size:40px; color:#0c1015; font-weight:bold; line-height:1.2;}
.con2_bot .swiper-slide .txt .txtc{ font-size:18px; color:#393939; line-height:1.777777777777778; margin-top:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.con2_bot .swiper-slide .pic{ width:52.24%; padding:0 .4%;}
.con2_bot .swiper-slide .pic img{ display:block; max-width:100%; margin:0 auto;}
.con2_bot .swiper-pagination{ width:auto; top:0; bottom:auto;}
.con2_bot .swiper-pagination span{ background:#b6babc; opacity:1; width:8px; height:8px; border-radius:8px; margin:0 10px 0 0!important;}
.con2_bot .swiper-pagination span.swiper-pagination-bullet-active{ width:26px; background:#f38001;}

.bg3{ background:url(../images/bg3.jpg) center top no-repeat; background-size:cover; padding-top:93px;}
.con3{ width:42.55813953488372%; position:relative;}
.con3_tab{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:5; overflow:visible;}
.con3_tab .swiper-slide{ position:absolute; z-index:5; width:8.743169398907104%;}
.con3_tab .swiper-slide i{ display:block; background:rgba(255,255,255,.5); border-radius:50%; width:100%;}
.con3_tab .swiper-slide i img{ display:block; width:100%;}
.con3_tab .swiper-slide.e1{ left:3%; top:18.71584699453552%;}
.con3_tab .swiper-slide.e2{ right:3%; top:18.71584699453552%;}
.con3_tab .swiper-slide.e3{ left:-4.371584699453552%; top:43.30601092896175%;}
.con3_tab .swiper-slide.e4{ right:-4.371584699453552%; top:43.30601092896175%;}
.con3_tab .swiper-slide.e5{ left:3%; top:72.54098360655738%;}
.con3_tab .swiper-slide.e6{ right:3%; top:72.54098360655738%;}
.con3_tab .swiper-slide font{ display:none; font-size:18px; color:#fff; position:absolute; top:0; bottom:0; width:100px; align-items:center;}
.con3_tab .swiper-slide.e1 font,.con3_tab .swiper-slide.e3 font,.con3_tab .swiper-slide.e5 font{ right:calc(100% + 15px); flex-flow:row-reverse wrap; justify-content:space-between;}
.con3_tab .swiper-slide.e2 font,.con3_tab .swiper-slide.e4 font,.con3_tab .swiper-slide.e6 font{ left:calc(100% + 15px); flex-wrap:wrap;}
.con3_tab .swiper-slide.swiper-slide-thumb-active i{ background:#f38001;}
.con3_tab .swiper-slide.swiper-slide-thumb-active font{ display:flex;}
.con3_bot{ position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; z-index:4;}
.con3_bot .clear{ width:100%; position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%);}
.con3_bot h3{ position:relative; font-size:42px; color:#f38001; font-weight:bold; line-height:1; padding-bottom:27px; margin-bottom:25px;}
.con3_bot h3:after{ content:""; display:block; position:absolute; left:50%; margin-left:-15px; bottom:0; width:30px; height:2px; font-size:0; overflow:hidden; background:#f38001;}
.con3_bot .pic{ width:52%; margin:0 auto;}
.con3_bot .pic img{ display:block; max-width:100%; margin:0 auto;}
.con3_con{ display:none;}
.con3_con.cur{ display:block;}

.bg4{ background:url(../images/bg4.jpg) center top no-repeat; background-size:cover; padding-top:93px;}
.c4_lf{ width:25%;}
.con4_txt{ font-size:20px; line-height:2; margin-top:30px;}
.c4_rt{ width:75%; padding:0 9% 0 17.15%;}
.con4_list li{ margin-bottom:35px; width:100%;}
.con4_list li:last-child{ margin-bottom:0;}
.con4_list li a{ display:block; padding-left:16%; position:relative;}
.con4_list li .time{ position:absolute; left:0; top:-2px; color:#666; font-family:"Arial"; font-size:18px;}
.con4_list li .time em{ display:block; font-size:32px; font-weight:bold; font-family:"Arial";}
.con4_list li .txt{ line-height:2;}
.con4_list li .txt h3{ font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con4_list li .txt p{ font-size:16px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:rgba(102,102,102,.6);}
.con4_list li .txt span{ display:block; font-size:14px; color:#666; margin-top:10px;}
.con4_list li.hover .txt h3{ color:#f38001;}

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

/*foot style*********************************************************************/
.footer{ width:100%; background:#323232; overflow:hidden; font-size:14px; line-height:1.785714285714286;}
.footer .w{ padding:0 3.2%;}
.footer *{ color:#fff;}
.footer a:hover{ color:rgba(255,255,255,.9);}
.f_infor{ border-bottom:1px solid #fff; padding:70px 0 30px 0;}
.f_infor li{ min-width:12%;}
.f_infor li em{ font-size:16px; position:relative; display:block; font-weight:bold; margin-bottom:18px; line-height:2.25; padding-bottom:1px;}
.f_infor li em:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:42px; height:1px; font-size:0; overflow:hidden; background:#fff;}
.foot{ padding:35px 0; width:100%;}
.f_lf{ width:70.93167701863354%;}
.f_lf em{ display:block; min-height:75px;}
.ewm{ width:29.06832298136646%;}
.ewm li{ text-align:center; padding-left:6.41%; width:33.333333%;}
.ewm li em{ display:block; background:#fff; padding:7.936507936507937%; border-radius:10px; width:100%;}
.ewm li em img{ width:100%; display:block;}
.ewm li p{ color:rgba(252,252,252,.51); margin-top:10px;}
.foot a{ margin-right:5px;}
.foot font{ margin-right:10px;}