.uk-width-180{ width: 180px; }

.uk-container-expand,.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto;}
.uk-sticky-placeholder{ height: 0!important; }

.header .hd{ height: 40px; line-height: 40px; background-color: #eee; color:#797979; }
.header .bd{ height: 90px; color:#9e9e9e; }
c
.header .bd .uk-navbar-left{ min-height:90px; }
.header .bd .logo img{ margin:0; max-height: 60px; }

/* .header .uk-search{ background:url(../images/bg_menu_so.png) left center; height: 50px; padding:5px 0 5px 40px; }
.header .uk-search .uk-search-input{ border:0; min-width: 260px; color:#fff; }
.header .uk-search-default{ width:auto; }
.header .uk-search-default .uk-search-icon{ color:#fff; }
.header :-ms-input-placeholder {color:rgba(255,255,255,0.5)!important; }
.header ::-moz-placeholder{color:rgba(255,255,255,0.5); }
.header ::-webkit-input-placeholder{color:rgba(255,255,255,0.5); } */

.header .uk-navbar{ min-height:90px; }
.header .uk-navbar-center .menu>li{ /*min-width: 120px; margin-left:30px;*/ position: relative; transition: all ease-in-out 0.2s; }
.header .uk-navbar-center .menu>li>a{ position: relative; z-index: 2; min-height: 90px; text-align: center; line-height:90px; text-align: center; display: block; color:#3b3b3b; font-size: 16px; transition: all ease-in-out 0.2s; padding:0 30px; }
.header .uk-navbar-center .menu>li>a span{ display:block; position:relative; }
.header .uk-navbar-center .menu>li>a span:before{ content: ''; width: 0%; height: 3px; background: linear-gradient(to right,rgb(20,71,156),rgb(140,147,200)); position: absolute; left: 0px;  bottom: 20px; transition: all .5s; }
.header .uk-navbar-center .menu>li:hover a span:before,.header .uk-navbar-center .menu>li.active>a span:before{ width:100%; }
/*.header .uk-navbar-right .menu>li:hover{ background-color: #0084c6;}*/
/*.header .uk-navbar-right .menu>li:hover>a,.header .uk-navbar-right .menu>li>a:hover, .header .uk-navbar-right .menu>li.active>a{ background-color: #0084c6; color:#fff;}*/

.header .uk-navbar-center .uk-drop{ margin-top:0; background:rgba(0,0,0,.65); right:0;  width: auto; padding:10px 0; /*top:90px!important;*/ }
.header .uk-navbar-center .uk-drop a{ display: block;  line-height: 30px;color:#bababa; }
.header .uk-navbar-center .uk-drop a:hover{ background:#000; color:#fff; }


.header .lang { margin-left:35px; }
.header .lang a{ width:30px; height: 30px; background: #5d5d5d; color:#232323; text-align: center; border-radius: 6px; margin-left: 15px; }
.header .lang a:hover{ color:#fff; }
.header .lang a.active{ background:#0084c6; color:#fff; }



.banner{ position: relative; overflow: hidden;}
.banner .uk-slidenav{ padding:40px; }
/*.banner .uk-slidenav{ width:40px; height: 70px; text-align: center; opacity: 0.6; }*/
/*.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:30px; margin-left: 0; }
.banner .uk-dotnav>*>*{ width:7px; height: 7px; border:0; border-radius: 5px; background:#fff; transition: all 0.5s;}
.banner .uk-dotnav>.uk-active>*{ width:30px; background:#fff; }


/* .title{ position: relative; margin-bottom: 30px; }
.title .tit{ display: inline-block;}
.title .tit:hover{ color:#000;}
.title:before { position: absolute; bottom: 11px; left: 50%; margin-left: -300px; width: 600px; height: 1px; background: #d8d8d8; content: ''; }
.title .sub{ position: relative; z-index: 1;}
.title .sub span{display: inline-block;height: 19px;line-height: 19px;background: #d8d8d8;color: #fff;padding: 0 15px;}
.title.text-white::before{ background:#fff; } */


.title{ margin-bottom: 30px; text-align: center; }



.ipart1{ padding:40px 0 50px; }
.ipart1 .uk-container>div.uk-grid{ margin-left:-10px; }
.ipart1 .uk-container>div.uk-grid>div{ padding-left:10px; }
.ipart1 .uk-container>div.uk-grid>div.uk-grid-margin{ margin-top:10px; }
.ipart1 .left{ background-image:url(../images/pic1.png); background-size: cover; background-position: center; padding:50px 40px; min-height:600px; }
.ipart1 .left .uk-pannel{ max-width:700px; margin-left:auto; margin-right:auto; }
.ipart1 .left .uk-grid-small{ margin-top:50px; padding-bottom: 80px; }
.ipart1 .right{ background-image:url(../images/pic2.png); background-size: cover; background-position: center; width:400px; padding:50px 40px; }


.ipart2{ padding:0px 0 100px; }
.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-grid>div:nth-child(1) .uk-wrap{ background-image:url(../images/cul1.png); background-size: cover; background-position: center; }
.ipart2 .uk-grid>div:nth-child(2) .uk-wrap{ background-image:url(../images/cul2.png); background-size: cover; background-position: center; }
.ipart2 .uk-grid>div:nth-child(3) .uk-wrap{ background-image:url(../images/cul3.png); background-size: cover; background-position: center; }
.ipart2 .uk-grid>div:nth-child(4) .uk-wrap{ background-image:url(../images/cul4.png); background-size: cover; background-position: center; }
.ipart2 .uk-wrap{ padding:70px 80px; }
.ipart2 .uk-wrap .tit{ padding-bottom: 5px; color:#343434; position: relative; margin-bottom: 7px; }
.ipart2 .uk-wrap .tit::before{ position: absolute; bottom:0; left: 0; content:''; display: block; width:60px; height: 2px; background:#0084c6; }
.ipart2 .uk-wrap .desc{ color:#929292; }
.ipart2 .ico { margin-right:20px; }
.ipart2 .ico .iconfont{ font-size:90px; line-height: 1; color:#0084c6; }
.ipart2 .uk-wrap:hover .iconfont{ color:#fff; }
.ipart2 .uk-wrap:hover .tit{ color:#fff; }
.ipart2 .uk-wrap:hover .desc{ color:#fff; }
.ipart2 .uk-grid>div:nth-child(1) .uk-wrap:hover{ background-image: url(../images/cul1_cur.png); }
.ipart2 .uk-grid>div:nth-child(2) .uk-wrap:hover{ background-image: url(../images/cul2_cur.png); }
.ipart2 .uk-grid>div:nth-child(3) .uk-wrap:hover{ background-image: url(../images/cul3_cur.png); }
.ipart2 .uk-grid>div:nth-child(4) .uk-wrap:hover{ background-image: url(../images/cul4_cur.png); }

/* .ipart1{ padding:60px 0 80px; }
.ipart1 .icons{ margin-top:50px; }
.ipart1 .icons .ico{  width:110px; height: 110px; text-align: center; margin-left: auto; margin-right: auto; border-radius: 50%; background: #0084c6; color:#fff; margin-bottom: 10px; padding:23px 25px; line-height: 1.4; transition: All 0.4s ease-in-out;}
.ipart1 .icons .ico:hover{transform: rotate(360deg); background: #0076b1;}
.ipart1 .icons .desc{ width: 160px; margin-left: auto; margin-right: auto;}
.ipart1 .icons .uk-grid>div:nth-child(1) .desc{ width:160px; margin-left: auto; margin-right: auto;}
.ipart1 .icons .uk-grid>div:nth-child(2) .desc{ width:140px; margin-left: auto; margin-right: auto;}
.ipart1 .icons .uk-grid>div:nth-child(3) .desc{ width:130px; margin-left: auto; margin-right: auto;}
.ipart1 .icons .uk-grid>div:nth-child(4) .desc{ width:170px; margin-left: auto; margin-right: auto;} */


/* .ipart2{ padding:60px 0 110px; background:url(../images/bg_x.png) center; } */
/*.ipart2 .title{ margin-bottom: 0;}*/
/*.ipart2 .title:before{ display: none;}*/
/*.ipart2 .subnews{ margin-bottom: 40px; position: relative; }*/
/*.ipart2 .subnews:before { position: absolute; bottom: 16px; left: 0; right:0; height: 1px; background: #d8d8d8; content: ''; display: block; z-index: 1; }*/
/*.ipart2 .subnews>li{ min-width: 100px; margin:0 2px; position: relative; z-index: 2; }*/
/*.ipart2 .subnews>li>a{ display: block;  background:#dbdbdb; line-height: 35px; text-align: center; }*/
/*.ipart2 .subnews>.uk-active>a,.ipart3 .subnews a:hover{ background:#0084c6; color:#fff; font-weight: bold;}*/
/*.ipart2 .uk-slider-items{ margin-left:-15px; }*/
/*.ipart2 .uk-wrap{ padding-bottom:28px; margin-bottom: 18px; background:#fff; border:1px solid #efefef; position: relative; }*/
/*.ipart2 .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; }*/
/*.ipart2 .uk-wrap .pic{ margin:10px; overflow: hidden; }*/
/*.ipart2 .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }*/
/*.ipart2 .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }*/
/*.ipart2 .uk-wrap .name{ padding:5px 10px; background:#fff; line-height: 40px; text-align: center; }*/
/*.ipart2 .uk-wrap:hover{ border-color:#0084c6; }*/
/*.ipart2 .uk-wrap:hover::before{ transform: rotate(-360deg);}*/
/*.ipart2 .uk-position-small{ background:#ffffff; border-radius: 50%; color:#000; width:40px; height: 40px; text-align: center; padding:8px; }*/
/* .ipart2 .uk-wrap{ background:#fff; padding:20px; height:130px; border:1px solid #fff; }
.ipart2 .uk-wrap img{ max-height:90px; max-width:100%; }
.ipart2 .uk-wrap:hover{ border-color:#0084c6; } */


.ipart3{ padding:65px 0 85px; background:url(../images/bg3.png); }
.ipart3 .uk-wrap{ overflow: hidden; }
.ipart3 .lywrap>.uk-grid{ margin-left: -10px; }
.ipart3 .lywrap>.uk-grid>li{ padding-left: 10px; }
.ipart3 .lywrap>.uk-grid>li.uk-grid-margin{ margin-top:10px; }
.ipart3 .lywrap .uk-wrap{ padding:0; margin: 0; }
.ipart3 .lywrap .uk-wrap .tit{ position: absolute; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,0.5); color:#fff; padding:7px 10px; }
.ipart3 .uk-overlay{ padding:10px; background: rgba(0,0,0,0.15); color:#fff; height: 100%; padding:50px 20px 10px; }
.ipart3 .uk-overlay .name{ margin-bottom: 30px; font-size: 24px; padding-bottom: 5px; position: relative; }
.ipart3 .uk-overlay .name:before{ position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); content:''; display: block; width: 60px; height: 2px; background:#fff; }
.ipart3 .uk-wrap:hover .uk-overlay{ background:rgba(0,132,198,0.9); }
.ipart3 .uk-wrap:hover .tit{ display: none; }


.ipart4{ padding:60px 0 110px; background:url(../images/bg_y.png) center; }
.ipart4 .uk-grid{ margin-left:-25px; padding-top:10px; }
.ipart4 .uk-grid>div{ padding-left:25px; }
.ipart4 .uk-wrap .pic{ overflow: hidden;}
.ipart4 .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }
.ipart4 .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }
.ipart4 .box{ border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin:30px 0 0; padding:15px 0 20px; }
.ipart4 .box .tit{ min-height:132px; color:#000; }
.ipart4 .first:hover .tit{ color:#0084c6; }

/* .ipart5{ padding:85px 0 110px; }
.ipart5 .iabout { padding-top:40px; }
.ipart5 .iabout .left .f100{ color:#f5f5f5; }
.ipart5 .iabout .left .con{ line-height: 2; margin:30px 0 20px; }
.ipart5 .iabout .right .uk-wrap{ padding:0 40px; }
.ipart5 .iabout .right .uk-wrap::before{ content:''; display: block; border:4px solid #77bf00; position: absolute; left: 0; right:0; top:10%; bottom:10%;}
.ipart5 .iabout .right .uk-wrap img{ position: relative; z-index: 2;}
.ipart5 .iabout .right .uk-wrap .uk-position-center{ z-index: 3;} */

.igbook{ padding:100px 0 80px; background:url(../images/bg5.png); background-size: cover; }
.igbook .sub{ position: relative; padding-bottom:30px; }
.igbook .sub::before{ position: absolute; left: 0; bottom:0px; content:''; display: block; width:120px; height:3px; background:#77bf00; }
.title.text-white::before{ background:#fff; }
.igbook .msgtel{ background:#77bf00; padding:0px 20px; margin-top:55px; }
.igbook .gbook{ padding:0; background:none;}
.igbook .gbook .uk-grid-margin{ margin-top:20px; }


.footer{ background: #4b4b4b; position: relative; color:#cacaca; padding-top:50px; }
.footer a{ color:#cacaca; }
.footer a:hover{ color:#63b3dd; }

.footer .fottel .iconfont{ width: auto; margin-right:5px; }

.footer .fotnav dl{ margin:0; margin-right:30px; min-width: 120px; }
.footer .fotnav dl dt{ margin-bottom: 10px;}
.footer .fotnav dl dt a{ color:#fff;}
.footer .fotnav dd a{ display: block; line-height: 30px; position: relative; }
/* .footer .fotnav dd a::before{ position: absolute; left: 0; top:50%; content:''; display: block; width:8px; height: 1px; background:#9f9f9f; } */
.footer .fotcat{ width:440px;  }
.footer .fotcat .fottel{ border-top:1px solid #666; border-bottom: 1px solid #666; padding:10px 0; margin-top:5px; margin-bottom: 10px; }
.footer .fotcat .text-blue{ color:#65c5f6; }
.footer .fotqr{ margin-left:50px; }
.footer .copyright{ margin-top:20px; }
.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{  border-top:2px solid #0084c6; background:#3c3c3c; padding:15px 0 20px; color:#9f9f9f; }
.footer .copyright a{ color:#9f9f9f; }
.footer .copyright a:hover{ color:#fff; }



/*内页导航*/
.inban{ position: relative; height: 360px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; }
.inban .intitle{ bottom: 80px; line-height: 1.2; }
.inban .intitle::before{ content:''; display: block; position: absolute; bottom:-20px; left: 50%; width:120px; margin-left:-60px; height: 3px; background-color: #fff; }

.inban .uk-container{ height: 100%; }
.inban .uk-container>.uk-flex{ height: 100%; padding-left:120px; }
.inban .tit1{ position: relative; font-weight:bold; padding-bottom: 5px; display: inline-block; }
.inban .tit1::before{ position: absolute; left: 0; bottom:5px; content:''; display: block; right: 0; height: 2px; background:#fff; }


.tBody{ padding-bottom:120px; min-height:480px; }
.tBody>.uk-grid{ margin-left:-50px; }
.tBody>.uk-grid>div{ padding-left:50px; }


/*子导航*/
.subnav{ height: 100px; padding:25px 0; position: relative; }
.subnav:after { content: ''; display: block; width: 100%; height: 1px; background: #e4e4e4; position: absolute; top: 50%; }
.subnav .sortname{background: #fff;display: inline-block;position: relative;z-index: 2;padding-right: 20px; height: 50px; line-height: 46px;}
.subnav .sortname:after { content: ''; display: block; width: 9px; height: 9px; margin-top:-5px; border-radius: 50%; position: absolute; right: 0; top: 50%; border: 1px solid #e4e4e4;}
.subnav .nav{ z-index: 2;}
.subnav .nav a{ position: relative; background:#c6c6c6; color:#fff; line-height: 36px; height: 36px; padding: 0px 20px; text-align: center; transition: all ease 0.3s; margin-left:15px; }
.subnav .nav a:hover,.subnav .nav a.active{ color:#fff; background: #0084c6;}



.crumb{border-bottom:1px solid #e7e7e7; padding-top:20px; }
.crumb .wrap{ line-height: 40px; color:#adadad; }
.crumb .wrap a{ color:#a5a5a5; }
.crumb .wrap a:last-child,.crumb .wrap a:hover{ color:#0084c6; }

/*企业文化*/
.culture{ padding:20px 0; }


/*荣誉*/
.honorlist>div{ margin-left:-15px; }
.honorlist>div>div{ padding-left:15px; }
.honorlist>div>div.uk-grid-margin{ margin-top: 15px; }
.honorlist .uk-wrap{ border:1px solid #e8e8e8; padding:5px 29px; }
.honorlist .uk-wrap .tit{ color:#636363; line-height: 40px; border-top:1px solid #e8e8e8; text-align: center; }
.honorlist .uk-wrap .ico{ padding:15px 0; text-align: center; }
.honorlist .uk-wrap .ico img{ max-width: 100%; height: 180px; }
.honorlist .uk-wrap:hover{ border:2px solid #0084c6; padding:4px 28px; }


/*涉足领域*/
.getlist .uk-wrap{ padding-bottom:28px; margin-bottom: 18px; background:#fff; position: relative; }
.getlist .uk-wrap .pic{ overflow: hidden; }
.getlist .uk-wrap div[uk-img]{ transition: all ease-in-out 0.2s; background-size: cover; background-position: center; }
.getlist .uk-wrap:hover div[uk-img]{ transform: scale(1.1); }
.getlist .uk-wrap .name{ padding:5px 10px; background:#fff; line-height: 40px; text-align: center; }
.getlist .uk-wrap:hover{ border-color:#0084c6; }
.getlist .uk-wrap:hover::before{ transform: rotate(-360deg);}
.getlist .uk-position-small{ background:#ffffff; border-radius: 50%; color:#000; width:40px; height: 40px; text-align: center; padding:8px; }


/*招聘*/
.joinwrap .joblist{ width:220px; }
.joinwrap .joblist .tit{ background:#0084c6; color:#fff; height: 50px; line-height: 50px; padding:0px 20px; }
.joinwrap .joblist ul{ background:#f7f7f7; padding-bottom: 10px; }
.joinwrap .joblist ul li{ height: 50px; position: relative; }
.joinwrap .joblist ul li::before{ content:''; display: block; height: 1px; background:#e6e6e6; position: absolute; left: 20px; bottom: 0; right:20px; }
.joinwrap .joblist ul li:last-child::before{ display: none; }
.joinwrap .joblist ul li a{ display: block; line-height: 50px; padding:0 20px; }
.joinwrap .joblist ul li.active a{ background:#fff; color:#0084c6; }


.jobdetail{ border:1px solid #e6e6e6; }
.jobdetail .tit{ border-bottom:1px solid #e6e6e6; padding:0 20px; background:#f7f7f7; line-height: 50px;  }
.jobdetail .box{ padding:15px 20px 30px; }
.jobdetail .box .hd{ border-bottom:1px dashed #e6e6e6; margin-bottom: 15px; }
.jobdetail .box .hd>div{ line-height: 50px; min-width: 240px; }
.jobdetail .box .fd{ margin-top:15px; }
.jobdetail .uk-wrap{ position: relative; padding-left:5em; }
.jobdetail .uk-wrap .th{ position: absolute; left: 0; }



/*产品*/
.pronavlist .uk-wrap{ margin-bottom: 40px; position: relative; /*padding-left:440px;*/ min-height: 290px; }
.pronavlist .uk-wrap .pic{ position: absolute; left: 0; }
.pronavlist .uk-wrap .pic img{ width: 420px; }
.pronavlist .uk-wrap .con{ background:#f7f7f7; padding:20px 30px; border-bottom:4px solid #0084c6; min-height: 290px; }
.pronavlist .uk-wrap .con .tit{ border-bottom:1px solid #ebebeb; margin-bottom: 15px; padding-bottom: 5px; }
.pronavlist .uk-wrap .con .tit a{ color:#000; }
.pronavlist .uk-wrap .con .pros>a{ color:#656565; }
.pronavlist .uk-wrap:hover .con{ background:#e0f5ff; }

/* .joinus{ margin:0 50px 50px; }
.joinus .uk-wrap p{ position: relative; background:#f7f7f7; padding:15px 20px 15px 80px; border-radius: 10px; margin-bottom: 10px; }
.joinus .uk-wrap p::before{ position: absolute; left: 0; top:0; bottom:0; content:''; display: block; width: 60px; height: 100%; text-align: center; line-height: 58px; font-style:italic; background:#0084c6; color:#fff; font-size:24px; font-weight: bold; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.joinus .uk-wrap p:nth-child(1):before{ content:'1'; }
.joinus .uk-wrap p:nth-child(2):before{ content:'2'; }
.joinus .uk-wrap p:nth-child(3):before{ content:'3'; }
.joinus .uk-wrap p:nth-child(4):before{ content:'4'; }
.joinus .uk-wrap p:nth-child(5):before{ content:'5'; }
.joinus .uk-wrap p:nth-child(6):before{ content:'6'; }
.joinus .uk-wrap p:nth-child(7):before{ content:'7'; }
.joinus .uk-wrap p:nth-child(8):before{ content:'8'; }
.joinus .uk-wrap p:nth-child(9):before{ content:'9'; }
.joinus .uk-wrap p:nth-child(10):before{ content:'10'; } */

/* .joblist>ul>li{ border:1px solid #f7f7f7; padding:20px 30px; margin-bottom:20px; background-color: #f7f7f7; }
.joblist>ul>li .tit{ border-bottom:1px dashed #ebebeb; padding-bottom: 10px; margin-bottom: 15px; } */
/* .joblist>ul>li .tit span{ position: relative; display: inline-block; background: #b3b3b3; padding:5px 100px 5px 15px; color:#fff; line-height: 40px;}
.joblist>ul>li .tit span::before{ position: absolute; right:-20px; top:0; content:''; display: block; width:0; height: 0; border:25px solid #b3b3b3; border-right:20px solid transparent; border-left:0; } */
/* .joblist>ul>li:hover{ background:#fff; border-color:#0084c6; } */
/* .joblist>ul>li:hover .tit span{ background:#ff7b39; }
.joblist>ul>li:hover .tit span::before{ border-color:#ff7b39; border-right-color:transparent; } */
/* .joblist>ul>li .ctn{ padding:0px 0 20px; color:#575757; line-height: 2; }
.joblist>ul>li .ctn .uk-wrap{ position: relative; padding-left:5em; }
.joblist>ul>li .ctn .uk-wrap .th{ position: absolute; left: 0; }
.joblist>ul>li .ctn ol{ padding-left:16px; }
.joblist>ul>li .ctn ol li{ list-style-type:decimal; } */



.content{ line-height: 2; color:#444444; }
.content img{ height: auto!important;}
/* .content table{ max-width:100%; }
.content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */
/* .content table{ border-collapse:collapse; backface-visibility:visible; width: 100%; }
.content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */
/* .content table{ border-collapse: collapse; width:100%; }
.content table td{border:1px solid #ccc!important; padding:3px 10px; word-wrap:break-word; word-break:break-word;}
.content table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;}
.content table tbody tr >td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!important; } */

/*公司简介*/





/*发展历程*/
.history{ padding:0 100px; color:#363636; }
.history>div{ color:#0084c6; }
.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_dot.png); }
.history ul li{ min-height: 320px; position: relative;}
.history ul li *{ transition: all ease 0.3s; }
.history ul li .wrap{ position: relative; padding-top:130px; padding-bottom:100px; }
.history ul li .wrap p{ position: relative;}
.history ul li .wrap p strong{ display: block; color:#0084c6; font-size:22px; }
.history ul li .wrap p::before{ position: absolute; top:12px; width:73px; height: 18px; display: block; content:''; }
.history ul li:nth-child(odd) .wrap p:nth-child(odd){ margin-left:50%; padding-left:120px; text-align: left; }
.history ul li:nth-child(odd) .wrap p:nth-child(even){ margin-right:50%; padding-right:120px; text-align:right; }
.history ul li:nth-child(odd) .wrap p:nth-child(odd)::before{ left: -10px;; background:url(../images/ico_dot_right.png) left top no-repeat; }
.history ul li:nth-child(odd) .wrap p:nth-child(even)::before{ right: -9px;; background:url(../images/ico_dot_left.png) left top no-repeat; }
.history ul li:nth-child(even) .wrap p:nth-child(even){ margin-left:50%; padding-left:120px; text-align: left; }
.history ul li:nth-child(even) .wrap p:nth-child(odd){ margin-right:50%; padding-right:120px; text-align:right; }
.history ul li:nth-child(even) .wrap p:nth-child(even)::before{ left: -10px;; background:url(../images/ico_dot_right.png) left top no-repeat; }
.history ul li:nth-child(even) .wrap p:nth-child(odd)::before{ right: -9px;; background:url(../images/ico_dot_left.png) left top no-repeat; }

.history ul li .year{ position: absolute; top:0; left:50%; margin-left:-35px;  }
.history ul li .year .num{ position: relative; z-index: 2; display: block; width:70px; height: 70px; line-height: 70px; border-radius: 50%; text-align: center; background:#0084c6;  }
.history ul li .year .num img{ display: block; padding:13px; }
.history ul li.last{ min-height: 70px;}


@keyframes warn{
    0%{transform:scale(0);opacity:1}
    100%{transform:scale(2);opacity:0}
}
.history ul li .area-box .pulse{ position:absolute; top:0; height:70px;width:70px;border:1px solid #b7b7b7; border-radius:50%; background:#fff; opacity:0.12; animation:warn 2s ease-out both;animation-iteration-count:infinite; }
.history ul li .area-box .delay-01{animation-delay:0}
.history ul li .area-box .delay-02{animation-delay:.4s}
.history ul li .area-box .delay-03{animation-delay:.8s}
.history ul li .area-box .delay-04{animation-delay:1.2s}
.history ul li .area-box .delay-05{animation-delay:1.6s}
.history ul li .area-box .delay-06{animation-delay:2s}
.history ul li .area-box .delay-07{animation-delay:2.4s}
.history ul li .area-box .delay-08{animation-delay:-.4s}
.history ul li .area-box .delay-09{animation-delay:-.8s}
.history ul li .area-box .delay-10{animation-delay:-1.2s}
.history ul li .area-box .delay-11{animation-delay:4s}

@keyframes scaleToggleOne{
    0 {transform:scale(1);-webkit-transform:scale(1)}
    50% {transform:scale(2);-webkit-transform:scale(2)}
    100% {transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{
    0 {transform:scale(1);-webkit-transform:scale(1)}
    20% {transform:scale(1);-webkit-transform:scale(1)}
    60% {transform:scale(2);-webkit-transform:scale(2)}
    100% {transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{
    0 {transform:scale(1);-webkit-transform:scale(1)}
    33% {transform:scale(1);-webkit-transform:scale(1)}
    66% {transform:scale(2);-webkit-transform:scale(2)}
    100% {transform:scale(1);-webkit-transform:scale(1)}
}

.history ul li.last .animated-circles{ position: absolute; left: 0; top:0; z-index: 1; }
.history ul li.last .animated-circles .circle{background:rgba(201,21,30,0.1);width:70px;height:70px;border-radius:50%;position:absolute;z-index:49;transform:scale(1);-webkit-transform:scale(1)}
.history ul li.last .animated-circles.animated .c-1{animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards}
.history ul li.last .animated-circles.animated .c-2{animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards}
.history ul li.last .animated-circles.animated .c-3{animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards}
.history ul li.last.animation-stopped .circle{opacity:0!important}

/*文化*/
.culture li{ min-height: 160px; background:#f5f5f5; margin-bottom: 30px; padding:10px; border-radius: 80px; }
.culture li .first{ width:150px; }
.culture li .ico{ width:140px; min-height:140px; height: 100%; background:#fff; border-radius: 70px; }
.culture li .name{ width:220px; text-align: center; line-height: 1.6; }
.culture li .desc{ padding:20px 60px 20px 0; }
.culture ul{ margin-top: 30px; }
.culture .uk-grid{ margin-left:-10px; }
.culture .uk-grid>div{ padding-left:10px; }


/*留言*/
.gbktit{ width:800px; margin: 40px auto; }
.gbktit .iconfont{ display: block; background: #0084c6; width:90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; color:#fff; font-size: 50px;}


/*留言*/
.messagebox{ max-width:960px; padding:30px 0 80px; margin:0 auto; }

.msgtit{ max-width:1000px; margin: 40px auto 40px; }
.msgtit .iconfont{ display: block; background: #0084c6; width:90px; height: 90px; border-radius: 50%; text-align: center; line-height: 80px; color:#fff; font-size: 40px;}

.message .box{ max-width:1000px; margin:0 auto; }
.message .box .uk-wrap{ margin-bottom:10px; }
.message .uk-form-horizontal .uk-form-controls{ margin-left:0; }
.message .box .uk-form-label{ display:block; font-size:16px; color:#333; width: auto; margin-bottom:5px; }
.message .box .uk-form-label span{ margin-left:20px; display:inline-block; }
.message .box .uk-input{ background: #fbfbfb; border-radius: 6px; }
.message .box .uk-textarea{ height: 100px; padding-top:8px; background: #fbfbfb; border-radius: 6px;  }
.message .msgcode{ padding-right: 150px;}
.message .msgcode img{ cursor: pointer; }

/*联系我们*/
.minHauto{ min-height: auto;}
.contact-box{ padding:40px 0; color:#484848; }
.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:#0084c6; }
.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; }


#amap{ height:500px; width: 100%;}
.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{ position: relative; width:100px; background:#fff; padding:0px; color:#808080; overflow: hidden; }
.catinfo .tit1{ margin-bottom: 15px; }
.catinfo ul li,.catinfo ul li .iconfont{ color:#808080; }
.catinfo ul li .iconfont{ color:#808080;}
.catinfo .onenavi{ color:#fff; width:100%; padding:5px 10px; text-align: center; background:#0084c6; line-height: 1.4; }
.catinfo .onenavi .f16{ line-height: 1.2; }
.catinfo .onenavi .iconfont{ line-height: 1;}
.catinfo ul li{ margin-bottom: 10px; line-height: 1.6;}



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



.catlist { margin-top:0px; }
.catlist .uk-wrap{ padding:20px 25px; background:#efefef; border-radius: 10px; }
.catlist .uk-wrap .tit{ border-bottom:1px solid #ccc; padding-bottom: 8px; margin-bottom: 10px; }




/*报告查询*/
.report{ background:#f3f3f3; padding:30px 65px 50px; }
.report .tit{ margin-bottom: 20px; }
.report .tab{ border-bottom:1px solid #ccc; height: 42px; line-height: 40px; }
.report .tab a{ display: inline-block; padding:0 30px; background:#dadada; color:#626262; border-left:1px solid #dadada; border-right:1px solid #dadada; border-top:2px solid #dadada; }
.report .tab a.active,.report .tab a:hover{ background:#f3f3f3; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:2px solid #0084c6; }
.report .box{ padding:45px 0; }
.report .box .uk-input{ background: #fff; height: 50px; font-size:16px; border-color:#fff; }
.report .btn .uk-button{ height: 50px; line-height: 48px; margin-left: 10px; font-size:16px; }
.report .result{ margin-top:50px; border-top:1px solid #dadada; padding:20px 0; }
.report .result .nodata .iconfont{ font-size:120px; color:#c7c7c7; line-height: 1.4; }

/*新闻*/
.newslist li{ position: relative; margin-bottom: 20px; border:1px solid #f5f5f5; background:#f5f5f5; }
.newslist li .pic{ width: 360px;}
/* .newslist li .pic img{ width:360px; } */
.newslist li .con{ padding:40px;  }
.newslist li .con .f24{ margin-bottom:5px; }
.newslist li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 56px; margin-top:10px; }
.newslist li:hover{ border-color:#0084c6; background: #fff; }
.newslist li:hover .f24{ color:#0084c6; }

.newslist1 ul{ padding-top: 20px; border-top: 1px solid #e9e9e9; }
.newslist1 li{ position: relative; margin-bottom: 20px; border-bottom:1px solid #e5e5e5; padding-bottom:20px; }
.newslist1 li .date{ margin-right:40px; padding-top:10px; margin-right:80px; width:120px; position: relative; color:#333333; order:-1; }
.newslist1 li .date::before{ position: absolute; top:32px; right: -40px; content:''; display: block; width:1px; height: 100px; background: #d6d6d6; }
.newslist1 li .pic{ margin-left:50px; order:2; }
.newslist1 li .pic .img{ width:260px; }
.newslist1 li .con{ padding:20px 0 25px; min-height: 160px; }
.newslist1 li .con .f24{ margin-bottom:10px; }
.newslist1 li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 58px;}
/* .newslist1 li .con .tags{ position: absolute; bottom:-5px; right:0; z-index: 101; }
.newslist1 li .con .tags span,.newslist li .con .tags a{ margin-left:5px; background:#e2e2e2; color:#717171; }
.newslist1 li .con .tags span:hover,.newslist li .con .tags a:hover{ margin-left:5px; background:#0084c6; color:#fff; } */
.newslist1 li:hover{ border-color:#0084c6; }
.newslist1 li:hover .date{ color:#0084c6; }
.newslist1 li:hover .date::before{ background: #0084c6;}
.newslist1 li:hover::before{ position: absolute; top:-21px; left: 0; content:''; display: block; width:100%; height: 1px; background: #0084c6;}
.newslist1 li:hover .f24{ color:#0084c6; }


.newslist-card>.uk-grid{ margin-left:-32px; }
.newslist-card>.uk-grid>li{ padding-left:32px; }
.newslist-card>.uk-grid>li.uk-grid-margin{ margin-top:60px; }
.newslist-card .uk-wrap .con{ padding:20px 15px; }
.newslist-card .uk-wrap .con .max{ height:152px; overflow: hidden; }
.newslist-card .uk-wrap .con .tit{ line-height: 1.6; padding:0 20px; }
.newslist-card .uk-wrap .con .desc{ border-top:1px dotted #bdbdbd; margin-top:10px; padding-top:10px; color:#878787; }
.newslist-card .uk-wrap:hover .con .tit{ color:#0084c6; }

.newslist2 ul{ padding-top: 25px; border-top: 1px solid #e9e9e9; }
.newslist2 li{ position: relative; margin-bottom: 25px; border-bottom:1px solid #e5e5e5; padding-bottom:25px; }
.newslist2 li .date{ margin-right:80px; margin-top:10px; padding-top:0px; margin-left:0px; width:120px; position: relative; color:#333333; }
.newslist2 li .date::before{ position: absolute; top:10px; right: -40px; content:''; display: block; width:1px; height: 100px; background: #d6d6d6; }
.newslist2 li .date .f70{ line-height: 80px;}
.newslist2 li .pic .img{ width:220px; }
.newslist2 li .btn{ margin-top:25px; }
.newslist2 li .btn .uk-button{ width:120px; height: 30px; line-height: 30px; background:#ededed; padding:0 10px; text-align: center; }
.newslist2 li .con{ padding:15px 0;  }
.newslist2 li .con .f24{ margin-bottom:5px; }
.newslist2 li .con .desc{color:#838383; line-height: 1.8; min-height: 56px;}
.newslist2 li:hover{ border-color:#0084c6; }
.newslist2 li:hover .date{ color:#0084c6; }
.newslist2 li:hover .date::before{ background: #0084c6;}
.newslist2 li:hover::before{ position: absolute; top:-26px; left: 0; content:''; display: block; width:100%; height: 1px; background: #0084c6;}
.newslist2 li:hover .f24{ color:#0084c6; }


/*Faq*/
.faqlist>ul>li{ position: relative; margin-bottom:0px; margin-top:-1px!important; border-top:1px dashed #e0e0e0; border-bottom:1px dashed #e0e0e0; }
.faqlist .uk-accordion-title{ padding: 30px 0 30px 50px; position: relative;}
.faqlist .uk-accordion-title i{ position: absolute; left: 0; top:27px; color:#fff; background: #939393;  display: block; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; font-size: 20px; font-style: normal; font-weight: 100; text-align: center; }
.faqlist .uk-accordion-content{ position: relative; margin: 0; padding: 0 30px 40px 50px; color:#828282;}
.faqlist .uk-accordion-content i{ position: absolute; left: 0; top:0px; color:#0084c6; background: #fff; border:1px solid #0084c6;  display: block; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; font-size: 20px; font-style: normal; font-weight: 100; text-align: center; }
.faqlist .uk-accordion-content>*{ line-height: 1.8;}
.faqlist .uk-open{ border-color:#0084c6; position: relative; z-index: 2; }
.faqlist .uk-open .uk-accordion-title{ color:#0084c6;}
.faqlist .uk-open .uk-accordion-title i{ background: #0084c6;}
.faqlist .uk-open + li{  }
.faqlist li.uk-open:last-child::after{  }

/*团队*/
/* .humlist dl{ margin-bottom:80px; min-height: 310px; position: relative; padding-top:10px; }
.humlist dl .pic{ position: absolute; top:0; width:304px; height: 304px; border:2px solid #e9e9e9; border-radius: 50%; padding:5px; }
.humlist dl .pic img{ width:290px; height: 290px; border-radius: 50%;}
.humlist dl:nth-child(odd){ padding-left:350px; }
.humlist dl:nth-child(odd) .pic{ left: 0;}
.humlist dl:nth-child(even){ padding-right:350px; text-align: right; }
.humlist dl:nth-child(even) .pic{ right: 0;} */

.humlist li{ margin-bottom: 60px; }
.humlist li .wrap{ background: #fff; border-radius: 10px; overflow: hidden; }
.humlist li .wrap .pic{ width:300px; height: 300px; border:2px solid #e6e6e6; padding:8px; border-radius: 50%; margin-right: 10px; }
.humlist li .wrap .pic img{ width:280px; height: 280px; border-radius: 50%; }
.humlist li .wrap .con{ flex: 1; padding:11px 30px 20px; }
.humlist li .wrap .con .tit{ /*border-bottom:1px dashed #e8e8e8;*/ padding:5px 0; margin-bottom: 10px; }
.humlist li .wrap .con .desc{ min-height: 200px; overflow: hidden; color:#474747; }



.downlist li{ position: relative; height: 80px; line-height: 40px; padding:20px 60px 20px 60px; background:#f3f3f3; margin-bottom: 20px; }
.downlist li .icon-file{ position: absolute; left: 20px;  }
.downlist li .last{ position: absolute; right:20px; top:20px; }
.downlist li:hover{ background:#77bf00; color:#fff;  }
.downlist li:hover .f16{ font-weight: bold; }



/*画册*/
.albumlist .uk-grid{ margin-left:-15px; }
.albumlist .uk-grid>li{ padding-left:15px; }
.albumlist .uk-wrap{ border:1px solid #e6e6e6; padding:10px; }
.albumlist .uk-wrap .name{ left: 10px; bottom:10px; right:10px; background:#595959; color:#fff; padding:5px 40px 5px 15px; }
.albumlist .uk-wrap .name .iconfont{ position: absolute; right:5px; top:7px; }


/*搜索*/
.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:#0084c6; }

.searchlist .searchinfo{ background: #f8f8f8; padding: 10px 15px; margin-bottom: 20px; color:#757575; }
.searchlist .news li{ padding-bottom: 20px; margin-bottom: 20px; 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:#0084c6!important; }
.searchlist .news li .date{ margin-bottom: 5px; color:#c8c8c8; }
.searchlist .news li .date .desc{ color:#8b8b8b; }
.searchlist .news li:hover .tit a{ color:#0084c6; }






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

.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:#0084c6; color:#fff; }

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



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



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





/*资质荣誉*/
.uk-lightbox{ background: rgba(0,0,0,.5);}
.lightbox .uk-grid{ margin-left: -100px;}
.lightbox li{ margin-bottom: 60px; padding-left:100px!important;}
.lightbox li>div{ }
.lightbox li>div .name{ line-height: 50px; text-align: center; background: #f7f7f7;}
.lightbox li:hover>div{ }
.lightbox li:hover>div .name{ color:#0084c6; }

.newcert .uk-slideshow-items .wrap{ max-width: 1000px; margin:0 auto;}
.newcert .uk-slideshow-items .wrap .pic{ margin:0 0 30px; }
.newcert .uk-slideshow-items .wrap .desc{ color:#656565; }

.newcert .uk-slidenav{ top:300px; background: #fff; width: 60px; height: 60px; padding:18px 15px; text-align: center; border-radius: 50%; box-shadow: 0 0 5px 2px rgba(0,0,0,0.05); }
.newcert .uk-slidenav svg{ color:#000; }

.newcert .uk-thumbnav{ border-top:1px solid #d1d1d1; }
.newcert .uk-thumbnav>li{ border-bottom:1px solid #d1d1d1; }
.newcert .uk-thumbnav>li a{ padding:40px 10px; display: block; }
.newcert .uk-thumbnav>li a .pic{ height: 200px;}
.newcert .uk-thumbnav>li a .pic img{ max-height: 200px; max-width: 100%;}
.newcert .uk-thumbnav>li a .txt{ padding:10px 0; text-align: center;}
.newcert .uk-thumbnav>*>::after{ background: transparent; height: 3px; top:auto; bottom:-2px;  }
.newcert .uk-thumbnav>.uk-active>::after{ background:#0084c6; }



/*合作*/
.partner>.uk-grid{ margin-left:-15px; }
.partner>.uk-grid>li{ padding-left:15px; }
.partner>.uk-grid>li.uk-grid-margin{ margin-top:15px; }
.partner li>.wrap{ border:1px solid #e5e5e5; padding:20px; background:#fff; position: relative; }
.partner li>.wrap .pic{ height: 90px; }
.partner li>.wrap .pic img{ max-width: 100%; max-height: 90px;}
.partner li>.wrap:hover{ border-color:#0084c6; }
.partner li>.wrap:hover .name{ color:#fff; }
.partner .uk-overlay{ background:rgba(0,132,198,0.85); color:#fff; }


/*案例*/
.caselist{ padding-bottom: 50px; }
.caselist .wrap{ height: 100%; overflow: hidden; }
.caselist .wrap .pic{ overflow: hidden;}
.caselist .wrap .con{ padding:10px; overflow: hidden; background-color: #eee; color:#3d3d3d; transition: all ease-in-out 0.2s; }
.caselist .wrap .tit{ line-height: 1.6; }
.caselist .wrap .desc{ color:#848484; }
.caselist .wrap:hover .con{ background:#0084c6; color:#fff; }


/*团队*/
/* .teamlist li{ margin-bottom:30px; position: relative; min-height: 270px;}
.teamlist li .pic{ width: 200px; position: absolute; top:0; }
.teamlist li .desc{ line-height: 1.8; margin-top:10px;}
.teamlist li:nth-child(odd){ padding-left: 220px;}
.teamlist li:nth-child(odd) .pic{ left: 0; }
.teamlist li:nth-child(even){ padding-right: 220px;}
.teamlist li:nth-child(even) .pic{ right: 0; } */





/*视频*/
.videolist li a{ z-index: 3;}
.videolist li .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; }
.videolist li .con{ padding:15px 70px 20px; border-bottom:3px solid transparent; min-height: 180px; }
.videolist li .con .f18{ border-bottom:1px dashed #ccc; padding:8px 20px; margin-bottom:15px;  }
.videolist li:hover .con{ border-color:#0084c6; background: #f7f7f7;}



/*产品*/
.product-service .uk-table thead td{ background:#0084c6; border:1px solid #0084c6; padding:10px; color:#fff; padding:10px; text-align:center; }
.product-service .uk-table thead tr>td:nth-child(1){ width:250px; }
.product-service .uk-table thead tr>td:nth-child(2){ width:100px; }
.product-service .uk-table tbody td{ border:1px solid #0084c6; padding:10px; text-align:center; vertical-align:middle; }
.product-service .uk-table tbody tr>td:last-child{ text-align:left; }


.proside{ width:215px; }
.proside>ul>li{ background:#ececec; margin-bottom:5px; position:relative; }
.proside>ul>li:hover>a{ background:#0084c6; color:#fff; }
.proside>ul>li:hover .uk-icon{ color:#fff; }
.proside>ul>li .uk-icon{ right:10px; }
.proside>ul>li>a{ display:block; padding:7px 15px; color:#000; font-size:16px; }
.proside>ul>li .uk-drop{ background:#5dbeef; width:200px; }
.proside>ul>li .uk-drop a{ display:block; color:#fff; padding:6px 15px; border:1px solid #5dbeef; }
.proside>ul>li .uk-drop a[aria-expanded="true"], .proside>ul>li .uk-drop a:hover{ background:#fff; color:#000; border:1px solid #0084c6; background:url(../images/icon_li.png) 170px center no-repeat #fff; }



.protable .uk-table thead tr th{ background:#0084c6; color:#fff; font-size:16px; padding:8px 10px; text-align:center; }
.protable .uk-table tbody td{ padding:8px 10px; text-align:center; font-size:16px; border:1px solid #ededed; }
.protable .uk-table .iconfont{ line-height:1; }


.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:#0084c6; }
.productlist .uk-wrap:hover::before{ transform: rotate(-360deg);}


.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 #0084c6!important; 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; }


/*合作客户*/
.customer{ background: #f5f5f5; padding:60px 0; margin:20px 0 40px;}
.customerlist{ border-top:1px solid #efefef; border-left: 1px solid #efefef; background: #fff;}
.customerlist .uk-pannel{  border-bottom:1px solid #efefef; border-right:1px solid #efefef; }
.customerlist .uk-pannel a:hover{ box-shadow: 0 0 5px 0px #0084c6;}


/* 网站地图 */
.sitemap dl dt{ background:#77bf00; color:#fff; line-height: 44px; padding:0 20px; }
.sitemap dl dd{ border:1px solid #ececec; border-top:0; padding:20px; }
.sitemap dl dd a{ font-size:14px; }
.sitemap .sub2 .son{ min-width: 18%;}
.sitemap .sub3 .son{ min-width: 30%;}
.sitemap .sub5 .son{ min-width: 18%;}
.sitemap .submenu .uk-wrap a{ min-width: 160px; }

/* 标签 */
.tags-box dl dt{ height: 44px; }
.tags-box dl dt span{ display: inline-block; line-height: 44px; padding:0 30px; position: relative; color:#fff; background:#77bf00; min-width: 150px; }
.tags-box dl dt span::before{ position: absolute; right:-20px; content:''; display: block; width:0; height: 0; border-left:10px solid #77bf00; border-bottom:22px solid #77bf00; border-top:22px solid transparent; border-right:10px solid transparent; }
.tags-box dl dd{ border:1px solid #ececec; padding:20px; }

.uk-tags h4{ height: 30px; line-height: 1; padding-left:10px; border-left:7px solid #77bf00; margin: 20px 0 30px; }
.uk-tags .taglist .uk-grid{ margin-left:-20px; }
.uk-tags .taglist .uk-grid>li{ padding-left:20px;  }
.uk-tags .taglist .uk-grid>li.uk-grid-margin{ margin-top:20px; }
.uk-tags .uk-wrap{ background:#f5f5f5; padding:30px 30px 40px; transition: all ease 0.3s; }
.uk-tags .uk-wrap::before{ position: absolute; bottom:0; right:0; z-index: 1; content:'';width: 0; height: 0; border:30px solid #77bf00; border-top-color: transparent; border-left-color: transparent; }
.uk-tags .uk-wrap .tit{ color:#2c2c2c; line-height: 1.6; margin-bottom: 15px; min-height: 60px; }
.uk-tags .uk-wrap .desc{ min-height: 84px; line-height: 2; }
.uk-tags .uk-wrap .uk-icon{ position: absolute; bottom:5px; right:5px; z-index: 2; color:#fff; }
.uk-tags .uk-wrap .uk-position-z-index{ z-index: 3; }
.uk-tags .uk-wrap:hover{ background:#77bf00; color:#fff; }
.uk-tags .uk-wrap:hover .tit{ color:#fff; }
.uk-tags .uk-wrap:hover::before{ border-color:#0084c6; border-top-color: transparent; border-left-color: transparent; }


/*弹出层*/
.my-modal-simple .uk-modal-dialog{ width:220px; }
.my-modal-medium .uk-modal-dialog{ width:450px; }
.my-modal-large .uk-modal-dialog{ width:940px; }

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

/* ::-webkit-scrollbar{width:10px;height:10px;background:transparent}
::-webkit-scrollbar-track{background:#f5f5f5}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0084c6}
::-webkit-scrollbar-thumb:hover{background-color:#0084c6}
.mini-bar::-webkit-scrollbar{width:6px;height:6px}
.mini-bar::-webkit-scrollbar-thumb{border-radius:3px} */
@media screen and (max-width:768px){
    /* ::-webkit-scrollbar{width:4px;height:4px}
    ::-webkit-scrollbar-thumb{border-radius:0} */

}