/* 引入定义的颜色 */
@import url(color.css);
/* reset */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;zoom:1;vertical-align:baseline;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,hr,input,li,ol,option,p,pre,select,td,textarea,th,ul{margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;outline:0 none}
:focus,:hover{outline:0 none}
:link,:visited{text-decoration:none}
::-moz-focus-inner{border:0}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
em,i{font-style:normal}
b,caption,h1,h2,h3,h4,h5,h6,th{font-weight:400}
li{list-style:none}
img{border:none;-ms-interpolation-mode:bicubic;-webkit-filter:inherit;filter:inherit;vertical-align:middle;max-width: 100%;font-size: 14px;}
a,s,u{text-decoration:none}
sub,sup{font-size:67%;position:relative}
sub{vertical-align:bottom;top:.25em}
sup{vertical-align:top;top:-.25em}
textarea{border:none;background:0 0;overflow:auto;resize:none}
button,input,select,textarea{font-family:inherit;vertical-align:top}
input[type=checkbox],input[type=radio]{vertical-align:middle;position:relative;top:-1px}
input::-ms-clear{display:none}
input:focus{-webkit-user-modify:read-write-plaintext-only}
button,input{background:0 0;border:none;border-radius:0}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0;max-width: 100%;white-space: normal;border: 1px solid #eee;}
table tr,table td{border: 1px solid #eee;}
a{vertical-align:baseline}
.box:after,.cle:after,.container:after,.imax:after,.list:after,.row:after,.tapList:after{height:0;content:' ';display:block;clear:both;visibility:hidden;font-size:0}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
html{margin:0 auto;word-break:break-word;word-wrap:break-word;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}
body,html{width: 100%;overflow-x: hidden;display: block;color: #666;font-size: 14px;}
div,p{max-height:10000rem}
.info,a,b,em,h1,h2,h3,h4,h5,h6,i,input,s,select,span,strong,textarea{font:inherit;font-size:1em;color:inherit}
strong{font-weight:700}
.m0{margin:0!important}
.p0{padding:0!important}
.nw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db{display:block!important}
.dn{display:none!important}
.container,.ma,.w{margin-left:auto;margin-right:auto;display:block}
.m0{margin:0!important}
.p0{padding:0!important}
.aft,.nw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsn{white-space:nowrap}
.hr{width:100%;height:1px}
.vr{width:1px;height:100%}
.h100{height:100%!important}
.w100{width:100%!important}
.t0{top:0}
.b0{bottom:0}
.l0{left:0}
.r0{right:0}
.t50{top:50%!important}
.l50{left:50%!important}
.poa{position:absolute!important}
.por{position:relative!important}
.pod{position:static!important}
.pof{position:fixed!important}
.fl,.fld,.l{float:left}
.fr,.frd,.r{float:right}
.lh1{line-height:1}
.ti2{text-indent:2em}
.ltHalf{text-indent:-.5em}
.ttu{text-transform:uppercase}
.fwb{font-weight:700}
.fi{font-style:italic}
.cfff{color:#fff}
.c000{color:#000}
.c333{color:#333}
.c666{color:#666}
.c999{color:#999}
.cf00{color:red}
.tac{text-align:center!important}
.tal{text-align:left!important}
.tar{text-align:right!important}
.taj{text-align:justify!important}

/* font size */
html{font-size:20px}
@media screen and (max-width:1600px){html{font-size:45px}
}
@media screen and (max-width:1440px){html{font-size:40px}
}
@media screen and (max-width:1280px){html{font-size:35px}
}
@media screen and (max-width:1024px){html{font-size:30px}
}
@media screen and (max-width:768px){html{font-size:25px}
}
@media screen and (max-width:480px){html{font-size:20px}
}
@media screen and (max-width:1024px){.fzRes{font-size:100px}
}
@media screen and (max-width:749px){.fzRes{font-size:90px}
}
@media screen and (max-width:699px){.fzRes{font-size:85px}
}
@media screen and (max-width:649px){.fzRes{font-size:80px}
}
@media screen and (max-width:599px){.fzRes{font-size:75px}
}
@media screen and (max-width:549px){.fzRes{font-size:70px}
}
@media screen and (max-width:499px){.fzRes{font-size:65px}
}
@media screen and (max-width:449px){.fzRes{font-size:60px}
}
.fz60{font-size:60px}
@media screen and (max-width:1440px){.fz60{font-size:48px}
}
@media screen and (max-width:1024px){.fz60{font-size:40px}
}
@media screen and (max-width:768px){.fz60{font-size:36px}
}
.fz48,.index-about-digitalData .numCountUp .col .sdt .num,.index-about-head .company,.index-head .sdt,.index-hope-switch .item .dt .wrapIn .cn,.numCountUp_c .col .sdt .num,.sAbout-development .right .head .cn,.sAbout-intro .left .company,.sAbout-intro .left .numCountUp .col .sdt .num,.sOem-RDI-body .left .numCountUp .col .sdt .num,.subpage-banner .sdt,.subpage-head .cn{font-size:48px}
@media screen and (max-width:1440px){.fz48,.index-about-digitalData .numCountUp .col .sdt .num,.index-about-head .company,.index-head .sdt,.index-hope-switch .item .dt .wrapIn .cn,.numCountUp_c .col .sdt .num,.sAbout-development .right .head .cn,.sAbout-intro .left .company,.sAbout-intro .left .numCountUp .col .sdt .num,.sOem-RDI-body .left .numCountUp .col .sdt .num,.subpage-banner .sdt,.subpage-head .cn{font-size:40px}
}
@media screen and (max-width:1024px){.fz48,.index-about-digitalData .numCountUp .col .sdt .num,.index-about-head .company,.index-head .sdt,.index-hope-switch .item .dt .wrapIn .cn,.numCountUp_c .col .sdt .num,.sAbout-development .right .head .cn,.sAbout-intro .left .company,.sAbout-intro .left .numCountUp .col .sdt .num,.sOem-RDI-body .left .numCountUp .col .sdt .num,.subpage-banner .sdt,.subpage-head .cn{font-size:36px}
}
@media screen and (max-width:768px){.fz48,.index-about-digitalData .numCountUp .col .sdt .num,.index-about-head .company,.index-head .sdt,.index-hope-switch .item .dt .wrapIn .cn,.numCountUp_c .col .sdt .num,.sAbout-development .right .head .cn,.sAbout-intro .left .company,.sAbout-intro .left .numCountUp .col .sdt .num,.sOem-RDI-body .left .numCountUp .col .sdt .num,.subpage-banner .sdt,.subpage-head .cn{font-size:26px}
}
.footer-t .flogo,.fz40,.sAbout-development-swiper,.sAbout-development-swiper .item,.sForm .th,.sNews-list .item .date.m-hide .d{font-size:40px}
@media screen and (max-width:1440px){.footer-t .flogo,.fz40,.sAbout-development-swiper,.sAbout-development-swiper .item,.sForm .th,.sNews-list .item .date.m-hide .d{font-size:36px}
}
@media screen and (max-width:1024px){.footer-t .flogo,.fz40,.sAbout-development-swiper,.sAbout-development-swiper .item,.sForm .th,.sNews-list .item .date.m-hide .d{font-size:32px}
}
@media screen and (max-width:768px){.footer-t .flogo,.fz40,.sAbout-development-swiper,.sAbout-development-swiper .item,.sForm .th,.sNews-list .item .date.m-hide .d{font-size:28px}
}
.fz36,.index-hope-switch .ctrs .now,.sContact-intro .left .dd .line .p1,.sContact-intro .left .dt .this,.sProduct-intro .right .name,.sSolution-intro .left .this,.sSolution-product .head,.sView-head .title{font-size:36px}
@media screen and (max-width:1440px){.fz36,.index-hope-switch .ctrs .now,.sContact-intro .left .dd .line .p1,.sContact-intro .left .dt .this,.sProduct-intro .right .name,.sSolution-intro .left .this,.sSolution-product .head,.sView-head .title{font-size:32px}
}
@media screen and (max-width:1024px){.fz36,.index-hope-switch .ctrs .now,.sContact-intro .left .dd .line .p1,.sContact-intro .left .dt .this,.sProduct-intro .right .name,.sSolution-intro .left .this,.sSolution-product .head,.sView-head .title{font-size:28px}
}
@media screen and (max-width:768px){.fz36,.index-hope-switch .ctrs .now,.sContact-intro .left .dd .line .p1,.sContact-intro .left .dt .this,.sProduct-intro .right .name,.sSolution-intro .left .this,.sSolution-product .head,.sView-head .title{font-size:24px}
}
.footer-tail .txt .sdd .p1,.footer-tail .txt .sdt,.fz32,.index-solution-body .left .txt .sdt{font-size:32px}
@media screen and (max-width:1440px){.footer-tail .txt .sdd .p1,.footer-tail .txt .sdt,.fz32,.index-solution-body .left .txt .sdt{font-size:28px}
}
@media screen and (max-width:1024px){.footer-tail .txt .sdd .p1,.footer-tail .txt .sdt,.fz32,.index-solution-body .left .txt .sdt{font-size:24px}
}
@media screen and (max-width:768px){.footer-tail .txt .sdd .p1,.footer-tail .txt .sdt,.fz32,.index-solution-body .left .txt .sdt{font-size:20px}
}
.fz28{font-size:28px}
@media screen and (max-width:1440px){.fz28{font-size:24px}
}
@media screen and (max-width:1024px){.fz28{font-size:20px}
}
@media screen and (max-width:768px){.fz28{font-size:18px}
}
.footer-t .fslogan,.footer-tail .txt .sdd,.fz24,.index-about-digitalData .numCountUp .col .sdt .unit,.index-hope-switch .item .dd,.index-hope-switch .item .dt .wrapIn .en,.modal-hr .head,.numCountUp_c .col .sdt .unit,.sAbout-development .right .head .en,.sAbout-intro .left .numCountUp .col .sdt .unit,.sHr-result-list .item .show .cn,.sNews-hotspot .right .Tt .title,.sOem-RDI-body .left .numCountUp .col .sdt .unit,.sProduct-detail .anchors-sections .section .left .cn,.sSolution-intro .right .dt,.subpage-head .en{font-size:24px}
@media screen and (max-width:1440px){.footer-t .fslogan,.footer-tail .txt .sdd,.fz24,.index-about-digitalData .numCountUp .col .sdt .unit,.index-hope-switch .item .dd,.index-hope-switch .item .dt .wrapIn .en,.modal-hr .head,.numCountUp_c .col .sdt .unit,.sAbout-development .right .head .en,.sAbout-intro .left .numCountUp .col .sdt .unit,.sHr-result-list .item .show .cn,.sNews-hotspot .right .Tt .title,.sOem-RDI-body .left .numCountUp .col .sdt .unit,.sProduct-detail .anchors-sections .section .left .cn,.sSolution-intro .right .dt,.subpage-head .en{font-size:20px}
}
@media screen and (max-width:1024px){.footer-t .fslogan,.footer-tail .txt .sdd,.fz24,.index-about-digitalData .numCountUp .col .sdt .unit,.index-hope-switch .item .dd,.index-hope-switch .item .dt .wrapIn .en,.modal-hr .head,.numCountUp_c .col .sdt .unit,.sAbout-development .right .head .en,.sAbout-intro .left .numCountUp .col .sdt .unit,.sHr-result-list .item .show .cn,.sNews-hotspot .right .Tt .title,.sOem-RDI-body .left .numCountUp .col .sdt .unit,.sProduct-detail .anchors-sections .section .left .cn,.sSolution-intro .right .dt,.subpage-head .en{font-size:18px}
}
.fz22,.sOem-RDI-body .left .dt{font-size:22px}
@media screen and (max-width:1440px){.fz22,.sOem-RDI-body .left .dt{font-size:18px}
}
.footer-t .fcontact .item,.fz20,.index-banner .rb .fns .ctrs .now,.sNews-list .item .title,.sOem-RQS-body .imax .p1,.sProduct-detail .anchors-nav .viewport .vr,.sProduct-intro .right .imax,.sView-nextPage .sdt,.sView-recommend .head{font-size:20px}
@media screen and (max-width:1440px){.footer-t .fcontact .item,.fz20,.index-banner .rb .fns .ctrs .now,.sNews-list .item .title,.sOem-RQS-body .imax .p1,.sProduct-detail .anchors-nav .viewport .vr,.sProduct-intro .right .imax,.sView-nextPage .sdt,.sView-recommend .head{font-size:18px}
}
@media screen and (max-width:1024px){.footer-t .fcontact .item,.fz20,.index-banner .rb .fns .ctrs .now,.sNews-list .item .title,.sOem-RQS-body .imax .p1,.sProduct-detail .anchors-nav .viewport .vr,.sProduct-intro .right .imax,.sView-nextPage .sdt,.sView-recommend .head{font-size:16px}
}
.btn.btn-more,.btn.btn-more2,.btn.btn-more3,.footer-t .fnav .col .link1,.fz18,.index-about-head .imax,.index-banner .rb .fns .ctrs s,.index-head .sdd,.index-oem-body .txt .sdd,.index-solution-body .left .txt .sdd,.modal-searchForm .searchBox .enter,.sHr-result-list .item .show .en,.sOem-RDI-body .left .dd,.sOem-RQS-body .imax .p2,.sProduct-detail .anchors-nav .viewport .btn,.subpage-banner .sdd{font-size:18px}
@media screen and (max-width:1440px){.btn.btn-more,.btn.btn-more2,.btn.btn-more3,.footer-t .fnav .col .link1,.fz18,.index-about-head .imax,.index-banner .rb .fns .ctrs s,.index-head .sdd,.index-oem-body .txt .sdd,.index-solution-body .left .txt .sdd,.modal-searchForm .searchBox .enter,.sHr-result-list .item .show .en,.sOem-RDI-body .left .dd,.sOem-RQS-body .imax .p2,.sProduct-detail .anchors-nav .viewport .btn,.subpage-banner .sdd{font-size:16px}
}
.btn.btn-c1,.footer-b,.footer-t .fcontact .item .hide .txt,.fz16,.header .fns .col .btn .this,.imax,.index-about-digitalData .numCountUp .col .sdd,.index-hope-switch .ctrs .all,.index-solution-body .left .txt .sdf .btn-c1,.modal-hr .body .formItem .focusLeft,.modal-hr .body .formItem .skin,.modal-searchForm .searchBox .skin,.numCountUp_c .col .sdd,.sAbout-intro .left .imax,.sAbout-intro .left .numCountUp .col .sdd,.sForm .formItem .skin,.sNews-list .item .abstract,.sNews-list .item .date.m-hide .ym,.sNews-list .item .date.pc-hide,.sOem-RDI-body .left .numCountUp .col .sdd,.sOem-RQS-swiper .item .name,.sProduct-detail .anchors-sections .section .left .en,.sSolution-intro .left .tag,.sView-head .aside,.sView-nextPage .sdd .date,.sView-recommend .head .btn,.sView-recommend .list .item .title,.subpage-head .aside{font-size:16px}
@media screen and (max-width:1440px){.btn.btn-c1,.footer-b,.footer-t .fcontact .item .hide .txt,.fz16,.header .fns .col .btn .this,.imax,.index-about-digitalData .numCountUp .col .sdd,.index-hope-switch .ctrs .all,.index-solution-body .left .txt .sdf .btn-c1,.modal-hr .body .formItem .focusLeft,.modal-hr .body .formItem .skin,.modal-searchForm .searchBox .skin,.numCountUp_c .col .sdd,.sAbout-intro .left .imax,.sAbout-intro .left .numCountUp .col .sdd,.sForm .formItem .skin,.sNews-list .item .abstract,.sNews-list .item .date.m-hide .ym,.sNews-list .item .date.pc-hide,.sOem-RDI-body .left .numCountUp .col .sdd,.sOem-RQS-swiper .item .name,.sProduct-detail .anchors-sections .section .left .en,.sSolution-intro .left .tag,.sView-head .aside,.sView-nextPage .sdd .date,.sView-recommend .head .btn,.sView-recommend .list .item .title,.subpage-head .aside{font-size:14px}
}
.fz14{font-size:14px}
@media screen and (max-width:1440px){.fz14{font-size:12px}
}
/*顶部浮动菜单*/
.header{position:fixed;left:0;top:0;width:100%;z-index:40;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.15);background-color:rgba(255,255,255,.6)}
.header .contain{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}
.header .contain:after{display:none}
.header .bg{display:none;z-index:5}
.header .logo{position:absolute;left:2.60416667vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display: flex;align-items: center;max-width: 60%;}
.header .logo img{display:block;height:100%;margin-right: 10px;}
.logo_title{display: flex;flex-direction: column;justify-content: space-around;white-space: nowrap;overflow: hidden;line-height: initial;vertical-align: middle;}
.logo_title h1{font-size: 1.2em;font-weight: 600;color: var(--color-000);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.logo_title h2{font-size: 0.8em;color: var(--color-999);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header .secNav{display:none}
.header .navbtn{display:none}
.header .fns{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}
.header .fns:after{display:none}
.header .fns .col{z-index:1;position:relative;display:inline-block;vertical-align:top}
.header .fns .col .btn{position:relative;display:block;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 1.04166667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;color:currentColor}
.header .fns .col .btn:after{display:none}
.header .fns .col .btn .icon{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-filter:grayscale(100%) brightness(1000);filter:grayscale(100%) brightness(1000)}
.header .fns .col .btn .this{display:inline-block;vertical-align:middle}
.header .fns .col .btn .gt{margin-left:2px;display:inline-block;vertical-align:top;position:relative;overflow:hidden;width:20px;height:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:currentColor}
.header .fns .col .btn .gt s{position:absolute;left:0;top:0;right:0;bottom:0;font-family:SimSun,'宋体'!important;text-align:center;font-size:16px;font-weight:700;pointer-events:none}
.ysqUEO .header .fns .col .btn .gt s{overflow:hidden;text-indent:-9999px;white-space:nowrap;text-align:left}
.ysqUEO .header .fns .col .btn .gt s:after,.ysqUEO .header .fns .col .btn .gt s:before{content:" ";position:absolute;top:50%;left:50%;width:8px;height:1px;margin-top:-.5px;background-color:currentColor;margin-left:-5px;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s}
.ysqUEO .header .fns .col .btn .gt s:before{-webkit-transform:rotate(-44deg) translateX(.5px);transform:rotate(-44deg) translateX(.5px)}
.ysqUEO .header .fns .col .btn .gt s:after{-webkit-transform:rotate(44deg) translateX(.5px);transform:rotate(44deg) translateX(.5px)}
@media screen and (min-width:1025px){.header .fns .col .btn .gt:hover{color:currentColor}
.header .fns .col .btn .gt:hover s:before{-webkit-transform:rotate(-44deg);transform:rotate(-44deg)}
.header .fns .col .btn .gt:hover s:after{-webkit-transform:rotate(44deg);transform:rotate(44deg)}
}
@media screen and (max-width:1024px){.header .fns .col .btn .gt:active{color:currentColor}
.header .fns .col .btn .gt:active s:before{-webkit-transform:rotate(-44deg);transform:rotate(-44deg)}
.header .fns .col .btn .gt:active s:after{-webkit-transform:rotate(44deg);transform:rotate(44deg)}
}
.header .fns .col .btn .gt>s:after,.header .fns .col .btn .gt>s:before{-webkit-transition:none!important;transition:none!important}
.header .fns .col .hide{position:absolute;left:50%;top:100%;margin-left:-50px;width:100px;padding:10px 0;background-color:#fff;text-align:center;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.1);box-shadow:0 0 6px 0 rgba(0,0,0,.1);-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;-webkit-transform:translateY(20%);transform:translateY(20%)}
.header .fns .col .hide .btn{display:block;color:#666;padding:.12rem .4rem;font-size:16px;line-height:1.5;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s}
.header .fns .col .hide .btn.on{color:var(--color-blue);font-weight:700}
@media screen and (min-width:1025px){.header .fns .col .hide .btn:hover{color:var(--color-blue);font-weight:700}
}
@media screen and (max-width:1024px){.header .fns .col .hide .btn:active{color:var(--color-blue);font-weight:700;-webkit-transition:all 40ms ease-out 0s;transition:all 40ms ease-out 0s}
}
.header .fns .col .hide._show{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:1;visibility:visible;-webkit-transform:none!important;transform:none!important}
.header,.header a{color:var(--color-blue)}
.header.skin_c1{background-color:var(--color-blue)}
.header._fixedNav{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.25);box-shadow:0 0 10px 0 rgba(0,0,0,.25)}
@media screen and (min-width:1025px){.header .logo{height:48px;max-width: 40%;}
.header .firNav{position:relative;margin-right:.6rem}
.header .firNav .firItem{display:inline-block;vertical-align:top;position:relative}
.header .firNav .firItem:nth-child(1n+2){margin-left:1.04166667vw}
.header .firNav .firItem .link1{position:relative;overflow:hidden;z-index:2;display:block;padding:0 .6rem;font-weight:700}
.header .firNav .firItem .link1 i.layui-icon{padding-left: 4px;}
.header .firNav .firItem .link1:after{content:" ";z-index:-1;pointer-events:none;position:absolute;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;left:100%;width:0;bottom:0;height:100%;background-color:var(--color-blue)}
.header .firNav .firItem.on .link1:after,.header .firNav .firItem:hover .link1:after{left:0;width:100%;-webkit-transition:left 0s ease-out 0s,width 220ms ease-out 0s;transition:left 0s ease-out 0s,width 220ms ease-out 0s}
.header .firNav .firItem:hover,.header .firNav .firItem:hover .link1{color: var(--color-white);}
.header .secNav{position:absolute;top:100%;left:50%;min-width:100%;z-index:30;text-align:left;display:block!important;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15);-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:start;align-content:flex-start;background-color:rgba(255,255,255,.6)}
.header .secNav:after{display:none}
.header .secNav .col{display:block;text-align:center;white-space:nowrap}
.header .secNav .secItem{position:relative}
.header .secNav .secItem .link2{display:block;line-height:1.5;padding:.24rem}
.header .secNav .secItem:nth-child(1n+2){border-top:rgba(255,255,255,.3) dashed 1px}
.header .secNav.active{-webkit-transition:all 250ms cubic-bezier(0,.52,.35,1.42) 0s;transition:all 250ms cubic-bezier(0,.52,.35,1.42) 0s;opacity:1;visibility:visible;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.header .secNav .secItem{-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s}
.header .secNav .secItem.on,.header .secNav .secItem:hover{background-color:rgba(0,0,0,.3)}
.header .fns{margin-right:2.34375vw}
.header .fns .col:hover .icon{-webkit-transform:scale(1.1);transform:scale(1.1)}
.header .fns .col.btn-language:hover .hide{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:1;visibility:visible;-webkit-transform:none!important;transform:none!important}
.header._fixedNav{background-color:rgba(255,255,255,.99)}
.header._fixedNav .link1:after{background-color:var(--color-blue)!important}
.header .firNav .firItem .link1:hover{color: var(--color-white);}
}
@media screen and (max-width:1024px){.header{background-color:var(--color-white)}
.header .contain{position:static!important}
.header .bg{position:fixed!important;background-color:rgba(0,0,0,.2)}
.header .logo{height:40px;left:15px}
.header .navbtn{z-index:45;position:absolute;overflow:hidden;display:block;right:-5px;top:11px;padding:5px;width:32px;height:32px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04);margin-right:15px}
.header .navbtn s{position:absolute;left:5px;display:block;width:32px;height:3px;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.header .navbtn s:before{content:" ";position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color-blue);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.header .navbtn .i1{top:9px}
.header .navbtn .i2{top:50%;margin-top:-1.5px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0}
.header .navbtn .i3{bottom:9px}
.header .navbtn.active{position:fixed;z-index:80;margin-right:15px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.header .navbtn.active .i1{-webkit-transform:rotate(45deg) translate(6.3135px,0);transform:rotate(45deg) translate(6.3135px,0);top:-.5px}
.header .navbtn.active .i2{-webkit-transform:scale(0);transform:scale(0);opacity:0}
.header .navbtn.active .i3{-webkit-transform:rotate(-45deg) translate(6.3135px,0);transform:rotate(-45deg) translate(6.3135px,0);bottom:-.5px}
.header .firNav{position:fixed;z-index:29;right:0;width:70%;overflow-y:auto;text-align:center;padding-bottom:94px;padding-top:94px;height:auto;top:0;bottom:0;margin:auto;background-color:var(--color-white);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(100%);transform:translateX(100%)}
.header .firNav .link{display:block;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,.03);color:var(--color-blue)}
.header .firNav .firItem{position:relative;overflow:hidden;line-height:40px;padding:0 8%;width:100%;line-height:2.5em;font-size:20px;min-height:2.5em;-webkit-box-sizing:border-box;box-sizing:border-box;text-align: left;border-top: 1px solid #eee;}
.header .firNav .firItem:first-child{border: none;}
.header .firNav .firItem.on .secNav{display:block}
.header .firNav .firItem.on .ctr{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.header .firNav .secNav{padding:12px 0!important;line-height:40px;font-size:18px;display:none;background-color:rgba(0,0,0,.1)}
.header .firNav .secNav .col{display:block}
.header .firNav .secNav .secItem{line-height:40px;display:block;white-space:nowrap;color:#777}
.header .firNav .secNav .secItem.on{text-decoration:underline}
.header .firNav .secNav .secItem .link2{opacity:.8}
.header .firNav .secNav .secItem .link2:active{opacity:.9}
.header .firNav .secNav+.ctr{display:block}
.header .firNav.fadeOutLeft{-webkit-transition:all 330ms ease-out 0s;transition:all 330ms ease-out 0s;-webkit-transform:translateX(100%)!important;transform:translateX(100%)!important}
.header .fns{right:60px}
.navShow .header .bg{display:block}
.navShow .header .contain{z-index:8}
.navShow .firNav{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:none!important;transform:none!important}
.navShow .navbtn s{background-color:var(--color-blue)}
.navShow .navbtn s:before{background-color:var(--color-blue)}
}
@media screen and (min-width:1025px){.header_pdt{padding-top:80px}
.subpage-banner{padding-top:80px}
.hidePoint{margin-top:-80px}
.header{height:80px;line-height:80px}
}
@media screen and (max-width:1024px){.header_pdt{padding-top:64px}
.scroll-wrap{padding-top:64px}
.hidePoint{margin-top:-64px}
.header{height:64px;line-height:64px}
}

/*底部*/
.layui-fixbar{bottom: 70px;z-index: 26;}
.foot{width:100%;background:#2C2C2C;color:#82819C;}
.foot a{color:#82819C;font-size:14px;}
.foot a:hover{color:#57E6E6;}
.foot .links{font-size:14px;line-height:20px;padding:20px 0;border-bottom:1px solid #323350;}
.foot .links a{font-size:14px;margin-right:15px;}
.foot .menu{padding:30px 0;}
.foot .menu dl{width:160px;float:left;}
.foot .menu dl dt{color:#eee;margin-bottom:30px;position:relative;}
.foot .menu dl dt a{color:#eee;}
.foot .menu dl dt:before{position:absolute;content:"";left:0;bottom:-10px;width:35px;height:2px;background:#f02930}
.foot .menu dl dt,.foot .menu dl dt a{font-size:16px;line-height:20px;}
.foot .menu dl dd a{line-height:24px;}
.foot .menu dl.fr{width:520px;float:right;text-align:left;}
.foot .menu dl.fr dd{font:14px/30px 'Microsoft YaHei'}
.foot .copyright{font-size:12px;line-height:20px;text-align:center;border-top:1px solid #3F3E3E;padding: 10px 0;}
.foot .copyright a{font-size:12px;}
.pc_hide{display: none !important;}
.footheight,.footinfo{display: none;height: 50px;}
.footinfo{background: var(--color-white);color: var(--color-111);position: fixed;bottom: 0;left: 0;width: 100%;z-index: 28;}
.footitem{display: flex;align-items: center;justify-content: center;width: 50%;background: var(--color-green);color: var(--color-white);padding: 0 10px;}
.footitem:hover{color: var(--color-white);}
.footitem:last-child{background: var(--color-yellow);}
.footinfo img{width: 26px;margin-right: 3px;animation: imgscale 1s infinite;}
.footitem_txt{display: flex;flex-direction: column;align-items: center;justify-content: center;white-space: nowrap;overflow: hidden;max-width: calc(100% - 30px);}
.footitem_txt span{font-size: 16px;}
.footitem_txt p{font-size: 16px;}
@keyframes imgscale{
    0%{transform: scale(1);}
    50%{transform: scale(1.1);}
    100%{transform: scale(1);}
}

/*分页*/
.pagebox{padding-top: 1.3rem;padding-bottom: 1.4rem;overflow: hidden;}
.pagemain{display: flex;align-items: center;justify-content: center;}
.pagemain span{padding-left: 10px;}
.pagination > li{margin: 0 4px 6px;display: inline-block;}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:var(--color-111);text-decoration:none;background-color:#fff;border:1px solid #ddd;transition: all .3s;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index:2;color:var(--color-white);background-color:var(--color-blue);border-color:var(--color-blue);}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index:3;color:var(--color-white);cursor:default;background-color:var(--color-blue);border-color:var(--color-blue);}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color:#aaa;cursor:not-allowed;background-color:#eee;border-color:#ddd;}

::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:6px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:0}
::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.2);transition:color .2s ease}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.15)}
::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,.8)}

.index-head{padding:1.2rem 0 1rem;text-align:center}
.index-head .sdt{color:var(--color-red);}
.index-head .sdd{margin-left:auto;margin-right:auto;margin-top:1em;width:33.33333333em;max-width:90%}
.w{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1680px;width:87.5%;width:87.5vw}
.w.wi{padding-left:4.6875vw;padding-right:4.6875vw}
.w.ws{padding-left:3.125vw;padding-right:3.125vw}
@media screen and (min-width:1441px){.w.wW{width:81.25vw}
}
@media screen and (max-width:1440px){.w.wi{padding-left:3.125vw;padding-right:3.125vw}
}
@media screen and (max-width:1024px){.w{width:auto!important;width:calc(100% - 30px)!important;margin-left:auto!important;margin-right:auto!important}
.w.wi,.w.ws{padding-left:0;padding-right:0}
}
.i_open{background: #f5f6f7;padding-top: 4.16666667%;position: relative;overflow: hidden;}

.page_f5f6f7{background: #f5f6f7;}
.page_fff,.page_fff .i_open{background: #fff;}
/* 内页广告图上的文字 */
.adtitle{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 100%;}
.adtitle h3{font-size: 36px;color: var(--color-blue);}
.adtitle p{color: #333;margin-top: 10px;font-size: 16px;}

.page_ad{height: 12rem;}
@media screen and (min-width:1600px){
    .page_ad{height: 24rem;}
}
.page_ad .swiper-container,.page_ad .fui-swipe-item{height: 100%;display: block;}
.page_ad .fui-swipe-item img{z-index:-1;position:absolute !important;left:0;top:0;max-width:none !important;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}

.swiper-text{position: absolute;top: 40%;left: 50%;transform: translateY(-50%);padding-top: 64px;width: 84vw;margin-left: -42vw;overflow: visible;}

.swiper-text h1{font-size: 50px;color: var(--color-333);font-weight: bold;transition: all .5s;position: relative;bottom: -50vw;opacity: 0;transition-delay: .5s;}
.swiper-text h2{font-size: 32px;margin-bottom: 20px;color: var(--color-333);font-weight: normal;transition: all .5s;position: relative;bottom: -50vw;opacity: 0;transition-delay: .7s;;}
.swiper-text p{font-size: 18px;color: var(--color-666);line-height: 24px;transition: all .5s;position: relative;bottom: -50vw;opacity: 0;transition-delay: .9s;}
.swiper-slide-active .swiper-text h1{opacity: 1;bottom: 0;}
.swiper-slide-active .swiper-text h2{opacity: 1;bottom: 0;}
.swiper-slide-active .swiper-text p{opacity: 1;bottom: 0;margin-top:40px;}
@media screen and (max-width:1024px){
    .ad{margin-top: 64px;}
    .swiper-text{left: 15px;width: calc(100% - 30px);margin-left: 0;padding-top: 0;}
    .swiper-text h1{font-size: 40px;}
    .swiper-text h2{font-size: 26px;}
    .swiper-text p{font-size: 16px;}
    .swiper-slide-active .swiper-text p{margin-top:20px;}
}
@media screen and (max-width:749px){
    .swiper-text h1,.swiper-text h2,.swiper-text p{max-width: 60%;}
    .swiper-text h1{font-size: 18px;}
    .swiper-text h2{font-size: 15px;margin-bottom: 7px;}
    .swiper-text p{font-size: 12px;line-height: 18px;}
    .swiper-slide-active .swiper-text p{margin-top:15px;}
}
/* path */
.path{position: relative;z-index: 2;margin-top: -35px;}
.pathbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;height:70px;line-height:70px;background-color:#fff;-webkit-box-shadow:0 3px 23.76px .24px rgba(0,38,126,.09);box-shadow:0 3px 23.76px .24px rgba(0,38,126,.09);border-radius: 4px;}
.pathbox:after{display:none}
.subnav{white-space: nowrap;}
.subnav a{padding: 0 30px;font-size: 16px;color: #333;transition: all 320ms ease-out 0s;display: inline-block;}
.subpage-nav{position:relative;width:calc(100% - 400px);text-align:left;z-index:6;border-radius: 4px;overflow: hidden;}
.subpage-nav .link2{position:relative;z-index:3;display:inline-block;vertical-align:top;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;}
.subpage-nav .link2:after{content:" ";z-index:-1;pointer-events:none;position:absolute;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;left:100%;width:0;bottom:0;height:100%;background-color:var(--color-blue)}
.subpage-nav .link2:hover{color:#fff}
.subpage-nav .link2:hover:after{left:0;width:100%;-webkit-transition:left 0s ease-out 0s,width 220ms ease-out 0s;transition:left 0s ease-out 0s,width 220ms ease-out 0s}
@media screen and (max-width:1024px){
    .subpage-nav{width:100%;padding:0;overflow-x: auto;}
.subpage-nav+.subpage-crumbs{display:none}
}
.subpage-crumbs{position:relative;margin-left:.8rem;padding:5px 30px 5px 30px;max-width:380px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.subpage-crumbs:before{content:" ";position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-image:url('../images/home.png');background-size:auto;background-position:50% 50%;background-repeat:no-repeat}
.guide a{transition: all .3s;padding: 0 2px;}
.guide a:hover{color:var(--color-blue)}
/* 新闻 */
.news_item{position: relative;z-index: 2;width: 100%;overflow: hidden;}
.news_item::after{content:" ";z-index:-1;pointer-events:none;position:absolute;-webkit-transition:all .3s;transition:all .3s;top:0;height:100%;left:0;width:100%;background-color:#fff;opacity: 0;}
.news_item:hover::after{opacity: 1;}
.news_a{position:relative;padding:65px 190px 65px 120px;border-bottom:#e3e3e3 solid 1px;display: block;overflow: hidden;}
.news_title{font-size: 20px;color: #111;padding:20px 0 10px 0;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all .3s;}
.news_item:hover .news_title{color: #e42c64;}
.news_date.m_hide{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:5px 15px;color:#333;display: flex;align-items: center;flex-direction: column;justify-content: center;font-size: 14px;}
.news_date.m_hide span{font-weight: 700;font-size: 40px;}
.btn.btn-link{overflow:hidden;position:relative;z-index:2;display:block;width:52px;height:52px;border:var(--color-blue) solid 1px;transition:all 320ms ease-out 0s;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.news_item:hover .btn.btn-link{background: #e42c64;border-color: #e42c64;}
.btn.btn-link::after{filter: grayscale(5) brightness(1000);transform: translateX(-105%);-webkit-filter: grayscale(5) brightness(1000);}
.btn.btn-link::after,.btn.btn-link::before{content:" ";z-index:-1;pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;background-image:url('../images/btn-link.png');background-size:contain;background-position:50% 50%;background-repeat:no-repeat;transition: all 320ms ease-out 0s;}
.news_item:hover .btn.btn-link::before{transform: translateX(105%);}
.news_item:hover .btn.btn-link::after{transform: translateX(0);}
.news_info{color: #888;font-size: 14px;}
.news_note{line-height: 24px;height: 48px;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.i_open_pagebody{padding-bottom: 6vw;}
.newsdetail{color: var(--color-777);}
.newsdetail h3{color: var(--color-111);font-size: 30px;}
.info{margin: 20px auto;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.detailtxt{color: var(--color-666);font-size: 16px;line-height: 28px;min-height: 100px;}
.detailtxt p{margin-bottom: 15px;}
/* case */
.i_open_body{padding-bottom: 3vw;overflow: hidden;}
.i_case_body{padding-top: 2vw;}
.index_caseitem,.index_servitem{float: left;width: calc(33.3% - 2vw);margin-left: 3vw;overflow: hidden;margin-bottom: 3vw;}
.index_servitem{width: calc(25% - 1.5vw);;margin-left: 2vw;}
.index_caseitem:first-child,.index_servitem:first-child{margin-left: 0;}
.index_caseitem:nth-child(3n+1){margin-left: 0;}
.index_caseimg{display: block;width: 100%;overflow: hidden;position: relative;}
.index_caseimgbg{background:rgba(0,0,0,.4);left:0;right:0;bottom:0;top:0;position:absolute;z-index:1;opacity: 0;transition: opacity 0.15s;border-radius: 4px;}
.index_caseimg::before,.index_caseimg::after{position: absolute;content: '';opacity: 0;z-index: 2;transition: opacity 0.35s, transform 0.35s;}
.index_caseimg::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
.index_caseimg::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.index_caseitem:hover .index_caseimgbg{opacity: 1;}
.index_caseitem:hover .index_caseimg::before{opacity: 1;transform:scale(1);}
.index_caseitem:hover .index_caseimg::after{opacity: 1;transform:scale(1);transition-delay:.15s}
.index_caseimg img{display: block;margin: 0 auto;width: 100%;border-radius: 4px;}
.index_casetitle{padding: 20px 0;font-size: 20px;color: var(--color-111);font-weight: 500;transition: all .3s;text-align: center;}
.index_caseitem:hover .index_casetitle{color: var(--color-red);}
.index_caseinfo p{color: #666;font-size: 15px;line-height: 24px;text-align: justify;}
.page_fdfdfd,.casebox .i_open{background: #fdfdfd;}
.casebox .i_open_pagebody{overflow: hidden;}
.case_a {background: var(--color-white);border: 1px solid #eee;border-radius: 4px;}
.case_a img{border-radius: 4px 4px 0 0;}
.case_a .index_caseinfo{padding: 0 20px 20px;}
.case_a .index_caseinfo p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow: hidden;height: 72px;}
.case_detail_l{float: left;width: 30%;}
.case_detail_l img{display: block;width: 100%;margin: 0 auto 15px;border-radius: 4px;}
.case_detail_r{float: right;width: 70%;padding-left: 3vw;}
.case_detail_r h1{color: var(--color-111);font-size: 30px;margin-bottom: 20px;}
.case_a .index_casetitle{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* no data */
.nothing{line-height: 2;color: var(--color-777);line-height: 200px;text-align: center;}
.pagetitle{text-align: center;overflow: hidden;font-size: 36px;color: var(--color-333);font-weight: bold;letter-spacing: 4px;margin-bottom: 1rem;}
/* 单页 */
.pageshow{min-height: 200px;font-size: 16px;line-height: 28px;}
.pageshow img {max-width: 100%;}
.pageshow p{margin-bottom: 10px;}
/* contact */
.contact_top{margin-bottom:30px;overflow:hidden;box-shadow: 0 0 7px 0 rgb(0 0 0 / 15%);}
.contact_top_left{width:410px;float:left;background:var(--color-blue);color:var(--color-white);padding:30px 40px;overflow:hidden}
.contact_top_left h4{overflow:hidden;font-size:30px;font-weight:700;line-height:52px;margin-bottom:18px}
.contact_top_left a{width:310px;border:solid 2px var(--color-white);font-size:26px;text-align:center;margin-bottom:18px;line-height:55px;display: inline-block;cursor: pointer;}
.contact_top_left a:hover{color: var(--color-white);}
.contact_top_left p{font-size: 22px;line-height: 40px;margin-bottom: 0;}
.contact_top_right{width: calc(100% - 470px);float: right;position: relative;}
.contact_top_block{float:left;font-family:Arial,Helvetica,sans-serif;font-size:100px;font-weight:89;margin-left:-28px;line-height:normal;color:#999;position:absolute;overflow:hidden;margin-top:20px}
.block_end{font-size:100px;line-height:200px;margin-top:100px;margin-left:calc(100% - 690px);position:absolute;right:30px}
.contact_main{width:calc(100% - 69px);float:left;overflow:hidden;padding-left:22px;padding-right:10px;padding-top:38px;line-height:28px;color:#666;font-size:16px;text-align:left}
.contact_main p{display: block;margin-bottom: 0;}
.contact_main p:first-child{font-size:24px;font-weight:700;line-height:60px;color:var(--color-blue)}
.contact_btm{overflow: hidden;}
.contact_btm_item{float:left;width:33.3333%;height:140px;border-width:1px 0 1px 1px;border:1px solid #ececec;padding:35px;text-align:left;display: flex;align-items: flex-start;}
.contact_btm_item:nth-child(1),.contact_btm_item:nth-child(2){border-right-width: 0;}
.contact_btm_item img{width: 50px;margin-right: 10px;}
.contact_btm_item h4{color:var(--color-blue);font-size:18px;font-weight:700}
.contact_btm_item p{margin: 5px 0 0;display: block;font-size: 16px;}
/* about */
.about_twoimg{overflow: hidden;padding-top: 3vw;}
.twoimg_item{float: left;width: calc(50% - 15px);position: relative;border-radius: 4px;overflow: hidden;}
.twoimg_item:first-child{margin-right: 30px;}
.about_itemimg{position: relative;overflow: hidden;}
.about_itemimg img{width: 100%;}
.about_info{position:absolute;z-index:1;top:50%;left:50%;padding:30px;background-color:rgba(242,242,242,.85);color:gray;width: 80%;border-radius: 4px;transform: translate(-50%,-50%);transition: all .3s;}
.twoimg_item:hover .about_info{color: var(--color-white);background-color: rgba(231,0,18,.8);}
.about_icon{width: 45px;display: block;overflow: hidden;}
.about_icon img{width: 100%;}
.about_icon img.hide{display: none;}
.twoimg_item:hover .about_icon img{display: none;}
.twoimg_item:hover .about_icon img.hide{display: block;}
.about_info h1{font:700 30px/1.2 AvenirLTStd;margin-top:.5em;word-wrap:break-word;text-transform:uppercase}
.about_info h3{margin-top:.2em;font-size:24px;line-height:1.2;letter-spacing:.01em}
.about_info p{margin-top: 1em;font-size: 14px;line-height: 24px;margin-bottom: 0;}
.about_main{margin-top: 3vw;padding: 6vw 0;position: relative;overflow: hidden;}
.about_main::before{content:"";position:absolute;top:0;bottom:0;width:45%;background-color:#f5f6f7;right:0}
.aboutbox{position: relative;z-index: 2;overflow: hidden;display: flex;align-items: center;}
.aboutbox:after{content: '';display: none;line-height: 0;clear: both;}
.about_left{width:50%;text-align:left;float: left;padding-right: 30px;}
.about_right{vertical-align:top;width:40%;position:relative;float: right;overflow: hidden;display: flex;align-items: center;}
.about_right::before{padding-top:60%;content:'';display:block}
.about_right img{position: absolute;top: 0;left: 0;width: 100%;}
.about_titleinfo{color: var(--color-red);margin-bottom: 5vw;}
.about_titleinfo h3{font: 900 34px/1 "AvenirLTStd";}
.about_titleinfo h4{font-size: 30px;letter-spacing: 2px;font-weight: normal;margin-top: 10px;}
.about_main_info{font-size:16px;line-height:28px;color:var(--color-333);}
.about_main_info p{text-indent: 2em;}

/* foot */
.foot_contact {line-height: 24px;color: var(--color-white);}
.foot_contact h4{font-size: 24px;line-height: 30px;font-weight: bold;letter-spacing: 1px;margin-bottom: 15px;}
.codeimg{overflow: hidden;display: block;width: 100%;margin-top: 10px;}
.codeimg_item{float: left;width: 110px;text-align: center;}
.codeimg_item:last-child{margin-left: 20px;}
/* .codeimg_item img{width: 90%;} */
.codeimg_item span{display: block;margin-top: 10px;line-height: 18px;color: #82819C;}
@media screen and (max-width:1200px){
    .aboutbox{flex-direction: column;}
    .about_titleinfo{margin-bottom: 3vw;}
    .about_main::before{display: none;}
    .about_left{float: none;width: 100%;padding-right: 0;}
    .about_right{width: 100%;float: none;}
    .about_right::before{display: none;}
    .about_right img{position: relative;}
}
@media screen and (max-width:1250px){
    .contact_btm_item p{font-size: 14px;}
}
@media screen and (max-width:880px){
    .contact_top_left,.contact_top_right{width: 100%;float: none;overflow: hidden;}
    .contact_top_left{padding: 20px;}
    .contact_top_block{display: none;}
}
@media screen and (max-width:1025px){
    .about_info h1{font-size:26px}
    .about_info h3{font-size: 20px;}
    .foot_contact{float: none;width: 100%;overflow: hidden;}
    .foot_contact h4{padding-top: 25px;font-size: 22px;margin-bottom: 5px;}
    .contact_top_left h4{font-size: 26px;}
    .contact_top_left p{font-size: 18px;}
}
@media screen and (max-width:749px){
    .about_twoimg{padding-top: 0;}
    .twoimg_item{float: none;width: 100%;margin-bottom: 15px;display: block;}
    .twoimg_item:first-child{margin-right: 0;}
    .about_info{padding: 15px;}
    .about_icon{width: 30px;}
    .about_info h1{font-size: 20px;margin-top: 5px;}
    .about_info h3{font-size: 16px;margin-top: 5px;}
    .about_info p{font-size: 14px;margin-top: 7px;}
    .about_titleinfo h3{font-size: 26px;}
    .about_titleinfo h4{font-size: 20px;margin-top: 5px;}
    .contact_top{border-radius: 4px;}
    .contact_top_left h4{font-size: 22px;}
    .contact_top_left a{width: 100%;}
    .contact_top_left p{font-size: 16px;}
    .contact_main{width: 100%;padding: 20px;}
    .contact_btm_item{width: 100%;float: none;margin-bottom: 15px;height: auto;padding: 20px;border-radius: 4px;}
    .contact_btm_item:nth-child(1), .contact_btm_item:nth-child(2){border-right-width: 1px;}
    .contact_btm_item img{width: 30px;}
    .header .firNav .link{font-size: 15px;}
    .index-head .sdd{font-size: 14px;}
    .ad{margin-top: 64px;}
    .m_hide{display: none !important;}
    .foot .menu dl.fr{width: 100%;}
    .footheight{display: block;}
    .footinfo{display: flex;}
    .news_a{padding: 1.6rem 0;}
    .newsdetail h3,.case_detail_r h1{font-size: 22px;}
    .btn.btn-link{display: none;}
    .news_date.pc_hide{display: block !important;font-size: 14px;margin-bottom: 0.3rem;}
    .news_title{padding-top: 0;font-size: 17px;}
    .page_f5f6f7,.page_f5f6f7 .i_open{background: #fff;}
    .ad.page_f5f6f7{background: #f5f6f7;}
    .adtitle h3{font-size: 18px;}
    .adtitle_d{transform: translateY(-60%);}
    .adtitle_d h3{font-size: 18px;}
    .adtitle p{font-size: 14px;margin-top: 5px;}
    .path{margin-top: 0;border-bottom: 1px solid #eee;}
    .pathbox{height: 50px;line-height: 50px;background: none;box-shadow: none;}
    .subpage-nav{display: flex;justify-content: center;}
    .subpage-nav .link2{padding: 0 15px;font-size: 14px;}
    .pageshow{font-size: 14px;line-height: 24px;}
    /* page */
    .pagination > li > a, .pagination > li > span{padding: 3px 10px;}
    .pagetitle{font-size: 26px;padding-top: 0.5rem;}
    /* case */
    .case_a{width: 100%;float: none;}
    .case_detail_l,.case_detail_r{float: none;width: 100%;padding: 0;}
    .case_detail_r{padding-top: 0;}
    /* foot */
    .foot .menu dl{margin-bottom: 15px;}
    .foot .menu dl:last-child{margin-bottom: 0;margin-top: 20px;}
    .foot .menu dl dt{margin-bottom: 20px;}
    .foot_contact h4{padding-top: 5px;font-size: 20px;}
}