﻿@charset "utf-8";body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box}
fieldset,img{border:0}
img{vertical-align:middle;max-width:100%}
ol,ul,li{list-style-type:none}
table{border-collapse:collapse;border-spacing:0}
button,input,select,textarea{font-size:0.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix{zoom:1}
html{overflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical}
body{font-size:14px;color:#333;line-height:1.5;font-family:'Montserrat','Microsoft YaHei',Arial,'simsun',HELVETICA!important;min-width:320px}
a{color:#333;text-decoration:none;transition:all ease 0.3s}
a:hover{color:#fb7109}
.flex{display:flex}
.flex_sb{justify-content:space-between}
.flex_c{justify-content:center}
.flex_ai{align-items:center}
.dflex-between{display:flex;justify-content:space-between}
.dflex-align-center{display:flex;align-items:center}
.f12{font-size:12px}
.fl{float:left}
.fr{float:right}
.block{display:block!important}
.ce{text-align:center}
.hide{overflow:hidden}
.noshow{display:none!important}
.ml10{margin-left:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb15{margin-bottom:15px}
.mb30{margin-bottom:30px}
.mb20{margin-bottom:20px}
.mt-0{margin-top:0 !important}
.mt-1{margin-top:.25rem !important}
.mt-2{margin-top:.5rem !important}
.mt-3{margin-top:1rem !important}
.mt-4{margin-top:1.5rem !important}
.mt-5{margin-top:3rem !important}
.gap5{gap:5px}
.gap-50{gap:50px}
.fontGray{color:#999}
.mainColor{color:#fb7109}
.tc{text-align:center}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat:no-repeat}
.pd60{padding:60px 0}
.pt0{padding-top:0px}
.pt-20{padding-top:20px}
.pb-20{padding-bottom:20px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.font14{font-size:0.875em}
.gray{background:#efefef}
.header{width:100%;background:#fff;position:relative;z-index:999;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.header .headerTop{background:#f5f5f5;height:40px;line-height:40px;overflow:hidden;font-size:13px;color:#666}
.ht_right{gap:10px}
.ht_right .tel{color:#fb7109;font-family:Microsoft Yahei;font-size:14px;font-weight:500;font-family:'Montserrat'}
.ht_right .language{gap:10px;margin-right:20px}
.ht_right .language a.on{color:#fb7109;font-weight:bold}
.header .logo{height:60px}
.header .logo img{display:block;height:100%}
.nav{display:flex;flex-flow:row wrap;justify-content:space-between;text-align:right;gap:40px;font-size:16px}
.nav .m{position:relative;z-index:10}
.nav .m>a{color:#191919;display:inline-block;position:relative;line-height:90px;transition:all 0.15s;}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#fb7109;width:100%;transform:scale(0,1);transform-origin:right;transition:transform 0.3s}
.nav .cur>a,.nav .m>a:hover{color:#fb7109;transition:color 0.15s}
.nav .cur>a::after,.nav .m>a:hover::after{width:100%;transform:scale(1);transform-origin:left}
.nav .navSub{position:absolute;left:-80px;top:120%;margin-left:50%;background:#fff;line-height:40px;width:160px;color:#333;font-size:0.875rem;transition:top 0.4s,opacity 0.4s;opacity:0;text-align:center;transform:scale(0);border-radius:0 0 5px 5px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.nav .navSub li{border-bottom:1px solid #eee;line-height:40px}
.nav .navSub li:last-child{border-bottom:0}
.nav .navSub a{color:#666;display:block}
.nav .navSub a:hover{background:#fb7109;color:#fff}
.nav .m:hover .navSub{top:100%;opacity:1;transform:scale(1)}
.headR{position:absolute;right:0;top:12px}
.search{border:1px solid #ddd;padding:0 35px 0 10px;margin-right:20px;height:28px;width:180px}
.search .txt{float:left;width:100%;font-size:12px;line-height:26px}
.search .btn{float:right;background:url("../images/sBtn.png") no-repeat center;width:35px;height:28px;margin-right:-35px;cursor:pointer;opacity:0.7}
.search .btn:hover{opacity:1}
.headR{display:flex;align-items:center;justify-content:space-between}
.headFix{box-shadow:2px 2px 5px #ddd;position:fixed;left:0;top:0}
.headFix .logo{transition:all 0.3s;height:50px}
.headFix .nav .m>a{line-height:80px;transition:all 0.3s}
.navTrigger{width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none}
.navTrigger span{display:block;height:2px;background:#fb7109;margin-bottom:6px;transition:all 0.3s;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%}
.navTrigger span:nth-child(3){margin-bottom:0}
.navTrigger-on span:nth-child(1){transform:translateX(4px) translateY(0px) rotate(45deg)}
.navTrigger-on span:nth-child(2){opacity:0}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg)}
.wapTel{font-family:"iconfont";position:absolute;color:#fb7109;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none}
.banner{position:relative;overflow:hidden;font-size:0.875rem}
.banner .swiper-slide{position:relative}
.banner .pic{width:100%}
.banner .txt{position:absolute;left:0;top:20%;transform:translateX(-50%);z-index:10;opacity:0;transition:all 1s}
.banner .swiper-wrapper{transition-timing-function:ease-in-out}
.banner .swiper-pagination{bottom:20px;max-width:1600px;left:50%;transform:translateX(-50%)}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position:relative}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%}
.banner .swiper-pagination-bullet-active{border-color:#fb7109}
.banner .swiper-pagination-bullet-active::after{background:#fb7109}
.banner .swiper-slide-active .txt{opacity:1;left:23%}
.hTitle{font-size:1.8rem;color:#191919;text-align:center;line-height:1.2;margin-bottom:50px;z-index:1;position:relative}
.hTitle span{position:relative;letter-spacing:2px}
.hTitle span:after{background:linear-gradient(90deg,#fb7109 36.72%,rgba(255,255,255,.5));border-bottom-left-radius:10px;border-top-left-radius:10px;bottom:0px;content:"";height:10px;left:0;position:absolute;width:100%;z-index:-1;transform:rotate(-2deg);opacity:0.5}
.hTitle h2{position:relative;font-weight:bold}
.hTitle b{color:#fb7109;font-size:1.17em;text-transform:uppercase;font-family:"Microsoft YaHei";margin-right:10px;position:relative;top:5px}
.hTitle em{display:block;font-size:14px;opacity:0.7;margin-top:10px;font-style:normal;font-weight:normal;letter-spacing:2px}
.attest{margin:0 auto;margin-top:50px}
.attest ul{display:flex;gap:20px;justify-content:space-between}
.attest li{text-align:center;cursor:pointer;transition:all 0.4s;top:0;position:relative}
.attest li span{display:inline-block;background-size:100%;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border-radius:5px}
.attest li span img{display:block;width:70%}
.attest li:nth-child(8){display:none}
.attest li:hover{top:-10px}
.honorBox{padding:0 80px;text-align:center}
.honorMain li{float:left;width:33.3%}
.honorMain li h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:15px;opacity:0}
.honorMain li .pImg{padding-top:72%;background:#fb7109}
.honorMain li:hover img{transform:scale(0.92)}
.honorMain li.swiper-slide-active h4{opacity:1}
.honorBox .btn{display:inline-block;width:34px;height:60px;background:#fb7109;color:#fff;text-align:center;line-height:60px;opacity:0.8;left:0;cursor:pointer;pointer-events:inherit !important}
.honorBox .swiper-button-next{left:auto;right:0}
.honorBox .btn:hover{opacity:1}
.product,.case,.news{overflow:visible}
.homeMenu{text-align:center;margin-bottom:30px;height:50px;font-size:1.2em;position:relative}
.homeMenu::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#ddd;left:0;margin-left:-50%;width:200%}
.homeMenu a{margin:0 20px;color:#333;position:relative;display:inline-block;height:50px}
.homeMenu a::after{content:"";position:absolute;left:0;bottom:0;width:100%;background:#fb7109;height:3px;transform:scale(0,1);transform-origin:right;transition:transform 0.4s}
.homeMenu a:hover,.homeMenu a.on{color:#fb7109}
.homeMenu a:hover::after{transform:scale(1);transform-origin:left}
.proBox{overflow:hidden;position:relative;z-index:3}
.proSlide{max-width:1200px;margin:0 auto;margin-bottom:20px;overflow:hidden}
.proSlide li{position:relative;overflow:hidden;width:100%}
.proSlide li .pic{width:54%;text-align:center}
.proSlide li .pic img{width:90%;transition:all 0.5s}
.proSlide li .txt{width:46%;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.proSlide li h4{font-size:2em;padding-bottom:15px;margin-bottom:25px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.proSlide li h4 a{color:#fb7109}
.proSlide li h4::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:2px;background:#fb7109;transition:all 0.5s}
.proSlide li p{min-height:90px;font-size:1.071em;margin-bottom:10px}
.proSlide li .btn{display:inline-block;width:120px;height:42px;line-height:42px;background:#fb7109;margin-top:26px;text-align:center;color:#fff;margin-right:15px}
.proSlide li .more{background:#333;color:#fff}
.proSlide li .btn:hover{background:#b30600;color:#fff}
.proSlide .swiper-button-black{top:30%;z-index:90;pointer-events:auto !important;opacity:0.8 !important;cursor:pointer;font-size:0;line-height:0}
.proSlide li:hover img{transform:scale(1.06)}
.proPic{padding-left:1px;padding-bottom:10px;overflow:hidden}
.proPic li{float:left;width:25%;border:1px solid #ebebeb;padding:15px;text-align:center;margin-left:-1px;transition:all 0.5s}
.proPic li .pImg{padding-top:68%}
.proPic li h4{font-size:15px;color:#191919;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:20px}
.proPic li p{padding:0 10px}
.proPic li p span{display:block;font-size:13px;opacity:0.6;margin-top:8px;font-weight:500;color:#333}
.proPic li:hover img{transform:scale(1.1)}
.proPic li:hover h4{color:#fb7109}
.proPic li:hover{box-shadow:0 0 10px #e1e1e1}
.solution{background:url("../images/solution_tie.jpg") no-repeat center;background-size:cover;background-repeat:no-repeat;padding-bottom:0;background-attachment:fixed}
.hTitlew,.hTitlew span{color:#fff}
.solutionSlide{height:600px;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.solutionSlide li{float:left;width:20%;height:100%;border-right:1px solid rgba(255,255,255,0.2);color:#fff;text-align:center;padding:0 2.5%;padding-top:14%;position:relative;overflow:hidden;z-index:2;transition:all 0.5s}
.solutionSlide li::after{content:"";position:absolute;background:#fb7109;opacity:0.8;width:100%;height:100%;left:0;top:0;z-index:-1;transition:transform 0.5s;transform-origin:right;transform:scale(0,1)}
.solutionSlide li .txt{height:70px;overflow:hidden;transition:all 0.5s;transition-delay:0.3s}
.solutionSlide li h4{margin-bottom:25px}
.solutionSlide li h4 span{font-size:2.143em;display:block}
.solutionSlide li .more{display:inline-block;width:160px;height:42px;line-height:40px;margin-top:35px;border:1px solid #fff;color:#fff}
.solutionSlide li .more i{font-style:normal;margin-left:15px}
.solutionSlide li p,.solutionSlide li .more{opacity:0;transform:translateY(100%);transition:all 0.5s;transition-delay:0.1s;height:0px;overflow:hidden}
.solutionSlide li .more:hover{background:#fff;color:#fb7109}
.solutionSlide .swiper-slide-active::after{transform-origin:left;transform:scale(1)}
.solutionSlide .swiper-slide-active{padding-top:10%}
.solutionSlide .swiper-slide-active p,.solutionSlide .swiper-slide-active a{opacity:1;transition-delay:0.25s;transform:translateY(0) scale(1);height:auto}
.solutionSlide .swiper-slide-active a{transition-delay:0.25s}
.hTitle2 span::before{transform:rotateX(180deg);left:-60px;top:32px}
.hTitle2 span::after{transform:rotate(180deg);right:-60px}
.caseMain,.caseBox{overflow:hidden}
.caseSlide,.casePic{overflow:hidden;position:relative}
.caseMain li{margin-bottom:1px;padding-left:1px}
.caseMain li a{display:block;position:relative}
.caseMain li .pImg{padding-top:74%}
.caseMain li p{position:absolute;bottom:0;left:5%;right:5%;color:#fff;height:60px;line-height:60px;border-top:1px solid rgba(255,255,255,0.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}
.caseSlide li p{left:0;right:0;padding:0 120px 0 5%;background:rgba(251,113,9,0.7);border-top:none;font-size:16px}
.casePic li a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:rgba(251,113,9,0.7);transition:all 0.5s}
.casePic{display:flex;flex-flow:wrap}
.casePic li{width:25%}
.casePic li a:hover::after{height:60px}
.caseMain li a:hover img{transform:scale(1.08)}
.caseSlide .swiper-pagination{width:auto;right:15px;bottom:20px;left:auto}
.odds{text-align:center;position:relative;z-index:2;background:url(../images/odds_bg.jpg) no-repeat center #f4f4f4;background-size:cover;background-attachment:fixed}
.odds .hTitle em{letter-spacing:2px}
.odssMain li{width:25%;background:#fff;box-shadow:0 2px 6px #ccc;text-align:left;height:auto}
.odssMain li .info{padding:30px 20px;position:relative;z-index:2;font-size:15px;line-height:2;height:100%}
.odssMain li .info::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#fb7109;z-index:-1;transition:all 0.5s}
.odssMain li .pImg{padding:10px 0 10px;text-align:center}
.odssMain li .pImg i{font-size:50px;color:#333;margin-top:-20px;transition:all 0.4s}
.odssMain li h4{font-size:1.6em;font-weight:500;color:#000;margin-bottom:20px;text-align:center}
.odssMain li .txt{color:#666}
.odssMain li p{background:url("../images/odds_li.png") no-repeat left 8px;padding-left:15px;margin-top:10px}
.odssMain .btn{display:none;background:#333;color:#fff;position:static;margin-top:20px;width:50px;height:26px;line-height:26px;cursor:pointer}
.odssMain li:hover i{transform:scale(1.1);color:#fff;transition:all 0.4s}
.odssMain li:hover .info::after{height:100%}
.odssMain li:hover h4,.odssMain li:hover p{color:#fff;transition:all 0.4s}
.about{padding-bottom:0;overflow:visible}
.aboutL{width:43%}
.aboutL .hTitle{text-align:left;margin-bottom:30px}
.aboutL .hTitle span{letter-spacing:0px;text-transform:uppercase}
.aboutL .hTitle span::before{display:none}
.aboutL .hTitle span::after{background:url("../images/tie_bg2.png") no-repeat right;transform:rotate(0);width:300px;left:auto;right:-40px;top:16px;height:56px}
.aboutL .tie{color:#fb7109;font-size:1.786em;font-weight:bold;margin-bottom:25px}
.aboutL .txt{min-height:190px;margin-bottom:20px;line-height:2;font-size:15px;color:#666}
.aboutL .more i{font-style:normal;margin-left:15px}
.setting{width:54%}
.settingBig{overflow:hidden;height:480px;margin-bottom:1px}
.settingBig img{animation:scale 34s infinite}
.settingSmall{margin-right:-1px}
.settingSmall li{float:left;width:25%;height:120px;padding-right:1px;text-align:center;font-size:1.429em;line-height:120px}
.settingSmall li a{color:#fff;z-index:2}
.settingSmall li a::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;z-index:-1;border:5px solid #fb7109;transition:all 0.3s}
.settingSmall .on a::after{opacity:0.8}
.settingSmall li.more a::after{background:#000;opacity:0.8;border-color:#000}
.settingSmall li.more p{font-size:14px;line-height:2;padding-top:35px}
.settingSmall li.more i{display:block;font-style:normal}
.settingSmall li.more:hover a::after{opacity:0.9}
.aboutTie{position:absolute;left:0;bottom:0;width:43%;color:#fff;height:120px;display:flex;align-items:center}
.aboutTie h4{padding-left:25px;font-size:1.429em;font-weight:500}
.aboutTie h4 span{display:block;font-size:12px;opacity:0.5;font-family:Arial}
.about::after{content:"";position:absolute;left:0;bottom:0;background:#fb7109;width:100%;height:120px;z-index:-1;margin-left:-50%}
.hVideo{padding-top:40px;overflow:hidden}
@keyframes scale{from{transform:scale(1)}
50%{transform:scale(1.1)}
to{transform:scale(1)}
}.newsL{width:57.5%;overflow:hidden}
.newsL li{float:left;width:48.5%;padding-bottom:15px;position:relative;border-bottom:1px dotted #aeaeae;height:476px}
.newsL li:after,.newsR li::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fb7109;transition:transform 0.6s;transform:scale(0,1);transform-origin:right}
.newsL li .pic{display:block;height:295px;overflow:hidden}
.newsL li h4{font-size:1.333em;margin:20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsL li p{margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.newsL li h4 a{color:#333}
.newsL li h4 a:hover{color:#fb7109}
.newsL li:nth-child(2){float:right}
.newsL li:hover .bgImg{transform:scale(1.08)}
.newsL li:hover::after,.newsR li:hover::after,.newsMenu .on::after{transform:scale(1);transform-origin:left}
.newsL li .more{margin-left:15px}
.newsL li .more i{font-style:normal;margin-left:10px}
.newsR{width:38%;overflow:hidden;position:relative}
.newsR li{color:#888;border-bottom:1px dotted #aeaeae;margin-bottom:20px;position:relative}
.newsR li a{display:block;height:103px;padding-right:100px;color:#666;transition:all 0.6s}
.newsR li .date{font-size:0.75rem;color:#999;font-family:Arial;line-height:1.2;margin-right:-100px;transition:all 0.3s;float:right}
.newsR li .date b{font-size:3.667em;color:#666;display:block;font-weight:300}
.newsR li .txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:2}
.newsR li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;color:#333}
.newsR li a:hover{padding-right:0}
.newsR li a:hover h4{color:#fb7109}
.partner{background:url('../images/honor_bg.jpg') #f5f5f5}
.partner .container{}
.partnerL{width:35%;max-width:460px}
.partnerL .tie{font-size:2.286em;font-weight:bold;color:#555;max-width:290px;line-height:1.4;margin-bottom:30px}
.partnerL .tie span{display:block;font-size:1.813em;color:#fb7109;font-family:"Arial"}
.partnerL .zx{display:inline-block;width:200px;height:52px;line-height:52px;margin-top:40px;background:#fb7109;color:#fff;text-align:center;color:#fff}
.partnerL .zx i{font-style:normal;margin-right:10px;font-size:24px}
.partnerL .zx:hover{background:#a70006}
.partnerR{display:flex;align-items:center;flex-flow:wrap;margin:-10px}
.partnerR li{width:calc(12.5% - 20px);animation-fill-mode:initial;transition:all 0.5s;position:relative;margin:10px}
.partnerR li a{display:block;background:#fff}
.partnerR li .pImg{padding-top:38%}
.partnerR li:hover a{transform:scale(1.1);z-index:2;box-shadow:0 0 10px rgba(251,113,9,.3)}
.footer{font-size:0.75rem;background:#333;color:#f5f5f5;padding:30px 0 100px 0}
.footMenu{margin-bottom:40px;font-size:1.286em;overflow:hidden}
.footL .footMenu a{color:#fff;margin-right:20px}
.footMenu a:hover{text-decoration:underline}
.footL{width:70%}
.footL .font{padding-left:180px;line-height:2;font-size:14px}
.footL .font i{font-style:normal;margin-right:10px;display:none}
.footLogo{margin-left:-180px;padding-top:2px}
.footLogo a{display:block}
.footR{text-align:right;display:flex;align-content:center;justify-content:space-between;gap:20px}
.footR .tel{position:relative;padding-bottom:28px;padding-top:10px;font-size:14px}
.footR .tel span{display:block;font-family:'Montserrat';font-weight:600;color:#fff;font-size:1.8em}
.footR .tel span:nth-child(2){font-size:1.6em}
.footR .tel::after{content:"";position:absolute;right:0;top:65px;height:2px;width:14px;background:#fff}
.footWx{width:120px;text-align:center;color:#fff}
.footWx img{width:100%;background:#fff;padding:5px;margin-bottom:10px;border-radius:5px}
.footR .rzimg{display:flex;align-items:center;gap:5px}
.footR .rzimg img{width:90px;height:auto;border-radius:3px}
.footer a{color:#f5f5f5}
.footer a:hover{color:#fff;text-decoration:underline}
.firendlink{position:absolute;right:36%;border:1px solid #666;width:190px;height:40px;line-height:38px;padding:0 25px;top:65px}
.firendlink span{color:#fff;display:block;cursor:pointer}
.firendlink i{float:right;font-style:normal;font-size:1rem!important;font-size:20px;opacity:0.5}
.firendlink .main{position:absolute;bottom:50%;width:100%;background:#fff;left:0;transition:opacity 0.4s,bottom 0.4s;opacity:0;transform:scale(0)}
.firendlink a{display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding:0 25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666}
.firendlink a:hover{background:#f8a70b;color:#fff;text-decoration:none}
.firendlink:hover .main{opacity:1;transform:scale(1);bottom:100%;box-shadow:-2px -2px 4px rgba(0,0,0,.1);}
.listWrap{padding:20px 0 40px 0}
.listBanner,.mzsmBanner{height:500px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.listBanner h3{position:absolute;color:#fff;top:40%;font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%)}
.listBanner h3 span{display:block;font-size:14px;font-weight:400;opacity:0.8}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url("../images/sIcon.png") no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left}
.proSear .btn:hover{background-color:#111}
@keyframes leftPic{0%{opacity:0;padding-top:60px}
100%{opacity:1;padding-top:0}
}.listMenu .menu{height:50px;text-align:center;margin-top:-55px;line-height:50px;text-align:left;font-size:16px}
.listMenu .menu a{background:#fff;display:inline-block;text-align:center;width:12.5%;position:relative;z-index:1;color:#333;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.listMenu .menu a:after,.solutionMenu li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition-delay:.1s;transition:transform .3s;transform-origin:right;z-index:-1;transform:scale(0,1);background:#fb7109}
.listMenu .menu a:first-child{border-left:none}
.listMenu .menu a.cur:after,.listMenu .menu a:hover:after,.solutionMenu li.on::after{transform-origin:left;transform:scale(1)}
.listMenu .menu a.cur,.listMenu .menu a:hover{color:#fff;border-bottom:1px solid #fb7109}
.breadCrumb{height:50px;line-height:50px;color:#787878;background:#fff;position:relative;margin-top:5px}
.breadCrumb:after{content:"";position:absolute;top:0;left:0;width:300%;margin-left:-50%;background:#fff;height:50px;line-height:50px;z-index:-1}
.breadCrumb a{color:#787878;margin:0 3px}
.breadCrumb p{padding-left:18px;position:relative;font-size:14px;z-index:2}
.breadCrumb i{padding-right:5px;font-size:14px}
.menuSub{font-size:15px;position:relative}
.menuSub::after{content:"";position:absolute;left:-50%;width:200%;height:100%;background:#efefef;top:0;z-index:-1}
.menuSub{text-align:right}
.menuSub a{margin:0 25px;color:#555}
.menuSub a:hover,.menuSub .cur,.breadCrumb a:hover{color:#fb7109}
.listTie{font-size:1.8rem;text-align:center;color:#333;position:relative;padding-bottom:15px;margin-bottom:40px}
.listTie span{display:block;font-size:14px;opacity:0.7;font-weight:normal}
.listTie::after,.service .tie::after{content:"";position:absolute;left:50%;bottom:0;width:50px;height:2px;background:#fb7109;margin-left:-25px}
.profileBox1{padding-top:40px}
.profileL{width:20%;float:left;max-width:220px}
.profileL .tie{font-size:2.125rem;color:#191919;position:relative;padding-bottom:15px;margin-bottom:60px}
.profileL .tie span{display:block;font-size:1.294em;font-family:"Geometric","Arial";text-transform:uppercase;line-height:1.2;margin-top:15px}
.profileL .tie span i{display:block;font-size:14px;font-style:normal;text-transform:none}
.profileL .tie::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:20px;background:#e6212a}
.profileL h4{font-size:1.286em;color:#333;font-weight:bold;margin-bottom:50px}
.profileL h4 span{display:block;font-size:12px;font-weight:normal;opacity:0.5;line-height:1;margin-top:10px}
.zxBtn{display:block;height:50px;line-height:50px;background:#e6212a;text-align:center;color:#fff}
.zxBtn:hover{background:#a20400;color:#fff}
.zxBtn i{font-family:"iconfont";font-style:normal;margin-right:10px}
.profileR{line-height:1.8;width:78%}
.profileR .tie{font-size:2em;color:#e6212a;margin-bottom:25px;font-weight:bold}
.profileBox1 .attest{padding-top:30px;margin-bottom:0}
.culture{border-top:1px solid #ddd;padding-top:50px}
.culture ul{margin:0 -1%}
.culture li{float:left;background:#f6f6f6;padding:20px;width:23%;min-height:460px;text-align:left;margin:0 1%}
.culture li .pImg{padding-top:65%}
.culture li h4{font-size:20px;color:#222;margin-bottom:15px;padding-bottom:10px;font-weight:normal;margin-top:15px;position:relative}
.culture li h4 span{display:block;font-size:12px;font-family:Arial;color:#999}
.culture li:hover img{transform:scale(1.1)}
.culture li h4 span:after{content:"";position:absolute;width:14px;height:1px;background:#e96713;bottom:0;left:0;transition:all 0.3s}
.picList ul{display:flex;flex-flow:wrap;justify-content:flex-start;margin:0 -10px}
.picList li{width:calc(25% - 20px);text-align:center;margin:10px}
.picList li a{display:block;overflow:hidden}
.picList li .pImg{padding-top:66%;border:1px solid #e1e1e1}
.honorList li .pImg{padding-top:122%}
.honorList li{width:20%}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:8px;margin-bottom:7px;font-size:16px}
.picList li a:hover img{transform:scale(1.1)}
.picList li a:hover p{color:#fb7109}
.partnerList{background:none}
.partnerList ul{padding-left:1px}
.galy{background:#f5f5f5}
.caseList ul{display:flex;flex-flow:wrap;margin:-10px}
.caseList li{width:calc(33.333% - 20px);margin:10px;padding:15px;background:#fff}
.caseList li .pImg{padding-top:66%}
.caseList li p{font-size:15px;display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:8px;margin-bottom:7px;font-size:16px}
.caseList li p span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caseList li p i{font-style:normal;color:#999}
.caseList li p span:last-child{color:#999;white-space:nowrap}
.histroryL{width:24%;max-width:320px}
.histroryL .tie{border-bottom:1px solid #cecece;padding-bottom:50px;margin-bottom:50px}
.histroryL .txt{border:4px solid #cecece;padding:12% 8%;line-height:1.2}
.histroryL .txt h3{font-size:32px;color:#191919;margin-bottom:60px;font-weight:bold}
.histroryL .txt h3 span{display:block}
.histroryL .txt p{font-size:24px;color:#e6212a;font-family:Arial}
.histroryL .txt p span{display:block;font-size:64px;color:#b9b9b9;font-weight:bold}
.hirstoryR{width:74%;overflow:hidden}
.coverList li{background:url("../images/honor_bg.jpg");overflow:hidden;margin-bottom:20px;transition:all 0.5s}
.coverList li .pic{width:50%;overflow:hidden;display:block;height:460px}
.coverList li .txt{width:50%;padding:2% 4%;position:relative;max-height:420px;overflow-y:auto}
.coverList li h4{font-size:2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px}
.coverList li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#e6212a;width:15px;transition:all 0.4s}
.coverList li h4 a{color:#333}
.coverList li p{margin-top:10px;background:url("../images/odds_li.png") no-repeat left 10px;padding-left:15px}
.coverList li:nth-child(2n) .txt{float:left}
.coverList li:nth-child(2n) .pic{float:right}
.coverList li:hover .bgImg{transform:scale(1.05)}
.coverList li:hover{box-shadow:0 0 10px #ccc}
.coverList li h4 a:hover{color:#e6212a}
.proWrap{padding-top:0;overflow:visible}
.proWrap::after{content:"";position:absolute;top:0;left:0;width:300%;margin-left:-50%;background:#fff;height:70px;line-height:70px;z-index:-1}
.newsMainBox{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
.proSider{width:22%;font-size:16px}
.proSider .title{background:#fb7109;padding:20px;color:#fff;font-size:1.6em;text-transform:uppercase}
.proSider .title span{display:block;font-family:Arial;font-size:0.556em;font-family:'Montserrat';font-weight:300}
.proSider .title i{float:right;color:#fb7109;display:none;font-size:14px;cursor:pointer;position:relative;padding-right:25px;font-style:normal}
.proSider .title i::after{content:"\f5c7";position:absolute;right:0;top:0;font-size:1.143rem;font-family:bootstrap-icons !important;font-weight:100}
.proSide_sub{background:#fff;width:100%}
.proSide_sub li{border-top:1px solid #eee}
.proSide_sub li a{padding:0 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;height:55px;line-height:55px;font-weight:bold}
.proSide_sub li i{margin-right:10px;font-style:normal;font-size:14px;position:relative}
.proSide_sub li .Titcur{background:#eee;color:#333}
.proSide_sub li a:hover,.proSide_sub li .cur{background:#fb7109;color:#fff}
.proSide_sub .sub{font-size:.875em}
.proSide_sub ul li a{padding-left:20%;line-height:50px;height:50px;font-weight:500;font-size:14px}
.proSide_sub ul a{padding:0}
.proSide_sub ul .cur,.proSide_sub ul a:hover{color:#fff;background:#fb7109}
.proSide_sub ul ul li a{padding-left:25%;opacity:.8}
.proSide_sub ul ul li a:hover,.proSide_sub ul ul .cur{color:#fb7109}
.relaCase{background:#f2f2f2;padding:20px 30px}
.relaCase .tie{height:45px;border-bottom:1px solid #d7d7d7;font-size:1.25em;color:#333;margin-bottom:20px}
.relaCase li .pImg{padding-top:86%}
.relaCase li p{height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relaCase li i,.proList li i{float:right;font-style:normal;margin-left:15px}
.relaCase li:hover img{transform:scale(1.1)}
.proR{width:calc(78% - 20px)}
.pro_bread{font-size:0.875rem;height:70px;line-height:70px;overflow:hidden;margin-bottom:20px}
.pro_bread strong{font-size:16px;font-weight:bold;color:#444}
.pro_bread p{position:relative;padding-left:25px;color:#999}
.pro_bread p a{color:#999;margin:0 4px}
.pro_bread p a:hover{color:#fb7109}
.proList{margin-right:-30px}
.proList li{float:left;width:25%;margin-bottom:20px;padding-right:30px}
.proList li a{display:block}
.proList li .pImg{padding-top:66%;transition:all 0.3s;border:1px solid #eee;transition:all 0.4s}
.proList li p{height:50px;line-height:50px;color:#444;display:flex;align-items:center;justify-content:space-between}
.proList li p b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proList li a:hover .pImg{box-shadow:0 0 10px #ccc}
.proList li a:hover img{transform:scale(1.1)}
.proList li a:hover p{color:#fb7109}
.proList li p span{font-size:12px;color:#999}
.searchList{width:100%}
.searchList li{width:25%}
.proShow_box1{overflow:hidden;margin:40px 0;border:1px solid #ddd}
.proShowTop{overflow:hidden;margin-bottom:50px}
.gallery{width:50%;position:relative;border-right:solid 1px #ddd;padding-bottom:0;overflow:hidden}
.gallery li{height:480px;line-height:480px}
.gallery .pImg{padding-top:80%}
.gallery img{width:100%}
.gallery .swiper-pagination-bullet-active{background:#fb7109}
.proShow_R{width:50%;overflow:hidden;line-height:1.8;padding:3% 4%}
.proShow_R .title{margin-bottom:20px;color:#333}
.proShow_R .title span{display:block;font-size:1.778em;color:#fb7109}
.proShow_R .font{height:210px;line-height:2;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px;overflow:hidden}
.proShow_R li{float:left;width:25%;border-right:1px dotted #ddd;text-align:center;font-size:1.143em}
.proShow_R li i{display:inline-block;width:37px;height:37px;background:url("../images/show_Icon.png") no-repeat}
.proShow_R li:nth-child(2) i{background-position:-37px 0}
.proShow_R li:nth-child(3) i{background-position:-74px 0}
.proShow_R li:nth-child(4) i{background-position:-111px 0}
.proShow_R li span{display:block}
.proShow_R .btn{margin-top:30px;overflow:hidden}
.proShow_R .btn a{width:46%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #ddd;color:#333;margin-bottom:10px}
.proShow_R .btn a:nth-child(2){float:right}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px}
.proShow_R .btn a:hover{background:#fb7109;color:#fff}
.proShow_menu{margin-bottom:10px;text-align:center;overflow:hidden}
.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#333;border-radius:20px}
.proShow_menu .on,.proShow_menu a:hover{background:#fb7109;border:1px solid #fb7109;color:#fff}
.proShow_fix{position:fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10}
.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;margin-top:30px}
.proTie span{display:inline-block;border-bottom:1px solid #fb7109;color:#fb7109;height:50px}
.proShow_con3{width:100%}
.solutionI li{background:#f5f5f5;overflow:hidden;margin-bottom:20px;transition:all 0.5s}
.solutionI li .pic{width:50%;overflow:hidden;display:block;height:420px}
.solutionI li .txt{width:50%;padding:4%;position:relative}
.solutionI li h4{font-size:2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px}
.solutionI li h4::after,.applyFont .title::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#ff0000;width:15px;transition:all 0.4s}
.solutionI li h4 a{color:#333}
.solutionI li .txt .info{min-height:130px}
.solutionI li .btn{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#ff0000}
.solutionI li .more{background:#fff;color:#ff0000;margin-left:15px}
.solutionI li .btn:hover{color:#fff;background:#d80000}
.solutionI li:nth-child(2n) .txt{float:left}
.solutionI li:nth-child(2n) .pic{float:right}
.solutionI li:hover .bgImg{transform:scale(1.05)}
.solutionI li:hover{box-shadow:0 0 10px #ccc}
.solutionI li h4 a:hover{color:#ff0000}
.solutionList li{border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;transition:all 0.3s;overflow:hidden}
.solutionList li .pic{float:left;width:360px;height:225px;margin-right:60px;overflow:hidden}
.solutionList li img{transition:all 0.5s;width:100%;height:100%}
.solutionList li h3{font-size:1.571em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}
.solutionList li h3 a{color:#333}
.solutionList li p{min-height:70px}
.solutionList li .date{display:block;color:#999;margin-bottom:25px;font-size:12px}
.solutionList li .date i{font-style:normal;margin-left:8px}
.solutionList li .more{display:inline-block;width:120px;height:38px;line-height:38px;text-align:center;margin-top:25px;border:1px solid #ccc}
.solutionList li .more:hover{background:#fb7109;border:1px solid #fb7109;color:#fff}
.solutionList li:hover{box-shadow:6px 6px 6px #eee}
.solutionList li:hover img{transform:scale(1.1)}
.settingTop{background:#e3e3e3;margin-bottom:45px;overflow:hidden}
.settingTop .bgImg{width:50%;height:400px}
.settingTop .font{width:50%;padding:4% 5%;position:relative;z-index:2;height:400px;background:#f6f6f6}
.settingTop .font h3{font-size:1.857em;color:#fb7109;margin-bottom:30px;position:relative;padding-bottom:10px}
.settingTop .font h3::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:20px;background:#fb7109}
.settingTop:hover .bgImg{transform:scale(1.05)}
.newsSlide{overflow:hidden;position:relative;text-align:center;margin-bottom:50px}
.newsSlide li{text-align:left;background:#e3e3e3;overflow:hidden}
.newsSlide li .pic{width:45.5%;height:530px;overflow:hidden;display:block}
.newsSlide li .txt{width:54.5%;padding:6%}
.newsSlide li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:700}
.newsSlide li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#fb7109;width:15px;transition:all 0.4s}
.newsSlide li h4 a{color:#333}
.newsSlide li h4 a:hover{color:#fb7109}
.newsSlide .slideIcon{position:absolute;bottom:0;right:0;background:#fb7109;height:80px;line-height:80px;width:54.5%;z-index:2;left:auto;padding-left:6%;text-align:left}
.newsSlide .swiper-pagination-bullet{width:10px;height:10px;cursor:pointer;background:#fff}
.newsSlide .swiper-button-next,.newsSlide .swiper-button-prev{background:rgba(0,0,0,0.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"宋体";font-weight:bold;line-height:36px;text-align:center;color:#fff;position:static;margin-top:20px;display:none}
.newsSlide li .pic{height:460px}
.newsSlide li .txt{padding:5%}
.newsSlide li:hover .bgImg{transform:scale(1.08)}
.picSlide{position:relative;margin-bottom:40px;background:#e1e1e1;padding:10px}
.picSlide li{text-align:center;height:100%;position:relative}
.picSlide img{width:100%}
.picSlide-top .pImg{padding-top:56%}
.picSlide-thumbs{margin-top:1px}
.picSlide-thumbs li{border-right:1px solid #fff;padding-top:12%;cursor:pointer;width:16.66%;position:relative}
.picSlide-thumbs li::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:5px solid #fb7109;opacity:0.7;transform:scale(0);transition:all 0.3s}
.picSlide-thumbs .on::after{transform:scale(1)}
.picSlide .swiper-button-next,.picSlide .swiper-button-prev{top:45%;background:rgba(255,255,255,0.5);text-align:center;width:90px;height:50px;line-height:50px;color:#fff;font-size:24px;font-family:Arial;transition:all 0.3s}
.picSlide .swiper-button-prev{left:0}
.picSlide .swiper-button-next{right:0;left:auto}
.picSlide .swiper-button-next:hover,.picSlide .swiper-button-prev:hover{background:#fb7109}
.picShow_con{border-top:1px solid #ddd;padding-top:30px}
.picShow_con p{margin-bottom:10px}
.picShow_con p img{width:100%}
.partnerList{padding-top:1px;padding-left:1px}
.partnerList li{float:left;width:14.3%;border:1px solid #eee;margin-left:-1px;margin-top:-1px;position:relative;transition:all 0.5s;background:#fff;animation-fill-mode:inherit;overflow:hidden}
.partnerList li .pImg{padding-top:50%}
.partnerList li p{height:40px;line-height:30px;text-align:center;padding:0 10px;font-size:12px;transition:all 0.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:-50px;text-align:center;background:#fb7109;height:40px;line-height:40px;color:#fff;width:100%}
.partnerList li:hover p{bottom:0}
.partnerList li:hover img{top:-15px}
.newsTop{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #ddd}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:49%;height:280px}
.newsTop li .pic{width:50%;float:left;height:280px;overflow:hidden}
.newsTop li .txt{width:50%;padding:4%;background:#f3f3f3}
.newsTop li .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}
.newsTop li .txt h4 a{color:#333}
.newsTop li .txt h4 a:hover{color:#fb7109}
.newsTop li .txt h4 span{display:block;font-size:;font-family:Arial;color:#999;font-size:0.75rem;margin-top:5px}
.newsTop li p{height:110px;overflow:hidden;margin-bottom:10px}
.newsTop li:hover .bgImg{transform:scale(1.1)}
.newsTop li:nth-child(2n){float:right}
.newsList{overflow:hidden;font-size:0.813rem}
.newsList ul{margin-right:-40px}
.newsList li{float:left;padding-right:40px;width:25%;margin-bottom:40px}
.newsList li a{display:block;color:#888}
.newsList li .pImg{padding-top:68%}
.newsList li h3{font-size:1.231em;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:20px 0 10px}
.newsList li p{height:50px;margin-bottom:10px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.newsList li a:hover img{transform:scale(1.1)}
.newsList li a:hover h3{color:#fb7109}
.picShow_l{width:calc(76% - 20px);overflow:hidden}
.proR_con{background:#fff;padding:30px}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px}
.showTie{margin-bottom:30px;text-align:center;margin-top:10px}
.showTie h2{font-size:2em;color:#333;margin-bottom:15px;font-weight:500}
.showTie .bshare-custom{margin-top:-30px}
.newsShow .showTie .txt{font-size:0.75rem;color:#999;gap:20px;justify-content:center}
.newsShow .showTie .txt span{color:#454545;position:relative;font-size:1.143em}
.caseShow .showTie .txt{background:#f5f5f5;padding:8px 20px;display:flex;flex-wrap:wrap;align-content:center}
.caseShow .showTie .txt .txt_item{font-size:14px;width:25%;line-height:30px;text-align:left;color:#444;display:flex;white-space:nowrap}
.caseShow .showTie .txt .txt_item b{color:#fb7109;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.showCon{overflow:hidden;margin-bottom:30px;font-size:15px;line-height:2.2}
.showCon .ce img{min-width:60%}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:30px;font-size:14px;color:#666}
.show-synopsis i{display:inline-block;width:15px;background:url("../images/a_l.png") no-repeat;height:15px;margin-right:5px}
.show-synopsis .r{background:url("../images/a_r.png") no-repeat;margin-left:5px;margin-right:0}
.picShow_r{width:24%;overflow:hidden}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom:1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow:ellipsis}
.picShow_r .title span{display:inline-block;border-bottom:1px solid #fb7109;height:40px}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px}
.picShow_r li{border-bottom:1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow:hidden;font-size:12px}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;border-radius:5px}
.picShow_r li h4{font-size:15px;margin-bottom:6px}
.picShow_r li h4 a{color:#222}
.picShow_r li h4 a:hover{color:#fb7109}
.picShow_r li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.8;text-overflow:ellipsis;color:#787878}
.picShow_r li:hover img{transform:scale(1.1)}
.picShow_r li:last-child{border-bottom:none}
.rightNews_w li h4{font-size:18px;padding-top:10px}
.showPage{height:60px;line-height:60px;overflow:hidden;background:#f6f6f6}
.showPage a{float:left;width:43%;padding:0 20px}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px;color:#fb7109;border-left:1px dotted #e8e8e8;transition:all ease 0.3s}
.showPage a:nth-child(2){float:right;text-align:right}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0;border-right:1px dotted #e8e8e8;border-left:none}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}
.showPage a:hover{background:#fb7109;color:#fff}
.showPage a:hover i{color:#fff;transition:all ease 0.3s}
.rightNews,.rightContact{background:#fff;padding:5%}
.rightNews_w,.rightContact_w{background:#fff;padding:8%}
.rightContact{margin-top:30px}
.rightContact h4{background:url("../images/zxIcon.png") no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden}
.rightContact p span{margin-left:-80px;float:left}
.serviceMain{margin-top:60px;padding-left:340px;position:relative}
.serviceImg{height:240px}
.service .txt{padding:40px 0;overflow:hidden;text-align:center;max-width:1400px;margin:0 auto}
.service .tie{font-size:1.714em;color:#fb7109;padding-bottom:15px;margin-bottom:30px;position:relative}
.service li{float:left;width:20%;background:#f5f5f5;min-height:360px;padding:40px 25px;text-align:center}
.service li i{display:inline-block;width:74px;height:60px;background-repeat:no-repeat;background-position:center top;transition:all 0.4s;position:relative;top:0}
.service li h4{font-size:1.714em;color:#333;margin:10px 0 15px 0}
.service li:nth-child(2n){background:#e8e8e8}
.service li:hover i{top:-10px;background-position:0 -60px}
.serviceBox2{background:#f5f5f5}
.serviceBox2 .bgImg{width:68%;height:540px}
.serviceBox2 .pic{float:left;width:68%}
.serviceBox2 .font{width:30%}
.serviceBox2 .font p{margin-bottom:30px}
.serviceBox2 .font p span{display:block;font-size:1.714em;color:#fb7109;margin-bottom:10px;padding-left:40px;background:url("../images/sIcon1.png") no-repeat left center}
.serviceBox2 .font p:nth-child(2) span{background-image:url("../images/sIcon2.png")}
.serviceBox2 ul{display:flex;flex-flow:row wrap;justify-content:space-between}
.serviceBox2 li{float:left;font-size:1.143em;border-right:1px solid #ddd;padding-right:30px}
.serviceBox2 li span{display:block;font-size:2.875em;font-family:Arial;line-height:1.2;color:#fb7109;letter-spacing:-2px}
.serviceBox2 li:last-child{padding-right:0;border:none}
.faq{border-top:1px solid #ddd}
.faq ul{padding-left:1px;padding-top:1px;overflow:hidden}
.faq li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all 0.3s;padding:2.5%;height:280px;background:#fff}
.faq li::after{content:"";position:absolute;left:0;bottom:0;height:6px;background:#fb7109;transition:all 0.5s;width:0}
.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;margin-bottom:20px;color:#333}
.faq li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f}
.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem}
.faq li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden}
.faq li .date{color:#999;display:block}
.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px}
.faq li:hover::after{width:100%}
.faq li:hover{box-shadow:0 0 10px #ccc}
.faq li:hover h4{color:#fb7109}
.faqList{background:none}
.faqList li{width:50%;height:auto}
.downList li{background:#ededed;margin-bottom:10px}
.downList li a{display:block;padding:2.5% 3%;color:#191919}
.downList li span{float:right;color:#666;position:relative;padding-left:30px;margin-left:25px}
.downList li span::after{content:"\e624";position:absolute;font-family:"iconfont";left:0;font-size:1.286rem;top:-5px}
.downList li a:hover{background:#fb7109;color:#fff}
.downList li a:hover span{color:#fff}
.downList .more{text-align:center;font-size:18px}
.downMake{position:fixed;width:100%;height:100%;background:#000;opacity:0.4;z-index:100;left:0;top:0;display:none}
.downForm{left:50%;top:50%;width:500px;text-align:center;padding:3% 2%;background:#fff;z-index:101;position:fixed;margin-left:-250px;margin-top:-125px;display:none}
.downForm .listTie{font-size:24px;padding-bottom:10px;margin-bottom:25px}
.downForm p{height:46px;line-height:44px;border:1px solid #ddd;margin-bottom:10px;padding-left:30px;transition:all 0.3s}
.downForm p i{float:left;font-family:"iconfont";font-style:normal;margin-left:-20px}
.downForm p input{width:100%;height:44px;padding:0 15px}
.downForm p:hover{box-shadow:0 0 3px #ddd}
.downForm .code input{width:120px;border:1px solid #ddd;height:40px;line-height:40px;padding:0 15px}
.downForm .close{position:absolute;right:5px;top:5px;background:url("../images/close.png") no-repeat;width:27px;height:27px;cursor:pointer}
.downForm .code img{padding:9px;background:#f5f5f5}
.downForm .sub{background:#fb7109;color:#fff;border-color:#940300;cursor:pointer}
.downForm .sub:hover{background:#940300}
#mapdiv{width:50%}
.contactBox{padding-bottom:0}
.contactBox.pd60{padding-top:30px}
.contactBox .listTie{text-align:left}
.contactBox .listTie::after{left:0;margin-left:0}
.contactR{width:50%;padding:0 2%;z-index:2}
.contactR .adfont{font-size:20px;line-height:36px;padding-bottom:15px;border-bottom:1px dashed #E7E7E7;font-weight:300}
.contactR .adfont span{color:#fb7109}
.contactR .titie{font-size:2em;margin-bottom:20px}
.contactR .font{margin-top:30px}
.contactR .font .txt{color:#666;line-height:28px;font-size:16px}
.contactR .font .txt p.txt_p{padding:6px 0;padding-left:25px;position:relative}
.contactR .font .txt p.txt_p i{position:absolute;left:0;top:50%;margin-top:-14px;width:18px;color:#fb7109;font-size:18px}
.contactR .wx{float:right;margin-right:-200px;width:160px}
.contactR .wx p{text-align:center;margin-bottom:20px}
.contactR .wx p span{display:block}
.contactBox2{}
.contactBox2 .tie{margin-bottom:40px;color:#191919;font-size:2.4em;text-align:center}
.contactBox2 ul{line-height:30px;font-size:14px;margin:0 -10px;display:flex;flex-flow:wrap}
.contactBox2 li{width:calc(33.3% - 20px);padding:2%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);margin:10px;display:flex;box-sizing:border-box}
.contactBox2 li img{display:block;margin-right:20px;margin-top:5px;width:40px;height:auto;border-radius:5px;box-shadow: 0 2px 2px rgba(0, 0, 0, .1);}
.contactBox2 li span{display:block;color:#000;font-size:18px;margin-bottom:10px;font-weight:normal}
.contactBox2 li p{color:#787878}
.contactBox2 li>div:first-child {flex-shrink: 0;flex-grow: 0;}
.feedback.pd60{padding-top:30px}
.feedbackL{width:24%;height:380px;float:left}
.feedbackR{width:72.5%;float:right}
.feedback p{width:49%;float:left;display:flex;align-items:center;height:60px;line-height:60px;position:relative;padding:0 15px 0 20px;margin-bottom:10px;position:relative;border:1px solid #eee;background:#f4f4f4}
.feedback p i{font-size:16px}
.feedback p:nth-child(2n){float:right}
.feedback p input{width:100%;height:100%}
.feedback .tarea{width:100%;height:160px;padding-top:15px;padding-bottom:15px;line-height:1.6;align-items:inherit}
.feedback i{color:#a0a0a0;font-style:normal;font-size:1rem;margin-right:10px}
.feedback textarea{width:100%;height:100%}
.feedback .code{}
.feedback .code input{height:60px;line-height:60px;border:1px solid #eee;background:#f4f4f4}
.feedback .code .c{width:20%;padding:0 15px}
.feedback .code img{padding:5px;height:60px;border:1px solid #eee;background:#f4f4f4;margin-left:-1px}
.feedback .code .sub{background:#fb7109;width:30%;cursor:pointer;transition:all .3s;color:#fff;border:1px solid #fb7109;font-size:16px}
.feedback .sub:hover{background:#b30600}
.jobBox1,.service{padding-top:30px;line-height:1.8}
.jobBox1 .bgImg{width:50%;height:540px}
.jobBox1 .font{width:50%;height:540px;overflow-y:auto;background:#f5f5f5;padding:20px 30px}
.jobBox1 .font p strong{font-size:1.333em;color:#fb7109;display:block;margin-bottom:10px}
.jobBox2{box-shadow:0 0 10px #ccc;margin:0 10px;margin-bottom:80px}
.jobBox2 .bgImg{height:330px;width:48%}
.jobList{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.jobList li{overflow:hidden;padding:0 40px;margin-bottom:15px;background:#f5f5f5}
.jobList .top{padding:20px 0;overflow:hidden;padding-right:150px;line-height:34px;cursor:pointer}
.jobList .top span{float:left;width:16.6%}
.jobList .top a{float:right;width:130px;height:34px;line-height:34px;background:#fb7109;color:#fff;text-align:center;font-size:12px;margin-right:-150px}
.jobList .top .tie{font-weight:700;color:#333;font-size:1.286em}
.jobList .top a:hover{background:#f8a70b}
.jobList .font{border-top:1px solid #cfcfcf;overflow:hidden;padding-top:30px;font-size:12px;display:none;padding-bottom:40px}
.jobList .font .txt{float:left;width:48%;font-size:14px;line-height:28px}
.jobList .font .txt .tie{color:#333;margin-bottom:20px;display:block;font-size:14px}
.jobList .font .txt:nth-child(2n){float:right}
.jobList li.on{border-top:1px solid #fb7109}
.job .more{height:60px;line-height:60px;text-align:center;padding:0}
.job .more a{display:block;color:#fb7109}
.job .more a:hover{background:#fb7109;color:#fff}
.jobBox3 .txt{border:2px solid #e7e7e7;padding:3%;font-size:14px;line-height:28px}
.jobBox3 p{background:url("../images/odds_li.png") no-repeat left 10px;padding-left:15px;margin-bottom:15px}
.jobBox3 p:last-child{margin-bottom:0}
.jobBox3 p span{color:#fb7109;font-weight:700;margin-right:10px}
.inbanner{height:400px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.inbanner_feedback{background-image:url(../images/in_feedback.jpg)}
.inbanner_case{background-image:url(../images/in_case.jpg)}
.inbanner_expo{background-image:url(../images/in_expo.jpg)}
.inbanner:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
.inbanner h3{position:absolute;color:#fff;top:40%;font-size:2.4rem;text-transform:uppercase;width:100%;font-weight:300;animation:leftPic 1s;text-align:center;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);letter-spacing:4px}
.inbanner h3 span{display:block;padding-top:10px;font-size:14px;font-weight:300;opacity:0.8;letter-spacing:4px}
.page_con{font-size:15px;line-height:28px;color:#333}
.about-wrapper{margin-top:45px}
.about-wrapper .about-left-items{position:relative}
.about-wrapper .about-left-items .dot-shape{position:absolute;bottom:55px;right:20px}
.about-wrapper .about-left-items .about-counter-items{background-color:#fb7109;padding:50px 45px;border-radius:5px;height:100%}
@media (max-width:575px){.about-wrapper .about-left-items .about-counter-items{padding:30px;text-align:center}
}.about-wrapper .about-left-items .about-counter-items h2{color:#fff}
.about-wrapper .about-left-items .about-counter-items h5{color:#fff;margin-top:15px}
.about-wrapper .about-left-items .about-image-1 img{width:100%;height:100%;border-radius:5px}
.about-wrapper .about-left-items .about-image-2{max-width:480px;height:300px;border-radius:5px;position:relative}
@media (max-width:991px){.about-wrapper .about-left-items .about-image-2{max-width:800px}
}.about-wrapper .about-left-items .about-image-2 .client-items{padding:12px 20px;background-color:#fff;box-shadow:var(---box-shadow);display:flex;align-items:center;gap:20px;position:absolute;top:40px;right:-90px;border-radius:5px}
.about-wrapper .about-left-items .about-image-2 .client-items .clinet-img{width:63px;height:63px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.1)}
@media (max-width:1199px){.about-wrapper .about-left-items .about-image-2 .client-items{right:-30px}
}@media (max-width:991px){.about-wrapper .about-left-items .about-image-2 .client-items{right:0}
}.about-wrapper .about-content-l{margin-right:0.75rem}
.about-wrapper .about-content{margin-left:0.75rem}
@media (max-width:1199px){.about-wrapper .about-content-l{margin-right:0}
.about-wrapper .about-content{margin-left:0}
.about-wrapper .about-content br{display:none}
}.about-wrapper .about-content .about-button{margin-top:40px}
@media (max-width:767px){.about-wrapper .about-content .about-button{margin-top:30px}
}@media (max-width:575px){.about-wrapper .about-content .about-button{margin-top:20px}
}.about-wrapper .about-content.style-3 .icon-items{margin-top:30px;display:flex;align-items:center;gap:30px}
@media (max-width:575px){.about-wrapper .about-content.style-3 .icon-items{flex-wrap:wrap;gap:20px}
}.about-wrapper .about-content.style-3 .icon-items .icon{width:100px;height:100px;line-height:100px;background-color:var(--bg2);text-align:center}
.about-wrapper .about-content.style-3 .icon-items .content h3{color:#fff;margin-bottom:5px}
.about-wrapper .about-content.style-3 .icon-items .content p{color:#fff}
.about-wrapper .about-image-2 img{width:100%;height:100%}
.section-title{position:relative;z-index:99;margin-bottom:30px;margin-top:-6px}
@media (max-width:767px){.section-title{margin-bottom:0;text-align:center}
}.section-title span{color:#999;display:inline-block;font-weight:300;text-transform:capitalize;font-size:12px;text-transform:uppercase}
@media (max-width:1200px){.section-title span{font-size:12px;margin-bottom:0px}
}.section-title1 span{color:#fff}
.section-title h2{text-transform:capitalize;font-weight:600;color:#fb7109;font-size:22px}
.section-title h3{font-size:28px;font-weight:700}
.page_con .list{margin-top:30px;margin-bottom:30px}
.page_con .list li{position:relative;padding-left:25px}
.page_con .list li::before{position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:6px;content:"";background-color:#fb7109}
.page-nav-wrap{margin:30px 0}
.page-nav-wrap ul{font-size:16px}
.page-nav-wrap ul li{display:inline-block}
.page-nav-wrap ul li a{display:inline-block;width:40px;height:40px;line-height:40px;background:#fff;transition:all 0.3s ease-in-out;margin:0 2px;border-radius:3px}
.page-nav-wrap ul li a.current{background-color:#fb7109;color:#fff}
.page-nav-wrap ul li a i{margin-top:2px}
.page-nav-wrap ul li a:hover{background-color:#fb7109;color:#fff}
.pt_nav{margin:20px auto 30px;box-shadow:0 0px 6px rgba(0,0,0,.05);padding:15px 20px;background:#fff;border-radius:0px}
.pt_nav .wrap{display:flex}
.pt_nav .pt_nav_top{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
.pt_nav .pt_nav_top1{border:0;margin-bottom:0;padding-bottom:0}
.pt_nav .search_ul{display:flex;width:100%;align-items:flex-start;font-size:14px;flex-wrap:nowrap;gap:20px}
.pt_nav .search_ul span{font-weight:bold;white-space:nowrap;line-height:36px}
.pt_nav .search_ul ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start}
.pt_nav ul li{color:#333;white-space:nowrap;margin-right:20px;line-height:36px}
.pt_nav ul li.active a{color:#fb7109;font-weight:bold}
.pt_nav ul li a:hover{color:#fb7109}
.pt_nav ul li a{color:#666}
.InNewsBox{overflow:hidden;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.InNewsSlide{width:calc(60% - 10px);overflow:hidden;position:relative}
.InNewsSlide li{margin-bottom:1px;padding-left:1px}
.InNewsSlide li a{display:block;position:relative}
.InNewsSlide li .pImg{padding-top:60%}
.InNewsSlide li p{position:absolute;bottom:0;color:#fff;height:50px;line-height:50px;border-top:1px solid rgba(255,255,255,0.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;left:0;right:0;padding:0 120px 0 5%;border-top:none;font-size:16px}
.InNewsSlide .swiper-pagination{width:auto;right:15px;bottom:16px;left:auto;height:20px;line-height:20px}
.InNewsSlide_r{width:calc(40% - 10px);background:#fff;overflow-y:auto}
.InNewsSlide_r_txt{box-sizing:border-box;padding:25px 20px;height:100%}
.InNewsSlide_r .top_newlist li{margin-bottom:10px}
.InNewsSlide_r .top_newlist li:last-child{margin-bottom:0px}
.InNewsSlide_r .top_newlist li a{font-size:16px;line-height:30px;cursor:pointer;padding-left:16px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.InNewsSlide_r .top_newlist li a:before{content:"";width:4px;height:4px;background-color:#666;display:block;border-radius:100px;position:absolute;left:0;top:12px}
.InNewsSlide_r .top_newlist li:hover a:before{background-color:#fb7109}
.InNewsSlide_r .top_newlist li p{color:#999;font-weight:300;margin-top:5px;padding-left:20px;font-family:'Montserrat'}
.art-list .art-item{padding:20px;position:relative;background:#fff;margin-top:20px}
.art-list .art-item > a{height:100%;display:flex;justify-content:space-between}
.art-list .art-item .art-message{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;box-sizing:border-box;flex:1;padding-top:5px}
.art-list .art-item .art-title{font-size:18px;font-weight:500;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:30px;margin-bottom:13px;word-break:break-all}
.art-list .art-item .art-desc{font-size:14px;font-weight:400;line-height:24px;color:#888;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.art-list .art-item .art-txt,.art-list .art-item .art-infomation{width:100%}
.art-list .art-item .art-infomation{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:14px;font-family:'Montserrat'}
.art-list .art-item .art-infomation i{font-size:18px}
.art-list .art-item .art-infomation i:hover{color:#fb7109}
.art-list .art-item .art-author{color:#888}
.art-list .art-item .art-author img{border-radius:100%;display:block}
.art-list .art-item .art-author .face-box{margin-right:6px}
.art-list .art-item .art-author .author-name{margin-right:20px}
.art-list .art-item:hover .art-img::before{background-color:transparent}
.art-list .art-item .art-tags{flex-wrap:wrap;overflow:hidden;display:flex;justify-content:flex-end;position:absolute;bottom:20px;right:100px;line-height:24px}
.art-list .art-item .art-tags > a{background:#f4f4f4;padding:3px 8px;margin-left:8px;border-radius:3px;line-height:26px;box-sizing:content-box;font-size:14px;color:#888}
.art-list .art-item .art-tags > a:hover{color:#fff;background:#fb7109}
.art-list .art-img{width:250px;height:150px;overflow:hidden;flex-shrink:0;margin-right:20px;position:relative}
.art-list .art-img img{width:100%;height:auto;transition:all .4s}
.art-list .art-item > a:hover .art-img img{transform:scale(1.3,1.3);transition:all .4s}
.art-list .art-img::before{transition:all 0.2s linear;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(1,1,1,0.1);z-index:3}
.tips_a a{display:inline-block;background:#999;color:#fff;font-size:14px;text-align:center;line-height:2.2;margin-right:5px;border-radius:3px;padding:0 8px}
.tips_a a:hover{color:#fff;background:#fb7109}
.RandBox{padding:20px 30px 20px;margin-top:20px;background:#fff}
.RandBox .new_tit{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:15px}
.RandBox .new_tit h2{font-size:16px;font-weight:600;color:#444;position:relative;border-left:3px solid #fb7109;padding-left:10px}
.RandBox .new_tit a{color:#999}
.RandBox .new_tit a:hover{color:#fb7109}
.RandNews li{width:33.33%;line-height:30px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px;position:relative}
.RandNews li:before{content:"";background:#fb7109;height:4px;width:4px;border-radius:50%;position:absolute;left:0;top:18px}
.RandNews li a{color:#333;line-height:30px;display:block;text-overflow:ellipsis;overflow:hidden}
.RandNews li a:hover{color:#fb7109;line-height:30px}
.RandCaseList{margin-bottom:-10px}
.RandCaseList ul{display:flex;flex-flow:wrap;margin:-10px}
.RandCaseList li{width:calc(25% - 20px);margin:10px}
.RandCaseList li a{display:block;color:#888}
.RandCaseList li .pImg{padding-top:68%}
.RandCaseList li h3{font-size:15px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0 10px;text-align:center;font-weight:500}
.RandCaseList li p{height:50px;margin-bottom:10px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.RandCaseList li a:hover img{transform:scale(1.1)}
.RandCaseList li a:hover h3{color:#fb7109}
.zzshare{display:flex;align-items:center;flex-shrink:0;color:#454545;font-size:0.75rem !important}
.zzshare .zzshare_icon{width:30px;height:30px;border:1px solid #eee !important;border-radius:50%;position:relative;margin-right:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.zzshare .zzshare_icon i{color:#666;font-size:16px;line-height:30px}
.zzshare .zzshare_icon:hover{background:#fb7109}
.zzshare .zzshare_icon:hover{border:1px solid #fb7109 !important}
.zzshare .zzshare_icon:hover i{color:#fff}
.CaseClass_ul{display:flex;width:100%;font-size:14px;flex-wrap:nowrap;gap:20px}
.CaseClass_ul span{font-weight:bold;white-space:nowrap;line-height:36px}
.CaseClass_ul ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start}
.CaseClass_ul ul li{color:#333;white-space:nowrap;margin-right:20px;line-height:36px}
.CaseClass_ul ul li.active a{color:#fb7109;font-weight:bold}
.CaseClass_ul ul li a:hover{color:#fb7109}
.CaseClass_ul ul li a{color:#666}
.caseMainBox{margin-top:20px;display:flex;gap:20px;justify-content:space-between}
.caseMainBox:after{display:none}
.case_bread{font-size:14px;line-height:30px;overflow:hidden;margin-bottom:20px;background:#fff;padding:10px 20px}
.case_bread strong{font-size:16px;font-weight:bold;color:#222}
.case_bread p{position:relative;color:#999}
.case_bread p a{color:#999;margin:0 4px}
.case_bread p a:hover{color:#fb7109}
.offcanvas_contact{padding:20px;border-top:2px solid #fb7109;border-bottom:2px solid #fb7109}
.offcanvas_contact h4{font-size:18px}
.offcanvas_contact ul{margin-top:5px}
.offcanvas_contact ul li{font-size:14px;font-weight:500;text-transform:capitalize;display:flex;align-items:center}
.offcanvas_contact ul li a{border:0;padding:0}
.offcanvas_contact ul li .offcanvas_contact-icon i{color:#fb7109;position:relative}
.offcanvas_contact .header-button .theme-btn{width:100%;padding:16px 40px}
.n_about .ab_t{display:flex}
.n_about .ab_le{background-color:#fb7109;display:flex;align-items:center;justify-content:center;flex-flow:column;gap:20px}
.n_about .ab_le .ab_e{height:53px;border:solid 1px rgba(255,255,255,0.5);line-height:53px;font-size:24px;padding:0 20px;color:#fff;text-align:center;font-weight:500;display:inline-block}
.n_about .ab_le span{font-size:18px;color:#fff;font-weight:300;letter-spacing:5px}
.n_about .ab_rt{}
.n_about .ab_rt img{width:100%;height:100%;display:block}
.nab_txt{margin:30px 0}
.nab_txt p{line-height:32px;text-indent:2em;margin:10px 0}
.nab_sbg{background:url(../images/index_56.jpg) no-repeat center top;padding-right:30px}
.nab_sbg .nab_sbox{padding:60px 0;display:flex;align-items:center;justify-content:end;background-position:center}
.nab_sbg .nab_sco{padding:0 40px;text-align:center}
.nab_sbg .nab_sco b{font-size:44px;color:#fb7109}
.nab_sbg .nab_sco span{font-size:16px;color:#fff}
.nab_sbg .nab_sco p{font-size:16px;color:#fff}
.wh_bg{background:url(../images/index_27.png) no-repeat center;background-size:100% 100%;height:auto;padding:46px;box-sizing:border-box}
.wh_bg p{color:#666;line-height:38px;text-align:left}
.wh_bg p b{color:#333}
.wh_t{display:flex;align-items:center}
.wh_lt img{width:100%;padding-right:40px}
.wh_rt ul li{height:55px;border-bottom:1px dashed #e5e5e5;line-height:55px;padding:0 20px;color:#666}
.wh_rt ul li:first-child{border-top:1px dashed #e5e5e5}
.wh_rt ul li:hover{background-color:#eee}
table.zzhtable{overflow-x:auto;border-collapse:collapse;word-break:break-word;color:#333;font-size:14px;line-height:1.8;width:100%}
table.zzhtable th,table.zzhtable td{border:1px solid #ddd;border-collapse:collapse;padding:10px 10px;min-width:50px;text-align:center}
table.zzhtable th{background-color:#fafafa}
table.zzhtable td p{margin:0}
table.zzhtable td img{height:200px;width:auto}
.network{background:#f5f5f5}
.network_con{position:relative}
.network_con .bg{text-align:center}
.network_con .bg img{width:80%;display:block;margin:0 auto}
.network_con .points{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%}
.network_con .pointArea .point{position:absolute;transform:translate(-50%,-50%);cursor:pointer}
.network_con .pointArea .point .hg{position:absolute;transition:all ease 0.5s;opacity:1;z-index:2}
.network_con .pointArea .point .hg .hk{width:50px;height:50px;border-radius:50%;background-color:#fb7109;opacity:0.9;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;line-height:18px}
.network_con .pointArea .point .hg:before{content:' ';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:solid 2px #fb7109;border-radius:50%;animation:bowen1 3s 1.2s infinite linear}
.network_con .pointArea .point .hg:after{content:' ';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:solid 2px #fb7109;border-radius:50%;animation:bowen1 3s infinite linear}
@keyframes bowen1{0%{width:3rem;height:3rem;opacity:0.5}
50%{width:5rem;height:5rem;opacity:0.3}
100%{width:7rem;height:7rem;opacity:0.1}
}@keyframes bowen2{0%{width:6rem;height:6rem;opacity:0.5}
50%{width:8rem;height:8rem;opacity:0.3}
100%{width:10rem;height:10rem;opacity:0.1}
}.network_con .pointArea .point .vg{position:absolute;transition:all ease 0.5s;opacity:0;z-index:3;width:60px;height:60px;border-radius:50%;background:#fb7109}
.network_con .pointArea .point .vg .vk{background-color:#fb7109;color:#fff;text-align:center;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-flow:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}
.network_con .pointArea .point .vg .vk span{display:block;font-weight:bold;font-size:18px;line-height:26px}
.network_con .pointArea .point .vg .vk b{display:block;font-size:20px;line-height:26px}
.network_con .pointArea .point .vg:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fb7109;border-radius:50%;animation:bowen2 3s infinite linear}
.network_con .pointArea .point .vg:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fb7109;border-radius:50%;animation:bowen2 3s 1.2s infinite linear}
.network_con .pointArea .point.cur .hg{opacity:0}
.network_con .pointArea .point.cur .vg{opacity:1}
.network_con .pointArea .p1{left:24%;top:34%}
.network_con .pointArea .p2{left:65%;top:18%}
.network_con .pointArea .p3{left:50%;top:26%}
.network_con .pointArea .p4{left:40%;top:58%}
.network_con .pointArea .p5{left:70%;top:38.7%}
.network_con .pointArea .p6{left:58%;top:40%}
.IndexQuote{width:100%;position:fixed;bottom:0;left:0;right:0;z-index:10;background-color:#fb7109}
.IndexQuote .quoteshow{height:60px;line-height:60px;position:relative;display:flex;align-items:center;justify-content:center}
.IndexQuote .quoteshow:hover{cursor:pointer}
.quoteshow .kfico{position:absolute;left:10%;bottom:-5px;width:120px;height:auto;}
.quoteshow p{font-size:1.4rem;font-weight:bold}
    .quoteshow p br{display:none;}
    .quoteshow .closeico {
        display: none;
        position: absolute;
        top: 10px;
        right: 0%;
        width: 40px;
        height: 40px
    }
.quoteshow .closeico i{font-size:2.4rem;line-height:40px;display:block}
.jsq{display:none;background:#fff;border-radius:10px;margin-bottom:20px;padding:30px}
.jsq .tit{background:#f5f5f5;border-radius:5px;color:#333;display:flex;align-items:center;justify-content:space-between;padding:15px 25px}
.jsq .tit .txt{display:flex;align-items:center}
.jsq .tit .txt b{font-size:28px}
.jsq .tit .txt p{font-size:16px;margin-left:20px}
.jsq .tit .txt p span{color:#fb7109;font-weight:bold;padding:0 5px}
.jsq .tit .nums{font-size:18px;display:flex;align-items:center;gap:10px}
.jsq .tit  .nums b{color:#fb7109;font-size:28px}
.IndexQuote .indexfeedback{position:relative}
.IndexQuote .indexfeedback::after{content:' ';position:absolute;z-index:0;width:1px;height:calc(100% + 30px);background-color:rgba(0,0,0,0.1);left:63.4%;top:0;bottom:0}
.IndexQuote .feedback-form-items{width:50%}
.IndexQuote .jssub{position:relative;z-index:9}
.IndexQuote .jssub_con{position:relative;width:80px;height:80px;padding:20px;border-radius:50%;color:#fff;background:#fb7109;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;line-height:22px;letter-spacing:2px}
.IndexQuote .jssub_con .bg{position:absolute;content:'';left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;width:140px;height:140px;background-color:rgba(251,113,9,0.1);border-radius:50%}
.IndexQuote .jssub_con .jj_btn{width:80px;height:80px;position:absolute;border-radius:50%;z-index:0}
.IndexQuote .jsimg{width:23%;padding:30px 0 0}
.IndexQuote .feedback-form-items .form-clt{position:relative;margin-top:20px;margin-right:20px}
.IndexQuote .feedback-form-items .form-clt .codeImg{height:calc(100% - 10px);position:absolute;top:5px;right:5px}
.IndexQuote .feedback-form-items .form-clt input,.IndexQuote .feedback-form-items .form-clt textarea{width:100%;outline:none;border:none;background-color:#f5f5f5;border:none;color:#333;padding:16px 20px;border-radius:5px;font-weight:500;font-size:16px}
@media (max-width:767px){.IndexQuote .feedback-form-items .form-clt input,.IndexQuote .feedback-form-items .form-clt textarea{padding:14px 20px}
}@media (max-width:575px){.IndexQuote .feedback-form-items .form-clt input,.IndexQuote .feedback-form-items .form-clt textarea{padding:12px 18px}
}.IndexQuote .feedback-form-items .form-clt input::-moz-placeholder,.IndexQuote .feedback-form-items .form-clt textarea::-moz-placeholder{color:#aaa}
.IndexQuote .feedback-form-items .form-clt input::placeholder,.IndexQuote .feedback-form-items .form-clt textarea::placeholder{color:#aaa}
.IndexQuote .feedback-form-items .form-clt textarea{padding-bottom:75px}
.IndexQuote .feedback-form-items .form-clt .icon{position:absolute;top:12px;right:20px;color:#999;font-size:18px}
.IndexQuote .feedback-form-items .form-clt .nice-select{background-color:#fff;font-weight:500;border:none;padding:16px 30px}
@media (max-width:767px){.IndexQuote .feedback-form-items .form-clt .nice-select{padding:14px 20px}
}@media (max-width:575px){.IndexQuote .feedback-form-items .form-clt .nice-select{padding:12px 18px}
}.IndexQuote .feedback-form-items .form-clt .nice-select span{color:var(--text)}
.IndexQuote .feedback-form-items .form-clt .nice-select::after{border-bottom:1px solid #eee;border-right:1px solid #eee;right:30px}
.IndexQuote .feedback-form-items .form-clt .nice-select .option.selected.focus{background:transparent;color:#fff}
.IndexQuote .feedback-form-items .form-clt .nice-select .list{background-color:#fb7109;color:#fff}
.footL .font .smallBr {display: none;}