/*通用样式*/
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;color: #0d0d0d;} 
body{font-family:'Microsoft YaHei','微软雅黑','宋体',Verdana,sans-serif;color:#323232;font-size:14px;background:#fff;width:100%;height:100%;position:relative;}
.wrap{width:95%; max-width:1680px; margin:0 auto; padding:0;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.fl{float:left;}
.fr{float:right;}
.flex{display:flex; align-items:center;}
.justify{justify-content:space-between;}
body{overflow-x:hidden;}


/*导航*/
#daohang{width:100%; height:100px; color:#fff; line-height:100px; border-bottom:1px solid rgba(255,255,255,.2);position: absolute;top:0;left:0;z-index: 999;}
#daohang .fl{width:168px; height:100%;}
#daohang .fl a{width:168px; height:62px; display:block; float:left; overflow:hidden; margin-top:20px;}
#daohang .fl a img{width:100%; display:block;}
#daohang .fl a.on img{margin-top:-62px;}

#daohang .nav{float:left; margin-left:10%;}
#daohang .nav>li{float:left; margin:0 35px;} 
#daohang .nav>li>a{font-size:18px; line-height:100px; transition:all .5s ease; position:relative; font-weight:500; display:block; color:#fff;} 
#daohang .nav>li.on>a,#daohang .nav>li:hover>a{color:#f26021 !important;} 
#daohang .nav>li.on>a::after,#daohang .nav>li:hover>a::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);} 
#daohang .nav>li>a::after{content:''; width:100%; height:4px; background:#f26021; position:absolute; top:0; left:0; opacity:0; -webkit-transition:all .3s;transition:all .3s;-webkit-transform:scaleX(0);transform:scaleX(0);}
.globalnav-menutrigger{width:27px; float:right; margin:40px 0 0 20px; display:none;}
.globalnav-menutrigger .img1{display:block;}
.globalnav-menutrigger .img2{display:none;}
._block{display:block;}
#_header1_liSolutions,#_header1_liSupport,#_header1_liContact,#_header1_liProducts,#_header1_liAbouts{position:relative;}
.styleNav{display:none; position:absolute; top:100%; left:52%; transform:translateX(-50%); z-index:200; background-color:#fff;padding:10px 0; border:1px solid #e9e9e9; border-top:none;}
.styleNav>li{display:block; width:250px; height:40px; position:relative;}
.styleNav>li>a{display:block; line-height:40px; font-size:15px; color:#333;padding: 0 40px 0 18px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;background-image:url(../image/jiantou2.png);background-repeat: no-repeat;background-position:95% center;background-size:15px 14px;}
.styleNav>li>a.active{background-image:url(../image/jiantou.png);background-color:#f26021;color: #fff;}
.styleNav>li:hover>a{background-image:url(../image/jiantou.png);background-color:#f26021;color: #fff;}
.styleNav>li img{display: inline-block;width: 20px;margin-right:10px;}
.styleNav>li:hover>a .img1{display:none;}
.styleNav>li:hover>a .img2{display:inline-block !important;}

.navlinks{background-color:#fff; position:absolute; left:0; top:100px; border-top:1px solid #e9e9e9; padding:40px 5.5%; width:100%; z-index:1000; display:none;}
.navlinks .navChild{height:20vw; align-items:normal;} 
.navlinks .leftNavs{width:100%; height:60px; background:#231f20; margin:auto;}
.navlinks .leftNavs li{width:14.285%; float:left; height:60px; line-height:60px; cursor:pointer; font-size:18px; text-align:center;}
.navlinks .leftNavs li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; color:#fff !important;}
.navlinks .leftNavs li.on a,.navlinks .leftNavs li:hover{background:#f26021; color:#fff;}
/* .rightNavs{width:100%; height:14vw; margin:40px auto 0;  position:relative;}
.rightNavs::-webkit-scrollbar{width:10px;height:4px;background-color:#eee;border-radius:5px;}
.rightNavs::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow: inset 0 0 5px #f26021;background: #f26021;}
.rightNavs:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.5);border-radius:0;background:rgba(0,0,0,0.2);}
.rightNavs .navswich{display:flex;width:100%;flex-wrap:wrap;}
.rightNavs .thirdNavlist{padding:20px 0px; background-color:#fff; float:left; width:14.285%; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.rightNavs .thirdNavlist:hover{background:#f4f6f8;}
.rightNavs .thirdNavlist .pic{width:120px; height:90px; margin:0 auto; text-align:center;}
.rightNavs .thirdNavlist .pic img{width:100%; height:100%; max-height:100%;}
.rightNavs .thirdNavlist .biaot{font-weight:normal; margin:0; font-size:15px; text-align:center; line-height:26px; margin-top:10px;}
.rightNavs .thirdNavlist:hover .biaot{color:#f26021;} */
.thirdNavlist{float:left;}

/* 手机版导航样式 */
.leftNavPop-bg{display:none;width:100%;height: calc(100% - 100px);background: rgba(0, 0, 0, 0.4);position: fixed;top: 100px;left: 50%;transform: translateX(-50%);z-index: 99;}
.leftNavPop{display: none;width: 100%;max-width:980px;height: auto;max-height: calc(100% - 100px);position: fixed;top: 100px;left: 50%;transform: translateX(-50%);z-index: 198;overflow: auto;}
.leftNavPop > ul > li > a{display:block;width: 100%;height:60px;border-bottom: 1px solid #e7e7e7;font-size:18px;color: #000000;line-height:60px;background: #fff;position: relative;padding:0 20px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.leftNavPop > ul > li > a span{display: flex;width:20px;height:20px;align-items: center;justify-content: center;position: absolute;right:20px;top:50%;transform: translateY(-50%);}
.leftNavPop > ul > li > a span img{display: block;max-width: 100%;max-height: 100%;}
.leftNavPop > ul > li:last-child > a{border: none;}
.leftNavPop > ul > li > ul > li > div{display: block;width: 100%;height:52px;border-bottom: 1px solid #e1e1e1;font-size:16px;color: #282828;line-height:52px;background: #f6f6f6;position: relative;padding: 0 30px 0 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.leftNavPop > ul > li > ul > li > div span{display: flex;width:30px;height:30px;padding:5px;align-items: center;justify-content: center;position: absolute;left:20px;top: 50%;transform: translateY(-50%);z-index: 19;}
.leftNavPop > ul > li > ul > li > div > a{display: block;width: 100%;height: 100%;line-height:52px;}
.leftNavPop > ul > li > ul > li > div span img{display: block;max-width: 100%;max-height: 100%;}
.leftNavPop > ul > li > ul > li:last-child > a{border:none;}
.leftNavPop > ul > li > ul > li > ul > li{display:flex;width:100%;height:36px;align-items: center;padding: 0 30px 0 56px;font-size:14px;color: #474747;background: #ececec;border-bottom: 1px solid #dbdbdb;}
.leftNavPop > ul > li > ul > li > ul > li span{display: flex;width: auto;height:36px;align-items: center;margin-left:10px;}
.leftNavPop > ul > li > ul > li > ul > li a{line-height:36px;display: block;width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leftNavPop > ul > li > ul > li > ul > li > a p{max-width:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leftNavPop > ul > li > ul > li > ul > li > a img{min-height:36px;margin-left:6px;display: block;}
.leftNavPop > ul > li > ul > li > ul > li:last-child > a{border:none;}
.leftNavPop > ul > li > ul{display:none;}
.leftNavPop > ul > li > ul > li > ul{display:none;}

#daohang .fr{float:right; border-left:1px solid rgba(255,255,255,.2); padding-left:40px; color:#fff;}
#daohang .fr .tel{float:left; background:url(../image/top_tel_tb.png) left center no-repeat; padding-left:30px; font-size:20px; font-weight:bold;}
#daohang .fr .wechat{width:22px; height:22px; display:block; overflow:hidden; margin-top:40px;}
#daohang .fr .wechat img{width:100%; display:block;}
#daohang .fr #popupTrigger2{float:left; margin-left:40px;}
.box-active .fr{color:#f26021 !important; border-left:1px solid #e9e9e9 !important;}
.box-active .fr .tel{background:url(../image/top_tel_tbh.png) left center no-repeat !important;}   

/* 滚动条样式 */
::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    background: #ffffff !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(242,96,33, 1) !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0.5) !important;;
    cursor: pointer !important;
}


@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.popup{background-color:rgba(0,0,0,.54);-webkit-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;-o-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;-moz-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;will-change:opacity,transform}.popup__container{text-align:left;font-size:12px;background-color:#fff;padding:35px;margin:30px auto;box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;-webkit-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;-moz-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;border-radius:3px;transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s;will-change:transform,opacity}.popup__close{position:absolute;top:15px;right:15px;width:18px;height:18px;cursor:pointer;padding-top:8px}.popup__close span{display:block;width:100%;height:1px;background-color:#2f2c2c}.popup__close span:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup__close span:last-of-type{-webkit-transform:rotate(-45deg) translateY(-1px);-moz-transform:rotate(-45deg) translateY(-1px);-ms-transform:rotate(-45deg) translateY(-1px);-o-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}@media (max-width:767px){.popup__container{width:80% !important;margin:10px auto;padding:20px 18px}.popup__close{top:10px;right:10px}}.popup.opened .popup__container{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.popup{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:1050;overflow:auto;outline:0;text-align:center;font-size:0;transform:translate3d(0,0,0)}
.popup:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
@media (max-width:767px){.popup{padding:20px 0}}
.popup__container{display:inline-block;vertical-align:middle;position:relative}
.popup.opened{opacity:1;visibility:visible}
body.popup-opened{position:fixed;top:0;left:0;right:0;overflow:hidden}
.popup__content img{width:1.5rem;margin:0 auto;display:block;float:left;}

.box-active{width:100%; height:100px; color:#fff;line-height:100px;border-bottom:1px solid rgba(255,255,255,.2);position:fixed !important;top:0;left:0;z-index: 1000;background: #fff;box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.1);}
.box-active .nav li a{color:#333 !important;}
.box-active .nav li a:hover{color:#fff !important;}
.box-active .navlinks .leftNavs li a{color:#fff !important;}
.box-active .globalnav-menutrigger .img1{display:none;}
.box-active .globalnav-menutrigger .img2{display:block;}
.box-active .fl span{color:#333;}
.box-active .fr .wechat img{margin-top:-20px;}

/* 鼠标跟随 */
#c-followDot{position: fixed;top: 0;left: 0;width:10px;height:10px;border-radius: 50%;background-color: #f26021;z-index: 999;pointer-events: none;}
#c-followDot .c-default{position: absolute;top: -30px;left: -30px;width: 60px;height: 60px;border: 1px solid #9c9c9c;border-radius: 50%;opacity: .2;box-sizing: border-box;z-index: 99;-webkit-transition: all .6s;transition: all .6s;}
#c-followDot .c-hover{position: absolute;top: -60px;left: -60px;width: 120px;height: 120px;background-color: #bbb;border-radius: 50%;opacity: .12;z-index: 98;box-sizing: border-box;transform: scale(0, 0);-webkit-transform: scale(0, 0);-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default{transform:scale(0, 0); -webkit-transform:scale(0, 0);}
#c-followDot.c-active .c-hover{transform:scale(1, 1); -webkit-transform:scale(1, 1);}