.fl {float:left;}
.fr {float:right;}
.f_bold {font-weight:bold;}
.center {text-align:center;}
.f_12 {font-size:12px;}
.f_14 {font-size:14px;}
.f_15 {font-size:15px;}
.f_16 {font-size:16px;}
.f_18 {font-size:18px;}
.f_20 {font-size:20px;}
.f_22 {font-size:22px;}
.f_24 {font-size:24px;}
.f_26 {font-size:26px;}
.f_28 {font-size:28px;}
.f_30 {font-size:30px;}
.f_32 {font-size:32px;}
.f_34 {font-size:34px;}
.f_36 {font-size:36px;}
.f_38 {font-size:38px;}
.f_40 {font-size:40px;}
.f_42 {font-size:42px;}
.f_44 {font-size:44px;}
.f_45 {font-size:45px;}
.f_48 {font-size:48px;}
.f_50 {font-size:50px;}
.f_56 {font-size:56px;}
.f_60 {font-size:60px;}
.f_70 {font-size:70px;}
.f_80 {font-size:80px;}
.f_84 {font-size:84px;}
.p100 {padding:100px 0;}
.p120 {padding:120px 0;}
.w1920 {position:relative;width:1920px;margin:0 auto;height:100%;max-width:100%;}
.w1680 {position:relative;width:87.5%;margin:0 auto;height:100%;max-width:100%;}
.w1580 {position:relative;width:82.3%;margin:0 auto;height:100%;max-width:100%;}

#about1,#about2,#about3,#about4,#inv1,#inv2,#inv3,#inv4,#rd1,#rd2,#rd3,#rd4,#solution{padding-top:90px;margin-top:-90px;}
.titlea{position: relative;}
.titlea span{display: inline-block;position: relative;}
.titlea span::before{content: '';width: 34px;height:35px;background-image: url(../images/tia-2.png);position: absolute;bottom:-22px;right:-15px;}

