锘縝ody{ font:12px/1.4 arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#2a2c2e;}

/*閾炬帴鏁翠綋璁剧疆*/
a{ text-decoration:none; color:#2a2c2e; transition:all .15s;}
a:hover{ color:#da251c;}
a:active{ color:#2a2c2e;}
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:#d7d7d7;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#d7d7d7;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#d7d7d7;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#d7d7d7;}
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:"PF_Regular"; 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:1200px; 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;}
.solution_show{justify-content:flex-start }
.solution_show .wrap_tab{ margin-right:20px}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}
.pic_w a{ display:block;}
.m{ display:none!important;}
@font-face{ font-family:PF_Regular;src:url('../images/PingFang Regular.ttf'); /* IE9+ */}

/*header*********************************************************************/
.head{ position:relative; height:90px; transition:all linear .2s; z-index:55;}
.head-fixed{ width:100%; height:90px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; z-index:10; transition:all linear .2s;}
.logo{ width:135px;}
.logo img{ height:60px;}
.nav{ width:65.32%; margin-left:5%; line-height:100%;}
.nav .plebans{ font-size:16px; line-height:90px; position:relative;}
.nav .plebans a{ display:inline; transition:all .5s; text-transform:uppercase; font-weight:400;}
.nav li{ position:relative;}
.nav li.li2{ position:static;}
.nav li em{ display:none;}
.nav li .jd{ display:none; margin:0 0 0 7px; position:relative; top:-2px; background:url(../images/point1.png) 0 0 no-repeat; background-size:100%; width:9px; height:5px;}
.nav_bg{ display:none;}
.nav li .plebans:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:0; height:4px; background:#da251c; font-size:0; overflow:hidden; transition:all .5s linear;}
.nav li.hover .plebans a,.nav li.on .plebans a{ color:#da251c;}
.nav li.hover .plebans:after,.nav li.on .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:100%; left:50%; margin-left:-150px; width:300px; z-index:10; background:#fff; border-top:1px solid #e6e6e6; padding:25px 0 28px 40px; box-shadow:0 5px 5px rgba(0,0,0,.05);}
.goutp .txt .t_tit{ border-bottom:1px solid #e6e6e6; line-height:24px; padding:15px 0; text-transform:capitalize; font-size:18px; color:#da251c; margin:12px 0;}
.goutp .txt .t_tit img{ height:24px; margin-right:12px;}
.goutp .txt p{ font-size:16px; line-height:1.625; padding:12px 0;}
.goutp .txt p a{ display:block; text-transform:capitalize; font-weight:400;}
.nav li.li2 .goutp{ width:100%; padding-left:0; left:0; margin:0;}
.nav li.li2 .goutp .txt{ max-width:1152px; width:88%; margin:0 auto;}
.nav li.li2 .goutp .txt .txt1{ width:23.5%;}
.lag .com1{ position:relative;}
.lag em{ display:block; width:100%; border:1px solid #ccc; border-radius:1000px; line-height:30px; padding:0 22px; font-size:16px; text-transform:capitalize;}
.lag em .jd{ display:inline-block; margin:0 0 0 12px; position:relative; top:-2px; background:url(../images/point1.png) 0 0 no-repeat; background-size:100%; width:10px; height:6px;}
.lag_more{ position:absolute; left:0; right:0; top:32px; background:#fff; text-align:center; display:none; padding:15px 0 9px 0;}
.lag_more a{ display:block; font-size:16px; line-height:2.625; margin-bottom:6px; text-transform:capitalize;}
.lag .hover .lag_more{ display:block;}
.sanh{ width:60px; padding:10px; position:absolute; right:15px; top:50%; margin-top:-37.5px; display:none; z-index:5555;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background:#da251c;}
.tesd>div{ background:#da251c!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{ position:relative; z-index:5; overflow:hidden;}
.banner .swiper-slide{ background:#111822;}
.banner .pcimg{ width:100%; height:auto;}
.banner .swiper-slide img{ display:block; width:100%; left:0; top:0;}
.banner .swiper-slide .bannerPic{ position:relative; width:100%; height:auto; transition:all 1s ease 2.5s; transform:perspective(1000px) translate3d(0, 0, 0);}
.banner .swiper-slide.swiper-slide-active .bannerPic{ transition:all 5s ease 0s; transform:perspective(1000px) translate3d(0, 0, 50px);}
.banner .swiper-slide .txt{ position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%); text-align:center;}
.banner .swiper-slide .txt em{ display:block; font-size:90px; color:#fff; font-weight:700; text-shadow:2px 2px 2px #000; line-height:1.088888888888889;}
.banner .swiper-slide .txt p{ font-size:32px; color:#fff; text-shadow:0px 2px 0 #000; line-height:1.71875;}
.banner .swiper-pagination{ bottom:4.165%;}
.banner .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; opacity:.45; margin:0 5px!important; border-radius:8px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ opacity:1; width:24px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:80px; border-radius:4px; height:120px; background:rgba(0,0,0,.4);}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ color:#fff; font-size:24px;}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{ opacity:0;}
.banner .swiper-button-prev{ left:7%;}
.banner .swiper-button-next{ right:7%;}

.titc{ text-align:center; font-size:40px; font-weight:bold; line-height:2.125; text-transform:uppercase; position:relative;}
.titc:after{ content:""; display:block; position:absolute; left:50%; margin-left:-32px; bottom:0; height:6px; width:64px; background:#da251c; font-size:0; overflow:hidden;}
.more{ text-align:center; padding-top:80px;}
.more a{ background:#da251c; border:1px solid #da251c; color:#fff; font-size:20px; font-weight:600; line-height:2.1; display:inline-block; text-transform:uppercase; padding:0 80px;}
.more a i{ padding-left:15px;}
.more a:hover{ background:#fff; color:#da251c;}

.con1{ padding:75px 0 0 0; overflow:hidden;}
.con1 .w{ max-width:1080px;}
.con1_tab{ padding:80px 0 0 0;}
.con1_tab ul li{ text-align:center; padding:20px 0; cursor:pointer;}
.con1_tab ul li a{ display:block;}
.con1_tab ul li i{ display:block; width:40px; height:40px; background:url(../images/ico1.png) no-repeat; background-size:100%; margin:0 auto;}
.con1_tab ul li i.i1{ background-image:url(../images/ico1.png);}
.con1_tab ul li p{ font-size:18px; font-weight:600; margin-top:10px;}
.con1_tab ul li.swiper-slide-thumb-active{ background:#da251c;}
.con1_tab ul li.swiper-slide-thumb-active p{ color:#fff;}
.con1_tab ul li.swiper-slide-thumb-active i.i1{ background-image:url(../images/ico1_cur.png);}
.con1_bg{ background:#f7f7f7; padding:90px 0;}
.con1_pro .pic{ width:49.26%; background:#efefef;}
.con1_pro .pic .clear{ width:100%; padding:8%;}
.con1_pro .pic img{ display:block; margin:0 auto; max-height:100%; max-width:100%;}
.con1_pro .txt{ background:#fff; width:50.74%; padding:3.47%; position:relative;}
.con1_pro .txt h3{ padding:0 0 23px 0;}
.con1_pro .txt h3 em{ display:inline-block; font-size:24px; font-weight:600; border-bottom:1px solid #da251c; padding:7px 0;}
.con1_pro .txt .txt_c{ font-size:16px; font-weight:400; text-transform:uppercase;}
.con1 .more{ text-align:left; padding-top:20px; position:absolute; left:6.94%; bottom:40px;}

.con2{ padding:75px 0; overflow:hidden;}
.con2_tab ul li{ width:auto; text-align:center; padding:8.2px 2.17%; font-size:24px; font-weight:500; text-transform:uppercase; color:#626466;}
.con2_tab ul li.swiper-slide-thumb-active{ background:#da251c; color:#fff;}
.con2 .w{ position:relative; margin-top:100px; max-width:1152px;}
.con2 .swiper-button-prev,.con2 .swiper-button-next{ width:22px; border-radius:50%; height:22px; background:#b4b6b8; top:14px; margin:0;}
.con2 .swiper-button-prev:after,.con2 .swiper-button-next:after{ color:#fff; font-size:12px; font-weight:bold;}
.con2 .swiper-button-next.swiper-button-disabled,.con2 .swiper-button-prev.swiper-button-disabled{ opacity:0;}
.con2 .swiper-button-prev{ left:-5%;}
.con2 .swiper-button-next{ right:-5%;}
.con2_pro{ margin:60px 0 0 0;}
.con2_pro ul li img{ width:100%;}
.con2_pro ul.sm_pic{ width:30.55555555555556%;}
.con2_pro ul.big_pic{ width:69.44444444444444%;}
.con2_pro ul li{ position:relative; overflow:hidden;}
.con2_pro ul li a{ display:block;}
.con2_pro ul li p{color: #fff;    text-transform: uppercase;   font-weight: 500;    font-size: 16px;    position: absolute;    left: 0%;    bottom: 0px;    background-color: #0003;
    width: 100%;      padding: 15px 6.5%;    display: block;    height: 50px;}

.con3{ padding:110px 0 110px 50%; background:url(../images/bg3.jpg) center top no-repeat; background-size:cover; overflow:hidden;}
.con3_c{ width:100%; background:rgba(218,37,28,.9); padding:25px 13.5% 60px 5.9375%; max-height:999999px;}
.con3_c .txt{ color:#fff; font-size:12px; margin-top:25px; letter-spacing:0.02em;}
.con3 .titc{ text-align:left; color:#fff;}
.con3 .titc:after{ left:0; margin:0; background:#fff;}
.con3 .more{ text-align:left; padding-top:20px;}
.con3 .more a{ background:#fff; border-color:#fff; color:#da251c;}
.con3 .more a:hover{ color:#fff; background:none;}

.con4{ padding:75px 0 90px 0; overflow:hidden;}
.con4_list{ width:102.6%; padding:70px 0 0 0;}
.con4_list li{ margin:2.6% 2.6% 0 0; width:30.73333333333333%;}
.con4_list li a{ display:block;}
.con4_list li em{ font-size:24px; font-weight:500; display:block; margin-bottom:5px;}
.con4_list li span{ font-size:14px; font-weight:400; display:inline-block; margin-bottom:24px; padding-bottom:6px; color:#3B3C3D; border-bottom:1px solid #E6E6E6;}
.con4_list li h3{ font-size:16px; font-weight:400; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con4_list li p{ font-size:14px; font-weight:400; margin:27px 0 0 0; color:#626466; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.con5{ padding:90px 0 115px 0; background:#f7f7f7; overflow:hidden;}
.con5_list{ width:105.6%; padding:50px 0;}
.con5_list li{ text-align:center; margin:5.6% 5.6% 0 0; width:27.73333333333333%;}
.con5_list li em{ display:block; font-weight:600; font-size:72px; line-height:1; margin-bottom:55px;}
.con5_list li span{ display:block; font-size:24px; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}
.con5_list li p{ font-size:14px; font-weight:400; color:#626466;}

.nyban{ width:100%; overflow:hidden;}
.nyban img{ display:block; width:100%;}

.pro_lf{ width:31.66666666666667%; min-width:300px;}
.pro_lf1{ padding:6px 0;}
.pro_lf1 em{ font-size:18px; font-weight:600; line-height:24px; text-transform:capitalize;}
.p_inbut{ background:#fff; border:1px solid #da251c; color:#da251c; text-transform:capitalize; font-weight:400; border-radius:1000px; padding:0 20px; cursor:pointer; font-size:14px; line-height:22px;}
.pro_lf_list li{ margin-top:24px;}
.pro_lf_list li .pro_t1{ background:#f8f8f8; padding:0 6.315%; font-size:16px; font-weight:500; line-height:2.75; text-transform:capitalize; position:relative;}
.pro_lf_list li .pro_t1:after{ content:""; display:block; position:absolute; right:6.315%; top:50%; margin-top:-8px; width:16px; height:16px; font-size:0; overflow:hidden; background:url(../images/point3.png) center center no-repeat; background-size:cover;}
.pro_lf_list li.cur .pro_t1:after{ transform:rotate(-180deg);}
.pro_lf_list li.hid .pro_t1:after{ transform:rotate(-180deg);}
.pro_lf_list li .pro_bot{ padding:25px 6.315% 1px 6.315%; }
.pro_lf_list li.cur .pro_bot{ display:block;}
.pro_lf_list li.hid .pro_bot{ display:none;}
.pro_lf_list li .t1{ font-size:14px; font-weight:400; color:#626466; text-transform:capitalize; padding:13px 0 7px 0;}
.tiao{ padding:0 0 20px 0; text-transform:capitalize;}
.tiao em{ font-size:14px; font-weight:400; color:#626466;}
.tiao span{ font-size:12px; color:#626466; font-weight:400;}
.jd_bar{ margin:9px 0 11px 0;}
.zui-slider{ height:4px; background:#e6e6e6; border-radius:3px; position:relative; }
.zui-slider-tips{ position:absolute; top:-42px; z-index:66666666; white-space:nowrap; transform:translateX(-50%); color:#FFF; background:#000; border-radius:3px; height:25px; line-height:25px; padding:0 10px; moz-user-select:-moz-none; -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.zui-slider-bar{ border-radius:3px; position:absolute; height:100%;}
.zui-slider-wrap{ width:36px; height:36px; position:absolute; top:-16px; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:10; text-align:center;cursor:pointer;}
.zui-slider-wrap-btn{ width:12px; height:12px; border-radius:50%; background:#FFF; display:inline-block; vertical-align:middle; cursor:pointer; transition:.3s;}
.zui-slider-wrap:after{ content:""; height:100%; display:inline-block; vertical-align:middle;}
.zui-slider-tips:after{ content:''; position:absolute; bottom:-12px; left:50%; margin-left:-6px; width:0; height:0; border-width:6px; border-style:solid; border-color:#000 transparent transparent;}
.zui-disabled,
.zui-disabled:hover{ color:#d2d2d2 !important; cursor:not-allowed !important;}
.zui-disabled>.zui-slider-bar{ background-color:#c2c2c2 !important;}
.zui-disabled .zui-slider-wrap-btn{ border-color:#c2c2c2 !important; cursor:not-allowed !important;}
.m_sel{ background:url(../images/point1.png) 95% center no-repeat; background-size:10px 6px;}
.cks{ line-height:2;}
.cks p{ font-size:14px; color:#3B3C3D; font-weight:400; position:relative; padding-left:24px; text-transform:capitalize; margin-top:8px;}
.cks p:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:12px; height:12px; border:1px solid #757A85; color:#fff; border-radius:2px; overflow:hidden; background:url(../images/coolicon.png) center center no-repeat; background-size:10px 8px;}
.cks p.cur:before{ background-color:#da251c; border-color:#da251c;}
.pro_rt{ width:calc(100% - 31.66666666666667% - 20px); max-width:calc(100% - 320px);}
.pro_list{justify-content: flex-start;}
.pro_list li{ border-radius:8px; width:32%; margin-right:2%; padding:3%; margin-bottom:3%; box-shadow:0px 0px 20px 0px rgba(0,0,0,.08);}
.pro_list li:nth-child(3n+3){margin-right:0}
.pro_list li a{ display:block;}
.pro_list li em{ border:1px solid #da251c; border-radius:1000px; font-size:14px; font-weight:400; display:inline-block; line-height:1.571428571428571; padding:0 20px; text-transform:capitalize; color:#da251c; margin-bottom:24px;}
.pro_list li h3{ font-size:16px; font-weight:600; margin-bottom:15px;}
.pro_list li .txt{ font-size:14px; font-weight:400; line-height:1.714285714285714; color:#626466; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.pro_list li .pic_w{ left:15%; right:15%; top:15%; bottom:15%;}
.pro_list li span{ display:block; text-align:center; text-transform:uppercase; font-size:14px; font-weight:400; margin:-10px 0 10px 0;}
.pro_list li span i{ padding-left:10px;}
.page{ padding:30px 0 0 0;}
.fy{ font-family:swiper-icons;}
.page a{ font-size:14px; font-weight:bold; color:#3B3C3D;  line-height:36px; text-align:center; margin:0 4px; min-width:35px; padding:0 5px}
.page a.cur,.page a:hover{ color:#fff; background:#da251c;}
.page span{font-size:14px; color:#666;  line-height:36px; text-align:center; margin:0 4px;min-width:35px;}
.page span.current{color:#da251c}
.page span.disabled{ color:#999}

.pro_dt_w{ padding:40px 0 160px 0;}
.pro_dt_w .wrap_tab{ padding-right:15px;}
.pro_dt_w .wrap_tab:last-child{ padding-right:0;}
.pro_dt1_1{ padding:10px 0 40px 0;}
.pro_dt1_1:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.pro_dt1_1 .pro_dt1_lf{ width:33.33333333333333%;}
.pro_dt1_1 .pro_dt1_lf .pro_big{ border:1px solid #ccc;}
.pro_dt1_1 .pro_dt1_lf img{ max-width:100%; max-height:100%; display:block; margin:0 auto;}
.pro_dt1_1 .pic{ transition:all 0s;}
.pro_dt1_1 .pic_w{ left:5%; right:5%; top:5%; bottom:5%;}
.pro_small{ margin-top:15px;}
.pro_small .swiper-slide{ border:1px solid #ccc;}
.pro_small .swiper-slide-thumb-active{ border-color:#da251c;}
.pro_dt1_1 .txt{ width:62.08333333333333%; max-height:999999px;}
.pro_dt1_1 .c_tit1{ font-weight:600; margin-top:-10px;}
.pro_dt1_1 .txt_c{ font-size:14px; font-weight:400; line-height:1.714285714285714;  color:#3B3C3D; margin-top:4px;}
.pro_dt1_ck{ width:82.55%; padding:20px 0 0 0;}
.pro_dt1_ck li{ border-radius:4px; background:#f8f8f8; padding:11px 23px; font-size:14px;  line-height:1.714285714285714; margin-top:10px; border:1px solid #f8f8f8;}
.pro_dt1_ck li .pic{ width:40px; height:40px; background:#fff; margin-right:10px;}
.pro_dt1_ck li .pic img{ display:block; max-height:90%; max-width:90%; margin:0 auto;}
.pro_dt1_ck li.cur{ border-color:#da251c; background:#FFF5F5; color:#da251c;}
.pro_t2{ font-size:18px; background:#f8f8f8; font-weight:bold; padding:0 24px; line-height:3; border:1px solid #f8f8f8; text-transform:capitalize;}
.pro_dt2_1{ text-align:left;}
.pro_dt2_1 td{ font-size:14px; font-weight:400; padding:15px 2%; line-height:1.714285714285714; background:#fff; border-bottom:1px solid #e1e4e5;}
.pro_dt3_1{ font-size:14px; line-height:1.65; margin-bottom:24px;}
.pro_dt3_1 img{ display:block; max-width:100%;}
.pro_dt3_2{ margin-bottom:24px;}
.pro_dt3_2:last-child{ margin-bottom:0;}
.pro_dt3_2 td{ font-size:14px; font-weight:400; padding:15px 2%; line-height:1.714285714285714; background:#fff;}
#pro_dt3 .com_txt,#pro_dt4 .com_txt{ padding:8px 0 45px 0;}
.down_but{ border:1px solid #da251c; line-height:3; font-size:18px;}
.down_but em{ font-weight:500; color:#da251c; text-transform:capitalize;}
.down_but img{ height:20px; margin-right:10px;}
.pop{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:10000; display:none;}
.pop_bg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.63);}
.pop_w{ background:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); padding:40px 8%;}
.down_pop .c_tit1{ text-align:center; line-height:1.4;}
.down_pop .form_list{ padding:37px 0 22px 0;}
.down_pop .form_list li{ width:48%; padding-left:12%; margin-bottom:18px;}
.down_pop .form_list li .m_t1 font{ width:18px; margin-right:0; height:28px;}

.solution_w{ overflow:hidden; padding:36px 0 80px 0;}
.solution_list{ width:102%;}
.solution_list *{ transition:all 0.6s;}
.solution_list li{ position:relative; margin:2% 2% 0 0; width:31.33333333333%; overflow:hidden; border-radius:8px;}
.solution_list li a{ display:block;}
.solution_list li .txt{ position:absolute; left:0; right:0; top:0; bottom:0;}
.solution_list li .txt .clear{ width:100%;}
.solution_list li .txt h3{ text-align:center; color:#fff; font-size:24px; font-weight:500; text-transform:capitalize; position:relative; padding-bottom:11px;}
.solution_list li .txt h3:after{ content:""; display:block; position:absolute; left:50%; margin-left:-24px; bottom:0; height:4px; width:48px; background:#da251c; font-size:0; overflow:hidden; transition:all 0.6s;}
.solution_list li .txt .txt_c{ color:#fff; font-size:14px; width:87.5%; margin:25px auto 0 auto; text-transform:capitalize; height:0; overflow:hidden;}
.solution_list li.hover .txt{ background:rgba(218,37,28,.8);}
.solution_list li.hover .txt_c{ height:auto;}
.solution_list li.hover .txt h3:after{ background:#fff;}
.solution_list li .pic{ border-radius:8px;    max-width: 100%;    height: 15vw;display: flex;    align-items: center;}
.solution_list li .pic img{margin:auto}
.solution_list li em{ text-align:center; text-transform:capitalize; margin-top:15px; font-size:18px; font-weight:400; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}

.solution_dt{ padding:40px 0 160px 0;}
.solution_tab{ width:100%; height:44px;}
.solution_tab .nav_wrap{ width:100%;}
.solution_tab .nav_wrap.navFix{ position:fixed; left:0; top:0; padding:23px 0; right:0; z-index:9999; background:#fff;}
.solution_tab .nav_wrap .wrap_tab{ line-height:44px;}
.solution_tab .nav_wrap.navFix .wrap_layer{ max-width:1180px; width:88%; margin:0 auto;}
.solution_tab .nav_wrap a{ padding:0 20px; background:#f2f2f2; display:block; font-size:18px;}
.solution_tab .nav_wrap .active,.details_main .solution_tab .nav_wrap a:hover{ background-color:#da251c; color:#fff;}
.com_show{ padding-top:110px;}
.com_show .titc,.about_w .titc{ font-size:32px; margin-bottom:32px;}
.com_txt{ margin-bottom:-80px;}
.com_txt table{ margin:auto;border-spacing: 0;    border-collapse: collapse;}
.com_txt img{ max-width:100%; height:auto}
#solution_dt1,#pro_dt1{ padding-top:30px;}
#support1{ padding-top:30px; position:relative; z-index:3; background:#fff;}

.com_w{ padding:40px 0 80px 0;}
.sm_nav ul li{ padding-right:15px;}
.sm_nav ul li a{ font-size:18px; line-height:2.444444444444444; background:#f2f2f2; display:block; padding:0 20px; text-transform:capitalize;}
.sm_nav ul li:last-child{ padding-right:0;}
.sm_nav ul li.cur a{ color:#fff; background:#da251c;}
.news_list{ padding:15px 0 0 0;}
.news_list li{ border-bottom:1px solid #e6e6e6; padding:40px 0;}
.news_list li a{ display:block; position:relative; padding:0 0 0 11.85%;}
.news_list li .time{ background:#f9f9f9; text-align:center; width:8.5%; padding:13px 0; position:absolute; left:0; top:50%; transform:translate(0,-50%); text-align:center;}
.news_list li .time em{ display:block; font-size:40px; font-weight:600;}
.news_list li .time i{ display:block; font-size:16px; font-weight:500;}
.news_list li h3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:24px; font-weight:500; color:#3B3C3D; text-transform:capitalize;}
.news_list li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:16px; font-weight:400; color:#3B3C3D; text-transform:capitalize; margin-top:24px;}
.news_list li a:hover h3{ color:#da251c;}

.location{ font-size:18px; color:#3B3C3D; text-transform:capitalize; font-weight:400;}
.location a{ color:#626466;}
.location i{ color:#626466; padding:0 6px;}
.location em{ color:#626466; padding-right:6px;}
.location a:hover{ color:#da251c;}
.news_tit{ text-align:center; margin:50px 0 0 0;}
.news_tit h3{ font-size:24px; font-weight:500; color:#3B3C3D;}
.news_tit p{ font-size:14px; font-weight:400; color:#626466; margin-top:15px;}
.news_txt{ font-size:16px; font-weight:400; padding:12px 0; }
.news_txt p{ margin:22px 0;}
.news_txt img{ display:block; margin:22px auto; max-width:100%;}
.news_ewm{ padding-top:10px;}
.news_ewm img{ display:block; width:400px; margin:0 auto;}

.support_w{ padding:40px 0 160px 0;}
.support_w .wrap_tab{ padding-right:15px;}
.support_w .wrap_tab:last-child{ padding-right:0;}
.support_w .com_show .titc{ font-size:32px; margin-bottom:32px; padding:20px 0 10px 0;}
.support_txt p{ text-align:center; width:83%; margin:0 auto; font-size:16px; color:#3B3C3D; text-transform:capitalize;}
#support1 .titc,#support2 .titc{ margin-bottom:0!important; padding-bottom:2px!important;}
#support1 .titc:after,#support2 .titc:after{ display:none;}
#support2{ background:#f7f7f7;}
.ewm_list{ padding:33px 0 90px 0;}
.ewm_list li{ width:33.33333333%; margin:0 10px; text-align:center;}
.ewm_list li img{ display:block; width:100%;}
.ewm_list li p{ font-size:16px; font-weight:500; line-height:2.75; text-transform:capitalize; margin-top:25px;}
.faq_list{ padding:27px 0 0 0;}
.faq_list li{ position:relative; padding:0 0 30px 6.67%; margin-top:30px;}
.faq_list li:first-child{ margin-top:0;}
.faq_list li .faq_nub{ position:absolute; left:0; top:0; font-size:32px; font-weight:500; text-transform:uppercase;}
.faq_list li h3{ font-size:24px; font-weight:600; text-transform:capitalize;}
.faq_list li .txt{ font-size:20px; line-height:2; font-weight:400; color:#3B3C3D; text-transform:capitalize; margin-top:22px;}
.after_sales{ padding:55px 0 100px 0;}
.after_sales li{ background:#fff; padding:40px 0 35px 10.75%;}
.after_sales li .nub{ position:absolute; left:24px; top:40px; color:#fff; border-radius:50%; background:#da251c; font-size:32px; font-weight:600; width:65px; line-height:65px; text-align:center;}
.after_sales li .txt{ margin-top:0; line-height:1.4;}
.after_sales li .txt p{ margin-top:15px;}
.after_sales li .txt p.p1{ position:relative; padding-left:30px;}
.after_sales li .txt p.p1:before{ content:""; display:block; position:absolute; left:10px; top:10px; border-radius:50%; height:8px; width:8px; background:#2a2c2e; font-size:0; overflow:hidden;}
.after_sales li .txt em{ font-weight:500;}

.c_tit1{ font-weight:500; font-size:32px;}
.con_infor .c_tit1{ margin-bottom:22px;}
.con_infor p{ font-size:16px; font-weight:500; line-height:1.75; color:#3B3C3D; }
.map{ width:100%; margin-top:48px;}
.map img{ display:block; margin:0 auto; width:100%;}
.mes_w{ margin:48px 0 0 0;}
.form_list{ padding:25px 0 0 0;}
.form_list li{ position:relative; width:48.35%; padding-left:15%; margin-bottom:18px;}
.form_list li.li1{ width:100%;}
.form_list li .m_t1{ position:absolute; left:0; top:50%; font-size:16px; font-weight:bold; line-height:1.75; transform:translate(0,-50%); color:#3B3C3D; overflow:hidden;}
.form_list li .m_t1 font{ color:#da251c; margin-right:10px; float:left; width:12px}
.form_list .m_right {width:100%; display:flex;align-items:center;}
.form_list .m_right a{ font-weight:400; line-height:1.571428571428571; padding-left:10px}
.form_list .m_right a img{height:100%; width:160px;}
.m_intxt{ border:1px solid #BFBFBF; font-size:14px; padding:10px; font-weight:400; line-height:1.571428571428571; resize:none; width:100%; color:#3B3C3D; display:block; transition:all 0.6s;}
.m_intxt:focus{ border-color:#da251c;}
.m_inbut{ cursor:pointer; border:1px solid #3B3C3D; color:#3B3C3D; width:144px; text-align:center; font-size:16px; font-weight:400; line-height:1.375; background:#fff; padding:10px 0; transition:all 0.6s;}
.m_inbut.submit{ color:#fff; background:#da251c; margin-right:10px; border-color:#da251c;}
.m_inbut:hover{ color:#da251c; border-color:#da251c; background:#fff;}

.about_w .titc{ padding-bottom:9px;}
.about1{ padding:55px 0 70px 0;}
.about1_t:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.about1_t .txt{ width:52.25%; float:left; margin-top:-10px;}
.about1_t .txt .titc{ text-align:left; margin-bottom:22px;}
.about1_t .txt .titc:after{ left:0; margin:0;}
.about1_t .txt .txt_c{ font-size:14px; font-weight:400; line-height:1.714285714285714; color:#3B3C3D; max-height:999999px;}
.about1_t .pic{ width:44.58333333333333%; border-radius:8px; overflow:hidden; float:right;}
.about1_t .pic img{ display:block; width:100%;}
.about1_b{ width:102.20833333333333%; padding-top:55px;}
.about1_b li{ width:31.125%; margin:0 2.20833333333333% 2.20833333333333% 0;}
.about1_b li em{ display:block; font-size:24px; color:#da251c; font-weight:600; margin-bottom:15px;}
.about1_b li p{ font-size:16px; font-weight:400; line-height:1.5; color:#3B3C3D; text-transform:capitalize;}

.about2{ background:#f8f8f8; padding:65px 0 110px 0;}
.about2 .w{ max-width:1525%;}
.about2_c{ position:relative;}
.about2_c:before,.about2_c:after{ content:""; display:block; position:absolute; top:0; bottom:0; font-size:0; overflow:hidden; width:17.4%; z-index:55;}
.about2_c:before{ left:0; background:linear-gradient(to right,rgba(248,248,248,1) 20%,rgba(248,248,248,0));}
.about2_c:after{ right:0; background:linear-gradient(to left,rgba(248,248,248,1) 20%,rgba(248,248,248,0));}
.about2_c .swiper-slide{ margin:30px 0;}
.about2_c .swiper-slide-active{ transform:scale(1.06);}
.about2_c .swiper-slide a{ display:block;}
.about2_c .swiper-slide a .pic_w img{ transition:all 0.6s; max-height:100%; max-width:100%;}
.about2_c .swiper-slide a:hover .pic_w img{ transform:scale(1.05);}
.ab2_but{ padding:60px 0 0 0;}
.about2 .swiper-button-prev,.about2 .swiper-button-next{ position:static; width:56px; height:56px; background:#fff; margin:0 20px; transition:all 0.6s;}
.about2 .swiper-button-prev:after,.about2 .swiper-button-next:after{ font-size:24px; color:#000; font-weight:bold; transition:all 0.6s;}
.about2 .swiper-button-prev:hover,.about2 .swiper-button-next:hover,.about2 .swiper-button-next{ background:#da251c;}
.about2 .swiper-button-prev:hover:after,.about2 .swiper-button-next:hover:after,.about2 .swiper-button-next:after{ color:#fff;}

.about3{ background:#fff; padding:65px 0 110px 0;}
.about3 .w{ max-width:1525%; padding-top:25px;}
.ab_pic_list li{ background:#fff; padding:13px; box-shadow:0 0 10px rgba(0,0,0,.1); text-align:center; margin-right:14px;}
.ab_pic_list li p{ font-size:16px; text-transform:capitalize; line-height:2; margin:18px 0 5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.about4{ background:#f8f8f8; padding:65px 0 110px 0;}
.about4 .w{ max-width:1475px; position:relative; margin-top:60px;}
.about4_list{ width:100%;}
.about4_list li{ position:absolute; width:15.25423728813559%;}
.about4_list li.li1{ left:3.525%; top:72.375%;}
.about4_list li.li2{ left:10.65%; bottom:52.5%;}
.about4_list li.li3{ left:23.185%; top:54.2%;}
.about4_list li.li4{ left:31.525%; bottom:67.3%;}
.about4_list li.li5{ left:43.73%; top:52.4%;}
.about4_list li.li6{ left:49.15%; bottom:76%;}
.about4_list li.li7{ left:63.73%; top:25.35%;}
.about4_list li.li8{ left:74.55%; bottom:78.65%;}
.about4_list li.li9{ left:85%; top:35.84%;}
.about4_list li em{ display:block; font-size:24px; font-weight:600; line-height:1; margin-bottom:10px;}
.about4_list li p{ font-size:14px; font-weight:400;}

.about5{ background:#fff; padding:90px 0 140px 0;}
.about5 .w{ max-width:1130px;}
.about5 .solution_list{ width:103.539823008849558%; margin-top:-18px;}
.about5 .solution_list li{ margin:3.539823008849558% 3.539823008849558% 0 0; width:29.79351032448377%; border-radius:8px;}
.about5 .solution_list li h3{ font-size:32px;}
.about5 .solution_list li h3:after{ display:none;}
.about5 .solution_list li .txt .txt_c{ margin-top:0;}
.about5 .solution_list li .txt .txt_c p{ margin-top:21px;}

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

/*foot style*********************************************************************/
.footer{ width:100%; background:#202020; padding:70px 0 10px 0; overflow:hidden;}
.footer .w{ position:relative;}
.back_top{ position:absolute; right:-60px; top:110px; display:inline-block;}
.back_top img{ display:block; width:30px;}
.footer .f_logo{ width:100%;}
.footer .f_logo img{ display:block; width:auto; height:54px;}
.footer ul{ width:100%; padding:65px 0 45px 0;}
.footer ul li span{ display:block; font-size:16px; color:rgba(255,255,255,.85); line-height:1.5; margin-bottom:15px; position:relative; text-transform:uppercase;}
.footer ul li span a{ color:rgba(255,255,255,.85);}
.footer ul li p{ color:rgba(255,255,255,.65); line-height:1.5; padding:10px 0; font-size:14px; text-transform:capitalize;}
.footer ul li p a{ color:rgba(255,255,255,.65); font-weight:400;}
.foot{ font-size:14px; line-height:1.5; padding:45px 0; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.85); text-align:center; max-height:999999px;}
.foot p{ padding:10px 0;}
.foot em{ padding:0 40px;}
.footer a:hover{ color:rgba(255,255,255,.8);}
.footer .foot a{ color:#fff}
/*2023-9-27*/
.pro_tj{ position:relative; padding:10px 0; margin-top:10px;}
.tj_list li{ background:#f8f8f8; padding:15px; border-radius:4px;}
.tj_list li p{ font-size:14px; line-height:24px; height:48px; margin:10px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pro_tj .swiper-button-prev,.pro_tj .swiper-button-next{ width:44px; height:44px; background:rgba(0,0,0,.4); transition:all 0.6s;}
.pro_tj .swiper-button-prev{ left:-80px;}
.pro_tj .swiper-button-next{ right:-80px;}
.pro_tj .swiper-button-prev:after,.pro_tj .swiper-button-next:after{ font-size:18px; color:#fff; font-weight:bold; transition:all 0.6s;}
.pro_tj .swiper-button-prev:hover,.pro_tj .swiper-button-next:hover{ background:#da251c;}
.about4 .swiper{ padding-top:67px; margin-top:90px;}
.about4 .swiper:after{ content:""; display:block; position:absolute; left:0; right:0; top:19px; height:1px; background:#da251c; font-size:0; overflow:hidden;}
.history li{ background:#fff; text-align:center; min-height:420px; padding:40px 1%;}
.history li:before{ content:""; display:block; position:absolute; left:50%; margin-left:-19px; top:-67px; height:24px; width:24px; border:7px solid #da251c; background:#fff; border-radius:50%; font-size:0; overflow:hidden;}
.history li em{ display:block; font-size:24px; font-family:"Roboto"; font-weight:600; line-height:1; margin-bottom:28px;}
.history li p{ font-size:14px; font-weight:400;}
.about4 .swiper-button-prev,.about4 .swiper-button-next{ width:15%; top:0; bottom:0; height:auto;}
.about4 .swiper-button-prev{ left:0; background:linear-gradient(90deg, #F8F8F8 39.67%, rgba(248, 248, 248, 0) 104.16%);}
.about4 .swiper-button-next{ right:0; background:linear-gradient(-90deg, #F8F8F8 32.24%, rgba(248, 248, 248, 0) 104.16%);}
.about4 .swiper-button-prev:after,.about4 .swiper-button-next:after{ display:none;}


/*2023-11-17*/
.tiao{ padding:20px 0 1px 0;}
.pro_lf_list li{ margin-top:19px;}
.pro_lf_list li .pro_bot{ padding:20px 6.315% 1px 6.315%;}
.n_cks_list .n_cks{ margin-right:25px;}
.n_cks_list .n_cks:last-child{ margin-right:0;}
.n_cks input{ display:none;}
.n_cks label{ font-size:14px; height:14px; line-height:1; overflow:hidden; display:block;}
.n_cks input + label span{ display:inline-block; vertical-align:middle; width:14px; height:14px; border:1px solid #7d828c; border-radius:50%; margin-right:11px; float:left;}
.n_cks input:checked + label span{ border:5px solid #e3372d;}
.n_cks_list1 .n_cks{ margin-bottom:30px;}
.n_cks_list1 .n_cks:last-child{ margin-bottom:0;}