.header{ width: 100%; height:80px; }

.header .logo{ height: 100%; padding-left: 0px;}

.header .menu { padding-right: 20px;}
.header .menu > ul{ height: 80px; }
.header .menu a{ color:#464545; z-index: 1; position: relative; }
.header .menu a:hover,.header .menu a.uk-open,.header .menu li.active>a{ color:#0077bc;}
.header .menu .uk-navbar-nav > li{ position: relative; margin-left: 30px; }
.header .menu .uk-navbar-nav > li > a{ padding: 0 10px; min-height: 80px; line-height: 80px; }
.header [class*=uk-navbar-dropdown-bottom]{ margin-top:0;}
.header .uk-navbar-dropdown{ width:100%; padding: 10px 0; box-shadow:none; background:rgba(0,0,0,.5);}
.header .uk-navbar-dropdown a{ text-align: center; color:#fff; font-size: 0.14rem; line-height: 30px;}
.header .uk-navbar-dropdown a:hover{ color:#fff; background:#0077bc;}
.header .menu .uk-navbar-nav > li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 2px;
    z-index: 1;
    background: #0077bc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
}
.header .menu .uk-navbar-nav > li.active::after,
.header .menu .uk-navbar-nav > li:hover::after {
    transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1); }


.bannerwrap{ overflow: hidden;}
.banner{ height: 100%;}
.banner{ z-index: 1; }
.banner .uk-dotnav{ bottom:10px;}
.banner .uk-dotnav>*>*{ width:18px; height: 18px; background:url(../images/bg_num.png); border:0;}
.banner .uk-dotnav>.uk-active>* {background:url(../images/bg_num_cur.png);}

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

.title1{ line-height: 1.3; margin-bottom: 25px; }
.title1 a{ display: inline-block;}

.ipart1{ padding: 120px 0;}
.ipart1 .isrv{ margin-top:80px;}
.ipart1 .isrv a{ width:200px; height:200px; border:8px solid #fff; box-shadow: 0 0 3px #0077bc; border-radius: 50%; background: #fff; padding-top:20px; }
.ipart1 .isrv a i{ display: block; width:110px; height: 110px; background-repeat:no-repeat; margin-left: auto; margin-right: auto; }
.ipart1 .isrv a:nth-child(1) i{ background-image: url(../images/ico_i1.png);}
.ipart1 .isrv a:nth-child(2) i{ background-image: url(../images/ico_i2.png);}
.ipart1 .isrv a:nth-child(3) i{ background-image: url(../images/ico_i3.png);}
.ipart1 .isrv a:nth-child(4) i{ background-image: url(../images/ico_i4.png);}
.ipart1 .isrv a div{ padding:5px; font-size: 18px; color:#0077bc;}
.ipart1 .isrv a:hover{ background-color: #0077bc;}
.ipart1 .isrv a:hover i{ background-position: bottom;}
.ipart1 .isrv a:hover div{ color:#fff;}

.ipart2{ background: #f7f7f7; padding:110px 0 0px; }
.ipart2 .iproduct{ margin-top:40px; }
.ipart2 .iproduct .uk-pannel .uk-overlay{ background: rgba(0,119,188,.85); }
.ipart2 .iproduct .uk-pannel .uk-overlay .desc{ padding:5px 0 20px; height: 70px; overflow: hidden;}

.ipart3{}

.ipart4{ background: #f8f8f8; padding:110px 0; }
.ipart4 .inews{ margin-top:40px; }
.ipart4 .inews .uk-grid{ margin-left:-15px;}
.ipart4 .inews .uk-pannel{ padding-left:15px;}
.ipart4 .inews .uk-pannel .more span{ display: inline-block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; background: #b8b8b8;}
.ipart4 .inews .uk-pannel .con{ border:1px solid #ebebeb; border-top:0; padding:15px 30px 35px; background: #fff; position: relative; }
.ipart4 .inews .uk-pannel .con .tit{ line-height: 1.2; height: 48px; overflow: hidden; padding: 0 20px;}
.ipart4 .inews .uk-pannel .con .date{ padding: 10px; border-bottom:1px solid #eee; margin-bottom: 10px;}
.ipart4 .inews .uk-pannel .con .desc{ height: 66px; overflow: hidden; margin-bottom: 20px;}
.ipart4 .inews .uk-pannel a:hover .con::before{ position: absolute; bottom:-1px; left: 0; display: block; content:''; width: 100%; height: 2px; background: #0077bc; }
.ipart4 .inews .uk-pannel a:hover .more span{ background: #0077bc; }
.ipart4 .inews .uk-pannel:nth-child(n+4){ display: none;}


.footer{ background: #1e1e1e; color:#a3a3a3;}
.footer .fotcon{ padding:60px 0;}
.footer .fotcon>div>div:nth-child(1){ padding-right: 100px;}
.footer .fotcon>div>div:nth-child(2){ width: 360px; }
.footer .fotcon .fotnav li{ margin-bottom: 15px;}
.footer .fotcon .fotnav li span{ display: inline-block; position: relative; padding-right:20px; }
.footer .fotcon .fotnav li span::before{ position: absolute; right:5px; top:13px; content:''; display: inline-block; width:10px; height: 1px; background: #a3a3a3;}
.footer .fotcon .fotnav li a{ display: inline-block; padding-right: 10px;}

.footer .fotcon>div>div:nth-child(3){ padding-left: 120px; max-width: 450px;}
.footer .fotcon>div>div:nth-child(3) li{ margin-bottom:7px;}
.footer .fotqr div{ padding:5px;}
.footer .fotcon .fottel{ height: 40px; line-height: 40px; padding-left: 80px; background: url(../images/fot_tel.png) left center no-repeat;}
.footer .copyright{ padding:10px 0 15px; border-top:1px solid #0f0f0f;}
.footer a{ color:#a3a3a3;}
.footer a:hover{ color:#fff;}
.footer .mediaico .iconfont{ display: inline-block; width:26px; height: 26px; border:1px solid #7d7d7d; text-align: center; margin-right: 10px; }




/*内页导航*/
.inban{  height: 400px; margin-bottom: 10px; position: relative; z-index: 1; }

.subnav{  width: 100%; margin-top:-62px;  position: relative; z-index: 2; }
.subnav a{ color:#fff; width:106px; height: 106px; border:3px solid transparent; border-radius: 50%; background: #8bcaef; padding:24px 30px;text-align: center; margin: 0 20px; }
.subnav a:hover,.subnav a.active{ background: #0077bc; border-color:#fff;}

/*子导航*/
/* .subnav{ text-align: center; height: 50px; border-bottom:1px solid #eaeaea; margin-bottom: 45px; }
.subnav a{ display: inline-block; color:#8f8f8f; line-height: 49px; height: 50px; margin: 0 20px;}
.subnav a:hover,.subnav a.cur{ color:#0077bc; border-bottom:1px solid #0077bc;} */


.title{ height: 80px; line-height: 80px; position: relative; margin-bottom: 40px; border-bottom:1px solid #e6e6e6; }
.title::after{ position: absolute; left: 50%; margin-left:-8px; bottom:-8px; display: block; content:''; height: 10px; width: 10px; background: #fff; border:3px solid #0077bc; border-radius: 50%; }

.content{ line-height: 2; text-align: justify; color:#444444; }

.tBody{ background:#fff; padding-bottom: 100px; min-height:340px;  }
.tBody .content{ }


/*关于我们*/
.about12 .uk-grid>div:nth-child(1) img{ border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.about12 .uk-grid>div:nth-child(2) img{ border-top-right-radius: 8px; border-bottom-right-radius: 8px;}

/*发展历程*/
.history ul{ position: relative; padding-top:60px; padding-bottom: 30px;}
.history ul::before{ content:''; display: block; position: absolute;top:0; left: 50%; width:5px; height: 100%; margin-left: -2.5px; background: #e8e8e8; border-radius: 50%; }
.history ul li{ min-height: 150px; position: relative;}
.history ul li .wrap{ position: relative;}
/* .history ul li .wrap .pic{ margin-bottom:15px;} */
.history ul li .wrap .f24{  width:100px; height: 100px; line-height: 90px; background:#e1e1e1; text-align: center; border:5px solid #fff; border-radius: 50%; box-shadow: 0px 0px 1px #666; }
.history ul li .wrap .f16{ padding-top:36px;}
/* .history ul li .wrap .f16 p{ margin-bottom:10px; font-size: 18px;}
.history ul li .wrap .f16 p small{ font-weight: bold; color:#0077bc;} */
.history ul li:nth-child(odd){ padding-left: 50%;}
.history ul li:nth-child(odd) .wrap{ padding-left: 80px; }
.history ul li:nth-child(odd) .wrap span{ display: inline-block; position: absolute; left: -50px;  }
.history ul li:nth-child(even){ padding-right: 50%;}
.history ul li:nth-child(even) .wrap{ padding-right: 80px; text-align: right;}
.history ul li:nth-child(even) .wrap span{ display: inline-block; position: absolute; right: -50px;  }
.history ul li:nth-child(odd) p{ position: relative; margin-bottom:5px;}
.history ul li:nth-child(odd) p small{ position: absolute; font-size: 16px; left: 0;}
.history ul li:nth-child(even) p{ position: relative;  margin-bottom:5px;}
.history ul li:nth-child(even) p small{ position: absolute; font-size: 16px; right: 0;}
.history ul li:hover .f24{ background:#0077bc;}




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


/*联系我们*/
.contact { }
.contact .catwrap{ margin-bottom: 60px; padding-top: 20px; }
.contact .catwrap .f18{ height: 30px; line-height: 30px; }
.contact .catwrap img{ border:1px solid #d4d4d4; }
.contact .cat li{ line-height: 30px; color:#9e9e9e;}
#amap{ height: 580px;}




/*新闻*/
.newsBody{ padding-top:50px; padding-bottom: 125px;}
.newspart{ position: relative; padding-right: 290px; min-height: 500px;}
.newspart .nside{ position: absolute; right: 0; top:0;}
.newspart .nside ul{ position: absolute; width: 100px; top:0;}
.newspart .nside ul:nth-child(1){ right: 107px;}
.newspart .nside ul:nth-child(2){ right: 0px;}
.newspart .nside li{ width: 100px; height: 100px; background: #f4f4f4; margin-bottom: 7px; }
.newspart .nside li a{ display: block; width: 100%; height: 100%; background: #f4f4f4; color:#8d8d8d; text-align: center; padding-top:17px;}
.newspart .nside li a i{ font-size: 40px; display: block; height: 40px; line-height: 40px;color:#cdcdcd;}
.newspart .nside li a.cur,.newspart .nside li a:hover{ background: #0077bc; color:#fff;}
.newspart .nside li a.cur i,.newspart .nside li a:hover i{ color:#fff;}


.newslist .uk-grid{ margin-left: -30px;}
.newslist .uk-grid li{ padding-left: 30px!important; margin-bottom: 30px;}
.newslist li .pic{ background: #9b865e; }
.newslist li .con{ padding:25px 100px; border-bottom:2px solid #fff;}
.newslist li .tit{ line-height: 1.4;}
.newslist li .date{ color:#c1c1c1; line-height: 1.2; }
.newslist li .desc{ color:#878787; border-top:1px dashed #b2b2b2; padding-top:10px; margin-top:10px; line-height: 1.8; height: 86px; overflow: hidden; } 
.newslist li a{ display: block;}
.newslist li a:hover .con{ background:#f7f7f7; border-color:#0077bc; }


/* .newslist{ }
.newslist li{ min-height: 220px; position: relative; background: #f9f9f9; border:1px solid #f9f9f9; margin-bottom: 20px; padding:45px 200px 45px 350px; }
.newslist li .date{ position: absolute; right: 50px; top:50px; width: 110px; padding-left: 40px; text-align: center; }
.newslist li .date::after{ content:''; display: block; width: 1px; height: 100px; background: #e0e0e0; position: absolute; left: 0; top:5px;}
.newslist li .date .f70{ line-height: 70px;}
.newslist li .con{ display: block; min-height: 220px; padding:45px 220px 45px 350px; position: relative;  }
.newslist li .pic{ display: block; position: absolute; left:-1px; top:-1px;}
.newslist li .tit{ margin-bottom:10px;}
.newslist li .desc{ color:#696969; line-height: 1.8;}
.newslist li:hover{  background: #fff; border-color:#0077bc;}
.newslist li:hover .date{ color:#0077bc;}
.newslist li:hover .date::after{ background: #0077bc;} */

.infos{ padding-bottom: 10px; margin-bottom: 30px; border-bottom:1px dotted #c6c6c6 ; color:#a2a2a2; }

.share{ margin:20px 0;}



/*上下链接*/
.cother{background: #f5f5f5;}
.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:#0077bc; }
.cother span{ display: inline-block; }
.cother li:first-child{ padding-left: 15px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:last-child{ padding-right: 15px; background: url(../images/icon_next.png) right center no-repeat;}


/*分页*/
.pages{ margin-top:50px;}
.pages a{ display: block; padding:0; height: 40px; line-height: 38px; width: 40px; text-align: center; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.pages a:first-child{ border-left:1px solid #e9e9e9; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pages a:last-child{  border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.pages a span{ display: block; height: 100%; line-height: 36px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #0077bc; border-color:#0077bc; }
.pages a:hover span{ color:#fff;}


.busprice{ margin:50px; background: url(../images/bg_bus.png); color:#0077bc; font-size: 30px; padding: 40px; position: relative; height: 260px; }

.buslist{ padding:20px 50px;}
.buslist>ul{ margin-left: -40px;}
.buslist>ul li{ padding-left: 40px; margin-bottom: 50px;}
.buslist>ul li .pic{ height: 430px; text-align: center; }
.buslist>ul li .tit{ line-height: 1.2; }
.buslist>ul li .tit{ color:#000!important; }
.buslist>ul li .desc{ padding-top:5px; margin-top:5px; border-top:1px dashed #968a75; color:#525252; }








/*新闻样式2*/
.newstop{ background: #f9f9f9; padding: 40px; margin-bottom: 40px;}
.newstop .date{ border-bottom:1px dotted #e4e4e4; padding-bottom:10px; margin-bottom: 10px; margin-top:5px; }
.newstop .desc{ color:#878787; padding-bottom: 40px;}
.newstop .more{ left: 30px;}
.newstop .more a{ border:1px solid #0077bc; border-radius: 5px; }

.newslist2 .uk-grid{ margin-left: -60px;}
.newslist2 .uk-grid li{ padding-left: 60px!important; margin-bottom: 30px;}
.newslist2 li .con{ padding:10px 40px;}
.newslist2 li .desc{ color:#878787; border-top:1px dashed #e4e4e4; padding-top:10px; margin-top:10px; height: 80px;}


.downlist li{ height: 60px; line-height: 58px; border:1px solid #efefef; margin-bottom:-1px; padding-right: 20px; }
.downlist li:nth-child(odd){ background: #f4f4f4; }
.downlist li:nth-child(even){ border-left-color:#fff; border-right-color:#fff;}


/*资质荣誉*/
.uk-lightbox{ background: rgba(0,0,0,.5);}
.honorlist .uk-grid-medium{ margin-left: -90px;}
.honorlist li{ margin-bottom: 60px; padding-left: 90px!important;}
.honorlist li a{ display: block; width:360px; margin-left: auto; margin-right: auto;  }
.honorlist li a .pic { border-bottom:0; }
.honorlist li a .pic img{ max-height: 240px;}
.honorlist li a .tit{ padding:5px 10px; background: #f7f7f7; color:#000;}
.honorlist li a:hover .tit{ background: #0077bc; color:#fff;}



/*团队*/
.teamlist>ul{ margin-left: -20px;}
.teamlist>ul li{ padding-left: 20px; margin-bottom: 40px;}
.teamlist>ul li a{ display: block;}
.teamlist>ul li .con{ padding:10px 25px 30px; background: #f1f1f1; border:1px solid #f1f1f1; border-bottom-width:3px; border-top:0; }
.teamlist>ul li .job{ border-bottom:1px solid #d9d9d9; padding:0px 0 10px; margin-bottom: 10px;  }
.teamlist>ul li .desc{ height: 66px; overflow: hidden;}
.teamlist>ul li a:hover .con{ background: #fff; border-color:#e8e8e8; border-bottom-color:#0077bc;}
.uk-close{ color:#999;}
#modal-team .uk-modal-dialog{ width:800px;}
#modal-team .tit{ border-bottom:1px dashed #e4e4e4; padding-bottom: 10px; margin-bottom: 10px;}
/* .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; } */

/*案例*/
.caselist{}
.caselist .uk-grid-medium{ margin-left: -48px;}
.caselist li{ margin-bottom: 30px; padding-left: 48px!important;}
.caselist li a{ display: block; width:395px; margin-left: auto; margin-right: auto;  }
.caselist li a .pic { border-bottom:0; }
.caselist li a .pic img{ max-height: 250px; border-radius: 10px;}
.caselist li a .con{ padding:15px; position: relative; }
.caselist li a .con .f14{ height: 26px; line-height: 26px;}
.caselist li a .con::before{ display: none; content:''; width:60px; height: 2px; position: absolute; bottom:0; left:50%; margin-left: -30px; background: #0077bc;}
.caselist li a:hover .con::before{ display: block;}


/*视频*/
.videolist .uk-grid-medium{ margin-left: -40px;}
.videolist li{ margin-bottom: 40px; padding-left: 40px!important;}
.videolist li a{ display: block;}
.videolist li a .pic{ position: relative; }
.videolist li a .pic::before{ content:''; width: 76px; height: 75px; background: url(../images/icon_video.png); position: absolute; left: 50%; top:50%; margin-left: -38px; margin-top:-38px; }
.videolist li a .tit{ padding:10px 15px; background: #f4f4f4; color:#000;}
.videolist li a:hover .tit{ background: #0077bc; color:#fff;}

/*产品*/
.productlist{}
.productlist>ul{ margin-left: -10px;}
.productlist>ul li{ padding-left: 10px; margin-bottom: 10px;}
.productlist>ul li a{ display: block; }
.productlist>ul li .pic{ height: 300px; text-align: center; }
.productlist>ul li .pic img{ height: 300px;}
.productlist>ul li .tit{ color:#fff; background:rgba(0,0,0,.8); padding: 5px 15px; }
.productlist>ul li .desc{ padding-top:5px; margin-top:5px; border-top:1px dashed #968a75; color:#525252; }
.productlist>ul li a:hover .tit{ background-color: #0077bc;}

.product .uk-slideshow-items{ margin-bottom: 190px;}
.product .thumb{ margin-bottom: -150px; width: 100%;}
.product .thumb ul{}
.product .thumb li{ }
.product .thumb li.uk-active a{ border-color:#0077bc; position: relative;} 
.product .thumb li.uk-active a::before{ position: absolute; top:-12px; left:54px; content:''; display: block; width:0; height: 0; border:6px solid transparent; border-bottom-color:#0077bc; }
.product .thumb li a{ display: block; width: 100%; height: 120px;padding:4px; border:1px solid #e4e4e4; }
.product .thumb li a img{width:110px; height: 110px; }

.product .ptit{ height: 30px;}
.product .ptit span{ float: left; display: inline-block; position: relative; color:#fff; background-color:#0077bc; padding: 0 20px; line-height: 30px;  }
.product .ptit span::before{ content:''; display: inline-block; position: absolute; right:-20px; top:0; width: 0; height: 0; border-top:15px solid transparent; border-right:10px solid transparent; border-left:10px solid #0077bc; border-bottom:15px solid #0077bc;  }
.product .pctn{ margin-bottom:30px; background: #f5f5f5; padding:18px 30px;}
.product .pctn2 p{  position: relative; padding-left: 25px;}
.product .pctn2 p::before{ position: absolute; left:0; top:6px; content:''; display: inline-block; width:20px; height: 20px; line-height: 20px; text-align: center; border-radius:50%; background-color: #0077bc; color:#fff; }
.product .pctn2 p:nth-child(1)::before{ content:'1'; }
.product .pctn2 p:nth-child(2)::before{ content:'2'; }
.product .pctn2 p:nth-child(3)::before{ content:'3'; }
.product .pctn2 p:nth-child(4)::before{ content:'4'; }
.product .pctn2 p:nth-child(5)::before{ content:'5'; }
.product .pctn2 p:nth-child(6)::before{ content:'6'; }
.product .pctn2 p:nth-child(7)::before{ content:'7'; }
.product .ctn table{ width: 100%; border-collapse: collapse;}
.product .ctn table td,.product .ctn table th{ background: #f5f5f5; border:1px solid #fff;  padding: 2px 10px;}
.product .ctn table tr>td:nth-child(1), .product .ctn table tr>th:nth-child(1){ background: #9b9b9b; color:#fff; max-width:200px; }
/* .product{ padding:20px 50px; color:#494949; }
.product h1.f30{ line-height: 1.2;}
.product .sub{ line-height: 1.2; border-bottom:1px dashed #8c816d; padding-bottom: 10px; margin-bottom: 30px; } */


/*合作客户*/
.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 #0077bc;}

.partner .tit{ border-bottom:1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 70px; }
.partner .f18{ padding:20px 0 10px;}

.igbook {max-width:1000px; margin-left: auto; margin-right: auto; }
.igbook .uk-grid>div{ margin-top:20px;}
.igbook .uk-grid .uk-textarea,.igbook .uk-grid .uk-input { font-size: 14px; background: #fbfbfb; border:2px solid #e4e4e4;}
.igbook .uk-form-icon{ border-left:1px solid #e4e4e4; height: 28px; top:6px; }
.igbook textarea{ padding-right: 40px;}