.titlea1{position: relative;}
.titlea1 span{display: inline-block;position: relative;color: #fff;}
.titlea1 span::before{content: '';width: 34px;height:35px;background-image: url(../images/tia-3.png);position: absolute;bottom:-22px;right:-15px;}
/* 滚动条 */
.zl-scrollBarBox {height:90% !important;position:absolute;right:1% !important;background:#ccc;top:5% !important;width:1px !important;border-radius:0 !important;left:auto !important;}
.zl-scrollBar {position:absolute;left:-1px;top:0;background:#11b800;transition:background 0.3s;width:3px !important;border-radius:0px !important;}
.zl-scrollBar.zl-verticalBar {min-height:10px;}
.zl-scrollBar.zl-horizontalBar {min-width:10px;}
.zl-scrollBar:hover {background:#000;}
.zl-scrollContentDiv {position:relative !important;width:100% !important;height:100% !important;padding:0 !important;margin:0 !important;top:0;left:0;}
/* 置顶按钮 */
.right_zd {position:fixed;right:-50px;bottom:100px;cursor:pointer;z-index:10;transition:all .3s;width:50px;height:50px;background-image: url(../images/go_top.png);}
.right_zd.active {right:28px;}
/* header */
.header {position:fixed;top:0;left:0;width:100%;z-index:999; background-color:rgba(0,0,0,0.3);transition:all 0.3s;}
.header .logo .img2 {display:none;}
.header .con {display:flex;justify-content:space-between;align-items:center;}
.header .con .right {display:flex;}
.header .con .right .nav_list {display:flex;line-height:50px;}
.header .con .right .nav_list li {margin-left:50px;position:relative;padding:20px 0;position:relative;}
.header .con .right .nav_list li::before{content:'';width:0px;height:2px;background-color:#11b800;position:absolute;left:0;bottom:-1px;transition:all 0.3s;}
.header .con .right .nav_list li:first-child {margin-left:0;}
.header .con .right .nav_list>li>a {color:#fff;transition:all 0.3s;}
.header .con .right .nav_list>li>a:hover,.header .con .right .nav_list>li>a.on {color:#11b800;}
.header .con .right .nav_list li:hover::before{width:100%;}
.header .con .right .nav_list li.active::before{width:100%;}
.header .con .right .nav_list li.active a{color:#11b800;}
.header .con .right .nav_list li .xl {display:none;position:absolute;top:90px;left:50%;background-color:#fff;width:140px;margin-left:-70px;z-index:999}
.header .con .right .nav_list li .xl>a {font-size:14px;display:block;width:100%;text-align:center;transition:all .3s;position: relative;color:#333;}
.header .con .right .nav_list li .xl>a::before{content: '';display: block;width: 80%;height:1px;background-color: #f1f1f1;position: absolute;bottom:0;left:10%;}
.header .con .right .nav_list li .xl>a:last-child::before{display: none;}
.header .con .right .nav_list li .xl>a:hover {background-color:#11b800;color:#fff;}
.header .con .right .nav_list li .xl>a:hover::before{background-color: transparent;}
.header .con .right .icon_box {display:flex;align-items:center;}
.header .con .right .icon_box .box {margin-left:30px;cursor:pointer;position: relative;}
.header .con .right .icon_box .box a{color:#fff;transition:all .3s}
.header .con .right .icon_box .box .xl{display:none;position:absolute;top:55px;left:50%;background-color:#fff;width:140px;margin-left:-70px;z-index:999}
.header .con .right .icon_box .box .xl>a {font-size:14px;display:block;width:100%;text-align:center;transition:all .3s;height:40px;line-height: 40px;}
.header .con .right .icon_box .box .xl>a:hover {background-color:#11b800;color:#fff;}
.header .con .right .icon_box .box .img2 {display:none;}
.header .con .right .icon_box .solid {width:1px;height:15px;background-color:rgba(255,255,255,0.44);}
.headerw {background-color:#ffffff;border-bottom:1px solid #f4f4f4;}
.headerw .logo .img1 {display:none;}
.headerw .logo .img2 {display:block;}
.headerw .con .right .nav_list>li>a {color:#333333;}
.headerw .con .right .icon_box .solid {background-color:#333333;}
.headerw .con .right .icon_box .box .img1 {display:none;}
.headerw .con .right .icon_box .box .img2 {display:block;}
.headerw .con .right .icon_box .box a{color:#333;}

.delay01 {-webkit-transition-delay:.03s !important;transition-delay:.03s !important;}
.delay02 {-webkit-transition-delay:.08s !important;transition-delay:.08s !important;}
.delay03 {-webkit-transition-delay:.13s !important;transition-delay:.13s !important;}
.delay04 {-webkit-transition-delay:.18s !important;transition-delay:.18s !important;}
.delay05 {-webkit-transition-delay:.23s !important;transition-delay:.23s !important;}
.delay06 {-webkit-transition-delay:.28s !important;transition-delay:.28s !important;}
.delay07 {-webkit-transition-delay:.33s !important;transition-delay:.33s !important;}
.delay08 {-webkit-transition-delay:.38s !important;transition-delay:.38s !important;}
.delay09 {-webkit-transition-delay:.43s !important;transition-delay:.43s !important;}
.delay09 {-webkit-transition-delay:.48s !important;transition-delay:.48s !important;}
.delay10 {-webkit-transition-delay:.53s !important;transition-delay:.53s !important;}
.js-m-3.animate {opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.floatL {float:left;}
.floatR {float:right;}
.search-bg1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#f5f5f5;display:none;z-index:98;}
.header2 {height:55px;position:fixed;background:#fff;z-index:99;width:100%;display:none;top:0;left:0;}
.header2 .main-wrap {height:55px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;width:100%;}
.header2 .logo {height:55px;overflow:hidden;}
.header2 .logo a {display:block;}
.header2 .logo img {display:block;height:30px;margin-top:13px;}
.header2 .nav-btn {width:24px;height:18px;position:relative;cursor:pointer;margin-top:18px;}
.header2 .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#ababab;position:absolute;}
.header2 .nav-btn .line1 {-webkit-transform-origin:left 0px 0;-ms-transform-origin:left 0px 0;transform-origin:left 0px 0;}
.header2 .nav-btn .line2 {top:8px;}
.header2 .nav-btn .line3 {bottom:0;-webkit-transform-origin:left 2px 0;-ms-transform-origin:left 2px 0;transform-origin:left 2px 0;}
.header2 .sub-menu {width:100%;padding:0 2%;display:none;position:absolute;left:0;top:60px;z-index:2;overflow-y:auto;box-sizing:border-box;}
.header2 .sub-menu ul {width:100%;overflow-y:scroll;height:calc(100vh - 55px - 1.5rem);}
.header2 .sub-menu li {border-bottom:1px solid #E8E8E8;font-size:16px;width:96%;margin:0 auto;}
.header2 .sub-menu .tit {display:block;width:100%;padding:0 3%;line-height:60px;color:#333;position:relative;box-sizing:border-box;font-size:16px;}
.header2 .sub-menu .tit i{display:block;width:10px;height:10px;background-image: url(../images/h-add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition: all .3s linear;}
.header2 .sub-menu .tit.on i{transform: rotate(45deg);}
.header2 .sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none;}
.header2 .sub-menu .sec-list p {background:url(../images/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;}
.header2 .sub-menu .sec-list a {padding-left:3%;color:#666;display:block;}
/*.header2 .nav-btn.active {-webkit-animation:rotate 0.5s linear 0s;animation:rotate 0.5s linear 0s;}*/
.header2 .nav-btn.hover .line {background:#11b800;}

.header2 .lang{position:absolute;top:50%;transform:translateY(-50%);right:60px;}

/* header end */


/*底部*/
.footer{color: rgb(255, 255, 255, .5);background: #232323;padding: 100px 0 60px 0;}
.footer>div{display: flex;}
.footer dt{position: relative;color: #fff;font-size: 18px;font-weight: bold;padding-bottom: 30px;}
.footer dt:before{content: '';position: absolute;background-color: #39393a;width: 78px;height: 1px;top: 45px;}
.footer .fewm{width: 18%;}
.footer .fewm dd{display: flex;align-items: center;}
.footer .fewm dd:last-child{margin-top: 20px;}
.footer .fewm dd img{width: 150px;height: 150px;padding: 2px;background:#C5C6C9;}
.footer .fewm dd #fewm{width: 100px;height: 100px;padding: 2px;background: #C5C6C9;}
.footer .fewm dd #fewm canvas{padding: 8px;background: #fff;width: 100%;}
.footer .fewm dd h3{font-size: 14px;margin-left: 15px;width: 20px;line-height: 16px;}
.footer .flxw{width: 37%;padding: 0 5%;border-left: 1px solid rgb(57, 57, 57);border-right: 1px solid rgb(57, 57, 57);}
.footer .flxw dd{font-size: 16px;line-height: 20px;padding-top: 16px;}
.footer .fnav{width: 48%;padding-left: 5%;}
.footer .fnav li{float: left;width: 33.333%;display: flex;justify-content: space-between;align-items: center;}
.footer .fnav li a{color: rgb(255, 255, 255, .5);font-size: 16px;line-height: 52px;}
.footer .fnav li i{color: var(--color);font-size: 20px;margin-right: 30px;}
.footer .fnav li a:hover{color: var(--color);}
.copyright{color: rgb(255, 255, 255, .5);font-size: 14px;line-height: 70px;text-align: center;background: #232323;border-top: 1px solid #39393a;}
.copyright a{color: rgb(255, 255, 255, .5);}
.copyright a:hover{color:  var(--colour1);}

.hidden {
    display: none;
}

.w1200 {
    width: 1400px;
    margin: 0 auto;
}