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


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

.header .bd{ padding-left:40px; padding-right:20px; }

.header .menu{ min-height:50px;}
.header .menu li{  margin-right:60px; position: relative; display:none; }
.header .menu li::before{ content: ""; position: absolute; left: -30px; width: 1px; height:16px; top:50%; transform: translateY(-50%); background: #e9e9e9; }
.header .menu li:first-child::before{ display: none;}
.header .menu li:last-child{ margin-right:0;}
.header .menu li>a{ position: relative; z-index: 2; min-height: 50px; text-align: center; line-height:50px; text-align: center; display: block; color:#5b5b5b; font-size: 16px; transition: all 0.5s; padding:0; }
/* .header .menu 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; }
.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:var(--main-color); font-weight: bold; }

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

.header .uk-sobox{ margin-right:10px; }
.header .uk-sobox a{ height: 50px; min-height: 50px; padding:0; padding-top:3px; width: 30px; }
.header .uk-sobox .uk-search-icon-flip{ position: absolute; top:50%; transform: translateY(-50%); background: none; padding-top:3px; width: 30px; cursor: pointer; }
.header .uk-sobox .uk-drop{  background:#f7f7f7; border-radius: 5px; }
.header .uk-sobox .uk-search-navbar .uk-search-input{ font-size: 16px; margin:0 15px; height: 50px; line-height: 50px; }

.header .mnav { min-height: 60px; margin-left: 5px; }
.header .mnav .uk-button{ border:0; color:var(--main-color); width:36px; height: 36px; padding:4px; border-radius: 50%; }
.header .mnav .uk-button:hover svg{ color:var(--main-color-hover); }
.header .mnav .uk-button svg{display: block;}


/*多语言*/
/* .uk-lang{ margin-left:100px; } */
/* .lang { padding:5px; position: absolute; right:0; top:0; } */
.lang .box{ position: relative; padding:0px 10px 0 25px; line-height: 30px; color:#5c5c5c; }
.lang .box .iconfont{ position: absolute; left: 0; }
.lang .uk-drop{ background:#f8f8f8; margin-top:0; width:100px; 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*/
.banner{ height: 460px; background-size:1920px auto; background-position: center; background-repeat: no-repeat; }
.banner .sortname{ margin-bottom: 75px; padding-bottom: 20px; }
.banner .sortname::before{ content: ""; position: absolute; left: 50%; bottom:0; transform: translateX(-50%); width: 150px; height: 6px; background: var(--main-color); border-radius: 3px; }
.banner .sortname::after{ content:''; display: block; position: absolute; right:-32px; top:-20px; width:50px; height: 42px; background: url(../images/icon_p.png); }


/*二级导航*/
.subnav{ margin-bottom: 0px; height: 70px; background:#f8f8f8; }
.subnav .uk-flex a{ display: block; height: 70px; line-height: 70px; color:#838383; margin:0 20px; padding:0 5px; position: relative; }
.subnav .uk-flex a:hover{ color:var(--main-color); }
.subnav .uk-flex li.active a{ color:var(--main-color); font-weight: bold; }
.subnav .uk-flex li.active a::before{ content: ""; position: absolute; left: 0; width: 100%; right:0; bottom:0; height: 2px; background: var(--main-color); }

.en-body .subnav .uk-flex li a{ display: flex; align-items: center; text-align: center; }
.en-body .subnav .uk-flex li a span{ max-width: 110px; line-height: 1.2; }


/*页脚*/
.footer{ background: #2b2b2b; position: relative; color:#909090; padding-top:65px; padding-bottom: 100px; border-top:5px solid var(--main-color);}
.footer a{ color:#909090; }
.footer a:hover{ color:#fff; }

.footer .left{ width:350px; margin-right:50px; }
.footer .fotlogo{ margin-bottom:50px; }

.footer .fotcat{ width:320px; }
.footer .fottel{ margin-bottom: 30px;  }
.footer .fotcat ul li{ position: relative; padding-left:20px; margin-bottom: 5px; }
.footer .fotcat ul li span{ position: absolute; left: 0; }


.footer .fotnav dl{ padding:0 25px; margin:0; min-width: 200px; min-height: 120px; position: relative; }
.footer .fotnav dl::before{ position: absolute; content:''; display: block; width:1px; background-color: #424242; left: 0; top:10px; bottom:8px; }
.footer .fotnav dl dt{ margin-bottom: 10px;}
.footer .fotnav dl dt a{ color:#fff;}
.footer .fotnav dd a{ display: block; line-height: 35px; position: relative; }

.footer .fotqr{ margin-left:100px; }

.footer .flinks{ border-top:1px solid #424242; 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:20px; }
.footer .copyright a{ color:#939393; }
.footer .copyright a:hover{ color:#fff; }

.footer .mediaico{ margin-top:20px; }
.footer .mediaico a{ color:#212121; background:#716c6b; border-radius: 50%; width:30px; height: 30px; text-align: center; line-height: 30px; margin-right: 10px; }
.footer .mediaico a:hover{ background:#a19d9d; color:#212121; }
/*END页脚*/




/*首页*/
.ipart1{ padding:70px 0 110px; background: #fff; }
.ipart1 .uk-main.uk-grid{ margin-left:-100px; }
.ipart1 .uk-main.uk-grid>div{ padding-left:100px; }
.ipart1 .tit{ margin-bottom: 40px; position: relative; }
.ipart1 .tit::before{ content: ""; position: absolute; left: 0; bottom:-6px; width: 76px; height: 4px; border-radius: 4px; background: var(--main-color); }
.ipart1 .ibus{ padding-top: 10px;}
.ipart1 .ibus .uk-grid{ margin-left: -18px; }
.ipart1 .ibus .uk-grid>div{ padding-left:18px; }
.ipart1 .ibus .uk-grid>div.uk-grid-margin{ margin-top:18px; }
.ipart1 .ibus .uk-wrap{ background:#f8f8f8; border-radius: 20px; padding:10px 10px 10px 30px; min-height: 110px; }
.ipart1 .ibus .uk-wrap .ico{ margin-right: 15px; }

.en-body .ipart1 .ibus .uk-wrap .name{ flex:1; line-height: 1.4; font-size:14px; }
.en-body .ipart1 .ibus .uk-wrap .name span{ font-weight: normal; color:#727272; }



.ipart2{ padding:90px 0 110px; background:url(../images/bg1.png) bottom center no-repeat; background-size: auto 100%; }
.ipart2 .tit{ margin-bottom: 10px; }
.ipart2 .uk-main.uk-grid{ margin-left:-80px; }
.ipart2 .uk-main.uk-grid>div{ padding-left:80px; }
.ipart2 .left .uk-slider-items .uk-wrap{ min-height: 100px; background-color: rgba(255,255,255,0.75); margin-bottom: 10px; padding:10px 100px 10px 130px; }
.ipart2 .left .uk-slider-items .uk-wrap .date{ position: absolute; left: 15px; top:50%; transform: translateY(-50%); width: 60px; color:#b7b6b6; padding-bottom:5px; }
.ipart2 .left .uk-slider-items .uk-wrap .date::before{ content: ""; position: absolute; right: -25px; top:50%; transform: translateY(-50%); width: 1px; height: 48px; background: #e3e3e3; }
.ipart2 .left .uk-slider-items .uk-wrap .ico{ position: absolute; right: 25px; top:50%; transform: translateY(-50%); width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background:#d5d5d5; color:#fff; }
.ipart2 .left .uk-slider-items .uk-wrap .con{ color:#393939; height: 80px; }
.ipart2 .left .uk-dotnav{ margin-top:10px; }
.ipart2 .left .uk-dotnav>*>*{ border:0; background:rgba(57,80,110,0.5); }
.ipart2 .left .uk-dotnav>.uk-active>*{ background:#e71a21; }
.ipart2 .right .box{ padding-right:280px; min-height:320px; }
.ipart2 .right .box .desc{ line-height: 2.2; color:#585858; padding-top:10px; }
.ipart2 .right .box .pic{ position: absolute; right:0; top:0; }
.ipart2 .more{ position: absolute; left: 0; bottom:35px; }
.ipart2 .more .uk-button{ padding:0 10px;  min-width: 160px; }

.en-body .ipart2 .right .box{ min-height:330px; }
.en-body .ipart2 .right .box .desc{ line-height: 1.6; color:#585858; padding-top:10px;  }



.ipart3{ padding:80px 0 130px; background:url(../images/bg2.png) bottom center no-repeat #f1f6fc; background-size: 100% auto; }
.ipart3 .tit{ margin-bottom: 10px; }
.ipart3 .uk-main.uk-grid{ margin-left:-80px; }
.ipart3 .uk-main.uk-grid>div{ padding-left:80px; }
.ipart3 .left { background:url(../images/bg_logo.png) right bottom no-repeat; background-size:auto 100%; }
.ipart3 .left .uk-wrap{ position: relative; padding-bottom:100px; }
.ipart3 .left .desc{ color:#393939; line-height: 2; }
.ipart3 .left .btns a{ margin-right:20px; padding:0 10px; min-width: 160px; }
.ipart3 .iloglist{ position: relative; padding-right:40px; }
.ipart3 .iloglist>div{ height: 100%; }
.ipart3 .iloglist .uk-slidenav{ top: auto; bottom:0; background:#888; color:#fff; left: auto; transform: none; }
.ipart3 .iloglist .uk-slidenav:hover{ background:#363636; }
.ipart3 .iloglist .uk-slidenav-previous{ right: 40px; }
.ipart3 .iloglist .tit{ color:#393939; }
.ipart3 .iloglist .uk-slider-items .uk-wrap{ position: relative; padding-left:80px; }
.ipart3 .iloglist .uk-slider-items .uk-wrap .date{ position: absolute; left: 0; top:5px; width:66px; padding:0px 0 5px; background:#e1e3e4; color:#fff; }


.ipart3 .uk-log{ background:rgba(255,255,255,0.75); padding:30px 30px 40px 40px; margin-top: 10px; }
.ipart3 .uk-log .ihd{ position: relative; padding-left:35px; }
.ipart3 .uk-log .ihd::before{ content: ""; position: absolute; left: 0; top:15px; bottom:5px; width: 1px; background: #ececec; }

.ipart3 .layui-laydate-static{ display: block;}
.ipart3 .layui-laydate-main{ width: 100%;}
.ipart3 .layui-laydate-footer{ display: none;}
.ipart3 .layui-laydate{ border:0; box-shadow: none; background:none; }
.ipart3 .layui-laydate-list{ background:#f5f5f5; }
.ipart3 .layui-laydate .layui-this{ background: var(--main-color)!important; color: #fff !important; }
.ipart3 .laydate-prev-y, .ipart3 .laydate-next-y{ display: none; }
.ipart3 .layui-laydate-header i.laydate-prev-m{ left:20px; }
.ipart3 .layui-laydate-header i.laydate-next-m{ right:20px; }
.ipart3 .layui-laydate-header{ border:0; padding:5px 20px; }
.ipart3 .layui-laydate-header i{ top:5px; }
.ipart3 .laydate-set-ym{ font-size:18px; color:#000; }
.ipart3 .layui-laydate-content{ padding:0; }
.ipart3 .layui-la7ydate-content th{ color:#000; font-weight: bold; font-size:16px; }
.ipart3 .layui-laydate-header i:hover, .ipart3 .layui-laydate-header span:hover{ color:#0077b4; }
.ipart3 .layui-laydate-content table{ width: 100%; font-size:16px; }
.ipart3 .layui-laydate-content td.hddot1, .ipart3 .layui-laydate-content td.hddot2, .ipart3 .layui-laydate-content td.hddot3{ position: relative;  }
.ipart3 .layui-laydate-content td.hddot1::before, .ipart3 .layui-laydate-content td.hddot2::before, .ipart3 .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%; }
.ipart3 .layui-laydate-content td.hddot1::before{ background:#f16622; }
.ipart3 .layui-laydate-content td.hddot2::before{ background:#428adc; }
.ipart3 .layui-laydate-content td.hddot3::before{ background:#55c629; }


/*内页*/
.tbody{ padding:70px 0 150px; }

.titbar{ padding:0px 20px; margin-bottom: 70px; }
.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; }


/*新闻*/
.newspart{  margin-bottom: 45px; }
.newspart .pic{ width:500px; }
.newspart .pic img{ width: 100%; height: 300px; object-fit: cover; }
.newspart .uk-wrap{ margin-left:45px; }
.newspart .uk-wrap .desc{ color:#8d8d8d; line-height: 2; }
.newspart .uk-wrap .uk-button{ line-height: 36px; padding:0 20px; text-transform: capitalize; }

.newslist li{ position: relative; margin-top: -1px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:45px 5px;}
.newslist li .date{ margin-right:80px; width:90px; position: relative; color:#333333; order:-1; }
.newslist li .date .f70{ line-height: 1;}
.newslist li .date::before{ position: absolute; top:50%; right: -40px; transform: translateY(-50%); content:''; display: block; width:1px; height: 100px; background: #ebebeb; }
.newslist li .con .tit{ margin-bottom:5px; }
.newslist li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 56px; margin-top:8px; }
.newslist li .right a{ z-index: 99;}
.newslist li:hover{ border-color:var(--main-color); position: relative; z-index: 1; }
.newslist li:hover .tit{ color:var(--main-color); }
.newslist li:hover .date{ color:var(--main-color); }


h1.f30{ margin-top:30px; padding-left:120px; padding-right:120px; line-height: 1.4; }
.infos{  margin-bottom: 20px; border-bottom:1px dotted #ddd; padding-bottom: 15px; color:#a2a2a2; }

.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:#444444; }
.content img{ height: auto!important;}

.share{ padding:20px 0 40px; margin-top:40px; }


/*上下链接*/
.cother{background: #f5f5f5; border:1px solid #f5f5f5; }
.cother ul{ padding:12px 20px;}
.cother ul li{ padding: 0; background-size: auto; position: relative; }
.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 ul li:last-child{ text-align: right;}
.cother span{ display: inline-block; position: absolute; top:0; }
.cother li:first-child{ padding-left: 68px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:first-child span{ left: 15px; }
.cother li:last-child{ padding-right: 68px; background: url(../images/icon_next.png) right center no-repeat;}
.cother li:last-child span{ right: 15px; }



/*招股文件*/
.listdocuments>.uk-grid{ margin-left:-40px;  }
.listdocuments>.uk-grid>div{ padding-left:40px; }
.listdocuments>.uk-grid>div.uk-grid-margin{ margin-top:60px!important; }
.listdocuments>.uk-grid .uk-wrap{ background:#f7f7f7; }
.listdocuments .pic{ width:230px;  }
.listdocuments .pic img{ width: 230px; height: 320px; object-fit: cover; }
.listdocuments .uk-width-expand{  position:relative; }
.listdocuments .name{ color:#3f3f3f; }
.listdocuments .uk-wrap .ico{ position: absolute; bottom:20px; right:0; padding:5px 15px; background:var(--main-color); color:#fff; height: 40px; text-align: center; }
.listdocuments .uk-wrap .ctn{ padding:10px 15px; }
.listdocuments .uk-wrap:hover{ border-color:var(--main-color); }
.listdocuments .uk-wrap:hover .pic{ border-color:var(--main-color); }
.listdocuments .uk-wrap:hover .name{ color:var(--main-color);  }




/*业绩报告*/
.listreports{ padding-top:0px; padding-left:200px; padding-right:200px; }
.listreports .uk-year{ padding-left:180px; position: relative; }
.listreports .uk-year .line{ position: absolute; display: block; width:1px; background:#000; left:35px; top:65px; bottom:9px; }
.listreports .uk-year .line::before{ position: absolute; content:''; left: -5px; top:0; display: block; width:9px; height: 9px; border-radius: 50%; border-radius: 50%; border:1px solid #000; background: #fff; }
.listreports .uk-year .line::after{ position: absolute; content:''; left: -5px; bottom:0; display: block; width:9px; height: 9px; border-radius: 50%; border-radius: 50%; border:1px solid #000; background: #fff; }
.listreports .uk-year:last-child .line{ display: none;}
.listreports .uk-year .year{ position: absolute; left: 0; top:0; bottom:0; width:71px; text-align: center; }
.listreports .uk-box{ padding:20px 0 50px; }
.listreports .uk-box>.uk-grid{ margin-left:-80px;  }
.listreports .uk-box>.uk-grid>div{ padding-left:80px; }
.listreports .uk-box>.uk-grid>div.uk-grid-margin{ margin-top:50px!important; }
.listreports .uk-wrap{ position: relative; width: 220px; text-align: center; margin: 0 auto; }
.listreports .img{ width:220px; border:1px solid #f3f2f1; }
.listreports .name{ color:#1e1e1e; line-height: 1.6; margin: 20px 5px 15px; height:60px; }
.listreports .uk-wrap .ico{ text-align: center; background-color:#d4d4d4; color:#fff; width:46px; height: 46px; padding:8px; margin:0 auto; }
.listreports .uk-wrap .ico .iconfont{ line-height: 1;}
.listreports .uk-wrap .ctn{ padding:25px 25px; }
.listreports .uk-wrap:hover .img{ border-color:var(--main-color); }
.listreports .uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; }

.reportlist{ position: relative; }
.reportlist::before{ content: ''; width: 3px; background-color: #f3f2f1; position: absolute; top: 40px; z-index: 0; overflow-y: hidden; left: 25px; }
.reportlist .uk-year .year{ height: 75px; width: auto!important;}
.reportlist .uk-year .year .first{line-height: 75px; padding-left:55px; }
.reportlist .uk-year .tit::before, .reportlist .uk-year .tit::after{ display: block; content:''; position: absolute; }
.reportlist .uk-year .tit::before { z-index: 2; width: 5px; height: 5px; background-color:  var(--main-color); border-radius: 50%; top: 20px; left: 9px; border: 15px solid var(--main-bgcolor-hover); box-sizing: content-box; z-index: 10; }
.reportlist .uk-year .tit::after{ z-index: 1; width: 55px; height: 75px; background:#fff; top:0; left: 0; }
.reportlist .actice-line { width: 3px; background-color: var(--main-color); position: absolute; top: 40px; left: 25px; z-index: 0; overflow-y: hidden; }



/*公告通函*/
.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); }
.filteryear2:hover,.filteryear2:focus{ z-index:99; }

.toolbar{ padding:15px; background:var(--main-bgcolor-hover); color:#646464; position:relative; z-index:90; }
.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; }
.toolbar:hover,.toolbar:focus{ z-index:99; }


.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:var(--main-color); }


.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); }
.noticelist li:hover .date{ color:var(--main-color); }
.noticelist li:hover .date::before{ background:var(--main-color); }

.ggmodal{  padding:70px 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); }
.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); 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); }
.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: 36px; border-bottom:1px solid #d1d1d1; margin-bottom: 50px; margin-left:0; }
.managelist .uk-subnav>li{ padding: 0; margin:0 5px; }
.managelist .uk-subnav a{ width:140px; height: 36px; background:#d1d1d1; color:#fff; text-align: center; justify-content: center; font-size:16px; }
.managelist .uk-subnav-pill>.uk-active>a{ background: var(--main-color);}
.managelist .uk-subnav-pill a:hover{ background: var(--main-color);}

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


.uk-manage{ margin-left:-60px; }
.uk-manage>div{ padding-left: 60px;}
.uk-manage>div.uk-grid-margin{ margin-top:60px; }
.uk-manage .uk-wrap{ background:#f8f8f8; border:1px solid #f8f8f8; padding:30px 35px 35px; transition: all ease 0.3s; }
.uk-manage .uk-wrap .tit{ color:#393939; line-height: 1.2; margin-bottom: 35px; position: relative; }
.uk-manage .uk-wrap .tit::before{ content:''; position: absolute; bottom:-12px; left: 0; width: 70px; height: 2px; background:var(--main-color); z-index: 1; }
.uk-manage .uk-wrap .uk-box{ color:#5d5d5d;  }
.uk-manage .uk-wrap .uk-box .name{ padding:5px 0; cursor: pointer; }
.uk-manage .uk-wrap:hover{ background:#fff; border-color:var(--main-color); }
.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:#fff;  }
.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{ padding:0px 40px 0px; color:#4e4e4e; position: relative; }
.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{ max-width: 260px; margin:0 auto; }
.contact-box .desc{ line-height: 1.6;}
.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: 30px 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: 1440px) {
    .header .logo img{ max-height: 46px; }
    .header .bd{ padding-left: 20px; }
    .header .menu li{ margin-right:40px; }
    .header .menu li::before{ left: -20px; }
    .uk-container{ padding-left:20px; padding-right:20px; }

    .footer .uk-width-expand{ display: none; }
    .footer .uk-grid>div:first-child{ flex: 1;}

}


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

    .subnav .uk-flex a{ margin:0 15px; }

    .tbody{ padding-top:50px; }
    .ipart1{ padding-bottom:60px; }
    .ipart2{ padding:60px 0 80px; }
    .ipart3{ padding:60px 0 80px; }

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

    .footer .left{ width:280px; }

}