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



.header{ height: 100px; background:#fff; transition: all ease 0.3s; z-index: 999; }
.header .uk-navbar{ min-height: 100px; transition: all ease 0.3s; }
.header .logo img{ max-height:66px; }
.header .bd{  }
.header .bd .first{ margin-right: 60px; }
.header .menu{ min-height:100px;}
.header .menu>ul>li{  margin-right:20px; position: relative; }
.header .menu>ul>li::before{ content: ""; position: absolute; left: -10px; width: 1px; height:16px; top:50%; transform: translateY(-50%); background: #e9e9e9; }
.header .menu>ul>li:first-child::before{ display: none;}
.header .menu>ul>li:last-child{ margin-right:0;}
.header .menu>ul>li>a{ position: relative; z-index: 2; min-height: 100px; text-align: center; line-height:100px; text-align: center; display: block; color:#000; font-size: 16px; transition: all 0.5s; padding:0 5px; font-weight: bold; }
.header .menu>ul>li>a::after{ content:''; display: block; position: absolute; bottom: 0; width: 0; left: 50%; height: 2px; background:var(--main-color); transition: all ease 0.2s; }
.header .menu>ul>li>a:hover::after,.header .menu li.active>a::after{ width: 100%; left: 0; }
.header .menu>ul>li>a:hover,.header .menu li.active>a{ color:var(--main-color); font-weight: bold; }

.header .menu .uk-drop{ margin-top:0; margin-top:0; right:0;  width: 140px; padding:0; /*top:90px!important;*/ }
.header .menu .uk-drop li{ border-bottom:1px solid rgba(255,255,255,0.15); background:rgba(27,94,174,0.55);  }
.header .menu .uk-drop li:last-child{ border-bottom:0; }
.header .menu .uk-drop a{ display: block;  line-height: 50px;color:#fff; }
.header .menu .uk-drop a:hover{ background:var(--main-color); color:#fff; }

.header.uk-active{ box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15); height: 80px; }
.header.uk-active .uk-navbar{ min-height: 80px; }
.header.uk-active .menu{ min-height: 80px; }
.header.uk-active .menu li>a{ min-height: 80px; line-height: 80px; }

.header .uk-sobox .uk-button{ height: 44px;  }
.header .uk-sobox .uk-search-input{ font-size: 14px; height: 44px; line-height: 42px; padding:0 10px; border:1px solid #dddddd; color:#444; }

.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;}


.banner{ position: relative; overflow: hidden;}
.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 .uk-dotnav{ bottom:40px; margin-left: 0; }
.banner .uk-dotnav>*>*{ width:30px; height: 5px; border:0; border-radius: 5px; background:rgba(255,255,255,1); transition: all 0.5s;}
.banner .uk-dotnav>.uk-active>*{ width:30px; background:var(--main-color); }


/*.notice{ display: block; position: relative; margin-top:-20px;  height: 64px; padding:7px 0;  line-height: 64px; background: #fff;  width: 100%; box-shadow: 1px 3px 3px #ddd; z-index: 1; }*/
/*.notice .nt-left { position: absolute; left: 0; top:0; width: 100px; background-color: var(--main-color); height: inherit; line-height: inherit; font-size: 16px; color: #fff; text-align: center;  }*/
/*.notice .nt-left .notice-icon { background: url(../images/ico_notice.png) no-repeat center; padding: 2px 11px; vertical-align: middle; margin-right: 5px; }*/
/*.notice .nt-left:after { display: block; content: ''; border-style: solid; border-color: transparent transparent transparent var(--main-color); border-width: 10px; position: absolute; top: 50%; margin-top: -10px; left: 100%; z-index: 2; }*/
/*.notice .swiper-container { position: absolute; left: 140px; right:20px; height: 50px; overflow: hidden; }*/
/*.notice .swiper-container .swiper-slide { height: 50px; line-height: 50px; }*/
/*.notice .swiper-container .date{ display: inline-block; margin-left:40px;}*/
/*.notice .swiper-button-next, .notice .swiper-button-prev{ color:#666; }*/
/*.notice .swiper-button-prev{ right:60px; left: auto; }*/
/*.notice .swiper-button-next{ right:0px; }*/
/*.notice .swiper-button-next:after, .notice .swiper-button-prev:after{ font-size:18px; }*/
/*.notice .swiper-button-next:hover, .notice .swiper-button-prev:hover{ color:var(--main-color); }*/


.ititle{ margin-bottom: 40px; position: relative; }
.ititle::before{ content:''; display: block; width: 300px; height: 1px; background-color: var(--main-color); position: absolute; left: 50%; bottom: 50%; transform: translateX(-50%); }
.ititle a{ display: block; }
.ititle .f24{ position: relative; z-index: 2; padding:0 20px; background:#fff; }

.itit2{ margin-bottom: 40px; position: relative; }
.itit2 h2{ margin-bottom:12px; }

.ipart1{ padding:60px 0 80px; background:#f7f8fe; }
.ipart1>.uk-grid{ margin-left:-20px; }
.ipart1>.uk-grid>div{ padding-left:20px; }
.ipart1 .right{ width:485px; }
.ipart1 .itopnews{ background:#fff; box-shadow: 5px 5px 5px -1px #eeeeee; }
.ipart1 .itopnews .uk-switcher{ padding:20px; ]}

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

.itopnews .uk-subnav{ height: 46px; border-bottom:1px solid #d7d6d6; margin-left: 0; }
.itopnews .uk-subnav>li{ padding-left: 0; flex:1; }
.itopnews .uk-subnav>li>a{ height: 45px; line-height: 45px; text-align: center; font-size: 18px; font-weight: bold; color:#222222; display: block; padding: 0; }
.itopnews .uk-subnav-pill>.uk-active>a,.itopnews .uk-subnav>li>a:hover{ background:var(--main-color); color:#fff; }
.itopnews .uk-switcher .first{ border-bottom:1px dashed #d7d6d6; padding:15px 0 12px; margin-bottom: 8px; position: relative; }
.itopnews .uk-switcher .first .tit{ color:#222; margin-bottom: 5px; }
.itopnews .uk-switcher .first .desc{ color:#666666; min-height: 52px; }
.itopnews .uk-switcher .first:hover .tit{ color:#ec4235; }
.itopnews .uk-switcher li.normal{ position: relative; padding:0 70px 0 20px; border-bottom:1px dashed #ececec; }
.itopnews .uk-switcher li.normal .icon{ position: absolute; left: 0; top:50%; transform: translateY(-50%); }
.itopnews .uk-switcher li.normal .date{ line-height: 50px; }
.itopnews .uk-switcher li.normal a{ display: block; line-height: 50px; }
.itopnews .more{ line-height:40px; margin-top:5px; }



.ipart2{ padding:60px 0 140px; /*background:#eee;*/ }
/*.ipart2 .uk-pannel{ background:#fff;   }*/
.ipart2 .left{ padding:90px 60px 60px 160px; background:#fff; }
.ipart2 .left .tit2{ margin:5px 0 20px; }
.ipart2 .left .btn{ margin-top:40px; }
.ipart2 .left .btn .uk-button{ height: 50px; line-height:50px; }
.ipart2 .left .btn .uk-button img{ padding:3px 10px 0px; }
.ipart2 .ivdo{ margin-top:50px; margin-right:-100px; }
.ipart2 .ivdo img{ height:450px; }
.ipart2 .uk-width-expand{ z-index:9; }
.ipart2 .uk-width-auto\@s{ width:600px; }


.ipart3{ padding:60px 0 80px; }
.ipart3 .uk-subnav{ height: 40px; margin-left: 0; margin-bottom:30px; }
.ipart3 .uk-subnav>li{ padding-left: 0; margin:0 2px; }
.ipart3 .uk-subnav>li>a{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; color:#fff; display: block; padding: 0 20px; background:#ccc; }
.ipart3 .uk-subnav>li.uk-active a{ background:var(--main-color); }
.ipart3 .uk-wrap{ position: relative; background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 0 8px 5px rgba(0,0,0,0.15); }
.ipart3 .uk-wrap .pic{ overflow: hidden; }
.ipart3 .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }
.ipart3 .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }
.ipart3 .uk-wrap .con{ padding:15px 15px 20px; background:#fff; text-align:center; }
.ipart3 .uk-wrap .name{ padding:0px; background:#fff; position: relative; }
/*.ipart3 .uk-wrap .name::before{ content:''; display: block; width:100%; height: 1px; background-color: #e6e6e6; position: absolute; left: 0; bottom: 0px; z-index: 1; }*/
.ipart3 .uk-wrap .con::after{ content:''; display: block; width:100px; height: 2px; background-color: var(--main-color); position: absolute; left: 50%; bottom:0px; transform:translateX(-50%); z-index: 2; }
.ipart3 .more{ margin-top:40px; }


/*.news-content{ position: relative; padding-right: 47%; }*/
/*.news-content .tempWrap{ border:4px solid #eee; box-shadow: 1px 1px 5px #ccc; }*/
/*.news-content .icos a{ display: block; height: 400px!important; }*/
/*.news-content .icos img{ width: 100%; display: block; height: 100%; object-fit: cover; }*/
/*.news-content .tab{ position: absolute; right:0; top:0; width: 45%; }*/
/*.news-content .tab li{ position: relative; height: 85px; margin-bottom: 20px; background-color: #f7f7f7; box-shadow: 1px 1px 5px #ccc; overflow: hidden; padding:10px 10px 10px 90px; }*/
/*.news-content .tab li .date{ position: absolute; left: 0; top:0; bottom:0; width:80px; background: #f0f0f0; text-align: center; padding:10px; color:#999; }*/
/*.news-content .tab li .date .month{ padding:2px; display: inline-block; border-bottom: 1px solid #c9c9c9; }*/
/*.news-content .tab li.on{ background:var(--main-color); }*/
/*.news-content .tab li.on .date{ background:#1b5eae; color:#fff; }*/
/*.news-content .tab li.on .tit{ color:#fff; }*/
/*.news-content .tab li.on .desc{ color:#fff; }*/



/*.ipart3{ padding:50px 0 80px; background:#eee; }*/
/*.ipart3 .ititle .f24{ background:#eee; }*/
/*.ipart3 .uk-container>div>div.uk-position-relative{ padding:0 60px; }*/
/*.ipart3 .uk-slider-items{ margin-left:-20px; }*/
/*.ipart3 .uk-slider-items>li{ padding-left:20px; }*/
/*.ipart3 .uk-wrap{ position: relative; }*/
/*.ipart3 .uk-wrap .pic{ overflow: hidden; }*/
/*.ipart3 .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }*/
/*.ipart3 .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }*/
/*.ipart3 .uk-wrap .con{ padding:15px 15px 20px; background:#fff; }*/
/*.ipart3 .uk-wrap .name{ padding:5px 0px 7px; margin-bottom: 7px; background:#fff; position: relative; }*/
/*.ipart3 .uk-wrap .name::before{ content:''; display: block; width:100%; height: 1px; background-color: #e6e6e6; position: absolute; left: 0; bottom: 0px; z-index: 1; }*/
/*.ipart3 .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; }*/
/*.ipart3 .uk-wrap .desc{ min-height: 55px; }*/
/*.ipart3 .uk-slidenav{ background:#e6e6e6; width:40px; height: 80px; text-align: center; padding:28px 8px; }*/


/*.ipart4{ margin-bottom: 120px; padding-top:90px; background:url(../images/bg2.png) center; background-size: cover; }*/
/*.ipart4 .uk-pannel{ background:#fff;  padding:110px 60px; box-shadow: 1px 1px 5px #aaa; margin-bottom: -60px; }*/
/*.ipart4 .left{ padding-right:40px; }*/
/*.ipart4 .left .tit2{ margin:30px 0 20px; }*/
/*.ipart4 .left .btn{ margin-top:40px; }*/
/*.ipart4 .left .btn .uk-button{ height: 50px; }*/
/*.ipart4 .left .btn .uk-button img{ padding:3px 10px 0px; }*/


.ipart5{ background:url(../images/bg3.png) center no-repeat; background-size: cover; padding:70px 0 50px; }
.ipart5 .uk-pannel .ico{ margin-bottom: 20px; transition: all ease 0.5s; }
.ipart5 .uk-pannel .tit{ padding:10px 0; }
.ipart5 .uk-pannel:hover .ico{ transform: rotate(360deg);}



.inban{ height: 600px; background-image:url(../images/ban1.png); background-size: cover; background-position: center; }

/*二级导航*/
.subnav{ margin-bottom: 0px; height: 70px; background:#fff; border-bottom:1px solid #e0e0e0; }
.subnav .uk-flex a{ display: block; height: 70px; line-height: 70px; color:#838383; margin-right:40px; padding:0 5px; position: relative; }
.subnav .uk-flex a::before{ content: ""; position: absolute; left: 50%; width: 0%; right:0; bottom:-1px; height: 3px; background: var(--main-color); transition: all ease 0.2s; }
.subnav .uk-flex a:hover{ color:var(--main-color); }
.subnav .uk-flex a:hover::before{ width: 100%; left: 0; }
.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:-1px; height: 3px; background: var(--main-color); }




/*页脚*/
.footer{ background: #1e1e1e; position: relative; color:#b4b4b4;  }
.footer a{ color:#b4b4b4; }
.footer a:hover{ color:#fff; }

.footer .hd{ padding:50px 0 20px;}

.footer .hd .tit{ margin-bottom:40px; position:relative; }
.footer .hd .tit:before, .footer .hd .tit:after{ content:''; display:block;  height:2px; background:#fff; position:absolute; left:0; bottom:-20px; }
.footer .hd .tit:before{ width:70px; background:#fff; }
.footer .hd .tit:after{ width:25px; background:var(--main-color); }

.footer .fotnav{ width:400px; }
.footer .fotnav ul{ width:200px; }
.footer .fotnav ul>li{ width:50%; line-height:2; }

.footer .fotcat{ width:400px;  }
.footer .fotcat li{ margin-bottom:5px; }

.footer .fotqr .uk-wrap{ margin-right:20px; }
.footer .fotqr .qrcode{ width: 110px; height: 110px; border: 1px solid #474747; margin-bottom:10px; position:relative; }
.footer .fotqr img{ width:90px; margin:9px; }
.footer .fotqr .qrcode span:nth-child(1) { position: absolute; left: -1px; top: -1px; padding: 5px; border-style: solid; border-color: #fff; border-width: 2px 0 0 2px; }
.footer .fotqr .qrcode span:nth-child(2) { position: absolute; right: -1px; top: -1px; padding: 5px; border-style: solid; border-color: #fff; border-width: 2px 2px 0 0; }
.footer .fotqr .qrcode span:nth-child(3) { position: absolute; right: -1px; bottom: -1px; padding: 5px; x; border-style: solid; border-color: #fff; border-width: 0 2px 2px 0; }
.footer .fotqr .qrcode span:nth-child(4) { position: absolute; left: -1px; bottom: -1px; padding: 5px; border-style: solid; border-color: #fff; border-width: 0 0 2px 2px; }
.footer .fotqr .name{ text-align:center; }

.footer .copyright{ padding:20px 0; background:#171717; 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页脚*/


.tbody{ padding:50px 0 90px; }

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


/*公司简介*/





/*荣誉*/
.uk-lightbox.uk-open{ background-color: rgba(0, 0, 0, 0.85); }
.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; min-height: 70px; text-align: center; background: #fafafa; }
.honorlist .uk-wrap .ico{ position: relative; width:100%; height: 330px;  padding:30px; }
.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%; height: 100%; }
.honorlist .uk-wrap:hover{ border-color:var(--main-color); }


/*caselist*/
.caselist>ul{ margin-left:-50px; }
.caselist>ul>li{ padding-left:50px; }
.caselist>ul>li.uk-grid-margin{ margin-top: 50px; }
.caselist .uk-wrap{ border-bottom:3px solid #fff; }
.caselist .uk-wrap .tit{ padding:10px; min-height: 70px; text-align: center; background: #fafafa; }
.caselist .uk-wrap .ico{ position: relative; width:100%; height: 330px;  padding:30px; }
.caselist .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%; }
.caselist .uk-wrap .ico img{ width: 100%; height: 100%; }
.caselist .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-box{ padding:10px; background:#fafafa; border-radius: 5px; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05); }
/* .contact-box .uk-wrap{ background:#f3f3f3; padding:50px 30px 30px; }
.contact-box .ico{ line-height: 1; transition: all ease-in-out 0.2s; margin-bottom: 20px; }
.contact-box .desc{ padding:10px 0; }
.contact-box .uk-wrap:hover .ico{ transform: scale(1.1); }
.contact-box .uk-wrap:hover .name{ color:#ff8400; }
.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; } */
.cats{ width:100%; padding:20px 30px 150px; position: relative; }
.cats .fotcat{ margin-top:40px; }
.cats .fotcat li{ margin: 15px 0; }
.cats .icos{ padding:20px 30px 20px 20px; }
.cats .icos .uk-grid{ margin-left: -10px;}
.cats .icos .uk-grid>div{ padding-left:10px; }
.cats .icos .uk-wrap{ background:#f3f3f3; padding:15px 0 10px;}
.cats .icos .uk-wrap .iconfont{ line-height: 1; color:var(--main-color); }
.cats .icos .uk-wrap:hover { background:var(--main-color); color:#fff; }
.cats .icos .uk-wrap:hover .iconfont{ color:#fff; }


#mapwrap{ height:680px; width: 100%; border-radius: 6px; } 
.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:420px; background:#211b19; padding:25px 30px 35px; border-radius: 10px; color:#b6b4b4; }

.gbook{ background:#f3f3f3; padding:30px 65px 50px; }
.gbook .tit{ margin-bottom: 20px; }
.gbook .uk-input{ background: #fff; height: 50px; font-size:16px; border-color:#fff; }
.gbook .uk-select:not([multiple]):not([size]){ background: #fff; height: 50px; font-size:16px; border-color:#fff; }
.gbook .uk-textarea{  height: 100px; padding-top:8px; background: #fff; font-size:16px; border-color:#fff; }
.gbook .btn .uk-button{ height: 50px; line-height: 48px; margin-left: 10px; font-size:16px; }



/*发展历程*/
.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; }


/*新闻*/
.newspart{  margin-bottom: 30px; background:#f8f8f8; }
.newspart .pic{ width:500px; }
.newspart .uk-wrap{ margin:20px 40px; }
.newspart .uk-wrap .desc{ color:#747474; line-height: 1.8; }
.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: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: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; }

.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: 28px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:first-child span{ left: 15px; }
.cother li:last-child{ padding-right: 28px; 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; }


/*企业文化*/
.culture .hd { position: relative; margin-bottom: 150px; display:flex; margin-top:50px; }
.culture .hd::before { position: absolute; top: 46px; left: 0; right: 0; width: 100%; height: 1px; background-color: #e3e3e3; content: ''; }
.culture .hd .item{ width:33.33%; position:relative; }
.culture .hd .item::after { position: absolute; top: 41px; right: -6px; width: 6px; height: 6px; border-radius: 6px; border: 3px solid #e2d3c1; background-color: #c6955a; content: ''; }
.culture .hd .item:last-child::after { content: none; }
.culture .hd .item .pic { position: relative; width:92px; height: 92px; margin: 0 auto 36px; border-radius: 92px; background-color: #fafafa; transition: all .3s ease; }
.culture .hd .item .pic img { position: absolute; left: 0; top: 0; width:100%; }
.culture .hd .item .pic img:last-child { display: none; }
.culture .hd .item .intro { text-align: center; }
.culture .hd .item .intro .a1{ font-size:26px; line-height: 44px; }
.culture .hd .item .intro .a2{ font-size:16px; line-height: 32px; opacity: .7; }
.culture .hd .item:hover .pic { background-color: #ccad6f; transform:rotateY(360deg) }
.culture .hd .item:hover .pic img:first-child { display: none; }
.culture .hd .item:hover .pic img:last-child { display: block; }

.culture .bd .uk-wrap h3{ border-bottom:1px solid var(--main-color); line-height:44px; }
.culture .bd .uk-wrap h3 span{ display:inline-block; background:var(--main-color); color:#fff; padding:0px 20px; margin-right:20px; position:relative; }
.culture .bd .uk-wrap h3 span:before{ position:absolute; right:-10px; bottom:0; content:''; display:block; width:0; height:0; border-top:22px solid transparent; border-right:5px solid transparent; border-left:5px solid var(--main-color); border-bottom:22px solid var(--main-color); }
.culture .bd .uk-wrap p.tit{ margin-top:20px; }



/*搜索*/
.bg-gray3{ color:#c8c8c8; }
.bg-gray2{ color:#8d8d8d; }
.searchlist{ background:#fff; padding:30px; }
.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;}
.pages .uk-pagination a:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.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 .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) {
    .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; }



}


@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; }

}