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

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#e60013;}
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:#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:1600px; width:87.5%; 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;}
.swiper-slide-active li.sm_xj1 .pic{border:1px #ccc solid;}
.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:101px; border-bottom:1px solid rgba(255,255,255,.2); position:fixed; top:0; left:0; right:0; transition:all linear .2s; line-height:100px;/* 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:20%;}
.logo img{ height:70px;}
.nav{ width:63.125%; position:relative; padding-right:24.6875%;}
.nav .plebans{ font-size:17px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; color:#fff; transition:all .5s;}
.nav ul{ padding-right:4.85%;}
.nav li{ position:relative;}
.nav li .jd{ display:none; width:11px; height:7px;}
.nav_bg{ display:none;}
.nav li.cur .plebans a{ color:#fff;}
.nav li.hover .plebans a{ color:#e60013;}
.nav li.hover .jd{ background-image:url(../images/down_icon_sel.png);}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:100px; transform:translate(-50%,0); 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:15px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:#e60013; background:rgba(0,0,0,.05);}
.nav li:nth-child(3) .goutp{ width:140px;}
.hrt{ position:absolute; top:0; right:0;}
.telephone_icon{ font-size:30px; font-family:"impact"; padding:0 0 0 45px; background:url(../images/tell.svg) left center no-repeat; background-size:31px 30px; color:#fff; margin-right:20px;}
.telephone_icon:hover{ color:#fff;}
.search{ position:relative; margin-right:20px;}
.search_ico{ background:url(../images/search.png) #e60013 center center no-repeat; background-size:18px 18px; width:34px; height:34px; display:block; border-radius:50%;}
.search_form{ position:absolute; right:0; top:50%; margin-top:-18px; z-index:3;}
.s_intxt{ width:152px; border:none; margin-right:-8px; border-radius:1000px; height:36px; padding:0 15px; line-height:36px; background:#e60013; font-size:14px; color:#fff;}
.search_form input::-webkit-input-placeholder{ color:#fff;}
.search_form input::-moz-placeholder{ color:#fff;}
.search_form input:-moz-placeholder{ color:#fff;}
.search_form input:-ms-input-placeholder{ color:#fff;}
.s_inbut{ height:20px; width:20px; border:none; cursor:pointer; background:url(../images/search.png) center center no-repeat; background-size:100%; position:absolute; top:50%; margin-top:-10px; right:0;}
.alibaba img{ display:block; height:28px;}
.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:#fff;}
.tesd>div{ background-color:#fff!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 .home_pag{ right:2.7%; z-index:5;}
.home .home_pag span{ border:2px solid #fff; width:12px; height:12px; opacity:1; margin:18px 0!important; background:none; position:relative;}
.home .home_pag span i{ display:none;}
.home .swiper-pagination font{ display:inline-block; color:rgba(0,0,0,.6); font-size:0; color:#fff; position:absolute; right:30px; top:-6px; height:20px;}
.home .home_pag span.swiper-pagination-bullet-active{ border-color:#11348e; background:#11348e;}
.home .home_pag span.swiper-pagination-bullet-active font{ font-size:0;}
.home .home_pag span.swiper-pagination-bullet-active font:before{ content:""; display:block; position:absolute; top:50%; margin-top:-3px; width:0; height:0; font-size:0; border-top:3px solid transparent; border-left:8px solid #11348e; border-bottom:3px solid transparent; overflow:hidden;}
.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:20px; width:70px; text-align:center; background:#11348e; color:#fff;}
.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:"新闻资讯";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(6) font:after{ content:"联系我们";}

.bg4 .home_pag span{ border-color:#a7a7a7;}

.sm_xj{ transform:translateX(60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.sm_xj0{ transform:translateX(-60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj0{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.sm_xj1{ transform:translateY(60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj1{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.sm_xj2{ transform:translateY(-60px); opacity:0; display:block; transition:all .5s;}
.swiper-slide-active .sm_xj2{ transition:all 1s ease .5s; 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%; transform:translate(-50%,-50%); padding-top:101px;}
.banner .swiper-slide .w .clear{ width:100%; padding:0 6.25%;}
.banner .swiper-slide .w .ban_pic,.banner .swiper-slide .w .ban_txt{ width:100%; transform:translateX(60px); opacity:0;}
.banner .swiper-slide .w .ban_txt{ transform:translateY(60px); width:47.14285714285714%;}
.banner .swiper-slide .w .ban_txt img{ display:block; width:100%;}
.banner .swiper-slide.active .w .ban_pic,.banner .swiper-slide.active .w .ban_txt{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.banner .swiper-pagination{ bottom:9.051724137931034%;}
.banner .swiper-pagination-bullet{ width:25px; height:4px; background:#595959; opacity:.5; margin:0 10px!important; border-radius:0; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ opacity:1; width:54px; background:#005bac;}

.titc{ position:relative; width:100%; line-height:1; color:#fff;}
.titc em{ display:block; font-size:36px; font-weight:bold;}
.titc span{ display:inline-block; font-size:18px; position:relative; text-transform:uppercase; margin-top:20px;}
.titc span:before,.titc span:after{ content:""; display:block; position:absolute; top:50%; margin-top:-.5px; width:30px; height:1px; font-size:0; overflow:hidden; background:#fff;}
.titc span:before{ right:-60px;}
.titc span:after{ left:-60px;}

.bg1{ background:url(../images/bg1.jpg) center top no-repeat; background-size:cover; padding-top:101px;}
.bg1 .titc{ text-align:center;}
.con1_txt{ font-size:20px; line-height:2; text-align:center; color:#fff; padding:40px 8.4375% 55px 8.4375%;}
.con1_list{ padding:0 17.5%;}
.con1_list li .clear{ width:100%;}
.con1_list li{ text-align:center; width:20.77%; position:relative;}
.con1_list li a{ display:block;}
.con1_list li .pic{ background:url(../images/abg1_1.png) center top no-repeat; background-size:cover; transition:all 0.6s;}
.con1_list li .txt{ position:absolute; left:0; right:0; bottom:0; top:0;}
.con1_list li .txt img{ margin:0 auto; width:24.07407407407407%; transition:all 0.6s;}
.con1_list li .txt img.ico{ display:block;}
.con1_list li .txt img.ico_1{ display:none;}
.con1_list li p{ font-size:14px; color:#fff; margin-top:8px; transition:all 0.6s;}
.con1_list li.hover .pic{ background-image:url(../images/abg1_2.png);}
.con1_list li.hover .txt img.ico{ display:none;}
.con1_list li.hover .txt img.ico_1{ display:block;}
.con1_list li.hover p{ color:#005bac;}

.bg2{ background:url(../images/bg2.jpg) center top no-repeat; background-size:cover; padding-top:101px;}
.bg2 .titc em{ color:#1e1e1e;}
.bg2 .titc span{ color:#666;}
.bg2 .titc span:before,.bg2 .titc span:after{ display:none;}
.con2_c{ width:86.25%; position:relative;}
.con2_c .clear{ width:100%;}
.con2_tab{ position:absolute; right:2.535%; top:4.8%;}
.con2_tab .swiper-slide{ font-size:18px; color:#1e1e1e; line-height:2.444444444444444; border:1px solid #cdcdcd; padding:0 20px; cursor:pointer; width:auto;}
.con2_tab .swiper-slide-thumb-active{ background:#005bac; border-color:#005bac; color:#fff;}
.con2_bot{ margin-top:9.75%;}
.con2_bot .swiper-slide .pic{ width:51.08695652173913%; padding:0 11.55% 0 4.7%;}
.con2_bot .swiper-slide .pic img{ display:block; max-width:100%; margin:0 auto;}
.con2_bot .swiper-slide .txt{ width:48.91304347826087%; padding:0 6.85% 0 0;}
.con2_bot .swiper-slide .txt h3{ font-size:30px; color:#1e1e1e; font-weight:bold; line-height:1.2; position:relative; padding-bottom:30px;}
.con2_bot .swiper-slide .txt h3:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:72px; height:4px; font-size:0; overflow:hidden; background:#005bac;}
.con2_bot .swiper-slide .txt .txtc{ font-size:16px; color:#393939; line-height:1.625; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.con2_bot .swiper-slide .txt a{ font-size:18px; display:inline-block; background:#005bac; border:1px solid #005bac; color:#fff; line-height:2.444444444444444; padding:0 45px; margin-top:40px;}
.con2_bot .swiper-slide .txt a:hover{ background:none; color:#005bac;}
.bg2 .swiper-button-prev,.bg2 .swiper-button-next{ width:10%; background:url(../images/pbg1.jpg) center top no-repeat; background-size:cover; top:101px; bottom:0; height:calc(100% - 101px); margin:0; opacity:1; z-index:4;}
.bg2 .swiper-button-prev{ left:auto; right:10%;}
.bg2 .swiper-button-next{ right:0; background-image:url(../images/pbg2.jpg);}
.bg2 .swiper-button-prev:after,.bg2 .swiper-button-next:after{ position:absolute; left:50%; bottom:6.45%; transform:translate(-50%,0); color:#fff; font-size:14px; border:1px solid #fff; border-radius:8px; width:58px; text-align:center; line-height:24px;}

.bg3{ background:url(../images/bg3.jpg) center top no-repeat; background-size:cover; text-align:center;}
.bg3 .titc{ position:absolute; left:0; right:0; top:17.75%; z-index:4;}
.con3_list{ display:flex; height:100%; width:100%;}
.con3_list li{ flex:1; height:100%; border-right:1px solid rgba(255,255,255,.3); position:relative; overflow:hidden;}
.con3_list li img{ height:100%; opacity:0; transition:all 0.6s;}
.con3_list li a{ line-height:1; position:absolute; left:0; top:0; right:0; bottom:0;}
.con3_list li .txt em{ display:block; font-size:26px; font-weight:bold; color:#fff;}
.con3_list li .txt p{ text-transform:uppercase; margin-top:14px; font-size:14px; color:rgba(255,255,255,.5);}
.con3_list li .txt i{ display:none; margin-top:115px; width:34px; height:34px; background:url(../images/more.png) center top no-repeat; background-size:cover; transition:all 0.6s;}
.con3_list li.hover .txt i{ display:inline-block;}
.con3_list li.hover img{ opacity:1;}

.bg4{ background:#fff; padding-top:101px;}
.bg4 .titc{ text-align:center;}
.bg4 .titc em{ color:#1e1e1e;}
.bg4 .titc span{ color:#666;}
.bg4 .titc span:before,.bg4 .titc span:after{ background:#a7a7a7;}
.con4{ padding:0 1.875%;}
.con4_list li{ margin-top:6.168831168831169%; cursor:pointer;}
.con4_list li a{ display:block;}
.con4_list li .txt{ line-height:2; padding:11px 0 0 0;}
.con4_list li .txt h3{ font-size:18px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con4_list li .txt p{ font-size:16px; line-height:1.6875; margin:10px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#666;}
.con4_list li .txt .time{ font-weight:bold; font-size:18px; color:#666; border-top:1px solid #a7a7a7; padding:10px 0; background:url(../images/point1.png) right center no-repeat; background-size:35px 35px;}
.con4_list li.hover .txt h3{ color:#e60013;}

.bg5{ background:url(../images/bg5.jpg) center top no-repeat; background-size:cover; padding:101px 0 69px 0; text-align:center;}
.bg5 .clear{ width:100%;}
.con5{ width:58.125%; background:rgba(255,255,255,.2); padding:2.8125%; margin:4.6875% auto 0 auto;}
.con5 .txt{ width:46.42857142857143%; text-align:left; color:#fff; padding:0 2.4% 0 0;}
.con5 .txt h3{ font-size:24px;}
.con5 .txt p{ font-size:14px; line-height:1.857142857142857; margin-top:6px;}
.map{ width:53.57142857142857%; height:215px; overflow:hidden;}
.map img{ display:block; height:100%;}
.con5_bot{ text-align:center; padding-top:4.6875%;}
.con5_bot a{ font-size:16px; border-radius:1000px; margin:0 20px; padding:0 55px; line-height:2.625; border:1px solid rgba(255,255,255,.5); color:#fff;}
.foot{ border-top:1px solid rgba(255,255,255,.3); text-align:center; text-transform:uppercase; padding:20px 0 30px 0; font-size:12px; color:rgba(255,255,255,.5); position:absolute; left:0; right:0; bottom:0;}
.foot em{ padding:0 5px;}
.foot em a ,.foot em a:link,.foot em a:visited{  color: rgba(255, 255, 255, .5);}
.foot font{ padding-left:10px;}

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