#root{ /*max-width: 1920px;*/ margin-left: auto; margin-right: auto; }

.spacewrap{ padding-left:1rem!important; padding-right:1rem!important; }

.uk-container-expand,.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto; }

.uk-transition-toggle:hover .uk-transition-scale-up{ transform: scale(1.1); }
.uk-navbar-nav{ gap: 0; }

.iheader{ position: absolute; height: 100px; left: 0; right: 0; top: 0; z-index: 99; }
.iheader .uk-container-expand{ padding-left:40px; padding-right:40px; }
.iheader .user{ position: absolute; right: 0px; top: 0px; z-index: 99; padding:0px 15px; border-radius: 0 0 5px 5px; background: var(--main-color); color:#fff; }
.iheader .user a{ color:#fff; }
.iheader .uk-navbar{ min-height: 100px; }
.iheader .lang .box{ margin-right: 0px; }

.iheader .menu{ min-height:50px;}
.iheader .menu>ul>li{  margin-left: 50px; }
.iheader .menu>ul>li>a{ position: relative; z-index: 2; min-height: 50px; text-align: center; line-height:50px; text-align: center; display: flex; color:#fff; font-size: 18px; transition: all 0.5s; padding:0; }
.iheader .menu>ul>li>a span{ line-height:1.2; width:100%; }
.iheader .menu>ul>li>a::after{ content:''; display: block; position: absolute; bottom: 0; width: 0; left: 50%; height: 2px; background:var(--main-color); transition: all ease 0.2s; }
.iheader .menu>ul>li>a:hover::after,.iheader .menu>ul>li.active>a::after{ width: 100%; left: 0; }
.iheader .menu>ul>li>a:hover,.iheader .menu li.active>a{ color:var(--main-color); }

/* .iheader .uk-drop{ background: #f1f1f1; left: 0!important; top: 100px; right: 0!important; width: 100%; max-width: none!important; padding-top:30px; padding-bottom: 55px;  }
.iheader .uk-drop .name{ border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; padding: 5px 0; } */

.en-body .iheader .menu>ul>li>a{ text-transform: capitalize; }


.header{ position: relative; height: 100px; background: #fff; }
.header .hd{ height: 40px; line-height: 40px; }
.header .hd .tel{ margin-left:40px; }
.header .hd .user{ margin-left:40px; }

.header .bd{ height: 60px; }

.header .bd .slogan{ margin-top:-5px; position:relative; }
.header .bd .slogan::before{ content:''; display:block; width:1px; position:absolute; left:-15px; top:0; bottom:0; background:#ededed; }
.header .bd .slogan h2{ margin:0; line-height:1; }

.header .bd .menu>li{ margin-left:50px; }
.header .bd .menu>li:first-child{ margin-left:0px; }
.header .bd .menu>li>a{ color:#434343; font-size: 16px; line-height: 60px; }
.header .bd .menu>li>a:hover, .header .bd .menu>li.active>a{ color:var(--main-color); }

.header .uk-navbar{ position: static;}
.header .bd .uk-drop{ background: #f1f1f1; left: 0!important; top: 100px; right: 0!important; width: 100%; max-width: none!important; padding-top:20px; padding-bottom: 35px;  }
.header .bd .uk-drop .name{ border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; padding: 5px 0; }

.pc-menu{ display: none; }


#offcanvas-push .uk-nav-default a{ color:#fff; }
#offcanvas-push .uk-nav-default>li{ border-bottom: 1px solid rgba(255,255,255,0.1);}
#offcanvas-push .uk-nav-default>li>a{ font-size:16px;  padding:12px 15px; position: relative; }
.uk-offcanvas-bar{ background: var(--main-color); padding:50px 0 0;  color:#fff;  }
.uk-offcanvas-bar .uk-nav-default>li{ position: relative; }
.uk-offcanvas-bar .uk-nav-default>li .uk-icon{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.5s; }
.uk-offcanvas-bar .uk-nav-default>li.uk-open .uk-icon{ transform: translateY(-50%) rotate(90deg); }
#offcanvas-push .uk-nav-sub{ padding-bottom: 20px; padding-left:25px; }
#offcanvas-push .uk-nav-sub a{ line-height: 34px; }
/* .uk-offcanvas-bar .uk-nav-default>li>ul>li a{ line-height: 34px; } */

.en-body .slogan{ display: none; }

@media screen and (max-width: 1400px) {
    .header .menu{ display: none; }
    .iheader .menu{ display: none; }

    .header .menu{ margin-left:0px; }
    .pc-menu{ display: block; }
    .pc-menu a{ display: block; }
    .pc-menu a:hover{ background: none; }
    .iheader .pc-menu a{ color:#fff; }
    


}





.banner{ max-width: 1920px; margin-left: auto; margin-right: auto; position: relative; }
.banner .uk-position-bottom{ z-index: 9; }
.banner .uk-position-bottom>div{ position: relative; height: 80px; }
.banner .uk-slidenav{ width: 50px; height: 50px; position: absolute; right: 0; bottom:30px; top:auto; color:#fff; text-align: center; padding:13px; transform: none; }
.banner .uk-position-center-left{ left: auto; right:50px; }
.banner .uk-position-center-left::before{ content:''; display: block; width: 200px; height: 1px; background: #fff; position: absolute; right:70px; top:50%; }
.banner .uk-dotnav{ position: absolute; bottom:40px; left: auto; right:360px; margin-left: auto; justify-content: flex-end;  }
.banner .uk-dotnav>*>*{ width:24px; height: 32px; border-radius: 0; border:0; border-bottom: 2px solid transparent; background: none; position: relative; text-indent: 0; }
.banner .uk-dotnav>*>*::after{ content:''; display: block; position: absolute; inset: 0; color:#fff; width: 24px; text-align: center; font-size:20px; line-height:30px; }
.banner .uk-dotnav>.uk-active>*{ border-color:#fff; }
.banner .uk-dotnav>*:nth-child(1)>*::after{ content:'01'; }
.banner .uk-dotnav>*:nth-child(2)>*::after{ content:'02'; }
.banner .uk-dotnav>*:nth-child(3)>*::after{ content:'03'; }
.banner .uk-dotnav>*:nth-child(4)>*::after{ content:'04'; }
.banner .uk-dotnav>*:nth-child(5)>*::after{ content:'05'; }
.banner .uk-dotnav>*:nth-child(6)>*::after{ content:'06'; }
.banner .uk-dotnav>*:nth-child(7)>*::after{ content:'07'; }


.banner .uk-position-center{ width: 100%; padding-left: 200px; padding-right: 200px; }
.banner .btns{ margin-top:30px; }
.banner .uk-button{ margin-right:20px; min-width: 160px; font-size: 16px; }

.en-body .banner .tit{ font-size: 2rem; line-height: 1.4; }


.crumb{ background: #f1f1f1; padding: 10px 0; line-height: 40px; color:#a3a3a3; }
.crumb .uk-wrap a{ padding:0 5px; color:#a3a3a3; }
.crumb .uk-wrap a:first-child{ padding-left:0; }
.crumb .uk-wrap a:last-child{ color:#525252; }

.catebar{ background:linear-gradient(to right, #e52129, #ff3c44); padding: 30px 0; line-height: 40px; }
.catebar h1,.catebar h2{ padding:0; margin:0; }


.lang .box{ position: relative;  padding:0px; line-height: 30px; padding-left:24px; }
.lang .box .iconfont{ position: absolute; left: 0; }
.lang .uk-drop{ background:rgba(0, 0, 0, 0.55); margin-top:0; width:120px; padding:10px 0; }
.lang .uk-drop a{ display: block; line-height: 36px; padding:0 20px; color:#fff; }
.lang .uk-drop a.cur,.lang .uk-drop a:hover{ color:#fff; }




/*页脚*/
.footer{ background:#222; color:rgba(255,255,255,0.5); padding:60px 0 0px; }
.footer a{ color:rgba(255,255,255,0.5);}
.footer a:hover{ color:#fff; }
.footer .hd{}
.footer .fotnav dl{ min-width: 160px; margin:0 40px 20px 0; }
.footer .fotnav dl:nth-child(2){ min-width: 220px; }
.footer .fotnav dl dt{ margin-bottom: 15px; }
.footer .fotnav dl dt span.iconfont{ display: none; }
.footer .fotnav dl dd{ line-height: 1.4; padding:8px 0; }

.footer .fotcat{ width: 380px; }
.footer .fotcat .tel{ margin-bottom: 30px; line-height: 40px; }
.footer .fotcat .tel .iconfont{ background:var(--main-color); color:#fff; border-radius: 50%; width: 36px; height: 36px; text-align: center; margin-right: 10px; margin-top:5px; }
.footer .fotcat ul{ margin-left: 13px; }
.footer .fotcat ul li{ position: relative; padding-left:25px; line-height: 1.4; margin-bottom: 8px; }
.footer .fotcat ul li span{ position: absolute; left: 0; top:1px; }

.footer .followus{ margin-top:50px; margin-left:13px; }
.footer .followus>span{ margin-right:20px; color:#fff; }
.footer .followus>a{ margin-right:10px; color:#fff; }

.footer .fd{ border-top:1px solid rgba(255, 255, 255, 0.1); padding:25px 0; margin-top:50px; }




/*侧边联络*/
.floaticon {z-index: 99;position: fixed; right:0px; top: 50%; margin-top:-200px; }
.floaticon .floaticonLogo{ width:100px; background: #fff; }
.floaticon .floaticonLogo a{ display: block; background: #fff; height: 100px; color:#5c5c5c; text-align: center; padding-top: 25px;}
.floaticon .floaticonLogo a span{ font-size: 40px; height: 40px; line-height: 20px; color:var(--main-color);}
.floaticon .floaticonLogo a span.icon-wechat{ font-size:34px; }
/* .floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; } */
.floaticon .floaticonLogo a.backToTop{ background: var(--main-color); color:#fff; padding-top: 15px; height: 80px;}
.floaticon .floaticonLogo a.backToTop span{ color:#fff;}
.floaticon .uk-drop{ width:220px; background:#fff; margin:0; }
.weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -317px; top: 45px; width: 300px; height: 262px;text-align: center;}
.weixinCode{ bottom:25px; }
.qqCode{ top:100px;}
.floaticon .icon-close{ position:absolute; bottom:-15px; left:-15px; display:block; width:30px; height:30px; background:#fff; padding:5px; border-radius:30px; box-shadow:0 0 5px 3px rgba(0,0,0,0.15); }
.floaticon .icon-close svg{ display:block; }

.sidefloat{ z-index: 99; position: fixed; right: 20px; bottom:35%; }
.sidefloat>div{ width:56px; height: 56px; text-align: center; border-radius: 50%; border-radius: 50%; background: var(--main-color); margin-bottom: 10px; }
.sidefloat a{ display: block; color:#fff; }
.sidefloat .totalk a{ line-height: 56px; }
.sidefloat .totop a{ padding-top:5px; }
.sidefloat .totop span{ display: block; text-align: center; line-height: 1; }


/*首页*/
.ipart1{ background: url(../images/ban2.png) center no-repeat; background-size: cover; padding:100px 0; }
.ipart1 h2,.ipart1 h3{ margin:0; color:#fff; }
.ipart1 h2{ margin-bottom: 15px; }
.ipart1 .uk-position-bottom-center{ padding-bottom: 100px; }
.ipart1 .uk-button{ min-width: 160px; font-size: 16px; }
.ipart1 .uk-button:hover{ background: var(--main-color); border-color:var(--main-color); color:#fff; }


.ipart2{ padding:110px 0; }
.ipart2 .title{ margin-bottom: 50px; }
.ipart2 .uk-wrap{ position: relative; color:#fff; }
.ipart2 .uk-position-top{ padding:60px 20px; text-align: center; }
.ipart2 .uk-position-top .tit{ margin-bottom: 20px; }
.ipart2 .uk-button{ min-width: 160px; font-size: 16px; }
.ipart2 .uk-button:hover{ background: var(--main-color); border-color:var(--main-color); color:#fff; }


.ipart3{ padding:20px 0 150px; }
.ipart3 .title{ margin-bottom: 50px; }
.ipart3 .uk-wrap::after{ content: ""; display: block; position: absolute; left: 50%; bottom:0; width: 0; height: 3px; background:var(--main-color); z-index: 1; transition: all 0.3s ease-in-out; }
.ipart3 .con{ padding:15px 20px 25px; background: #eff3f8; border:1px solid #eff3f8; border-top:0; transition: all 0.3s ease-in-out; }
.ipart3 .uk-wrap:hover .con{ border-color:#d7d7d7; background: #fff; }
.ipart3 .uk-wrap:hover::after { width: 100%; left: 0; }


.ipart4{ padding:130px 0 160px; background:url(../images/bg1.png); background-size: cover; }
.ipart4 .title{ margin-bottom:100px; }
.ipart4 .uk-wrap .name{ padding:10px; color:#4c4c4c; }
.ipart4 .btns{ margin-top:110px; }
.ipart4 .uk-button{ min-width: 160px; font-size: 16px; border-color:var(--main-color); }
.ipart4 .uk-button:hover{ background: var(--main-color); border-color:var(--main-color); color:#fff; }


.ipart5{ padding:120px 0; }
.ipart5 .uk-button{ margin-right:110px; min-width: 160px; font-size: 16px; }
.ipart5 .uk-button:hover{ background: var(--main-color); border-color:var(--main-color); color:#fff; }


.ipart6{ padding:80px 0 110px; background: url(../images/bg4.png); background-size: cover; }
.ipart6 .title{ margin-bottom:50px; }
.ipart6 .uk-wrap{ background: #fff; border:1px solid #d7d7d7; padding:9px; height: 140px; text-align: center; }
.ipart6 .uk-wrap img{ max-height: 120px; max-width: 100%; }
.ipart6 .uk-wrap:hover{ border-color:var(--main-color); }


.ipart7{ padding:80px 0; }
.ipart7 .uk-qrcode{ margin:0 40px;}
.ipart7 .uk-qrcode .ico{ padding:4px; width: 160px; background: #fff; box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05); }
.ipart7 .uk-qrcode .ico img{ width: 100%; }
.ipart7 .uk-qrcode .name{ padding:10px 0; }


.ipart8{ padding:50px 0; background: #f1f1f1; }
.ipart8 .uk-wrap{ position: relative; padding-left:7em; }
.ipart8 .uk-wrap .name{ position: absolute; left: 0; top:0; line-height: 1.2; }
.ipart8 .uk-wrap li{ margin:0 20px 5px 0; }


.tbody{ padding:70px 0 120px;  }
.tbody .content{ /* text-align: justify; */ /*line-height: 1.6;*/ }
.tbody .content p{ margin:1rem 0;}
.en-body .tbody .content{ text-align:left; }



/*关于昂科*/
.page-1>h2{ border-bottom: 1px solid #d7d7d7; margin:40px 0 0px; line-height: 1.4; padding:10px 0; color:#000; padding-bottom:20px; }
.page-1>h2:first-child{ margin-top:0; }
.page-1>h3{ padding: 15px 15px; background: #f1f1f1; margin-top:0; margin-bottom:30px; }
.page-1 img{ margin:30px auto; }
.page-1 p{ margin-bottom:15px; padding-left:1rem; padding-right:1rem; }

/*CEO*/
.ceo .picture{ width: 510px; }
.tbody .ceo .content{ line-height: 2.2; }

/*昂科之路*/
.company1, .company2{ margin-bottom: 40px; }
.company>h3{ border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; line-height: 1.4; padding:10px 0; color:#000; position:relative; overflow:hidden; }
/*.company>h3::after{ position:absolute; left:-20px; top:0px; z-index:1; content:''; display:block; width:10rem; height:60px; transform: skew(20deg); background:var(--main-color); }*/
.company>h3 span{ position:relative; z-index:2; }
.company .tit1{ padding:0 15px; margin-bottom: 10px; }
.company .tit1 span{ display:inline-block; position:relative; }
/*.company .tit1 span::before, .company .tit1 span::after{ position:absolute; top:8px; content:''; display:block; width:14px; height:19px; background:url(../images/icon_tit.png); }*/
/*.company .tit1 span::before{ left:0; }*/
/*.company .tit1 span::after{ right:0; transform:rotate(180deg); }*/
.company .tit2{ padding:5px 15px; background: #f1f1f1; }
.company .desc1{ padding:15px 15px 25px;}
.company .uk-box{ padding:10px 15px 30px; }
.company .tit3{ border-bottom: 1px solid #d7d7d7; margin-bottom: 15px; padding:10px 0; }
/*.company .brand{ height: 680px; background: url(../images/pic_brand.png) center; }*/
.company .brand .name{ padding-top:50px; }
.company .brand .left{ position: absolute; bottom:210px; left: 10%; max-width: 220px; border:1px dashed #fff; border-radius: 12px; padding:10px 15px 20px; }
.company .brand .right{ position: absolute; bottom:210px; right: 10%;  max-width: 220px; border: 1px dashed #fff; border-radius: 12px; padding:10px 15px 20px; }
.company .brand .circle{ position: absolute; width:80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background: rgba(230,33,41,0.5); }
.company .brand .cleft{ right:50%; margin-right:170px; bottom:210px; }
.company .brand .cright{ left:50%; margin-left:170px; bottom:210px; }


/*发展历程*/
.history-page{ background: url(../images/bg_his.png); background-size: cover; }
.history{ padding-left:200px; /*padding-left:30%;*/ position: relative; margin-right:100px; }
.history .swiperbox{ height: 450px; overflow: hidden; }
.history .list2{ position: absolute; left: 0; top:0; width: 100px; padding:60px 0; height: 570px;  overflow: hidden;  }
.history .list2::before{ position: absolute; left: 1px; top:0; bottom: 0; content:''; display: block; width: 1px; height: 100%; background-color: #9ea3a8; }
.history .list2 .swiper-wrapper{ display: flex; flex-wrap: wrap;}
.history .list2 .swiper-slide{ width: 100%; line-height: 50px; padding-left:30px; position: relative; cursor: pointer; }
.history .list2 .swiper-slide-active{ font-size: 30px; font-weight: bold;  }
.history .list2 .swiper-slide-active::before{ position: absolute; left: 0px; top:0; bottom:0; content:''; display: block; width: 3px; height: 100%; background: var(--main-color);  }
.history .uk-wrap{ min-height:550px; }
.history .name{ margin-bottom: 50px; }
.history .content p{ position: relative; padding-left: 20px; margin-bottom: 10px; }
.history .content p::before{ position: absolute; left: 0; top:13px; content:''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #595757; }

.history .arrow a{ display: block; position: absolute; left: 28px; z-index: 10; }
.history .arrow a.prev{ top:0; transform: rotate(90deg); }
.history .arrow a.next{ bottom: 0; transform: rotate(90deg); }

.history .ulist{ position:relative; }
.history .ulist>div{ padding-right:400px; margin-bottom:10px; }
.history .ulist>div .desc{ position:relative;  padding-left:1.5em;  }
.history .ulist>div .desc::before{ position:absolute; left:0; top:11px; display:block; content:''; width:10px; height:10px; background:#636363; border-radius:50%; }
.history .ulist>div .ico{ position:absolute; top:0; right:0; width:360px; display:none; }
.history .ulist>div .ico img{ border-radius:10px; }
.history .ulist>div.cur .ico, .history .ulist>div .open .ico{ display:block; }

/*why*/
.page-9>h3{ border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; line-height: 1.4; padding:10px 0; color:#000; }

.why3{ padding:50px 0; }
.why3 hr{ border-top:5px solid var(--main-color); }
.why3 h4{ margin-bottom:0; }
.why3 .uk-wrap{ max-width: 300px; margin-left: auto; margin-right: auto; }
.why3 .uk-wrap .ico{ margin:0px 0 20px; }
.why3 .desc li{ padding-left:22px; background:url(../images/ico_right.png) no-repeat left 12px; background-size: auto 12px; color:#222; margin-bottom: 5px; }





/*可持续发展之路*/
.page-18>h3{ border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; line-height: 1.4; padding:10px 0; color:#000; }
.page-18 p{ margin-bottom:15px; }


.roadsection .tit{ position:relative; padding-left:40px; }
.roadsection .tit i{ position:absolute; left:0; display:block; width:32px; height:32px; line-height:32px; font-size:18px; text-align:center; background:#b4b4b4; border-radius:50%; color:#fff; font-style:normal; }
.roadsection .shadow{box-shadow:8px 8px 10px 5px rgba(0,0,0,0.15);}

.road1{ background:#222; padding:50px 0;  }
.road1 .uk-position-relative{ padding-right:60px; }
.road1 h2{ color:#fff; }
.road1 p, .road1 .desc{ color:rgba(255,255,255,0.5); }
.road1 p{ margin:10px 0; }
.road1 .left .uk-wrap:first-child{ margin-bottom:40px; }
.road1 .uk-position-relative a{ position:absolute; bottom:0; right:0; font-size:16px; border-radius:20px; height:40px; line-height:38px; }

.road2{ padding:90px 0; background:#f1f1f1; }
.road2 h2{ margin-bottom:40px; }
.road2 .left .uk-wrap{ padding-right:160px; }
.road2 .desc{ line-height:2.2; }
/*.road2 p{ margin:10px 0; }*/


.road3{ padding:90px 0; }
.road3 h2{ margin-bottom:40px; }
.road3 .right .uk-wrap{ padding-left:160px; }
.road3 .desc{ line-height:2.2; }

.road4{ padding:90px 0; background:#FFE9EB; }
.road4 h2{ margin-bottom:40px; }
.road4 .tit i{ background-color:#E52028; }
.road4 .desc{ line-height:2; }
.road4 .uk-box1 .uk-wrap{ border-bottom:1px solid #E6D2D3; }
.road4 .uk-box1 .uk-wrap .con{ padding:25px 0 30px }

.road5{ padding:90px 0; background:#fff; }
.road5 h2{ margin-bottom:40px; }
.road5 .right .uk-wrap{ padding-left:100px; }
.road5 .desc{ line-height:2.2; }


/*行业应用*/
.apps h3{ border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; line-height: 1.4; padding:10px 0; color:#000; }
.apps p{ margin-bottom:15px; }

.relationproducts li{ margin-bottom: 50px; border-bottom: 1px dashed #d7d7d7; padding:40px 0; }
.relationproducts .ico{ max-width: 640px; }
.relationproducts li:first-child{ margin-bottom: 0; }
.relationproducts .uk-wrap{ padding:50px 0; } 
.relationproducts .uk-wrap p{ line-height: 2; }
.relationproducts .btn{ margin-top: 40px; }



/*全球布局*/
.global-layout .uk-subnav{ border-bottom: 1px solid #d7d7d7; margin-left: 0; }
.global-layout .uk-subnav>li{ padding-left: 0; margin-right: 5px; }
.global-layout .uk-subnav>li>a{ padding: 0 20px; border: 1px solid #d7d7d7; border-top:2px solid var(--main-color);  color:#000; line-height: 44px; margin-bottom: -1px; font-size: 16px; }
.global-layout .uk-subnav>li.uk-active>a{ border-bottom-color:#fff; background: #fff; }
.global-layout .layout-bar{ background: #f1f1f1; border-radius: 10px; padding:10px 15px; margin:30px 0 40px; }
.global-layout .layout-bar a{ padding: 5px 10px; }
.global-layout .uk-wrap.hd{ position:relative; }
.global-layout .uk-wrap.hd::after{ content: ""; position: absolute; bottom: -5px; left: 0%; right: 0%;  height: 5px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); border-radius:50%; }
.global-layout .uk-wrap ul.uk-grid{ margin-left:-120px; }
.global-layout .uk-wrap li{ margin-bottom: 20px; padding-left: 120px; }
.global-layout .uk-wrap .titline{ border-bottom: 1px solid #d7d7d7; margin-bottom: 30px; line-height: 50px; }
.global-layout .uk-wrap .titline.first{ position:relative; padding-left:30px; overflow:hidden; color:#fff; }
.global-layout .uk-wrap .titline.first:before{ position:absolute; left:-20px; top:0px; z-index:1; content:''; display:block; width:10rem; height:50px; transform: skew(30deg); background:var(--main-color); }
.global-layout .uk-wrap .titline span{ position:relative; z-index:2; color:#fff; }
.global-layout .uk-wrap .uk-box{ position: relative; padding-right:220px; padding-left: 13px; min-height: 200px; }
.global-layout .uk-wrap .ico{ position: absolute; right: 0; top:0; width: 200px; }
.global-layout .uk-wrap .name{ margin-left: -13px; padding-left:13px; line-height: 1.4; position: relative; margin-bottom: 20px; }
.global-layout .uk-wrap .name::after{ content: ''; position: absolute; left: 0; top:4px; bottom: 4px; width: 3px; background: var(--main-color); }


/*联系我们*/
.contact-page .left{ width:440px; padding-left:13px; margin-top:60px; }
.contact-page .left dl dt{ position: relative; line-height: 1.4; margin-bottom: 10px; margin-left:-13px; padding-left: 13px; }
.contact-page .left dl dt::after{ content: ''; position: absolute; left: 0; top:4px; bottom: 4px; width: 3px; background: var(--main-color); }
.contact-page .left dl dd{ position: relative; padding-left:3em; }
.contact-page .left dl dd span{ position: absolute; left: 0; top:0px; }
.contact-page .left .uk-wrap{ margin-top:50px; }

.contact-page .mapswiper .uk-subnav li{ margin-left:20px; padding: 0; }
.contact-page .mapswiper .uk-subnav a{ border-radius: 40px; background: #fff; min-width:160px; height: 40px; border:1px solid var(--main-color); color:var(--main-color); line-height: 40px; text-align: center; }
.contact-page .mapswiper .uk-subnav li.uk-active a{ background: var(--main-color); color:#fff; }

.en-body .contact-page .left dl dd{ padding-left:75px; }


.tdtmap{ height:600px; width: 100%; position:relative; z-index: 1; }
.tdtmap .tdt-infowindow-content-wrapper,.tdtmap .tdt-infowindow-tip{ background: none; box-shadow:none; }
.tdtmap .tdt-infowindow-tip-container{ display: none; }
.tdtmap .tdt-infowindow-content{ margin:0; }
.tdtmap .tdt-infowindow-close-button{ display: none; }
.catinfo{ position: relative; width:100px; height: 40px; line-height:40px; background:var(--main-color); padding:0px; color:#fff; overflow: hidden; }
.catinfo .tit1{ margin-bottom: 10px; }
.catinfo ul li,.catinfo ul li .iconfont{ color:#808080; }
.catinfo .onenavi{ color:#fff; }

/* .titbar{ padding:0px 20px; margin-bottom: 50px; }
.titbar h2{ line-height:30px; position: relative; height: 30px; margin: 0; }
.titbar h2::after,.titbar h2::before{ content: ""; position: absolute; width: 180px; top:50%; height: 1px; background: #d5d5d5; }
.titbar h2::after{ left: -180px; }
.titbar h2::before{ right: -180px; }
.titbar h2 span{ display: block; padding:0 20px; }
.titbar h2 span::before,.titbar h2 span::after{ z-index: 2; content: ""; position: absolute; width:13px; height: 13px; top:50%; border-radius: 50%; transform: translateY(-50%); border:1px solid #d5d5d5; background: #fff; }
.titbar h2 span::before{ right: -13px; }
.titbar h2 span::after{ left: -13px; } */


/*下载中心*/
.downlist li{ border-bottom: 1px solid #d7d7d7; position: relative; }
.downlist li:first-child{ border-top: 1px solid #d7d7d7; }
.downlist li:nth-child(2n-1){ background: #fafafa; }
.downlist li>div{ padding:25px 300px 25px 40px; }
.downlist li>div .first{ position: absolute; left:15px; top:28px; }
.downlist li .btn-copy{ cursor: pointer; margin-left:10px; }
.downlist li .size{ width: 120px; position: absolute; right:240px; top:29px; text-align: right; }
.downlist li .date{ width: 100px; position: absolute; right:100px; top:29px; text-align: right; }
.downlist li .down{ position: absolute; right:20px; top:25px; padding:5px; background: var(--main-color); color:#fff; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; }
.downlist li .down svg{ display: block; }
.downlist li:hover{ border-bottom: 1px solid var(--main-color); background: #fff7f8; }
.downlist li:hover::before{ content: ''; display: block; position: absolute; left: 0; top:-1px; right: 0; height: 1px; background: var(--main-color); }


/*招聘*/
.joinpage{ background: #00549e; padding:100px 0; }
.joininfo{ margin-top:50px; }

.joblist li{ margin-bottom: 10px; border-bottom: 1px solid transparent; }
.joblist .ctn{ color:#fff; }
.joblist .ctn .spec{ color:#fff; }
.joblist .uk-accordion-title{ height: 70px; padding:10px 90px 10px 20px; line-height: 50px; background:rgba(218,238,255,0.4); color:#fff; position: relative; border-top:1px solid transparent; }
.joblist .uk-accordion-title .uk-icon{ position: absolute; right:20px; top: 20px; transition: all ease 0.3s; color:#fff;  }
.joblist .uk-accordion-title::before{ display: none; }
.joblist .uk-accordion-title .args{ right:90px; }
.joblist .uk-accordion-title .args>div{ margin-left:40px; }
.joblist .uk-accordion-content{ padding:25px 20px 30px; margin:0; }
.joblist .uk-accordion-content .uk-wrap{ position: relative; margin-bottom: 10px; padding-left:6em; }
.joblist .uk-accordion-content .uk-wrap .spec{ position: absolute; left: 0; width: 6em; }
.joblist .uk-accordion-content .first{ border-top: 1px dashed transparent; margin:15px 0 20px; padding-top:15px; }
.joblist .uk-open .uk-accordion-title{ background:#daeeff; color:#585858; }
.joblist .uk-open .uk-accordion-title .tit{ color:#585858; }
.joblist .uk-open .uk-accordion-title .spec{ color:#585858; }
.joblist .uk-open .uk-accordion-title .ctn{ color:#585858; }
.joblist .uk-open .uk-accordion-title .uk-icon{ transform: rotate(180deg); color:#fff; }
.joblist .uk-open .uk-accordion-content{ background: #daeeff; border-top:1px solid var(--main-color); }
.joblist .uk-open .ctn{ color:#585858; }
.joblist .uk-open .ctn .spec{ color:#585858; }






/*视频*/
.videolist .wrap {border:1px solid #d8d8d8; border-bottom-width: 3px;}
.videolist .wrap a{ z-index: 3;}
.videolist .wrap .img::before{z-index: 2; content:''; width:86px; height: 86px; background: url(../images/btn_vdo.png); position: absolute; left: 50%; top:50%; margin-left: -43px; margin-top:-43px; background-size: cover; }
.videolist .wrap .con .tit .f16{ color:#000; }
.videolist .wrap .con{  padding:20px 30px; }
.videolist .wrap .con .tit{ min-height: 80px; }
.videolist .wrap .col .iconfont{ color:#b2b2b2; }
.videolist .wrap:hover .col .iconfont{ color:#65a4ff; }
.videolist .wrap:hover{ border-bottom-color:#003fb1; }
.videolist .wrap:hover .con .titi .f16{ color:#003fb1; }
.videolist .uk-grid>.uk-grid-margin { margin-top: 50px!important; }

/*行业应用*/
.appslist li{ position: relative; margin-top: -1px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:40px 0px;}
.appslist li .pic{ width:280px; margin-right:50px; overflow:hidden; }
.appslist li .pic img{ transition: all ease 0.3s; }
.appslist li .con .tit{ margin-bottom:10px; }
.appslist li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 60px; margin-top:8px; }
.appslist li:hover{ border-color:var(--main-color); position: relative; z-index: 1; }
.appslist li:hover .pic img{ transform:scale(1.1); }


/*新闻*/
.newspart{  margin-bottom: 50px; background:#f1f1f1; }
.newspart .pic{ width:100%; height: 440px; overflow: hidden; }
.newspart .pic img{height: 100%; object-fit:cover; }
.newspart .uk-wrap{ margin:40px 50px; }
.newspart .uk-wrap .desc{ color:#747474; line-height:2.2; }
.newspart .uk-wrap .uk-button{ line-height: 36px; padding:0 20px; }
.newspart .uk-wrap .more a{ min-width: 160px; }

.newslist li{ position: relative; margin-top: -1px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:40px 0px;}
.newslist li .pic{ width:280px; margin-right:50px; }
.newslist li .date{ margin-left:20px; margin-right:80px; width:90px; position: relative; color:#c8c8c8; padding-top: 5px; }
.newslist li .date .f60{ line-height: 1.2;}
.newslist li .date::before{ position: absolute; top:50%; right: -40px; transform: translateY(-50%); content:''; display: block; width:10px; height: 10px; background: #c8c8c8; border-radius: 50%; }
.newslist li .con .tit{ margin-bottom:10px; }
.newslist li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 60px; margin-top:8px; }
.newslist li:hover{ border-color:var(--main-color); position: relative; z-index: 1; background: #f1f1f1; }
/* .newslist li:hover .tit, .newslist li:hover .con .desc{ color:var(--main-color); } */
.newslist li:hover .date{ color:var(--main-color); }
.newslist li:hover .date::before{ background: var(--main-color); }


.newslist2 li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #e0e0e0;}
.newslist2 li .pic{ width:130px; margin-right:40px; }
.newslist2 li .pic .img{ background-size:100% auto; }
.newslist2 li .con{ position: relative;}
.newslist2 li .con .tit{ padding-right:100px; margin-bottom: 5px; }
.newslist2 li .con .date{ position: absolute; top:0; right:0; }


h1.f36{ margin-top:30px; padding-left:50px; padding-right:50px; line-height: 1.4; }
.infos{  margin-bottom: 20px; padding-bottom: 15px; color:#a2a2a2; border-bottom: 1px solid #d7d7d7; }

.infos .tags{ margin:20px 0 -10px; }
.infos .tags span,.infos .tags a{ margin-left:5px; background:#e2e2e2; color:#717171; }
.infos .tags span:hover,.infos .tags a:hover{ margin-left:5px; background:var(--main-color); color:#fff; }


.content{ line-height: 2; color:#727272; }
.content img{ height: auto!important;}
.newsdetail .content img{ max-width: 800px; margin:30px auto; display: block; border:10px solid #fff; box-shadow: 0 0 20px 5px #e2e2e2; border-radius: 30px; }
.en-body .newsdetail .content{ text-align: left; }


.share{  padding:20px;  }


/*上下链接*/
.cother{  }
.cother ul li{ padding: 12px 20px 12px 110px; background-size: auto; position: relative; margin-bottom: 20px; background-color: #f8f8f8; }
.cother ul li a{color:#8a8a8a; white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis; }
.cother ul li a:hover{color:var(--main-color); }
.cother li span{ position: absolute; top:12px; left: 25px; padding-left:20px; background-repeat: no-repeat; background-position: left center; }
.cother li:first-child span{ background-image: url(../images/icon_prev.png); }
.cother li:last-child span{ background-image: url(../images/icon_next.png); }



/*分享*/
/* .uk-modal-share{ padding: 20px 40px; }
.uk-modal-share .tit{ border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; }
.uk-modal-share .uk-grid{ padding:30px 10px; }
.uk-modal-share .uk-wrap .ico{ width:60px; height: 60px; line-height: 60px; border-radius: 50%; color:#fff; margin:0 auto 10px; }
.uk-modal-share .icon-weibo-share .ico{ background:#f87f86; }
.uk-modal-share .icon-weixin-share .ico{ background:#36d7b6; }
.uk-modal-share .icon-qq-share .ico{ background:#73b8f8; } */


/*产品*/
.productlist .tit{ border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-bottom: 20px; }
.productlist ul li .ico{border-bottom: 1px solid #d7d7d7;}
.productlist ul li .name{ text-align: center; padding:10px; }
.productlist ul li .uk-wrap:hover .name{ color:var(--main-color); }

.product .hd .ico{ max-width: 660px; }
.product .hd dt{ margin-bottom: 10px; }

.product .bd{ margin-top:50px; }
.product .bd .tit2,.product .bd h3{ font-size:24px; font-weight:bold; margin-top:80px; padding:10px 0; border-bottom:1px solid #d7d7d7; margin-bottom:30px; }
.product .uk-subnav{ border-bottom: 1px solid #d7d7d7; margin-left: 0; }
.product .uk-subnav>li{ padding-left: 0; margin-right: 5px; }
.product .uk-subnav>li>a{ padding: 0 30px; border: 1px solid #d7d7d7; border-top:2px solid var(--main-color);  color:#000; line-height: 44px; margin-bottom: -1px; font-size: 16px; }
.product .uk-subnav>li.uk-active>a{ border-bottom-color:#fff; background: #fff; }

.product .tablestyle table{ border-collapse: collapse; width: 100%; border: 4px solid #d7d7d7; }
.product .tablestyle table td{ border:1px solid #d7d7d7; padding:5px 10px; width: auto!important; }

.product .bd .uk-feature .uk-card{ background:#fff; box-shadow:0 0 8px 5px rgba(0,0,0,0.05); height:100%; }
.product .bd .uk-feature .uk-card .con{ padding:30px 50px; }
.product .bd .uk-feature .uk-card .con .desc{ margin-top:10px; }
.product .bd .uk-feature.uk-child-width-1-4\@m .con, .product .bd .uk-feature.uk-child-width-1-3\@m .con{ padding:10px 15px;}



/*搜索*/
.bg-gray3{ color:#c8c8c8; }
.bg-gray2{ color:#8d8d8d; }
/* .searchlist{ background:#fff; } */
.searchlist{ background: #fff; border:1px solid #f1f1f1; }
.searchlist .sobar{ margin-bottom: 20px; }
.searchlist .sobar .uk-search-default{ width: 380px;}
.searchlist .sobar .uk-search-default .uk-search-icon-flip~.uk-search-input{ border-color:#fff; border-radius: 20px; background:#fff; width: 100%; padding-left:20px; }
.searchlist .sobar .uk-icon{ color:#000; }
.searchlist .sobar a{ display: inline-block; background:#c3c3c3; color:#fff; min-width: 120px; text-align: center; line-height: 30px; margin-right: 5px; }
.searchlist .sobar a:hover,.searchlist .sobar a.active{ background:#0053a4; }

.searchlist .searchinfo{ background: #fff; padding: 10px 15px; margin-bottom: 20px; color:#757575; border-bottom:1px solid #e7e7e7; }
.searchlist .news{ padding:0 30px; }
.searchlist .news li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px solid #e9e9e9; position: relative; padding-left: 20px; position: relative; }
.searchlist .news li .uk-icon{ position: absolute; left: 0; top:9px; }
.searchlist .news li .tit a{ color:#000000; }
.searchlist .news li .tit a span{ color:var(--main-color)!important; }
.searchlist .news li .date{ margin-bottom: 5px; color:#c8c8c8; }
.searchlist .news li .date .desc{ color:#8b8b8b; }
.searchlist .news li:hover .tit a{ color:var(--main-color); }


/*分页*/
.pages{ margin: 50px 0;}
.pages .uk-pagination a,.pages .page-num{ display: block; padding:0; height: 40px; line-height: 40px; padding:0 8px; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #fff; margin-left:-1px; color:#748185; }
.pages .uk-pagination a:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #fff;}
.pages .uk-pagination a:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;}
.pages .uk-pagination a span{ display: block; height: 100%; line-height: 40px; padding:0; }
.pages .uk-pagination a svg{ display: block;}
.pages .uk-pagination .page-num-current, .pages .uk-pagination a:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pages .uk-pagination a:hover span{ color:#fff;}
.pages .uk-pagination .uk-icon{ padding:9px 0; }
.pages .uk-pagination .current{ border-top:1px solid #e8ecee; border-bottom:1px solid #e8ecee; height: 40px; line-height: 38px; padding:0 15px; color:#748185; background:#fff; }
.pages .jump { margin-left:20px; }
.pages .jump select{ height: 38px; border:1px solid #e8ecee; color:#748185; line-height: 38px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#ffffff; height: 38px; padding:0 10px; border:1px solid #e8ecee; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }




/**/
.floaticon {z-index: 99;position: fixed; right:0px; top: 40%; }
.floaticon .qrcode{ border-top:1px solid#fff; cursor: pointer; }
.floaticon .qrcode .uk-dropdown{ min-width:160px; width:160px; padding:15px; }
/* .floaticon .floaticonLogo{ width:100px;}
.floaticon .floaticonLogo a{ display: block; background: #fff; height: 100px; color:#5c5c5c; text-align: center; padding-top: 25px;}
.floaticon .floaticonLogo a span{ font-size: 40px; height: 40px; line-height: 20px; color:#1c4599;}
.floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; }
.floaticon .floaticonLogo a.backToTop{ background: #1c4599; color:#fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-top: 25px;}
.floaticon .floaticonLogo a.backToTop span{ color:#fff;}
.weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -317px; top: 45px; width: 300px; height: 262px;text-align: center;} */
/* .weixinCode{ bottom:25px; }
.qqCode{ top:100px;} */


/*会员*/
.uform{ max-width: 600px; padding: 50px; margin-left: auto; margin-right: auto; border-radius: 10px; border:1px solid #f1f1f1; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.uform .btn-addon{ padding-right: 110px; position: relative;}
.uform .btn-addon .uk-button,.uform .btn-addon .checkcode{ position: absolute; right: 0; bottom:0; padding: 0; text-align: center; width:100px; height: 40px;}

.ucenter .sidebar{ width:200px; background: #fafafa; border:1px solid #e7e7e7; min-height: 500px; }
.ucenter .sidebar .tit{ border-bottom: 1px solid #e7e7e7; padding:10px 15px; background: #f1f2f3; height: 55px; }
.ucenter .sidebar .tit h3{ margin: 0; }
.ucenter .sidebar ul{ margin:10px 0; }
.ucenter .sidebar li{ border-bottom: 1px solid #e7e7e7; }
.ucenter .sidebar li:first-child{ border-top: 1px solid #e7e7e7; }
.ucenter .sidebar li a{ color:#000; display: block; padding:10px 15px;  position: relative; }
.ucenter .sidebar li a i{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.ucenter .sidebar li:hover{ background:#e7e7e7; }
.ucenter .sidebar li:hover a{ color:var(--main-color); }

.ucenter .ucbox{ padding-left:50px; }
.ucenter .ucbox .tit{ border-bottom: 1px solid #e7e7e7; padding:10px 0px; height: 55px; margin-bottom: 10px; }
.ucenter .ucbox .uk-list{ margin:40px 0; }
.ucenter .ucbox .uk-list li{ position: relative; display: flex; flex-wrap: wrap; }
.ucenter .ucbox .uk-list li>span{ display: block; }
.ucenter .ucbox .uk-list li .label{ width: 8em; }

.umodifyform{padding:50px 0; max-width: 500px; margin-left: auto; margin-right: auto; }





@media screen and (max-width: 1600px) {
    .uk-container{ padding-left:100px; padding-right:100px; }
    .header .bd .uk-drop{ padding-left:100px; padding-right:100px;  }
    .newsdetail{ padding-left:100px; padding-right:100px; }
    
    .footer .fotnav dl{ margin-right:30px; }
    .footer .fotnav dl:nth-child(4),.footer .fotnav dl:nth-child(5){ min-width: 130px; }
}


@media screen and (max-width: 1440px) {
    .uk-container{ padding-left:100px; padding-right:100px; }
    .header .bd .uk-drop{ padding-left:100px; padding-right:100px;  }
    .newsdetail{ padding-left:100px; padding-right:100px; }
    
    .footer .fotnav dl{ margin-right:20px; }
    .footer .fotnav dl:nth-child(4),.footer .fotnav dl:nth-child(5){ min-width: 110px; }
}


@media screen and (max-width: 1280px) {
    .uk-container{ padding-left:100px; padding-right:100px; }
    .header .bd .menu>li{ margin-left:25px; }
    .header .bd .uk-drop{ padding-left:100px; padding-right:100px; font-size:16px; }
    .newsdetail{ padding-left:100px; padding-right:100px; }
}