.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto; }



.header{ background:#fff; }
.header .hd{ height: 40px; /*渐变，左边005587，右边bd8a39，无过度*/ background: linear-gradient(to right, #005587 0%, #005587 50%, #bd8a39 50%, #bd8a39 100%); }
.header .hd .uk-wrap{ background: var(--main-color); height: 40px; z-index: 9; }
.header .hd .first{ height: 40px; line-height: 40px; }

.header .uk-navbar{ min-height: 100px; }

.header .menu{ min-height:50px;}
.header .menu li{  position: relative; flex:auto; /*max-width: 130px;*/ margin-left:30px; }
.header .menu li>a{ position: relative; z-index: 2; min-height: 50px; text-align: center; line-height:50px; text-align: center; display: flex; color:#434343; font-size: 18px; transition: all 0.5s; padding:0 5px; }
.header .menu li>a span{ line-height:1.2; width:100%; }
.header .menu li>a::after{ content:''; display: block; position: absolute; bottom: 0; width: 0; left: 50%; height: 4px; border-radius: 4px; background:#bd8a39; transition: all ease 0.2s; }
.header .menu li>a:hover::after,.header .menu li.active>a::after{ width: 100%; left: 0; }
.header .menu li>a:hover,.header .menu li.active>a{ color:#bd8a39; font-weight: bold; }

.en-body .header .menu li>a:hover{ font-weight:normal; }

.header.uk-active{ box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);}

/*多语言*/
.lang{ padding:0 0 0 50px; background: #bd8a39; }
.lang::before{ position: absolute; left: -40px; top:0; content:""; display: block; width:0; height: 0; border:20px solid transparent; border-top-color:#bd8a39; border-right-color: #bd8a39; }
/* .lang { padding:5px; position: absolute; right:0; top:0; } */
.lang .box{ position: relative; padding:0px 10px 0 20px; line-height: 40px; height: 40px; color:#fff; }
.lang .box .iconfont{ position: absolute; left: 0; }
.lang .uk-drop{ background:#fff; border:1px solid #d8d8d8; margin-top:0; width:140px; padding:10px 0; }
.lang .uk-drop a{ display: block; line-height: 36px; padding:0 20px; color:var(--text-color); }
.lang .uk-drop a.cur,.lang .uk-drop a:hover{ color:var(--main-color); }


.banner{ position: relative; overflow: hidden; max-width:1920px; margin-left:auto; margin-right:auto; }
.banner .uk-slidenav{ width:40px; height: 80px; text-align: center; opacity: 0.8; }
.banner .uk-slidenav svg{ display: none;}
.banner .uk-slidenav-previous{ background: url(../images/ban_l.png) no-repeat; left: 50px; }
.banner .uk-slidenav-next{ background: url(../images/ban_r.png) no-repeat; right:50px; }
.banner .uk-slidenav:hover{  opacity: 1; }
.banner .tit{ color:#fff; }
.banner .tit::before{ content:''; display: block; width:140px; height: 3px; background-color: #fff; position: absolute; bottom:-10px; left: 50%; transform: translateX(-50%); }

.banner .uk-dotnav{ bottom:20px; margin-left: 0; }
.banner .uk-dotnav>*>*{ width:6px; height: 6px; border:0; border-radius: 5px; background:#fff; transition: all ease 0.3s;  }
.banner .uk-dotnav>.uk-active>*{ width: 40px; }



/*页脚*/
.footer{ background:url(../images/bg_fot.png) 80% bottom no-repeat #393939; position: relative; color:#979797; padding-top:70px; }
.footer a{ color:#979797; }
.footer a:hover{ color:#fff; }

.footer .fotlogo{ margin-right:100px; }

.footer .fotcat{ width:340px; }
.footer .fottel{ margin-bottom: 20px; padding:15px 0; border-top:1px solid #575757; border-bottom:1px solid #575757; }


.footer .fotnav dl{ margin-top:0px; margin-right:30px; min-width: 120px; }
.footer .fotnav dl dt{ margin-bottom: 15px;}
.footer .fotnav dl dt a{ color:#fff;}
.footer .fotnav dd{ margin-bottom: 10px; }
.footer .fotnav dd a{ display: block; line-height: 30px; position: relative; color:#e9e9e9; }
.footer .fotnav dd a::before{ position: absolute; left: -25px; top:50%; content:''; display: block; width:15px; height: 1px; background:#5e5e5e; }
.footer .fotnav dd a:hover{ color:#fff; }

.footer .fotqr{ margin-left:50px; }
.footer .fotqr img{ max-width: 140px; }

.footer .flinks{ border-top:1px solid #575757; padding:20px 0 25px; margin-top: 50px; }
.footer .flinks a{ display: inline-block; margin:0 5px; color:#939393; }
.footer .flinks a:hover{ color:#c1c1c1; }

.footer .copyright{ margin-top:60px; border-top:1px solid #505050; padding:20px 0 25px; color:#979797; }
.footer .copyright a{ color:#979797; }
.footer .copyright a:hover{ color:#fff; }

.footer .mediaico a{ margin:0 10px; }
.footer .mediaico a:last-child{ margin-right: 0; }
/* .footer .mediaico a{ color:#8f8f8f; border:1px solid #505050; border-radius: 50%; width:32px; height: 32px; text-align: center; line-height: 30px; margin-left: 10px; }
.footer .mediaico a:hover{ background:#a19d9d; color:#212121; } */







.titbar{ border-bottom:1px solid #ebebeb; padding:10px 0; margin-bottom: 38px; position:relative; }
.titbar h2{  padding-left: 12px; margin: 0; line-height:40px; position: relative; }
.titbar h2 span{ display: block;}
.titbar h2::after{ content:''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:6px; height: 26px; margin-top:2px; background:var(--main-color); }

.titbar .lang>a{ margin-left:10px; width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; background:#dbdbdb; color:#fff; }
.titbar .lang>a:hover,.titbar .lang>a.cur{ background:var(--main-color); }


/*投关导航*/
.navbox{ margin-top:80px; height: 80px; line-height: 80px; border-bottom:2px solid #eeeeee; }
.navbox ul>li{ flex: auto; }
.navbox ul>li a{ display: flex; align-items: center; text-align: center; height: 80px; transition: all ease 0.3s; border-bottom:2px solid transparent; color:#aeaeae; }
.navbox ul>li a span{ line-height:1.2; padding:0 5px; width:100%; }
.navbox ul>li.active a,.navbox ul>li a:hover{ color:#333; border-bottom:2px solid var(--main-color); }



/*首页*/
.ipart1{ padding:80px 0 110px; }
.ipart1 .title{ margin-bottom: 60px; }
.ipart1 .title .desc{ margin-top: 30px; color:#656565; line-height: 2; }
.ipart1 .uk-wrap{ border-radius: 20px; background: #f7f7f7; padding:30px 35px 35px 135px; position: relative; overflow: hidden; }
.ipart1 .uk-wrap .ico{ width: 100px; position: absolute; left: 0; top:0; bottom: 0; }
.ipart1 .uk-wrap .text{ color:#656565; margin-top:10px; }
.ipart1 .uk-grid>div:nth-child(1) .uk-wrap .ico{ background:#005587; }
.ipart1 .uk-grid>div:nth-child(2) .uk-wrap .ico{ background:#bd8a39; }
.ipart1 .uk-grid>div:nth-child(3) .uk-wrap .ico{ background:#747474; }



.ipart2{ background:url(../images/bg1.png) center; background-size: cover; padding: 80px 0 100px; }
.ipart2 .title { margin-bottom: 50px; }
.ipart2 .uk-slider{ padding-bottom: 70px; }
.ipart2 ul.uk-slider-items{ margin-left:-44px; }
.ipart2 ul.uk-slider-items>li{ padding-left: 44px; }
.ipart2 .uk-wrap{ background: #fff; border-radius: 10px; overflow: hidden; transition: all ease 0.3s; }
.ipart2 .uk-wrap .uk-position-z-index{ z-index: 9; }
.ipart2 .uk-wrap img{ width: 100%;}
.ipart2 .uk-wrap .hd{ padding:20px 25px; min-height: 100px; z-index: 2; }
.ipart2 .uk-wrap .hd .name{ transition: all ease 0.3s; }
.ipart2 .uk-wrap .hd .date{ position: absolute; right:40px; bottom:-45px; width: 90px; height: 90px; padding-top:10px; border-radius: 50%; background: #bd8a39; text-align: center; color:#fff; line-height: 1.2; }
.ipart2 .uk-wrap .fd{ padding:10px 25px; background:#292929; color:#fff; position: relative; transition: all ease 0.3s; }
.ipart2 .uk-wrap .fd::after{ position: absolute; right: 25px; top:50%; transform: translateY(-50%); content:''; display: block; width:40px; height: 20px; background:url(../images/ico_more.png); }
.ipart2 .uk-wrap:hover{ background-color: var(--main-color); }
.ipart2 .uk-wrap:hover .name{ color:#fff; }
.ipart2 .uk-wrap:hover .fd{ background: var(--main-color); }
.ipart2 .uk-slider .uk-slidenav{ bottom:0; top:auto; transform: none; margin: 0; width:60px; height: 20px; }
.ipart2 .uk-slider .uk-slidenav:hover{ opacity: 1;}
.ipart2 .uk-slider .uk-slidenav svg{ display: none;}
.ipart2 .uk-slider .uk-slidenav-previous{ left: 50%; background:url(../images/arr_l.png); margin-left:-80px; }
.ipart2 .uk-slider .uk-slidenav-next{ right: 50%; background:url(../images/arr_r.png); margin-right: -80px; }



.ipart3{ background:url(../images/bg2.png) center; background-size: cover; padding: 80px 0 100px; }
.ipart3 .title { margin-bottom: 90px; }
.ipart3 .title .desc{ margin-top:20px; }
.ipart3 .uk-slider{ padding-bottom: 100px; }
.ipart3 .uk-slider .uk-wrap{ padding-left: 170px; position: relative; min-height: 140px; }
.ipart3 .uk-slider .uk-wrap .ico{ position: absolute; left:0; width:130px; height: 130px; border:2px solid rgba(255,255,255,0.2); border-radius: 50%; padding:28px; }
.ipart3 .uk-slider .uk-wrap .name{ color:#fff; margin-bottom: 10px; }
.ipart3 .uk-slider .uk-wrap .desc{ color:rgba(255, 255, 255, 0.6)}
.ipart3 .uk-slider .uk-slidenav{ bottom:0; top:auto; transform: none; margin: 0; width:60px; height: 20px; }
.ipart3 .uk-slider .uk-slidenav:hover{ opacity: 1;}
.ipart3 .uk-slider .uk-slidenav svg{ display: none;}
.ipart3 .uk-slider .uk-slidenav-previous{ left: 50%; background:url(../images/arr_l2.png); margin-left:-80px; }
.ipart3 .uk-slider .uk-slidenav-next{ right: 50%; background:url(../images/arr_r2.png); margin-right: -80px; }




.inewsslide>div{ border-radius: 10px; overflow: hidden; }
.inewsslide .text{ height: 50px; line-height: 50px; padding:0 120px 0 20px; background: var(--main-color);}
.inewsslide .uk-slidenav{ bottom:0; top:auto; transform:none; width:50px; height: 50px; line-height: 38px; text-align: center; background: #bd8a39; color:#fff;  }
/* .inewsslide .uk-slidenav:hover{ background: #ac8c4d; } */
.inewsslide .uk-slidenav-previous{ right:50px; left: auto; }
.inewsslide .uk-slidenav-next{ background: #896429; }
.inewsslide .uk-dotnav{ bottom:20px; right:20px; }
.inewsslide .uk-dotnav>*{ padding-left:8px; }
.inewsslide .uk-dotnav>*>*{ width:10px; height: 10px; border:0; background: #fff;}
.inewsslide .uk-dotnav>.uk-active>*{ background: #dab96b;}

.ipart4{ padding:80px 0 120px; background:url(../images/bg3.png) center; background-size:cover; }
.ipart4 .title{ margin-bottom: 50px; }
.ipart4 .inews ul{  }
.ipart4 .inews li{ margin-bottom: 15px;  }
.ipart4 .inews li:last-child{ margin-bottom: 0; }
.ipart4 .inews li .uk-wrap{ padding:20px 160px 20px 20px; background:#ffffff; height: 100px; border-radius: 10px; }
.ipart4 .inews li .uk-wrap .desc{ color:#858585; }
.ipart4 .inews li .uk-wrap .date{ position: absolute; right:10px; top:50%; transform: translateY(-50%); color:#acacac; width: 90px; text-align: center; }
.ipart4 .inews li .uk-wrap .date::before{ position: absolute; left: -10px; top:50%; transform: translateY(-50%); content:''; display: block; width:1px; height: 60px; background: #ebebeb; }
.ipart4 .inews li .uk-wrap .date .f48{ line-height: 1; }
.ipart4 .inews li .uk-wrap .date .month{ padding-bottom: 5px; }
.ipart4 .inews li:hover .uk-wrap{ background:var(--main-color); }
.ipart4 .inews li:hover .uk-wrap .date{ color:#fff; }
.ipart4 .inews li:hover .uk-wrap .date::before{ color:#477b9a; }
.ipart4 .inews li:hover .uk-wrap .tit{ color:#fff; }
.ipart4 .inews li:hover .uk-wrap .desc{ color:#fff; }



/*投关首页*/
.irpart1{ padding:90px 0 100px; }
.irpart1 .left .tit{ margin-bottom: 20px; }
.irpart1 .left .con{ color:#7f7f7f; text-align: justify; }

.irpart2{ background:url(../images/bg2.png) center; background-size: cover; padding: 100px 0 80px; }
.irpart2 .title { margin-bottom: 40px; }
.irpart2 .uk-light{ margin-left:-240px; }
.irpart2 .uk-light>div{ padding-left:240px; }
.irpart2 .uk-light .uk-wrap{ max-width: 260px; margin-left: auto; margin-right: auto; }
.irpart2 .uk-light .uk-wrap .name{ padding:10px; }


.irpart3{ padding: 70px 0 110px;  background:url(../images/bg1.png) center; background-size: cover;   }
.irpart3 .title{ margin-bottom: 50px; position: relative; }
.irpart3 .uk-grid .uk-grid-margin{ margin-top:20px; }
.irpart3 .uk-wrap{ position: relative; padding-left:100px; }
.irpart3 .uk-wrap .date{ position: absolute; left: 0; top:0; bottom: 0; width: 95px; background:#fff; color:#ccc; }
.irpart3 .uk-wrap .date .f40{ line-height: 1;}
.irpart3 .uk-wrap .con{ padding:20px 70px 20px 20px; min-height:110px; position: relative; background: #fff; color:#ccc; }
.irpart3 .uk-wrap .con .more{ right:20px; }
.irpart3 .uk-wrap .con .name{ line-height: 1.2; }
.irpart3 .uk-wrap:hover .date{ background: #bd8a39; color:#fff; }
.irpart3 .uk-wrap:hover .con{ background: var(--main-color); }
.irpart3 .uk-wrap:hover .name{ color:#fff; }
.irpart3 .uk-wrap:hover .tag{ color:#fff; }




/*内页*/
.inban{ height: 400px; position: relative; background-repeat: no-repeat; background-position:center; }
.inban::after{ position: absolute; bottom:-9px; left:50%; transform: translateX(-50%); content:''; display: block; width:180px; height: 18px; background: var(--main-color); border-radius: 18px; }
.inban .sortname{ padding-bottom:50px; }

.subnavbar{ padding-top:20px; height: 80px; border-bottom:1px solid #e7e9ed; }
.subnav li{ margin:0 30px; }
.subnav li a{ display: block; padding:0 10px; line-height: 60px; position: relative; }
.subnav li.active a,.subnav li a:hover{ font-weight: bold; color:#bd8a39; }
.subnav li.active a::after,.subnav li a:hover::after{ position: absolute; left: 0; bottom:-1px; right: 0; border-radius: 3px; display: block; content:''; height: 3px; background: #bd8a39; }

.en-body .subnav li{ max-width:140px; margin:0 5px; }
.en-body .subnav li a{ display:flex; align-items: center; height:60px; line-height:1.2; text-align:center; }
.en-body .subnav li a:hover{ font-weight:normal; }
.en-body .subnav li:nth-child(6){ max-width:80px; }
.en-body .subnav li:nth-child(7){ max-width:110px; }


.tbody{ padding:90px 0 150px; color:#656565; }




/*公司简介*/
.company1{ padding:90px 0 130px; }
.company1 .title{ line-height: 1.4; margin-bottom: 40px; }
.company1 .ico{ margin-top: 80px; }
.company1 .uk-wrap .desc{ color:#656565; }
.company2{ padding:120px 0 150px; position: relative; }
.company2::before,.company2::after{ position: absolute; content:''; display: block; top: 0; bottom:0; background-size: cover; }
.company2::before{ left: 0; right: 50%; background-image:url(../images/bg_abt1.png); background-position: center right; }
.company2::after{ right:0; left: 50%; background-image:url(../images/bg_abt2.png); background-position: center left; }
.company2 .uk-grid{ position: relative; z-index: 2; margin-left: -200px; }
.company2 .uk-grid>div{ padding-left:200px; }
.company2 .uk-wrap .tit{ margin-bottom: 30px; }
.company2 .uk-wrap .desc{ color:#656565; }
.company2 .right.uk-wrap .desc{ color:#fff; }

/*愿景 vision*/
.vision .subtit{ margin-bottom: 50px; }
.vision li>.uk-flex>div{ width:50%; }
.vision li>.uk-flex .desc{ color:#656565; }
.vision li>.uk-flex .uk-text{ background:url(../images/bg_abt1.png) center; background-size: cover; padding:120px; }
.vision li>.uk-flex .uk-wrap{ padding-left:140px; position: relative; }
.vision li>.uk-flex .uk-wrap .ico{ position: absolute; left: 0; }
.vision li>.uk-flex .uk-wrap .tit{ padding: 20px 0 15px; }
.vision li:nth-child(2) .uk-ico{ order:-1; }
.vision .uk-ico img{object-fit: cover;height: 100%;}



/*奖项 awards*/
.awards{ margin-left:-60px; }
.awards>li{ padding-left: 60px; }
.awards>li.uk-grid-margin{ margin-top:90px!important; }
.awards>li .uk-wrap{ background:#f6f6f6; border-radius: 20px; padding:35px 30px 40px 280px }
.awards>li .uk-wrap .ico{ position: absolute; bottom:20px; left: 30px; }


/*主席的话 speech*/
.speech .uk-grid{ margin-left: -80px; }
.speech .uk-grid>div{ padding-left: 80px; }
.speech .title{ padding-bottom: 30px; border-bottom: 1px solid #e7e9ed; margin-bottom: 20px; }


/*皓天云 htcloud*/
.htcloud .title{ border-bottom: 1px solid #e7e9ed; padding-bottom: 15px; margin-bottom: 40px; }
.htcloud .title2{ border-bottom: 1px solid #e7e9ed; margin-top:100px; padding-bottom: 15px; margin-bottom: 40px; }
.htcloud .zblink{ margin-bottom: 30px; }
.htcloud .zblink a{ background:#bd8a39; color:#fff; border-radius: 15px; line-height: 65px; padding:0 20px; width: 270px; }
.htcloud .cloud2 .uk-wrap{ background: #f7f7f7; border-radius: 15px; line-height: 2.2; padding:35px 40px; }
.htcloud .cloud3{ padding:10px; }
.htcloud .cloud3 .uk-wrap{ text-align: center; }
.htcloud .cloud3 .uk-wrap .ico{ margin-bottom: 20px; }
.htcloud .cloud4{ padding:10px; }


/*专业服务*/
.service .title{ border-bottom: 1px solid #e7e9ed; padding-bottom: 15px; margin-bottom: 40px; }
.service .title2{ border-bottom: 1px solid #e7e9ed; padding-bottom: 15px; margin-bottom: 40px; margin-top: 60px; }
.service .icobox{ min-height: 130px; margin: 40px 0; box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05); border-radius: 20px; padding:35px 35px 35px 280px; position: relative; }
.service .icobox .ico{ position: absolute; left: 35px; top:35px; }
.service .icobox .ico img{ max-width: 200px; height: auto; }
.service .uk-panel{ margin-top:60px; }
.service .uk-panel .tit{ margin-bottom: 10px; }
.service .uk-panel .uk-wrap{ background: #f7f7f7; border-radius: 15px; padding:30px 40px; }
.service .uk-panel .uk-wrap ul{ display:flex; }
.service .uk-panel .uk-wrap ul li{ width: 50%; line-height: 2; padding:5px 0 5px 20px; position: relative; }
.service .uk-panel .uk-wrap ul li .iconfont{ position: absolute; left: 0; top:5px; }


/*合作客户*/
.partner .uk-grid{ margin-left:-26px;}
.partner li{ padding-left:26px;}
.partner li.uk-grid-margin{ margin-top:20px!important; }
.partner li>.wrap{ border:1px solid #e7e9ed; padding:20px; background:#fff; position: relative; overflow: hidden; }
.partner li>.wrap .pic{ height: 90px; }
.partner li>.wrap .pic img{ max-width: 100%; max-height: 90px;}
.partner li>.wrap:hover{ color:#bd8a39; }
.partner li>.wrap:hover .uk-position-cover{ background:rgba(189,136,57,0.9); }



/*案例分享*/
.caselist>ul{ margin-left:-44px; }
.caselist>ul>li{ padding-left: 44px; }
.caselist>ul>li.uk-grid-margin{ margin-top:50px!important; }
.caselist .uk-wrap{ background: #f3f3f3; border-radius: 10px; overflow: hidden; transition: all ease 0.3s; }
.caselist .uk-wrap .uk-position-z-index{ z-index: 9; }
.caselist .uk-wrap img{ width: 100%;}
.caselist .uk-wrap .hd{ padding:20px 25px; min-height: 100px; z-index: 2; }
.caselist .uk-wrap .hd .name{ transition: all ease 0.3s; }
.caselist .uk-wrap .hd .date{ position: absolute; right:40px; bottom:-45px; width: 90px; height: 90px; padding-top:10px; border-radius: 50%; background: #bd8a39; text-align: center; color:#fff; line-height: 1.2; }
.caselist .uk-wrap .fd{ padding:10px 25px; background:#292929; color:#fff; position: relative; transition: all ease 0.3s; }
.caselist .uk-wrap .fd::after{ position: absolute; right: 25px; top:50%; transform: translateY(-50%); content:''; display: block; width:40px; height: 20px; background:url(../images/ico_more.png); }
.caselist .uk-wrap:hover{ background-color: var(--main-color); }
.caselist .uk-wrap:hover .name{ color:#fff; }
.caselist .uk-wrap:hover .fd{ background: var(--main-color); }


/*新闻*/
.newspart{ margin-bottom:45px; background-color: #f8f8f8; }
.newspart .uk-width-auto .pic{ width:480px; }
.newspart .uk-width-auto .pic img{ width:100%; }
.newspart .uk-wrap{ padding:30px 45px; }
.newspart .uk-width-expand .desc{ color:#747474; }
.newspart .uk-width-expand .more{ margin-top:20px; }
.newspart .uk-width-expand .more a{ width:160px; line-height: 40px; height: 42px; padding:0 15px;}

.newslist li{ position: relative; margin-bottom: 10px; border-bottom:1px solid #e7e9ed; border-top:1px solid #e7e9ed; padding:30px 0; }
.newslist li .uk-wrap{ padding-left:150px; }
.newslist li .date{ position: absolute; left: 0; top:50%; transform: translateY(-50%); padding-top:0px; width:90px; padding-bottom: 10px; color:#333333; }
.newslist li .date::before{ position: absolute; top:50%; transform: translateY(-50%); right: -20px; content:''; display: block; width:1px; height: 80px; background: #d6d6d6; }
.newslist li .date .f64{ line-height: 1; margin-bottom: 5px; }
.newslist li .con{ padding-bottom: 5px; min-height: 100px; }
.newslist li .con .f20{ margin-bottom:5px; }
.newslist li .con .desc{color:#838383; line-height: 1.8; min-height: 56px;}
.newslist li:hover{ border-color:var(--main-color); }
.newslist li:hover .date{ color:var(--main-color); }
.newslist li:hover .date::before{ background: var(--main-color); }
.newslist li:hover .f20{ color:var(--main-color); }

h1.f30{ margin-top:30px; padding-left:50px; padding-right:50px; line-height: 1.4; }
.infos{  margin-bottom: 30px; border-bottom:1px dashed #ddd; padding-bottom: 15px; }

.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:#15306a; color:#fff; }

.share{ padding:20px 0 40px; /*border-top:1px dashed #c1c1c1;*/ margin-top:40px; }

/*上下链接*/
.cother{background: #f1f1f1;}
.cother ul{ padding:15px 25px;}
.cother ul li{ padding: 0; background-size: auto; }
.cother ul li a{color:#8a8a8a; }
.cother ul li a:hover{color:#15306a; }
.cother ul li:last-child{ text-align: right;}
.cother span{ display: inline-block; }
.cother li:first-child{ padding-left: 20px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:last-child{ padding-right: 20px; background: url(../images/icon_next.png) right center no-repeat;}



/*加入我们*/
.joinlist{ margin-top:50px; }
.joinlist dl{ margin: 0 0 50px; background: #f6f6f6; padding:20px 30px 35px; }
.joinlist dl dt{ border-bottom:1px dashed #bdbdbd; padding-bottom: 8px; margin-bottom: 15px; }
.joinlist dl dd .uk-grid-margin{ margin-top: 15px!important; }
.joinlist dl dd .uk-wrap{ position: relative; padding-left:90px; }
.joinlist dl dd .uk-wrap .sepc{ position: absolute; left: 0; }

.en-body .joinlist dl dd .uk-wrap{ padding-left:0; }
.en-body .joinlist dl dd .uk-wrap .sepc{ position:relative; }



/*联系我们*/
.contact .uk-grid{ margin-left: -30px; }
.contact .uk-grid>div{ padding-left: 30px; }
.contact .uk-grid>div.uk-grid-margin{ margin-top:30px!important; }
.contact .uk-wrap{ padding:30px 40px; background: #f6f6f6; border:1px solid #f6f6f6; }
.contact .uk-wrap .tit{ border-bottom:1px dashed #bdbdbd; padding-bottom: 8px; margin-bottom: 15px; }
.contact .uk-wrap li{ padding:5px 0; position: relative; padding-left:25px; }
.contact .uk-wrap li .iconfont{ position: absolute; left:0; }
.contact .uk-wrap:hover{ border-color:var(--main-color); background:#fff; }



/*招股文件*/
.listdocuments{ padding-top:0px; }
.listdocuments ul.uk-grid{ margin-left:-180px;  }
.listdocuments ul.uk-grid>li{ padding-left:180px; }
.listdocuments ul.uk-grid>li.uk-grid-margin{ margin-top:80px!important; }
.listdocuments .uk-wrap{ margin-left: auto; margin-right: auto; max-width: 500px; text-align: center; }
.listdocuments .uk-wrap img{ width: 100%;}
.listdocuments .uk-wrap .tit{ color: #4f4f4f; padding:10px; }
.listdocuments .uk-wrap:hover .tit{ color:var(--main-color); }


/*业绩报告*/
.listreports{ padding-top:0px; }
.uk-yearslider{ margin-bottom: 70px; width: 550px; margin-left: auto; margin-right: auto; }
.uk-yearslider li{ text-align: center; line-height: 40px; }
.uk-yearslider li a{ font-size:22px; display: block; line-height: 80px; }
.uk-yearslider li a:hover{color:var(--main-color); }
.uk-yearslider li.current a{ font-weight: bold; font-size:34px; color:var(--main-color); width:80px; height: 80px; margin:0 auto; border-radius: 50%; }
.uk-yearslider .uk-slidenav svg{ color:#060606; }
.listreports .uk-box>.uk-grid{ margin-left:-100px;  }
.listreports .uk-box>.uk-grid>div{ padding-left:100px; }
.listreports .uk-box>.uk-grid>div.uk-grid-margin{ margin-top:80px!important; }
.listreports .uk-wrap{ margin-left: auto; margin-right: auto; max-width: 500px; text-align: center; }
.listreports .uk-wrap img{ width: 100%;}
.listreports .uk-wrap .tit{ color: #4f4f4f; padding:10px;  }
.listreports .uk-wrap:hover .tit{ color:var(--main-color); }


/*公告通函*/
.filteryear2{ margin-top:-20px; margin-bottom: 28px; border-bottom:1px solid #ebebeb; height: 60px; z-index:2; }
.filteryear2 .yearline>a{ color:#b9b9b9; line-height: 58px; border-bottom:3px solid transparent;  margin-right: 30px; }
.filteryear2 .yearline>a:hover,.filteryear2 .yearline>a.active{ color:var(--main-color); }
.filteryear2 .yearline>a.active{ border-bottom:3px solid var(--main-color); }

.toolbar{ padding:15px; background:var(--main-bgcolor); color:#646464; position:relative; z-index:5; }
.toolbar .uk-input, .toolbar .layui-input{ border:1px solid #fff; color:var(--text-color); border-radius: 4px; font-size:16px; }
.toolbar .uk-button { height: 40px; padding: 0 10px; }
.toolbar .uk-button span{ display: block; }
.toolbar .startdate::after{ position: absolute; right: -11px; top:50%; content:''; display: block; width: 7px; height: 2px; background:#c8c8c8; }



.notice-total{ margin:20px 0 10px; color:#919191; }

.filtertype{ padding-bottom:5px; }
.filtertype a{ display: block; height: 36px; line-height: 36px; padding: 0 15px; margin-right: 5px; margin-bottom: 5px; background:#cbcbcb; color:#fff; }
.filtertype a:hover,.filtertype a.active{ color:#fff; background:#bd8a39; }


.noticelist li .uk-wrap{ position: relative; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; padding:28px 170px 28px 120px; min-height:110px; }
.noticelist li .date{ position: absolute; left: 10px; top:25px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.noticelist li .date .f40{ line-height: 1;}
.noticelist li .date::before{ position: absolute; top:50%; right: -20px; transform: translateY(-50%); content:''; display: block; width:1px; height: 48px; background: #e4e4e4; }
.noticelist li .tag{ line-height: 1.6; margin-bottom: 0px; }
.noticelist li .tit{ line-height: 1.6; padding-bottom: 4px; }
.noticelist li .more{  right:20px; width:40px; height: 40px; line-height: 40px; text-align: center; }
.noticelist li .more .iconfont{ font-size:30px; }
.noticelist li:hover { position: relative; z-index: 2;}
.noticelist li:hover .uk-wrap{ border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background-color:var(--main-bgcolor-hover); }
.noticelist li:hover .date{ color:var(--main-color); }
.noticelist li:hover .date::before{ background:var(--main-color); }

.ggmodal{  padding:85px 60px 60px;  }
.ggcontent{ border: 1px dashed #ccc; padding:10px; line-height:1.4;  }
.ggcontent .hd .uk-line{ text-decoration: underline; margin-bottom:40px; line-height:1.4;  }
.ggcontent .bd{ padding:5px 20px 40px; }
.ggcontent .bd .tit{ line-height:1.4; }
.ggcontent .bd ul{ margin-top:10px;}
.ggcontent .bd ul>li{ line-height:1.4; margin:10px 0; }
.ggcontent .bd ul>li>a{ color:var(--main-color); /*text-decoration:underline;*/ position:relative; padding-left:25px; display:block; }
.ggcontent .bd ul>li>a:hover{ color:var(--main-color); }
.ggcontent .bd ul>li>a>i{ position:absolute; left:0; top:0; width:20px; font-style:normal; text-align:right; }


/*投资者日志*/
.days-wrapper { display: grid; grid-template-columns: repeat(7, 1fr); }
.days-wrapper .week { font-weight: bold; }
.days-wrapper .item { position: relative; text-align: center; line-height: 45px; margin-bottom: 4px; }
.days-wrapper .disabled { color: #a6a6a6; }
/*.days-wrapper .active { background-color: var(--main-color); color:#fff; border-radius: 8px; }*/
/*.days-wrapper .valid{ background:var(--main-color); color:#fff; border-radius: 50%;  }*/
/*.days-wrapper .valid span{ color:#fff; position:relative; z-index:2; }*/
/*.days-wrapper .valid::before { position: absolute; left: 50%; bottom: 0; margin-left: -4px; content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--main-color); z-index:0; }*/
.days-wrapper .valid .hddot{ position:absolute; bottom:0; left:0; right:0; }
.days-wrapper .valid .hddot>span{ display:block; content:''; width:8px; height:8px; margin:0 1px; border-radius:50%; }
.days-wrapper .valid .hddot>span.hddot-1{ background:var(--date-dot1);  }
.days-wrapper .valid .hddot>span.hddot-2{ background:var(--date-dot2);  }
.days-wrapper .valid .hddot>span.hddot-3{ background:var(--date-dot3);  }
.days-wrapper .valid .hddot>span.hddot-4{ background:var(--date-dot4);  }


/*投资者日志*/
.hdpage{ margin-left:-50px!important; }
.hdpage>div{ padding-left:50px; }
.hdpage .left .sidebar{ width:340px; }
.hdpage .left .hdside{ padding:35px 20px; background:var(--main-bgcolor); }
.hdpage .left .hdside .flag{ margin-top: 30px;}
.hdpage .left .hdside .flag span{ margin:0 15px; padding-left:12px; position: relative; }
.hdpage .left .hdside .flag span::before{ position: absolute; left: 0; top:50%; margin-top:-4px; content:''; display: block; width:8px; height: 8px; border-radius: 50%; }
.hdpage .left .hdside .flag span:nth-child(1)::before{ background:var(--date-dot1); }
.hdpage .left .hdside .flag span:nth-child(2)::before{ background:var(--date-dot2); }
.hdpage .left .hdside .flag span:nth-child(3)::before{ background:var(--date-dot3); }
.hdpage .left .btn{ margin-top:5px; line-height: 32px; color:#707070; }
.hdpage .left .uk-button{ border:0; height:32px; line-height: 32px; padding:0 30px; }
.hdpage .left .filter>div>div{ width: 120px; position: relative; padding:15px 0; text-align: center; color:#3c3c3c; }
.hdpage .left .filter>div>div>a{ position: absolute; left: 50%; transform: translateX(-50%); }
.hdpage .left .filter .up{ top:0; }
.hdpage .left .filter .down{ bottom:0; }
.hdpage .left .layui-laydate-content td{ font-size:16px; }
.hdpage .layui-laydate-content td.hddot1, .hdpage .layui-laydate-content td.hddot2, .hdpage .layui-laydate-content td.hddot3{ position: relative;  }
.hdpage .layui-laydate-content td.hddot1::before, .hdpage .layui-laydate-content td.hddot2::before, .hdpage .layui-laydate-content td.hddot3::before{ position: absolute; left:50%; bottom:0; margin-left:-4px; content:''; display: block; width:8px; height:8px; border-radius: 50%; }
.hdpage .layui-laydate-content td.hddot1::before{ background:var(--date-dot1); }
.hdpage .layui-laydate-content td.hddot2::before{ background:var(--date-dot2); }
.hdpage .layui-laydate-content td.hddot3::before{ background:var(--date-dot3); }

.hdstatus{ height: 40px; border-bottom:1px solid #efefef;}
.hdstatus>.uk-flex>a{ height: 40px; line-height: 40px; margin-right:10px; font-size:18px; padding:0 40px; background:#a3a3a3; color:#fff; }
.hdstatus>.uk-flex>a:hover,.hdstatus>.uk-flex>a.active{ background:var(--main-color); }
.hdstatus .dropyear{ background:#fff; border:1px solid var(--main-color); padding:15px 25px; width: 400px; }
.hdstatus .dropyear>div>a{ display: block; height: 50px; line-height: 50px; padding:0px; color:#a6a6a6; min-width: 20%; position: relative; text-align: center; }
.hdstatus .dropyear>div>a:hover,.hdstatus .dropyear>div>a.active{ color: var(--main-color); }

.hdlist .filteryear{ background:#fff5f0; padding:0 20px; }
.hdlist .filteryear>a,.hdlist .filteryear>div{ height: 50px; border-bottom:3px solid transparent; line-height: 50px; padding:0 10px; margin-right: 10px; color:#a6a6a6; }
.hdlist .filteryear>a:hover{ color:var(--main-color); }
.hdlist .filteryear>a.active{ color:var(--main-color); border-bottom-color:var(--main-color); }
.hdlist .moreyear .first{ cursor: pointer;}
.hdlist .filteryear div[aria-expanded="true"]{ color: var(--main-color);}

.hdlist ul li .uk-wrap{  position: relative; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; padding:28px 150px 28px 120px; min-height:110px; }
.hdlist ul li .date{ position: absolute; left: 10px; top:25px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.hdlist ul li .date .f40{ line-height: 1;}
.hdlist ul li .date::before{ position: absolute; top:50%; right: -20px; transform: translateY(-50%); content:''; display: block; width:1px; height: 48px; background: #e4e4e4; }
.hdlist ul li .tit{ line-height: 1.6; padding-bottom: 4px; }
.hdlist ul li .info{ color:#a6a6a6; }
.hdlist ul li .info .uk-margin-right .iconfont{ margin-right: 4px; }
.hdlist ul li .more{  right:20px; width:120px; z-index: 10; }
.hdlist ul li .more .hdtype{ color:#a7a7a7; }
.hdlist ul li .more a{ color:var(--main-color); }
.hdlist ul li:hover { position: relative; z-index: 2;}
.hdlist ul li:hover .uk-wrap{ border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background-color:var(--main-bgcolor); }
.hdlist ul li:hover .date{ color:var(--main-color); }
.hdlist ul li:hover .date::before{ background:var(--main-color); }

.hddetail{ border-bottom: 1px solid #ebebeb; padding-bottom: 80px; }
.hddetail h1.f24{ margin-top: 10px; margin-bottom: 0px; line-height: 1.4; }
.hddetail .infos{ border-bottom:1px dotted #c6c6c6; color:#a2a2a2; text-align: center; padding:10px 0 15px; margin-bottom: 25px; }
.hddetail .enclosure { margin-bottom: 20px; }
.hddetail .enclosure .uk-button{ padding:0 15px; height: 50px;}
.content{ line-height: 2; }

.my-modal-520 .uk-modal-dialog{ width:520px; }
.my-modal-650 .uk-modal-dialog{ width:520px; }
.my-modal-normal .uk-modal-dialog{ width: 650px; }
.my-modal-medium .uk-modal-dialog{ width: 900px; }
.uk-modal .back{ background:#fff; position:absolute; z-index:9; left:0; top:0; right:0; padding:12px 35px 10px; }
.hdmodal{ border-bottom: 1px solid #ebebeb; padding:75px 35px 80px; }
.hdmodal h1.name{ margin:0px 0 20px; padding: 12px 0; line-height: 1.4; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6; }
.hdmodal h1.tit{ margin: 0; padding-top: 12px; line-height: 1.4; border-top:1px dotted #c6c6c6;  }
.hdmodal .infos{ border-bottom:1px dotted #c6c6c6; color:#a2a2a2; text-align: center; padding:10px 0 10px; margin-bottom: 20px; }
.hdmodal .enclosure { margin-bottom: 20px; }
.hdmodal .enclosure .uk-button{ padding:0 15px; height: 50px;}
.hdmodal{ line-height: 2; }



/*股票信息*/
.stock-body .tit-q{ padding-left:12px; position: relative; }
.stock-body .tit-q::after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 18px; background: var(--main-color); }

.spart1{ margin-bottom: 30px;}
.spart1 .stock-info{ position: relative; padding-left:220px; height: 100%; }
.spart1 .stock-info .left .wrap{ position: relative; background:var(--stock-color); width:100%; height: 100%; padding:30px 30px 40px 30px; }
.spart1 .stock-info .left{ width:220px; position: absolute; left: 0; top:0; bottom: 0; }
.spart1 .stock-info .left .fd{ position: absolute; left: 30px; bottom:35px; right:30px; }
.spart1 .stock-info .uk-wrap{ padding:40px 40px 20px; height: 100%; background-color:var(--main-bgcolor-gray); }
.spart1 .stock-info .uk-wrap .tip{ border-top:1px solid #e5e5e5; color:#919191; padding-top:25px; margin-top:30px; }
.spart1 .stock-info .uk-wrap .tip>div.uk-position-relative{ padding-right:180px; }
.spart1 .stock-info .uk-wrap .stock-logo{ position:absolute; right:0px; top:50%; transform:translateY(-50%); }
.spart1 .stock-info .uk-wrap .stock-logo img{ max-width:170px; max-height:60px; }
.info .ico{ display: block; position: relative; width: 0; border-left:7px solid transparent; border-right:7px solid transparent; margin:0 auto; height: 10px; top:-5px; }
.spart1 .cates .name{ z-index: 10;}
.spart1 .stock-info .first{ margin-bottom: 30px; }
.spart1 .stock-info .first .change{ margin-left:60px; line-height: 1.2; color:#636363; }
.spart1 .stock-info .first .f16.fb{color:#838383; }

.spart1 .stock-info .spec{ color:#636363; }
.spart1 .stock-info .datas .data{ padding:0 5px;}
.info-up .num{ color:var(--stock-red); }
.info-up .ico{ border-bottom:10px solid var(--stock-red); border-top:0;  }
.info-down .num{ color:var(--stock-green); }
.info-down .ico{ border-top:10px solid var(--stock-green); border-bottom:0; }

/* 简体是  红升绿跌，繁体和英文是红跌绿升 */
.zh-cn-body .info-up .num{ color:var(--stock-red); }
.zh-cn-body .info-up .ico{ border-bottom-color:var(--stock-red); border-top:0; }
.zh-cn-body .info-down .num{ color:var(--stock-green); }
.zh-cn-body .info-down .ico{ border-top-color:var(--stock-green); border-bottom:0; }


.zh-hk-body .info-up .num, .en-body .info-up .num{ color:var(--stock-green); }
.zh-hk-body .info-up .ico, .en-body .info-up .ico{ border-bottom-color:var(--stock-green); border-top:0; }
.zh-hk-body .info-down .num, .en-body .info-down .num{ color:var(--stock-red); }
.zh-hk-body .info-down .ico, .en-body .info-down .ico{ border-top-color:var(--stock-red); border-bottom:0; }
/* ====== END ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */

.en-body .spart1 .stock-info .uk-wrap .tip .last{ display:inline-block; }
.en-body .spart1 .stock-info .uk-wrap .stock-logo{ bottom:22px; }


.spart1 .stock-base{ width:320px; background-color: var(--main-bgcolor-gray); padding:10px 25px 25px; }
.spart1 .stock-base .tit{ border-bottom:1px solid #ebebeb; line-height: 50px; margin-bottom:20px;  }
.spart1 .stock-base .uk-wrap{ line-height: 1.2;}
.spart1 .stock-base .uk-wrap .spec{ color:#636363; }
.spart1 .stock-base .uk-grid-margin{ margin-top:10px; }

.spart2{ margin-bottom: 30px; }
.stockchart{ padding-bottom: 0px; }
.stockchart .title{ border-bottom:1px solid #ebebeb; line-height: 50px; margin-bottom: 25px; }
.chart-control-wrapper{ margin-top:20px; }
.chart-control-wrapper .uk-button{ background:#efefef; color:#8a8a8a; margin:0 2px; min-width:120px; text-align:center; text-transform: inherit; }
.chart-control-wrapper .uk-button.active{ background:#8a8a8a; color:#fff; }


.spart3{ margin-bottom: 30px;}

.spart3 .tit{ line-height: 50px; margin-bottom: 5px; border-bottom:1px solid #ebebeb; margin-bottom: 15px; }

.spart3 .stock-last .uk-table{ margin: 0; }
.spart3 .stock-last .uk-table th{ color:#fff; background: var(--stock-color); font-size:18px; line-height: 18px; }
.spart3 .stock-last .uk-table thead tr>th:nth-child(1){ width: 43%;}
.spart3 .stock-last .uk-table thead tr>th:nth-child(2){ width: 37%; }
.spart3 .stock-last .uk-table thead tr>th:last-child{ width: 20%; }
.spart3 .stock-last .uk-table td{ border-bottom:1px solid #eeeeee; padding:7px 12px; color:#636363; }
.spart3 .stock-last .uk-table tr>*:first-child{ padding-left:30px; }
/*.spart3 .stock-last .uk-table tbody>tr:last-child{ display: none; }*/

.spart3 .stock-history{ width:450px; }
.spart3 .stock-history .uk-box{  padding:20px; background-color: var(--main-bgcolor-gray); }
.spart3 .stock-history .uk-box .tit2{ line-height: 50px; background:var(--stock-color); color:#fff; }
.spart3 .stock-history .uk-box .uk-wrap{ background:#fff; }
.spart3 .stock-history .uk-box .uk-wrap ul{ padding:10px 0; }
.spart3 .stock-history .uk-box .uk-wrap li{ margin:15px 0; line-height: 1.54; }
.spart3 .stock-history .uk-box .uk-wrap li .spec{ color:#636363; }
.spart3 .stock-history .uk-box .uk-wrap li .num{ color:#636363; }
.spart3 .stock-history .uk-box .uk-wrap li .num span{ display: inline-block; position: relative;}
.spart3 .stock-history .uk-box .uk-wrap li .num span::before{ position: absolute; right:-20px; content:''; display: block; width: 0; border-left:6px solid transparent; border-bottom:9px solid transparent; border-top:9px solid transparent; border-right:6px solid transparent; margin:0 auto; }
.spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-red); }
.spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-green); }
.spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ top:-2px; border-bottom-color:var(--stock-red); }
.spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ top:7px; border-top-color:var(--stock-green); }

/* 简体是  红升绿跌，繁体和英文是红跌绿升 */
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-red); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ border-bottom-color:var(--stock-red); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-green); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ border-top-color:var(--stock-green); }

.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .up, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-green); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ border-bottom-color:var(--stock-green); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .down, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-red); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ border-top-color:var(--stock-red); }
/* ====== END ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */


/*企业管制*/
.managelist{ }
.managelist .uk-subnav{ height: 40px; border-bottom:1px solid #d1d1d1; margin-bottom: 70px; margin-left:0; }
.managelist .uk-subnav>li{ padding: 0; margin:0 5px; }
.managelist .uk-subnav a{ width:140px; height: 40px; background:#d1d1d1; color:#fff; text-align: center; justify-content: center; font-size:16px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:2px solid #d1d1d1; }
.managelist .uk-subnav-pill>.uk-active>a, .managelist .uk-subnav-pill a:hover{ background: #fff; border-top-color:var(--main-color); color:var(--main-color); font-weight: bold; }

.en-body .managelist .uk-subnav a{ min-width:250px; font-size:16px; }

.uk-manage{ margin-left:-25px; }
.uk-manage>div{ padding-left: 25px;}
.uk-manage>div.uk-grid-margin{ margin-top:25px; }
.uk-manage .uk-wrap{ background:#f8f8f8; border:1px solid #f8f8f8; padding:30px 20px 35px; transition: all ease 0.3s; border:1px solid #f8f8f8; }
.uk-manage .uk-wrap .tit{ color:#393939; line-height: 1.2; margin-bottom: 15px; position: relative; padding-left:20px; }
.uk-manage .uk-wrap .tit::before{ content:''; position: absolute; left: 0; top:50%; transform: translateY(-46%); width: 10px; height: 24px; background:var(--main-color); z-index: 1; }
.uk-manage .uk-wrap .uk-box{ color:#5d5d5d; padding:0 20px;  }
.uk-manage .uk-wrap .uk-box .name{ padding:5px 0; cursor: pointer; }
.uk-manage .uk-wrap:hover{ background:#fff; border-color:var(--main-color); background:#fff5f0; }
/* .uk-manage .uk-wrap:hover .tit{ color:var(--main-color); } */
.uk-manage .uk-wrap .name:hover{ color:var(--main-color); }

.en-body .uk-manage .uk-wrap .tit{ font-size: 20px;}

.filelist ul{ margin-left:-60px; }
.filelist ul>li{ padding-left: 60px; }
.filelist ul>li.uk-grid-margin{ margin-top:60px!important; }
.filelist li>.uk-wrap{ padding:15px 80px 15px 30px; min-height: 100px; background:#f8f8f8; border:1px solid #f8f8f8; transition: all ease 0.3s; }
.filelist li .ico{ position: absolute; top:50%; right: 25px; transform: translateY(-50%); text-align: center; transition: all ease 0.3s; background:#d5d5d5; width:40px; height: 40px; border-radius: 50%; }
.filelist li .ico .iconfont{ text-align: center; display: block; width:40px; line-height: 40px; color:#fff; }
.filelist li .name{ line-height: 1.4; color:#393939; }
.filelist li>.uk-wrap:hover{  border-color:var(--main-color); background:#fff5f0;  }
.filelist li>.uk-wrap:hover .name{ color:var(--main-color); }
.filelist li>.uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; }


/*电邮*/
.subscribebox{ margin-bottom: 20px; background-color:#f8f8f8; padding:55px 20px 75px; }
.subscribeform{ max-width:990px; margin-left: auto; margin-right: auto; }
.subscribebox .checkbox{ color:#818181; }
.subscribebox .checkbox span{ padding-left:5px; }
.subscribebox .checkbox li{ margin: 8px 40px 8px 0; }
.subscribebox .checkbox li label{ cursor:pointer; }
.subscribebox .checkbox .uk-checkbox{ width:20px; height: 20px; }
.subscribebox .uk-grid{ margin-top: 30px; margin-bottom:30px; }
.subscribebox .uk-wrap{ font-size:16px; position: relative; }
.subscribebox .uk-wrap .uk-input, .subscribebox .uk-wrap .uk-select, .subscribebox .uk-wrap .layui-input{ border:1px solid #fff; height: 60px; line-height: 60px; color:#515151; padding-left:20px; font-size:16px; }
.subscribebox .uk-wrap .uk-dropdown{ width:100%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); padding:0; }
.subscribebox .uk-wrap .uk-dropdown li{ line-height: 40px; padding:0 20px; }
.subscribebox .uk-wrap .uk-dropdown li:hover{ background-color: var(--main-color); color:#fff; }
.subscribebox .uk-wrap .uk-input[readonly]{ position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; }

.subscribebox .uk-wrap input::-webkit-input-placeholder { color:#515151; }
.subscribebox .uk-wrap input:-moz-placeholder { color:#515151; }
.subscribebox .uk-wrap input::-moz-placeholder { color:#515151; }
.subscribebox .uk-wrap input:-ms-input-placeholder { color:#515151; }

.subscribebox .layui-form-select dl{ top:62px; }
.subscribebox .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.subscribebox .uk-form-label .text-main{ vertical-align: sub; }
.subscribebox .uk-grid{ margin-left:-30px; }
.subscribebox .uk-grid>div{ padding-left:30px; }
.subscribebox .uk-grid>div.uk-grid-margin{ margin-top:30px; }
.subscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:85px;}
.subscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:115px;}
.subscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:100px;}
.subscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:70px;}
.subscribebox .uk-grid>div .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.subscribebox .agree{ margin: 20px 0; }
.subscribebox .agree .uk-checkbox{ width: 16px; height: 16px;}
.subscribebox .sub .uk-button{ height: 60px; }

.cancelform{ padding:0px 0px 160px; width:600px; margin-left:auto; margin-right:auto; }
.cancelform .uk-wrap{ font-size:16px; position: relative; }
.cancelform .uk-wrap .uk-input{ padding-left: 115px; border:0; background:#f8f8f8; height: 60px; line-height: 60px; color:#515151; font-size:16px; }
.cancelform .uk-wrap .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.cancelform .uk-wrap .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.cancelform .uk-wrap .uk-form-label .text-main{ vertical-align: sub; }
.cancelform .uk-button{ height:60px; }

.en-body .subscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:120px;}
.en-body .subscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:80px;}
.en-body .subscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:105px;}
.en-body .subscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:110px;}
.en-body .cancelform .uk-wrap .uk-input{ padding-left:80px; }

.cancel-ok{ padding:0 0 160px; width:600px; text-align:center; margin-left:auto; margin-right:auto; }
.cancel-ok .ico{ margin-bottom:30px; position:relative; }
.cancel-ok .ico1{ line-height:1; }
.cancel-ok .ico2{ line-height:1; position: absolute; bottom: 5px; left: 50%; margin-left: 25px; background: #fff; border-radius: 50%; border: 3px solid #fff; }
.cancel-ok .con{ line-height:2; }


/*互动留言*/
.interaction_msg{ margin-bottom:20px; background:var(--main-bgcolor); padding:35px 140px 65px; }
.interaction_msg>.cname{ margin-bottom:10px; }
.interaction_msg .uk-wrap{ position:relative; }
.interaction_msg .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.interaction_msg .uk-wrap .uk-input{ border:1px solid #fff; height: 60px; line-height: 60px; color:#515151; padding-left:100px; font-size:16px; }
.interaction_msg .uk-wrap .uk-textarea{ border:1px solid #fff; line-height: 40px; color:#515151; padding-left:100px; font-size:16px; padding-bottom:30px; }
.interaction_msg .uk-wrap .wordcut .tip{ color:#bebebe; right:10px; bottom:5px; }
.interaction_msg .uk-wrap .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.interaction_msg .uk-wrap.first{ margin-bottom:30px; }
.interaction_msg .uk-wrap.first .uk-form-label{ line-height:40px; top:7px; }
.interaction_msg .uk-wrap.first .must{ position:absolute; z-index:2; left:8px; top:16px; transform:none; }

.interaction_bar{ position:relative; padding-right:300px; display:flex; }
.interaction_bar>.uk-wrap:nth-child(1){ flex:1; margin-right:30px; }
.interaction_bar .checkcode_wrap{ flex:1; }
.interaction_bar .btn{ position:absolute; right:0; }
.interaction_bar .btn .uk-button{ width:120px; height:60px; line-height:60px; border:0; }
.interaction_bar .checkcode{ position:absolute; right:155px; top:10px; }
.interaction_bar .checkcode img{ height:40px; width:120px; }

.interaction_list>.tit{ border-bottom:1px solid #e2e2e2; line-height:40px; }
.interaction_list .list li{ border-bottom:1px dotted #cbcbcb; min-height:140px; }
.interaction_list .list li>.uk-wrap{ padding:25px 0 25px 100px; position:relative; }
.interaction_list .list li>.uk-wrap .avatar{ width:60px; position:absolute; left:0; }
.interaction_list .list li>.uk-wrap .avatar .iconfont{ display:block; width:60px; height:60px; line-height:65px; margin-bottom:5px; text-align:center; overflow:hidden; background:#e2e2e2; color:#6b6b6b; border-radius:50%; }
.interaction_list .hd .question{ margin-bottom:10px; padding-left:35px; position:relative; }
.interaction_list .hd .question .ico{ font-size:14px; position:absolute; left:0; top:2px; display:block; width:24px; height:24px; line-height:24px; text-align:center; background:var(--main-color); color:#fff; border-radius:50%; }
.interaction_list .hd .date{ padding-left:35px; line-height:30px; }
.interaction_list .bd{ position:relative; background:var(--main-bgcolor); margin:20px 0 32px 35px; padding:20px 10px 20px 80px; min-height:100px; color:#7d7d7d; }
.interaction_list .bd .master{ position:absolute; left:10px; top:20px; width:60px; height:60px; background:#fff; border-radius:50%; padding:5px; }
.interaction_list .bd .master img{ display:block; max-width:50px; max-height:50px; }
.interaction_list .bd .answer{ margin-bottom:2px; }
.interaction_list .bd .date .action{ margin-left:10px; }
.interaction_list .fd{ margin-top:-30px; }

.en-body .interaction_msg .uk-wrap .uk-textarea{ padding-left:140px; }
.en-body .interaction_msg .interaction_bar .checkcode_wrap .uk-input{ padding-left:150px; }

.modal-form-interaction{padding:30px 50px 20px; min-height:300px; }
.modal-form-interaction .tit{ margin-bottom:10px; }
.modal-form-interaction .uk-wrap{ margin-bottom:30px; font-size:16px; position: relative; }
.modal-form-interaction .uk-wrap .uk-input{ padding-left: 100px; border:0; background:#f8f8f8; height: 60px; line-height: 60px; color:#515151; font-size:16px; }
.modal-form-interaction .uk-wrap .uk-textarea{ padding-left: 100px; border:0; background:#f8f8f8; line-height: 40px; color:#515151; font-size:16px; }
.modal-form-interaction .uk-wrap .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.modal-form-interaction .uk-wrap .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.modal-form-interaction .uk-wrap .uk-form-label .text-main{ vertical-align: sub; }
.modal-form-interaction .uk-wrap.first .uk-form-label{ line-height:40px; top:7px; }
.modal-form-interaction .uk-wrap.first .must{ position:absolute; z-index:2; left:8px; top:16px; transform:none; }
.modal-form-interaction .uk-button{ height:60px; }


/*联络*/
.contact-box{ color:#4e4e4e; position: relative; }
.contact-box .hd>.uk-grid{ margin-left:-20px; }
.contact-box .hd>.uk-grid>li{ padding-left:20px; }
.contact-box .hd>.uk-grid>li.uk-grid-margin{ margin-top:20px; }
.contact-box .uk-wrap{ background:#f8f8f8; padding:50px 30px; }
/* .contact-box .uk-grid-divider>:not(.uk-first-column)::before{ top:20px; bottom:20px; } */
.contact-box .ico{ line-height: 1; transition: all ease 0.3s; margin-bottom: 20px; }
.contact-box .ico img{ width:70px; }
.contact-box .name{ margin:10px 0 5px; color:#4e4e4e; }
.contact-box .con{ margin:0 auto; }
.contact-box .desc{ line-height: 1.6;}
.contact-box .uk-wrap:hover .ico{ transform: scale(1.1); }
.contact-box .uk-wrap:hover .name{ color:var(--main-color); }


#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; }
/*.map-mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background:rgba(0,0,0,0.15); }*/
/*.catinfo{ width:300px; height: 80px; margin-left:70px; }*/
.catinfo{ position: relative; width:100px; height: 80px; background:#ffffff; padding:0px; color:#808080; overflow: hidden; }
.catinfo .tit1{ margin-bottom: 10px; }
.catinfo ul li,.catinfo ul li .iconfont{ color:#808080; }
.catinfo .onenavi{ color:#fff; position: absolute; right:0; top:0; bottom:0; width:100px; padding:10px 10px 20px; text-align: center; background:var(--main-color); line-height: 1.4; }



/*分页*/
.pages{ margin:50px 0; color:#748185; }
.pages a{ color:#748185; }
.pages .pagination{ display: flex; }
.pages .pagination>li{ padding:0; height: 40px; line-height: 38px; padding:0; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #ffffff; margin-left:-1px; color:#748185; }
.pages .pagination>li:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pages .pagination>li:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pages .pagination>li>a,.pages .pagination>li>span{ display: block;  }
.pages .pagination>li.active, .pages .pagination>li:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pagination>li:hover a{ color:#fff; }


.pages .uk-pagination .page-link{ border:1px solid #e8ecee; height:40px; line-height:40px; background:#f4f4f4; padding:0 10px; color:#748185; }
.pages .uk-pagination .page-prev{ border-top-left-radius:4px; border-bottom-left-radius:4px; }
.pages .uk-pagination .page-next{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pages .uk-pagination .page-number{ margin:0 -1px; border:1px solid #e8ecee; height:40px; line-height:40px;  padding:0 10px; }

.pages .jump { margin-left:20px; }
.pages .jump select{ height: 34px; border:1px solid #e8ecee; color:#748185; line-height: 32px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 40px; border-radius: 4px; margin:0 5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#f4f4f4; height: 40px; padding:0 10px; margin-left:5px; border:1px solid #e8ecee; border-radius: 4px; }


/*source*/
.source{ margin-top:15px; color:#535353; }
.source .uk-flex a{ color:var(--main-color); padding:0 7px; }
.source .uk-flex a:last-child{ padding-right:0; }





@media screen and (max-width: 1500px) {
    .uk-container{ padding-left:20px; padding-right:20px; }

    .header .menu li{ margin-left:20px; }

    .irpart2 .uk-light{ margin-left:-160px; }
    .irpart2 .uk-light>div{ padding-left:160px; }

}


@media screen and (max-width: 1200px) {

    .en-body .subnav li{ margin:0 5px; }
    .en-body .subnav li:nth-child(2){ max-width:110px; }
    .en-body .subnav li:nth-child(3){ max-width:100px; }
    .en-body .subnav li:nth-child(4){ max-width:100px; }
    .en-body .subnav li:nth-child(5){ max-width:100px; }
    .en-body .subnav li:nth-child(8){ max-width:100px; }
    

    .irpart2 .uk-light{ margin-left:-100px; }
    .irpart2 .uk-light>div{ padding-left:100px; }

    .hdpage .left .hdside{ width:320px; }


}