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

html{ background:url(../images/bg.png) top repeat-x #fff; }
body{ background:url(../images/bg_top.png) top no-repeat; }

.header{ height: 90px; background:#fff; position: relative; margin-top: 10px; }
.header .uk-navbar{ min-height: 90px; }

.header .menu{ min-height:90px; position: relative; padding-right:10px; }
.header .menu::before{ position: absolute; right: 12px; top:50%; content:''; display: block; width:1px; height: 16px; background:#ececec; transform:skewX(-20deg) translateY(-50%); }
.header .menu li{ position: relative; padding:0 20px; position: relative; }
.header .menu li::before{ position: absolute; left: -3px; top:50%; content:''; display: block; width:1px; height: 16px; background:#ececec; transform:skewX(-20deg) translateY(-50%); }
.header .menu li>a{ padding:0 10px; position: relative; z-index: 2; min-height: 90px; text-align: center; line-height:90px; text-align: center; display: block; color:#373737; font-size: 16px; transition: all 0.5s; }
.header .menu li>a::after{ content:''; display: block; position: absolute; bottom: 2px; left: 50%; width: 0;  height: 2px; background:var(--main-color); transition: all ease-in-out 0.3s; }
.header .menu li>a:hover::after,.header .menu li.active>a::after{ left: 0; width: 100%; }
.header .menu li>a:hover,.header .menu li.active>a{ font-weight: bold; color:var(--main-color); }

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

.banner .uk-flex{ padding-left:120px; height: 180px; }
.banner .uk-flex .tit2{ text-indent: 3em;}

.ibody{ padding:20px; background:#fff; }


.ibody .bdbar{ color:#7a7a7a; padding:5px 15px; background:#f0f0f0; }
.ibody .uk-search-default .uk-search-input{ height: 30px; line-height: 30px; border:0; }
.ibody .uk-sobox{ position: relative; }
.ibody .uk-sobox::before{ content:''; display: block; width: 1px; background:#cecece; position: absolute; left:-10px; top:5px; bottom:5px; }
.ibody .uk-sobox .uk-search-icon-flip{ color:#000 }

.imain{ padding:10px 0; }

.flinkwrap{ background:#f0f0f0; padding:25px 0; }
.flinkwrap .uk-position-relative{ padding-left:160px; }
.flinkwrap .tit{ position: absolute; left:0; top:50%; transform: translateY(-50%); height: 20px; line-height: 20px; border-left:10px solid var(--main-color); padding-left:10px; }
.flinkwrap .uk-select{ color:#838383; }


.ipart1{ margin-bottom: 10px; }
.ipart1>.uk-grid{ margin-left:-10px; }
.ipart1>.uk-grid>div{ padding-left:10px; }
.ipart1 .uk-width-auto\@m{ width:370px; }

.ibox{ border:1px solid #e8e8e8; padding:10px; }
.ibox .tit{ height: 40px; line-height: 40px; background-color: #f0f0f0; margin-bottom: 10px; position: relative; }
.ibox .tit::after{ content:'更多'; display: block; width: 2em; height: 16px; line-height:16px; color:#666; font-size:14px; /*background:url(../images/icon_more.png);*/ position: absolute; right:10px; top:12px; z-index:1; }
.ibox .tit>a{ display: block; position:relative; z-index:2}
.ibox .tit .f18{ display: inline-block; padding:0 15px; background:var(--main-color); color:#fff; position: relative; }
.ibox .tit .f18::before{ position: absolute; right:-10px; content:''; display: block; width:0; height: 0; border-top:20px solid transparent; border-bottom: 20px solid transparent; border-right: 0; border-left: 10px solid var(--main-color); }

.islider .text{ position: absolute; bottom:0; width:100%; background: rgba(0,0,0,.5); padding:5px 100px 5px 15px; color:#fff; }
.islider .uk-dotnav{ bottom:13px; right:10px; position: absolute; }
.islider .uk-dotnav>*{ padding-left:10px; }
.islider .uk-dotnav>*>*{ width:10px; height: 10px; background: #fff; border-radius: 10px; border:0;}
.islider .uk-dotnav>.uk-active>* {background: var(--main-color); }

.islider .uk-slidenav-previous,.islider .uk-slidenav-next{ width: 52px; height: 52px; }
.islider .uk-slidenav-previous svg,.islider .uk-slidenav-next svg{ display: none;}
.islider .uk-slidenav-previous{ background: url(../images/arr_l.png) center no-repeat;}
.islider .uk-slidenav-next{ background: url(../images/arr_r.png) center no-repeat; }


.news1 li{ padding-left:12px; background:url(../images/icon_li.png) 0 15px no-repeat; padding-top:8px; padding-bottom: 8px; }
.news1 li a{ color:#515151; line-height: 1.4; }
.news1 li a:hover{ color:var(--main-color); }
.news1 li .date{ display: block; line-height: 1.4;}

.news2 li{ padding-left:12px; background:url(../images/icon_li.png) 0 15px no-repeat; padding-top:8px; padding-bottom: 8px; padding-right:35px; }
.news2 li .name{ color:#515151; line-height: 1.4; }
.news2 li:hover .name{ color:var(--main-color); }
.news2 li .iconfont{ position: absolute; right:5px; top:2px; }


.ipart2{ margin-bottom: 10px; }
.ipart2>.uk-grid{ margin-left:-10px; }
.ipart2>.uk-grid>div{ padding-left:10px; }
.ipart2>.uk-grid>div.uk-grid-margin{ margin-top:10px; }

.ipart2 .uk-about{ padding:15px; border:1px solid #e8e8e8; }
.ipart2 .uk-about .hd{ height: 190px;}
.ipart2 .uk-about .bd{ color:#6c6c6c; padding:10px; text-align: justify; }
.ipart2 .uk-about .bd a{ color:var(--main-color); }



/*页脚*/
.footer{ border-top:3px solid var(--main-color); background:#474747; position: relative; padding:30px 0 45px; color:#969696; }
.footer::before{ content:''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top:0px; right: 0; }
.footer .fotnav{ margin-bottom: 5px;}
.footer .fotnav a{ color:#dcdcdc; padding:0 7px; }
.footer .fotnav a:first-child{ padding-left: 0;}
.footer .fotnav a:hover{ color:#fff; }
.footer .fottel>div{ position: relative; padding-left:18px; margin-left:45px; }
.footer .fottel>div::before{ position: absolute; left: 0; top:5px; bottom:0px; width: 1px; background:#646464; content:''; display: block; }
.footer .copy a{ color:#969696; }
.footer .copy a:hover{ color:#fff; }


/*联系我们图标占位*/
.icon-position-left li{ position: relative; padding-left: 20px; margin-bottom:5px;}
.icon-position-left li i,.icon-position-left li .iconfont{ position: absolute; left: 0; top:1px; font-size: 14px;}

/*END页脚*/


.tbody{ padding:20px 20px 100px; background-color: #fff; }

.inbar{ height: 40px; line-height: 40px; background-color: #f0f0f0; margin-bottom: 10px; position: relative; color:#7a7a7a; padding-right:15px; margin-bottom: 30px; }
.inbar .intit .f18{ display: inline-block; padding:0 15px; background:var(--main-color); color:#fff; position: relative; }
.inbar .intit .f18::before{ position: absolute; right:-10px; content:''; display: block; width:0; height: 0; border-top:20px solid transparent; border-bottom: 20px solid transparent; border-right: 0; border-left: 10px solid var(--main-color); }



/*二级导航*/
.subnav{ height: 41px; border-bottom:1px solid #d9d9d9; position: relative; margin-top:40px; margin-bottom: 20px; }

.subnav .uk-flex a{ display: block; height: 40px; line-height: 40px; color:#535353; background:#f0f0f0; margin:0 5px; padding:0 15px; position: relative; }
.subnav .uk-flex a:hover{ color:var(--main-color); }
.subnav .uk-flex li.active a{ background:var(--main-color); color:#fff; }






/*公司简介*/
.company1{ padding:0 40px; margin-bottom: 30px; margin-top:40px; }
.company2{ padding:0 40px; }
.company2 ul li{ margin-bottom: 20px; }
.company2 .uk-wrap{ background:#f7f7f7; padding:30px 40px 40px 230px; position: relative; }
.company2 .uk-wrap .ico{ position: absolute; left: 80px; top:30px; }
.company2 .uk-wrap .tit{ margin-bottom: 10px; }
.company2 .uk-wrap .desc{ line-height: 2; color:#696969; }


/*业务范围*/
.business{ padding:60px 100px; }
.business .uk-wrap{ background:#f7f7f7; padding:40px; text-align: center; }
.business .uk-wrap .ico{ margin-bottom: 20px; }


/*荣誉*/
.uk-lightbox.uk-open{ background-color: rgba(0, 0, 0, 0.85); }
.honorlist{ padding:50px; }
.honorlist .sortname{ border-left:5px solid var(--main-color); line-height:1; padding-left:10px; }
.honorlist>div{ margin-left:-50px; }
.honorlist>div>div{ padding-left:50px; }
.honorlist>div>div.uk-grid-margin{ margin-top: 50px; }
.honorlist .uk-wrap{ border-bottom:3px solid #fff; }
.honorlist .uk-wrap .tit{ padding:10px 10px 15px; text-align: center; background: #fafafa; border:1px solid #e5e5e5; border-top:0;  }
.honorlist .uk-wrap .ico{ position: relative; width:100%; padding:9px; border:1px solid #e5e5e5; }
/*.honorlist .uk-wrap .ico::before{ content: ""; position: absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/honor_wrap.png); background-size:100% 100%; }*/
.honorlist .uk-wrap .ico img{ width: 100%; }
.honorlist .uk-wrap:hover{ border-color:var(--main-color); }



/*党建*/
.partlist>ul{ margin-left: -40px;}
.partlist>ul>li{ padding-left: 40px; }
.partlist>ul>li.uk-grid-margin{ margin-top: 40px;}
.partlist .uk-wrap{ background: #f8f8f8; padding:45px; border:1px solid #f8f8f8; }
.partlist .uk-wrap .hd{ padding-left:95px; position: relative; margin-bottom: 30px; }
.partlist .uk-wrap .hd .date{ position: absolute; left: 0; width:80px; height: 80px; background:#484848; color:#fff; }
.partlist .uk-wrap .hd .date .f36{ background:#5e5e5e; line-height: 50px; }
.partlist .uk-wrap .hd .date .f14{ line-height: 30px;}
.partlist .uk-wrap .tit{ line-height: 40px; }
.partlist .uk-wrap .desc{ color:#8d8d8d; text-align: justify; line-height: 2; }
.partlist .uk-wrap:hover{ background:#fff; border-color:var(--main-color); }
.partlist .uk-wrap:hover .tit{ color:var(--main-color); }
.partlist .uk-wrap:hover .date{ background:#c20e15; }
.partlist .uk-wrap:hover .date .f36{ background:#e71a21; }


/*招聘*/
.joinus { margin-bottom: 50px; }
.joinus .desc{ margin:15px 0 30px; color:#545454; }
.joinus .joinlink{ color:#71889b;}
.joinus .joinlink a{ color:#145f9b; text-decoration: underline; }

.joblist li{ margin-bottom: 20px; }
.joblist .uk-accordion-title{ height: 80px; padding:10px 90px 10px 60px; line-height: 60px; background:#f8f8f8; position: relative; }
.joblist .uk-accordion-title .uk-icon{ position: absolute; right:20px; top: 20px; transition: all ease 0.3s;  }
.joblist .uk-accordion-title::before{ display: none; }
.joblist .tit{ position: relative; }
.joblist .tit::before{ position: absolute; left: -30px; top:50%; transform: translateY(-50%); content:''; display: block; width:20px; height: 20px; background: var(--main-color); }
.joblist .uk-accordion-content{ border:1px solid #e8e8e8; padding:25px 40px 40px; margin:0; }
.joblist .uk-accordion-content .uk-wrap{ position: relative; }
.joblist .uk-accordion-content .uk-wrap .spec{ color:#000; }
.joblist .uk-accordion-content .uk-wrap{ padding-left:6em; }
.joblist .uk-accordion-content .uk-wrap .spec{ position: absolute; left: 0; text-align: right; width: 6em; }
.joblist .uk-accordion-content .first{ border-top: 1px dashed #e8e8e8; margin:15px 0 20px; padding-top:15px; }
.joblist .uk-open .uk-accordion-title{ background:#646464; color:#fff; }
.joblist .uk-open .uk-accordion-title .tit{ color:#fff; }
.joblist .uk-open .uk-accordion-title .uk-icon{ transform: rotate(180deg);}


/*联系我们*/
/* .catbody{ background:url(../images/map.png) center no-repeat; background-size: cover; } */
.catbody{ position: relative; }
.catbox{ position: absolute; z-index: 999; left: 50%; top:50%; transform: translateY(-50%); background:#fff; margin-left:260px; padding:35px; width: 440px; }
.catbox li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #f1f1f1; }
.catbox .uk-wrap{ position: relative; padding-left:100px; color:#4e4e4e; }
.catbox .uk-wrap .ico{ position: absolute; left: 20px; top:0; }
.catbox .uk-wrap .iconfont{ line-height: 1; }
.catbox .uk-daohang{ background:var(--main-color); padding:0 20px;  }


/*联系我们*/
.contact{ padding-bottom:0; }
.contact-box{ padding:70px 90px 30px; }
.contact-box>div.uk-grid{ margin-bottom: 70px; }
.contact-box .uk-wrap{ padding:0px; position: relative; }
.contact-box .ico{ line-height: 1; transition: all ease-in-out 0.2s; padding:0px; margin-bottom: 20px; }
.contact-box .uk-wrap:hover .ico{ transform: scale(1.1); }
/* .contact-box .qrcode{ padding:5px; border:1px solid #ddd; margin-right:20px; }
.contact-box .qrcode img{ width: 140px; } */
.contact-box h2{ margin-bottom: 20px;}
.contact-box .icon-position-left li{ margin-bottom: 2px; }



#tdtmap{ height:600px; width: 100%; margin-bottom:100px; } 
#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; }




/*发展历程*/
.historywrap .uk-subnav{ margin-left:0; margin-bottom: 80px; margin-top:-30px; }
.historywrap .uk-subnav>*{ padding:0; margin:0 5px; }
.historywrap .uk-subnav a{ height: 40px; font-size:24px; background:#d7d7d7; color:#fff; border-radius: 30px; padding:0 20px; }
.historywrap .uk-subnav .uk-active a{ background:var(--main-color); }
/* .history{ padding:0 100px; color:#363636; }
.history>div{ color:#fb4848; }
.history ul{ position: relative; padding-top:70px; padding-bottom:40px; margin-top:-40px; }
.history ul::before{ position: absolute; top:0; left: 50%; margin-left:-1px; content:''; display: block; width:1px; height: 100%; border-radius: 50%; background: #254479; }
.history ul li{ min-height: 150px; position: relative;}
.history ul li *{ transition: all ease 0.3s; }
.history ul li .wrap{ position: relative; padding-top:34px; }
.history ul li .year{ position: absolute; top:0; left:50%; margin-left:-50px; display: block; width:100px; height: 100px; line-height: 90px; border-radius: 50%; text-align: center; background:#fb4848; border:5px solid #fff; box-shadow:0 0 1px 1px #d1d1d1;  }
.history ul li:nth-child(odd){ padding-left: 50%;}
.history ul li:nth-child(odd) .year{ margin-left:50px; }
.history ul li:nth-child(odd) .year::before{ position: absolute; left: -55px; top:45px; content:''; display: block; width:50px; height:1px; background:#254479; }
.history ul li:nth-child(odd) .year::after{ position: absolute; left: -60px; top:40px; border-radius: 50%; content:''; display: block; width:11px; height:11px; background:#254479; }
.history ul li:nth-child(odd) .wrap{ padding-left: 170px; }
.history ul li:nth-child(even){ padding-right: 50%;}
.history ul li:nth-child(even) .year{ left: auto; right:50%; margin-right: 50px;}
.history ul li:nth-child(even) .year::before{ position: absolute; right: -55px; top:45px; content:''; display: block; width:50px; height:1px; background:#254479; }
.history ul li:nth-child(even) .year::after{ position: absolute; right: -60px; top:40px; border-radius: 50%; content:''; display: block; width:11px; height:11px; background:#254479; }
.history ul li:nth-child(even) .wrap{ padding-right: 170px; text-align: right;}
.history ul li:hover .year{ background-color: #fb4848; box-shadow:0 0 1px 1px #fb4848; } */

.history{ padding:0 100px; color:#363636; }
.history>div{ color:#fb4848; }
.history ul{ position: relative; }
.history ul::before{ position: absolute; top:0; left: 50%; margin-left:-1px; content:''; display: block; width:1px; height: 100%; border-radius: 50%; background: url(../images/bg_doty.png); }
.history ul li{ min-height: 320px; position: relative; margin-top:-60px; }
.history ul li:first-child{ margin-top:0; }
.history ul li *{ transition: all ease 0.3s; }
.history ul li .wrap{ position: relative; padding:30px 0px; }
.history ul li .wrap .ico{ position: relative; }
.history ul li .wrap .ico::before{ position: absolute; top:125px;  transform: translateY(-50%); content:''; display: block; width:18px; height: 18px; background:url(../images/ico_dot.png);  }
.history ul li .wrap .ico::after{ position: absolute; top:125px; content:''; display: block; width:60px; height: 1px; background:#23b8ee; }
.history ul li .wrap .desc{ padding:15px 0; }
.history ul li:nth-child(odd) .wrap{ margin-left:50%; padding-left:120px; text-align: left; }
.history ul li:nth-child(even) .wrap{ margin-right:50%; padding-right:120px; text-align: left; }
.history ul li:nth-child(odd) .num::before{ right: -3px;; }
.history ul li:nth-child(even) .num::before{ left: -3px; }
.history ul li:nth-child(odd) .ico::before{ left: -9px; }
.history ul li:nth-child(odd) .wrap .ico::after{ left:-69px; }
.history ul li:nth-child(even) .ico::before{ right: -9px; }
.history ul li:nth-child(even) .wrap .ico::after{ right:-69px; }


.history ul li .year{ position: absolute; top:91px; left:50%; margin-left:-65px;  }
.history ul li .year .num{ position: relative; z-index: 2; display: block; width:130px; height: 130px; line-height: 130px; border-radius: 50%; text-align: center; background:url(../images/ico_circle.png); }
.history ul li .year .num::before{ position: absolute; top:50%; transform: translateY(-50%); content:''; display: block; width:7px; height: 7px; background:#23b8ee; border-radius: 50%; }
.history ul li .year .num img{ display: block; padding:13px; }


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


/*业务招标*/
.biddinglist{ padding:0px 15px; }
.biddinglist li{ border-bottom:1px dashed #f0f0f0; position: relative; }
.biddinglist li .uk-wrap{  padding:10px 100px 10px 18px; line-height: 40px; }
.biddinglist li .ico{ position: absolute; left: 0; top:22px; }
.biddinglist li .date{ position: absolute; right: 0; top:10px; }
.biddinglist li:hover .tit{ color:var(--main-color); }
/* .biddinglist li{ margin-bottom: 20px;}
.biddinglist li .uk-wrap{ background-color: #f9f9f9; border:1px solid #f9f9f9; padding:30px 35px; }
.biddinglist li .date{ margin-right:80px; width:70px; position: relative; color:#333333; order:-1; }
.biddinglist li .date .f50{ line-height: 1; margin-bottom: 5px; }
.biddinglist li .date::before{ position: absolute; top:50%; right: -35px; transform: translateY(-50%); content:''; display: block; width:1px; height: 60px; background: #d6d6d6; }
.biddinglist li .con .tit{ margin-bottom:5px; }
.biddinglist li .con .desc{color:#8d8d8d; margin-top:8px; }
.biddinglist li:hover .uk-wrap{ background:#fff; border-color:var(--main-color); }
.biddinglist li:hover .tit{ color:var(--main-color); }
.biddinglist li:hover .date::before{ background-color: var(--main-color); } */

/*下载*/
.downlist{ padding:0px 15px; }
.downlist li{ border-bottom:1px dashed #f0f0f0; position: relative; }
.downlist li .uk-wrap{  padding:10px 300px 10px 18px; line-height: 40px; }
.downlist li .ico{ position: absolute; left: 0; top:22px; }
.downlist li .date{ position: absolute; right: 200px; top:10px; }
.downlist li .btn{ position: absolute; right: 20px; top:10px; }
.downlist li:hover .tit{ color:var(--main-color); }

/*新闻-line*/
.newslist-line{ padding:0px 15px; }
.newslist-line li{ border-bottom:1px dashed #f0f0f0; position: relative; }
.newslist-line li .uk-wrap{  padding:10px 100px 10px 18px; line-height: 40px; }
.newslist-line li .ico{ position: absolute; left: 0; top:22px; }
.newslist-line li .date{ position: absolute; right: 0; top:10px; }
.newslist-line li:hover .tit{ color:var(--main-color); }

/*新闻*/
.newswrap{ padding:0 20px; }

.newspart{  margin-bottom: 30px; background:#fff; }
.newspart .pic{ width:500px; }
.newspart .uk-wrap{ margin:20px 40px; }
.newspart .uk-wrap .desc{ color:#8d8d8d; line-height: 2; }
.newspart .uk-wrap .uk-button{ line-height: 36px; padding:0 20px; }
.newspart .uk-wrap .more a{ min-width: 160px; }

.newslist li{ position: relative; margin-top: 10px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:40px 5px;}
.newslist li .date{ margin-right:80px; width:90px; position: relative; color:#b7b7b7; 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: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); }


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


h1.f30{ margin-top:30px; padding-left:50px; padding-right:50px; 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; }


.newsdetail{ padding:0 15px; }
.newsdetail .content{ padding:20px; }
.content{ line-height: 2; color:#444444; }
.content img{ height: auto!important;}


/*上下链接*/
.cother{background: #f8f8f8; border:1px solid #f8f8f8; }
.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: 20px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:first-child span{ left: 15px; }
.cother li:last-child{ padding-right: 20px; background: url(../images/icon_next.png) right center no-repeat;}
.cother li:last-child span{ right: 15px; }


/*产品*/
.productlist .uk-wrap{ padding-bottom:28px; margin-bottom: 18px; background:#fff; border:1px solid #efefef; position: relative; }
.productlist .uk-wrap::before{ position: absolute; left: 50%; bottom:-18px; margin-left: -18px; content:''; display: block; width: 36px; height: 36px; background:url(../images/ico_more.png) center; transition: all ease-in-out 0.2s; }
.productlist .uk-wrap .pic{ margin:10px; overflow: hidden; }
.productlist .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }
.productlist .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }
.productlist .uk-wrap .name{ padding:5px 10px; background:#fff; line-height: 40px; text-align: center; }
.productlist .uk-wrap:hover{ border-color:var(--main-color); }
.productlist .uk-wrap:hover::before{ transform: rotate(-360deg);}


.productlist2 .uk-wrap{ position: relative; background:#fafafa; }
.productlist2 .uk-wrap .pic{ overflow: hidden; }
.productlist2 .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }
.productlist2 .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }
.productlist2 .uk-wrap .con{ padding:15px 15px 20px; }
.productlist2 .uk-wrap .name{ padding:5px 0px 7px; margin-bottom: 7px; position: relative; }
.productlist2 .uk-wrap .name::before{ content:''; display: block; width:100%; height: 1px; background-color: #e6e6e6; position: absolute; left: 0; bottom: 0px; z-index: 1; }
.productlist2 .uk-wrap .name::after{ content:''; display: block; width:100px; height: 1px; background-color: var(--main-color); position: absolute; left: 0; bottom: 0px; z-index: 2; }
.productlist2 .uk-wrap .desc{ min-height: 55px; }




.product{ }
.product *{outline: none}
.product .proslide{ width:440px; overflow: hidden; text-align: center; }
.product .proslide .uk-slideshow-items{ border:1px solid #eaeaea; padding:10px; }
.product .proslide .thumb { padding: 15px 35px;  background-color: #f7f7f7; border:1px solid #eaeaea; border-top:0; }

.product .probase .pname{ line-height: 1.4; padding-bottom: 10px; margin-bottom: 20px; border-bottom:1px dashed #eaeaea;}
.product .probase .pprice{ background: #fafafa; margin-top:15px; padding:10px 30px;}
.product .probase .pprice .uk-label{ border-radius: 0; line-height: 20px; margin-left:10px; color:#fff; }
.product .probase .specs{ color:#5c5c5c; padding:15px 0px;}
.product .probase .specs li{ padding:5px 0;}
.product .probase .buyc{ padding-left:40px; }
.product .productContent{ margin-top:40px; }
.product .productContent>.uk-subnav{ border:1px solid #eaeaea; margin-left:0!important; height: 51px; background: #fafafa; }
.product .productContent>.uk-subnav>*{ padding-left:0; min-width: 135px; text-align: center; margin-left:-1px; }
.product .productContent>.uk-subnav a{line-height: 49px; padding:0; font-size:16px; color:#2f2f2f; display: block; }
.product .productContent>.uk-subnav .uk-active a,.productCtn .productContent>.uk-subnav a:hover{ margin-top:-1px; position: relative; z-index: 2; border-top:3px solid #0084c6;  border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background: #fff; line-height: 48px; }
.product .productContent .uk-switcher>li{ padding: 25px 40px; border:1px solid #eaeaea; border-top:0; }
.product .productContent .prospec{ padding-bottom:20px; border-bottom:1px dotted #c4c4c4; margin-bottom:20px; }
.product .productContent .prointro{ }

.prointro table{ border-collapse: collapse; width:100%; }
.prointro table td{border:1px solid var(--main-color); padding:3px 10px; word-wrap:break-word; word-break:break-word;}
.prointro table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;}
.prointro table tbody tr >td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!important; }




.retelation{ background:#f3f3f3; padding:30px; }
.retelation .tit{ padding:0 35px 10px; }
.retelation .uk-wrap img{ width: 100%; }
.retelation .uk-wrap .name{ padding:5px 10px; background:#fff; line-height:30px; text-align: center; }
.retelation .uk-wrap:hover .name{ background-color:#77bf00; color:#fff; }

.relanews ul li .uk-wrap{ border-bottom:1px solid #d9d9d9; line-height: 50px; }
.relanews ul li:nth-child(-n+2) .uk-wrap{ border-top:1px solid #d9d9d9; }




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

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


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






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


@media screen and (max-width: 1200px) {
    .header .first{ width:260px; padding:0 10px; }
    .header .menu{ padding:0 10px; }
    .header .menu li>a{ font-size:16px; padding:0; }
}