.uk-offcanvas-bar .uk-nav-default{ padding-top:30px;}

.uk-offcanvas-bar .uk-nav-sub{ padding-bottom: 20px;}

body{ background: #f7f7f7;}



.banner{ height: 580px; position: relative; background: url(../images/1566353773583008.jpg); background-position: center; }





.header { height: 66px; background: rgba(0,0,0,.7); position: fixed;  width: 100%; top:0; z-index: 99999; }

.header.navbar-style{ /*background-color: #fff;*/ -webkit-box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1); box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1);}

.header .logo img{ height: 33px;}

.header .menu{ height: 66px; margin-right:-100px; }

.header .menu > ul{ height: 66px; }

.header .menu .uk-navbar-nav>li>a{ color:#c3c3c3; z-index: 1; position: relative; }

.header .menu .uk-navbar-nav > li{ position: relative; margin-left:40px; }

.header .menu .uk-navbar-nav > li > a{ padding: 0 5px; min-height: 61px; line-height: 61px; font-size:1.125rem; border-bottom:5px solid transparent; }

.header .menu a.uk-open,.header .menu li.active>a{ color:#fff; border-bottom: 5px solid #1672ef; }

.header .menu .uk-navbar-nav > li > a:hover{ color:#1672ef;}

.header .menu .uk-navbar-nav > li.active::after,

.header .menu .uk-navbar-nav > li:hover::after{ display: block;}

.header [class*=uk-navbar-dropdown-bottom]{ margin-top:0;}

.header .uk-navbar-dropdown{ width:100%; padding: 20px; background:#fff; border-radius: 10px; margin-left: -30px;}

.header .uk-navbar-dropdown dl{ border-bottom:1px solid #ededed; padding-bottom: 10px; padding-left: 191px; position: relative; margin-bottom:10px;}

.header .uk-navbar-dropdown dl dt{ position: absolute; left: 0;}

.header .uk-navbar-dropdown dl dt::after{ content:''; display: block; width:1px; height: 20px; background: #1672ef; position: absolute; left: 145px; top:7px;}

.header .uk-navbar-dropdown dl dd{ line-height: 32px;}

.header .uk-navbar-dropdown a{ color:#666666;}

.header .uk-navbar-dropdown a:hover{ color:#1672ef; }



.header .uk-navbar-dropdown dl:last-child{ padding-bottom:0; border:0; margin-bottom:0; }

.header .uk-navbar-nav>li:nth-child(2) .uk-navbar-dropdown{ width:420px;}

.header .uk-navbar-nav>li:nth-child(3) .uk-navbar-dropdown{ width:420px;}



/* .header .uk-navbar-dropdown li{ border-bottom:1px solid #fff;}

.header .uk-navbar-dropdown li:last-child{ border-bottom:0;}

.header .uk-navbar-dropdown li:first-child a{ border-top-left-radius: 5px; border-top-right-radius: 5px;}

.header .uk-navbar-dropdown li:last-child a{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.header .uk-navbar-dropdown a{ text-align: center; color:#fff; font-size: 0.875rem; line-height: 30px; background: #1672ef;}

.header .uk-navbar-dropdown a:hover{ color:#fff; background:#0055ae;} */

/*.header .menu .uk-navbar-nav > li::after {

    content: "";

    display: block;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -50%;

    width: 100%;

    height: 5px;

    z-index: 1;

    background: #1672ef;

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

*/

.header .hother{ color:#c3c3c3; position: relative; z-index: 2;}

.header .hother .tel{ padding-left:30px; position: relative; display: inline-block; height: 24px; line-height: 24px; margin-right:50px; }

.header .hother .tel::before{ content:''; width:24px; height: 24px; display: block; position: absolute; left: 0; top:0px; background-image: url(../images/icons.png); }

.header .hother .tel::after{ content:''; width:1px; height:30px; display: block; position: absolute; right:-25px; top:-3px; background: #c3c3c3; }

.header .hother .so{ width:24px; height: 24px; display:inline-block; cursor: pointer; background: url(../images/icons.png) 0 -24px; }

.header .hother .soform{ position: absolute; right:0; top:33px; width:500px; display: none; background: #fff; border-radius: 5px; padding:10px; box-shadow: 0 0 5px rgba(0,0,0,.6); }

.header .hother .soform form{ position: relative; padding-bottom: 5px;}

.header .hother .soform form input{ width: 100%; font-size: 18px; padding:10px 80px 10px 10px;}

.header .hother .soform form button{ position: absolute; right:40px; top:10px; background: none;}

.header .hother .soform form a{ position: absolute; right:0; top:0;}

.header .hother .soform form a::before{ position: absolute; left:-10px; top:0; width:1px; height: 36px; background: #ccc; content:''; display: block;}

.header .hother .soform .sohot{ padding:10px 30px; border-top:1px solid #ccc;}

.header .hother .soform .sohot div>a{ display: block;}



.needsform{ position: absolute; left: 50%; top:50%; margin-top:-150px; width: 240px; background: rgba(0,0,0,.4); margin-left:420px; padding:20px; z-index: 10;}

.needsform .tit{ position: relative;}

.needsform .tit::before,.needsform .tit:after{ position: absolute; top:18px; content:''; display:block; width:28px; height: 1px; background: #fff; }

.needsform .tit:before{ left:10px;}

.needsform .tit:after{ right:10px;}

#poptip{ position: absolute; z-index: 2; background: rgba(0,0,0,.7); border-radius: 5px; width: 90%; left: 5%; top: 20%; padding: 5px 10px; font-size: 13px; color: #fff; text-align: center;}



.pban{ position: relative; }



.pban .uk-dotnav{ position: absolute; bottom:0; left: auto; width: 100%; z-index: 11; }

.pban .uk-dotnav>*{ padding-left:0; height: 20px; display: block; }

.pban .uk-dotnav>*>*{ width:14px; height: 14px; background: transparent; border-radius: 50%; border:0; border:2px solid rgba(255,255,255,.9); margin:0 5px;}

.pban .uk-dotnav>.uk-active>* {border-color:#1672ef; }



.pban .uk-slidenav-previous,.pban .uk-slidenav-next{ background: url(../images/arr.png); width:50px; height: 50px;  z-index: 12;}

.pban .uk-slidenav-previous svg,.pban .uk-slidenav-next svg{ display: none;}

.pban .uk-slidenav-previous{ left: 100px;}

.pban .uk-slidenav-next{ background-position: right top; right:100px;}

.pban .uk-slidenav-previous:hover,.pban .uk-slidenav-next:hover{ background-position-y: bottom; }







.itit.mt50{ margin-top:50px!important;}



.itit span{ display: block; position: relative; margin-bottom:50px; }

.itit span::before{ content:''; width:60px; height: 3px; background: #333; position: absolute; bottom:-5px; left: 50%; margin-left:-30px;}



.itit a{ display: inline-block; position: relative; margin:0 50px 50px; }

.itit a.current::before,.itit a:hover::before{ content:''; width:60px; height: 3px; background: #333; position: absolute; bottom:-5px; left: 50%; margin-left:-30px;}





.ipart1{ background: url(../images/bg1.png) center bottom no-repeat; padding:40px 0 100px;}

.ipart1 .itit{ margin-bottom: 100px;}

.ipart1 .ctn{ box-shadow: 0 0 15px 0px #ddd; background: #fff;}

.ipart1 .uk-subnav{box-shadow: 0 0 15px 0px #ddd;}

.ipart1 .uk-subnav>li{ width: 25%; text-align: center; cursor: pointer; position: relative; padding: 0; }

.ipart1 .uk-subnav>li::after{ content:''; display:block; width: 1px; height: 60px; background: #f5f6f7; position: absolute; left: 0; top:50%; margin-top:-30px;}

.ipart1 .uk-subnav>li::before{ content:''; display: block; width:40px; height: 2px; background: #1672ef; position: absolute; left: 50%; bottom:0; margin-left: -20px; }

.ipart1 .uk-subnav>li>a{ display: block; padding: 10px 10px 20px; }

.ipart1 .uk-subnav>li .f20{ font-size: 20px; color:#333; display: block;}

.ipart1 .uk-subnav>li i{ display: block; height: 50px; position: relative;}

.ipart1 .uk-subnav>li img{ height: 50px;}

.ipart1 .uk-subnav>li.uk-active{ background: #1672ef;}

.ipart1 .uk-subnav>li.uk-active::after{ display: none;}

.ipart1 .uk-subnav>li.uk-active .f20{ color:#fff;}

.ipart1 .uk-subnav>li.uk-active i img{ height: 90px; background: #fff; padding:15px; border-radius: 50%; margin-top:-60px; box-shadow: 0 0 5px 0px rgba(0,0,0,.3); }

.ipart1 .uk-switcher>li{ padding:50px;}

.ipart1 .uk-switcher>li .f24{ width:auto; display: inline-block; border-radius: 3px; background: #f5f6f7; padding: 0px 20px; color:#1672ef; margin-bottom: 20px; }

.ipart1 .uk-switcher>li li{ margin-top:0; padding-left:30px; position: relative; color:#333; margin:5px 0;}

.ipart1 .uk-switcher>li li::before{ content:''; display: block; width:15px; height: 15px; border-radius: 50%; background: #1672ef; position: absolute; left: 0; top:50%; margin-top:-7px; }



.ipart2{ padding:50px 0; background: url(../images/bg2.png) bottom center;}

.ipart2 .ctn{ margin-top:80px;}

.ipart2 .wrap{ margin-bottom:30px;}

.ipart2 .uk-pannel{ max-width: 240px; margin-left:auto; margin-right: auto; cursor: pointer;}

.ipart2 .uk-pannel .f22{ margin:10px 0;}

.ipart2 .uk-pannel i{ display: block; width:80px; height: 80px; margin:0 auto;}

.ipart2 .uk-flex>.wrap:nth-child(1) .uk-pannel i{ background-image: url(../images/ico_ys1.png); }

.ipart2 .uk-flex>.wrap:nth-child(2) .uk-pannel i{ background-image: url(../images/ico_ys2.png); }

.ipart2 .uk-flex>.wrap:nth-child(3) .uk-pannel i{ background-image: url(../images/ico_ys3.png); }

.ipart2 .uk-flex>.wrap:nth-child(4) .uk-pannel i{ background-image: url(../images/ico_ys4.png); }

.ipart2 .uk-flex>.wrap:nth-child(5) .uk-pannel i{ background-image: url(../images/ico_ys5.png); }

.ipart2 .uk-pannel:hover i{ background-position: bottom;}

.ipart2 .uk-pannel:hover .text-gray{ color:#1672ef;}



.ipart3{ background: url(../images/bg3.png); padding:50px 0 20px;}

.ipart3 .uk-position-center-right-out svg,.ipart3 .uk-position-center-left-out svg{ width: 30px;}

.ipart3 .uk-position-center-right-out:hover svg,.ipart3 .uk-position-center-left-out:hover svg{ color:#1672ef;}

.ipart3 .uk-slider-items{}

.ipart3 .uk-slider-items>li{ padding-top:50px; position: relative;}

.ipart3 .uk-slider-items>li.current::before{ content:''; display: block; width:0; height: 0; border-top:30px solid #f7f7f7; border-bottom:0; border-left:15px solid transparent; border-right: 15px solid transparent; position: absolute; top:0; left: 50%; margin-left:-10px;}

.ipart3 .uk-card{ margin:0 20px;}

.ipart3 .uk-card:hover{ margin-top:-20px; transition: all ease .3s;}

.ipart3 .uk-dotnav>*>*{ width:12px; height: 12px;}

.ipart3 .uk-dotnav>.uk-active>*,.ipart3 .uk-dotnav a:hover{ background: none; border-color:#1672ef; }

.ipart3 .uk-slider{}

.ipart3 .descbox{ background: #f7f7f7; color:#333; position: absolute; width: 100%;}

.ipart3 .caseshow{ background: #f7f7f7; padding:30px 100px;}

.ipart3 .caseshow h3{ position: relative; margin-bottom: 40px;}

.ipart3 .caseshow h3::before{ content:''; display: block; width:100px; height: 2px; background: #e1e1e1; position: absolute; left: 50%; bottom:-20px; margin-left:-50px;}







.ipart4{ padding:50px 0 20px;}

.ipart4 .uk-card{ background: #fff; border-bottom:1px solid #ededed; border-right:1px solid #ededed; padding:20px 30px; height: 111px;}

.ipart4 .uk-card .uk-card-media-top{ height: 70px;}

.ipart4 .uk-position-center-right-out svg,.ipart4 .uk-position-center-left-out svg{ width: 30px;}

.ipart4 .uk-position-center-right-out:hover svg,.ipart4 .uk-position-center-left-out:hover svg{ color:#1672ef;}

.ipart4 .uk-grid-collapse .uk-grid-collapse{ border-left:1px solid #ededed; border-top:1px solid #ededed;}

.ipart4 .uk-dotnav>*>*{ width:12px; height: 12px;}

.ipart4 .uk-dotnav>.uk-active>*,.ipart4 .uk-dotnav a:hover{ background: none; border-color:#1672ef; }



.ipart5{ background: url(../images/bg4.png); padding:50px 0 20px;}

.ipart5 .uk-position-center-right-out svg,.ipart5 .uk-position-center-left-out svg{ display: none; }

.ipart5 .uk-position-center-right-out,.ipart5 .uk-position-center-left-out{ width:30px; height: 90px;}

.ipart5 .uk-position-center-left-out{ background: url(../images/ico_l.png); margin-right: 20px;}

.ipart5 .uk-position-center-right-out{ background: url(../images/ico_r.png); margin-left: 20px;}

.ipart5 .uk-position-center-right-out:hover,.ipart5 .uk-position-center-left-out:hover{ background-position: bottom;}

/* .ipart5 .uk-position-center-right-out:hover svg,.ipart5 .uk-position-center-left-out:hover svg{ color:#1672ef;} */

.ipart5 .uk-slider-items{ }

.ipart5 .uk-slider-items>li{ padding-top:50px; position: relative;}

.ipart5 .uk-slider-items>li.current::before{ content:''; display: block; width:0; height: 0; border-top:30px solid #f7f7f7; border-bottom:0; border-left:15px solid transparent; border-right: 15px solid transparent; position: absolute; top:0; left: 50%; margin-left:-10px;}

.ipart5 .uk-card{ margin:0 15px;}

.ipart5 .uk-card:hover{ margin-top:-20px; transition: all ease .3s;}

.ipart5 .uk-dotnav>*>*{ width:12px; height: 12px;}

.ipart5 .uk-dotnav>.uk-active>*,.ipart5 .uk-dotnav a:hover{ background: none; border-color:#1672ef; }

.ipart5 .uk-slider{}

.ipart5 .descbox{ background: #f7f7f7; color:#333; position: absolute; width: 100%;}

.ipart5 .teamshow{ background: #f7f7f7; padding:30px 100px;}

.ipart5 .teamshow h3{ position: relative; margin-bottom: 40px;}

.ipart5 .teamshow h3::before{ content:''; display: block; width:100px; height: 2px; background: #e1e1e1; position: absolute; left: 50%; bottom:-20px; margin-left:-50px;}





.ipart6{ background: url(../images/bg5.png) bottom center; padding:50px 0; color:#666666;}

.ipart6 .swtit a{ color:#888; }

.ipart6 .swtit .uk-active a{ color:#000;}

.ipart6 .swtit .uk-active a:hover{ color:#1672ef;}

.ipart6 .swtit .uk-active a::before,.ipart6 .swtit a:hover::before{ content:''; width:60px; height: 3px; background: #333; position: absolute; bottom:-5px; left: 50%; margin-left:-30px;}





.ipart6 .inews .tit{ margin-bottom:30px;}

.ipart6 .inews .tit span{ display: inline-block; padding-right:20px; position: relative;}

.ipart6 .inews .tit span::before{ content:''; display: block; width:5px; height: 20px; background: #1672ef; position: absolute; right:0; top:50%; margin-top:-9px;}

.ipart6 .inews li{ line-height: 40px;}

.ipart6 .inews li a{ color:#666666; }

.ipart6 .inews li a:hover{ color:#1672ef; }

.ipart6 .inews .top{ margin-bottom:20px;}

.ipart6 .inews .top .uk-width-auto>a{ display: block; position: relative; width:140px; height: 95px; overflow: hidden;}

.ipart6 .inews .top .uk-width-auto>a::before{ content:''; display: block; width:58px; height: 59px; position: absolute; background: url(../images/ico_new.png); left:0; top:0; }

.ipart6 .inews .top .f18{ margin-bottom:10px; }

.ipart6 .inews .top .f18 a{ color:#1672ef; }



.icons::before{ position: absolute; left: 0; display: block; width:24px; height: 24px; content:''; background-image: url(../images/icons.png);}



.footer{ /*background: #fff;*/ color:#999999; padding:50px 0 0; }

.footer a{ color:#999;}

.footer a:hover{ color:#1672ef;}

.footer .fcat1{ margin-bottom:20px;}

.footer .fcat1>div{ padding-left: 30px; position: relative;}

.footer .fcat1>div.tel::before{ top:10px; background-position: 0 -48px;}

.footer .fcat1>div.srv::before{ top:10px; background-position: 0 -72px;}

.footer .fcat1>div>span{ margin-left:20px;}

.footer .mediaico{ margin-top:5px; margin-bottom: 50px;}

.footer .mediaico a{ width:28px; height: 28px; display: inline-block; background-image: url(../images/ico_media.png); margin-left:20px;}

.footer .mediaico a:nth-child(2){ background-position: -54px 0;}

.footer .mediaico a:nth-child(3){ background-position: -108px 0;}

.footer .copyright{ border-top:1px solid #cfcfcf; margin-top:30px; padding:15px 0; }



.uk-tooltip{ background: #fff; color:#282828; box-shadow: 0 0 4px #ccc;}









/*内页*/

.tBody{ padding-top:30px; padding-bottom:100px; min-height: 500px;}



.title{ padding-bottom:5px; background: url(../images/mline.png) bottom center no-repeat; margin-bottom: 20px;}



/*分页*/

.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: #1672ef; border-color:#1672ef; }

.pages a:hover span{ color:#fff;}



/*上下条*/

.cother{ margin-top:30px; }

.cother p{ margin:10px 0;}

/* .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:#1672ef; }

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



/*关于我们*/

.about1 { padding:50px 0; background: #fff; }

.about1 .pic{ border:1px solid #1672ef; padding:4px; border-radius: 7px;}



.about2 { background: #fff;  padding:50px 0; }

.about2 .uk-container{  padding:30px 0; background: url(../images/bg5.png) bottom center no-repeat #f7f7f7;}

.about2 .wrap .uk-pannel{ padding-right:0px; padding-left: 70px;}

.about2 .wrap:nth-child(2){ margin-top:70px; position: relative;  }

.about2 .wrap:nth-child(2)  .uk-pannel{margin-left:40px; margin-right:-90px!important; padding:50px 60px 40px; background:url(../images/bg10.png) bottom right no-repeat #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.08);}

.about2 .wrap:nth-child(2)  .uk-pannel::before{ position: absolute; left: 20px; top:40%; background: #fff; content:''; display: block; width:40px; height: 40px; border-radius: 50%; box-shadow: 0 0px 10px rgba(0,0,0,0.08);}



.about3{ padding:90px 0; background: #fff;}

.about3 .uk-subnav{ border-bottom:1px solid #c3c3c3; margin-bottom: 70px; }

.about3 .uk-subnav li{ margin-left:100px; padding:0;}

.about3 .uk-subnav li.uk-active a{ display: block; border-bottom:5px solid #1672ef;}

.about3 .uk-subnav li:first-child{ margin-left:0; }

.about3 .uk-container{ position: relative; }

.about3 .uk-container .uk-grid-collapse{ margin-left:-10px;}

.about3 .uk-container .uk-grid-collapse>div{ margin-bottom:10px; padding-left:10px;}

.about3 .sw-action{ position: absolute; top:50%; margin-top:-25px;}

.about3 .sw-action:hover span{ color:#1672ef;}

.about3 .sw-left{ left: -60px;}

.about3 .sw-right{ right: -60px;}



.about4{ background: #fff;}

.about4 #map{ height: 400px; }



.about5{ background: #fff; padding:40px 0 120px;}

.about5 .wrap{ padding:0 60px;}

.about5 .wrap .tit{ position: relative; margin-bottom: 10px;}

.about5 .wrap .tit::before{ content:''; display: block; width:3px; height: 28px; background: #1672ef; position: absolute; left:-20px; top:8px; }

.about5 .uk-form-horizontal{ width:50%;}

.about5 .uk-form-horizontal .uk-form-label{ font-size:18px; width: 100px; margin-top:3px; }

.about5 .uk-form-horizontal .uk-form-controls{ margin-left:100px;}



.tBody{ background: #fff;}



.crumb{ position: relative; padding-left: 20px;}

.crumb::before{ content:''; display: block; width:3px; height: 18px; background: #1672ef; position: absolute; left: 0; top:50%; margin-top:-9px; }



.catename{ padding:20px 0 60px;}



/*合作企业*/

.caselist .uk-pannel>div{ background: #f5f5f5; height: 80px;}

.caselist .uk-pannel>div img{ max-height: 60px; max-width: 100%;}



/*运营服务*/

.srvlist li .con{ color:#000;}

.srvlist li:hover .con{ color:#fff; background: #166bc4;}

.srvlist li:hover .con .text-gray{ color:#f1f1f1;}



/*新闻*/

.newsHd li .con .f22{ padding-top:32px; position: relative;}

.newsHd li .con .f22::before{ content:''; display: block; width:100%; height: 2px; background: #ddd; position: absolute; top:20px; }

.newsHd li .con .desc{ height: 50px;}

.newsHd li:hover .con .f22{ color:#166bc4;}

.newsHd li:hover .con .f22::before{ background: #166bc4;}





.mainCtn>.uk-width-auto{ width:360px; }

.mainCtn .side h3{ position: relative; border-bottom:1px solid #c3c3c3; line-height: 20px; padding-bottom: 10px; padding-left:15px;}

.mainCtn .side h3::before{ content:''; height: 20px; border-left:3px solid #1672ef; position: absolute; left: 0; top:0; }

.mainCtn .side .renews li{ padding-left:28px; line-height: 30px; margin-bottom: 5px; position: relative;}

.mainCtn .side .renews li::before{ position: absolute; left:0; top:6px; display: block; width:20px; height: 18px; line-height: 18px; text-align: center; font-size: 16px; color:#fff; }

.mainCtn .side .renews li:nth-child(1)::before{content:'1'; background: #1672ef; }

.mainCtn .side .renews li:nth-child(2)::before{content:'2'; background: #1672ef; }

.mainCtn .side .renews li:nth-child(3)::before{content:'3'; background: #1672ef; }

.mainCtn .side .renews li:nth-child(4)::before{content:'4'; background: #a9a9a9; }

.mainCtn .side .renews li:nth-child(5)::before{content:'5'; background: #a9a9a9; }

.mainCtn .side .renews li:nth-child(6)::before{content:'6'; background: #a9a9a9; }

.mainCtn .side .renews li:nth-child(7)::before{content:'7'; background: #a9a9a9; }

.mainCtn .side .renews li:nth-child(8)::before{content:'8'; background: #a9a9a9; }



.mainCtn .side .tags .con a{ display:inline-block; padding:0px 15px; background: #a9a9a9; color:#fff; margin-bottom: 5px; }

.mainCtn .side .tags .con a:hover,.mainCtn .side .tags .con a:nth-child(-n+3){ background: #1672ef;}



.subnav a{ margin-right:20px; padding-bottom:10px; display: inline-block; margin-bottom:10px; border-bottom:2px solid transparent; }

.subnav a.active,.subnav a:hover{ border-bottom:2px solid #1672ef;}



.newslist>ul>li{ margin-bottom:45px;}

.newslist>ul>li>div{ margin-left: -20px;}

.newslist>ul>li>div>div{ padding-left:20px;}

.newslist>ul>li .uk-width-auto>a{ position: relative; display: block; width:350px; height: 240px; overflow: hidden;}

.newslist>ul>li .tit:hover{ color:#1672ef; }

.newslist>ul>li:nth-child(1) .uk-width-auto>a::before{ content:''; display: block; width:58px; height: 59px; position: absolute; /*background: url(../images/ico_new.png);*/ left:0; top:0; z-index:10; }

.newslist a.uk-text-truncate{ display: block; }

.newslist .uk-position-bottom-left{ padding-left:20px; }

.newslist .uk-button{ padding:0 20px 0 10px; }

.newslist .uk-button:hover{ border-color:#1672ef; color:#1672ef; animation: rotate .2s linear; }



@keyframes rotate {

    0% {

    transform: translateY(0) ;

    }

    50% {

        transform: translateY(-5px);

    }

    100% {

        transform: translateY(0) ;

    }

}



.content{ border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; padding-top:30px; padding-bottom: 60px;}



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



.share{ margin:20px 0;}





/*留言*/

.gbktit{ max-width:600px; 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;}



.igbook {max-width:800px; margin-left: auto; margin-right: auto; }

.igbook .uk-grid>div{ margin-top:20px;}

.igbook .uk-grid .uk-textarea,.igbook .uk-grid .uk-input,.igbook .uk-grid .uk-select { 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;}



.caselist>ul{  border-top:1px solid #ededed;  border-left:1px solid #ededed;}

.caselist .uk-card{ background: #fff; border-bottom:1px solid #ededed; border-right:1px solid #ededed; padding:20px 30px; height: 111px;}

.caselist .uk-card .uk-card-media-top{ height: 70px;}

.caselist .uk-grid-collapse .uk-grid-collapse{ border-left:1px solid #ededed; border-top:1px solid #ededed;}







/*学院*/

.readform{ margin-top:40px; margin-bottom: 40px; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); padding:40px;}

.readform .uk-grid .f20{ color:#333; margin-bottom: 10px;}

.readform select,.readform input{ font-size: 20px; border:0; border-bottom:2px solid #1672ef; padding:10px 0; width: 100%; color:#1672ef;}

.readform .uk-button{ font-size: 24px; border-radius: 5px; padding-left:70px; background: url(../images/ico_btnj.png) 30px center no-repeat #1672ef; }

.readform .feed span{ border:1px solid #1672ef; position: relative; top:-2px; }



.schooltop{ padding:90px 0 30px; background:url(../images/bg_book.png) top center no-repeat #fff;}

.schooltop .uk-subnav{ border-bottom:1px solid #c3c3c3; margin-bottom: 70px; }

.schooltop .uk-subnav li{ margin-left:200px; padding:0;}

.schooltop .uk-subnav li.uk-active a{ display: block; border-bottom:3px solid #1672ef;}

.schooltop .uk-subnav li:first-child{ margin-left:0; }

.schooltop .uk-container{ position: relative; }

.schooltop .uk-container .wrap{ margin-bottom:10px; width: 233px;  margin-left: auto; margin-right: auto; }

.schooltop .uk-container .wrap .tit{ margin-top:20px; text-align: center;}

.schooltop .sw-action{ position: absolute; top:50%; margin-top:-25px;}

.schooltop .sw-action:hover span{ color:#1672ef;}

.schooltop .sw-left{ left: -60px;}

.schooltop .sw-right{ right: -60px;}



.schoollist{ padding:90px 0 30px; background:url(../images/bg_book.png) top center no-repeat #fff;}



.schoollist .uk-container{ position: relative; }

.schoollist .uk-container .wrap{ margin-bottom:10px; width: 233px; margin-left: auto; margin-right: auto; }

.schoollist .uk-container .wrap .tit{ margin-top:20px; text-align: center; line-height: 1.4;}



.readinfo{ padding-top:60px; border-top:1px solid #bbb; margin-top:60px; margin-bottom:50px; }

.readinfo .pic{ padding:0 50px;}

.readinfo .visits{ vertical-align: middle;}

.readinfo .star{ display: inline-block; width:145px; height: 21px; margin-right: 10px; background: url(../images/ico_star.png); }

.readinfo .view .uk-button{ border-color:#1672ef; color:#1672ef; border-width: 1px; border-radius: 10px; font-size: 18px; /*height: 54px; line-height: 50px;*/}

.readinfo .view .uk-button:hover{ animation: rotate .2s linear; }





.my-modal-style .uk-modal-close-outside{ background: #000; border-radius: 50%;}

.my-modal-style .uk-modal-dialog{ border-radius: 15px;}

.my-modal-style .uk-modal-dialog{ width:720px;}

.my-modal-style .uk-modal-body{ padding:50px 100px;}

.my-modal-style .icon-big{ font-weight: 100; font-size: 120px; line-height: 120px; }

.my-modal-style .ys span{ padding-left:35px; background-image: url(../images/icons.png); background-repeat: no-repeat; }

.my-modal-style .ys span:nth-child(1){ background-position: 0 -163px; }

.my-modal-style .ys span:nth-child(2){ background-position: 0 -193px; }



.fixheight{ overflow: hidden;}

#intro{ height: 64px;}

#catalog{ height: 320px;}



.viewmore{ margin-top:30px; margin-bottom: 50px;}

.viewmore .uk-button{ border-radius: 5px; border-color:#666; }

.viewmore .uk-button:hover{ border-radius: 5px; border-color:#1672ef; color:#1672ef; }





.searchkey{ padding:40px;}

.nodata{ padding:40px 50px; background: #fafafa; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbb; }



.searchlist{ border:1px solid #bbb; padding:40px 50px;}

.searchlist .pic{ display: block;}

.searchlist .pic img{ width:210px; height: 165px; }

.searchlist li{ padding-bottom:20px; margin-bottom: 20px; border-bottom:1px solid #bbb; }

.searchlist li .tit{ display: block; margin-bottom: 5px;}

.searchlist li .desc{ height: 96px; }







.pro1{ padding-bottom: 70px;}

.pro1 .wrap a{ display: block}

.pro1 .wrap a .pic{ position: relative; height: 130px; padding-top:10px; }

.pro1 .wrap a i{ display: block; width:100px; height:100px; border:8px solid #8caad2; background-color:#297ef1;  border-radius: 50%; margin-left:auto; margin-right: auto; margin-bottom: 20px; transition: transform ease-in-out 0.2s; }

.pro1 .wrap a:hover .text-black2{ color:#1672ef; }

/* .pro1 .wrap:nth-child(1) a i{ background: url(../images/ico_yw1.png); }

.pro1 .wrap:nth-child(2) a i{ background: url(../images/ico_yw2.png); }

.pro1 .wrap:nth-child(3) a i{ background: url(../images/ico_yw3.png); }

.pro1 .wrap:nth-child(4) a i{ background: url(../images/ico_yw4.png); } */

.pro1 .wrap a:hover i{ transform: scale(1.1); background-color: #1672ef; border-color:#8caad2;}

.pro1 .uk-position-center-right-out svg,.pro1 .uk-position-center-left-out svg{ width: 20px;}

.pro1 .uk-position-center-right-out:hover svg,.pro1 .uk-position-center-left-out:hover svg{ color:#1672ef;}

.pro1 .uk-dotnav>*>*{ width:12px; height: 12px;}

.pro1 .uk-dotnav>.uk-active>*,.pro1 .uk-dotnav a:hover{ background: none; border-color:#1672ef; }





.pro2{ background: #f7f7f7; padding: 60px 0;}

.pro2 .wrap>a{ display: block; border-radius: 12px; background: #fff; border:1px solid #ebebeb; padding:35px 45px 35px 140px; position: relative; top:0; transition: all ease-in-out 0.2s;}

.pro2 .wrap .pic{ position: absolute; left:30px; top:50px;}

.pro2 .wrap>a:hover{ border-color:#1672ef; top:-10px; }

.pro2 .wrap>a:hover .f20{ color:#1672ef;}

.pro2 .wrap .view{ font-size:16px;}

.pro2 .wrap .view span{ position: relative; top:-2px; }

.pro2 .desc{ min-height:75px; }



.pro3{ padding: 60px 0 70px; background: url(../images/bg6.png) bottom center no-repeat;}



.pro4{ padding: 60px 0 70px; background:#f7f7f7;}



.group .uk-switcher .wrap{ height: 220px; width: 100%; color:#fff; position: relative; top:0; transition: all ease-in-out 0.2s; }

.group .uk-switcher .wrap .uk-button{ border:1px solid #fff; margin-top:15px; border-radius: 3px; height: 30px; line-height: 28px; }

.group .uk-switcher .wrap .uk-button:hover{ background: #1672ef; color:#fff; border-color:#1672ef; }

.group .uk-tab-left>li:nth-child(1) a{ border-top-left-radius: 5px;}

.group .uk-tab-left>li:nth-child(2) a{ border-bottom-left-radius: 5px;}

.group .uk-tab-left>*>a{ border:0; font-size: 28px; width:55px; line-height: 1.1; text-align: center; background: #7a7a80; color:#fff; padding: 15px 10px;}

.group .uk-tab-left>.uk-active>a{ background: #101010; color:#1672ef;}



.group1 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli1.png);}

.group1 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli2.png);}

.group1 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli3.png);}

.group1 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli3.png);}

.group1 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli4.png);}

.group1 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli5.png);}

.group2 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli3.png);}

.group2 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli4.png);}

.group2 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli5.png);}

.group2 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli1.png);}

.group2 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli2.png);}

.group2 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli3.png);}

.group3 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli7.png);}

.group3 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli8.png);}

.group3 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli9.png);}

.group3 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli10.png);}

.group3 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli11.png);}

.group3 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli12.png);}

.group4 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli10.png);}

.group4 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli11.png);}

.group4 .uk-switcher>li:nth-child(1) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli12.png);}

.group4 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(1) .wrap{ background: url(../images/bg_banli7.png);}

.group4 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(2) .wrap{ background: url(../images/bg_banli8.png);}

.group4 .uk-switcher>li:nth-child(2) .uk-pannel:nth-child(3) .wrap{ background: url(../images/bg_banli9.png);}

.group .uk-pannel .waiting{ background:url(../images/bg_banli_more.png)!important;}

.group .uk-switcher .wrap:hover{ top:-20px;}

.group .uk-switcher .wrap .f24,.group .uk-switcher .wrap .f18{ opacity: 0.5; transition: all ease-in-out 0.2s;}

.group .uk-switcher .wrap:hover .f24,.group .uk-switcher .wrap:hover .f18{ opacity: 1;}





.pqabox{  padding:50px 0 0px; background:#fff; }

.pqabox .qalist .wrap{ padding:30px 50px; border:1px solid #1672ef; border-radius: 6px; position: relative; }

.pqabox .qalist .wrap i{position: absolute; left:10px; top:5px; font-size: 20px;}

.pqabox .qalist .wrap::before{ content:''; display: block; width:0; height: 0;  border:6px solid transparent; border-left: 10px solid #333; position: absolute; right:30px; top:38px; transition: all ease-in-out 0.2s; }

.pqabox .qalist .uk-drop{ width: 100%; margin-top:0; background: #f7f7f7; padding:25px 40px; }

.pqabox .qalist .wrap:hover{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

.pqabox .qalist .wrap:hover::before{ border:6px solid transparent; border-top: 10px solid #1672ef; right:35px; }





/*产品详情*/

.productform{ position: relative; height: 0; top:-120px;}

.productform .wrap{ width:760px; margin-left: auto; margin-right: auto; height:50px; }

.productform .wrap .uk-select,.productform .wrap .uk-input{ border:0; height: 50px; }

.productform .wrap .addr{ height: 50px; padding:0 10px 0 40px; background: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; }

.productform .wrap .addr::before{ content:''; display: block; width:1px; height: 30px; background: #ebebeb; position: absolute; right:0; top:10px;}

.productform .wrap .addr select{ min-width: 100px;}

.productform .wrap .tel{ position: relative; }

.productform .wrap .tel input{ width:270px;}

.productform .wrap .tel::before{ content:''; display: block; width:1px; height: 30px; background: #ebebeb; position: absolute; right:0; top:10px;}

.productform .wrap .name input{ width:150px;}

.productform .wrap .uk-button{ height: 50px; border-bottom-left-radius: 0; border-top-left-radius: 0;}





.productintro{ background: url(../images/bg11.png) center no-repeat #fff; padding-top:30px; padding-bottom: 100px;}



.talkwrap{  }

.talkbox{ margin:0 auto; width:490px; height:52px; border:1px solid #1672ef; line-height: 50px; border-radius: 50px; transition: all ease-in-out 0.2s; }

.talkbox .uk-width-expand a{ display: block;}

.talkbox .uk-width-auto{ width:180px; background: #1672ef; border-radius: 50px;}

.talkbox:hover{ width:560px;}

.talkbox .uk-width-auto .talk:hover{ color:#fff;}

.talkbox .uk-icon svg{ display: none;}

.talkbox .uk-icon{ background: url(../images/ico_talk.png) center no-repeat; width:24px; height: 24px; position: relative; top:4px;}



/*服务对象*/

.srvfor{  padding:60px 0 120px; background: url(../images/bg12.png) bottom center #f7f7f7; background-size: cover; }

.srvfor .ctn{ position: relative; margin-top:100px; }

.srvfor .ctn::before{ content:''; width:100%; height: 1px; background: #dcdcdc; position: absolute; left: 0; top:185px; z-index: 1;}

.srvfor .uk-pannel{ width:150px; z-index: 2; }

.srvfor .uk-pannel .ico{ position: relative; width:150px; height: 150px; padding:25px; background-color: #fff;  border-radius: 50%; margin:0 auto 70px;  box-shadow: 0 0 5px rgba(0,0,0,.1); }

.srvfor .uk-pannel .ico::before{ content:''; display:block; width: 100px; height: 100px;  background-image:url(../images/ico_srv.png); background-position: 0 0px; }

.srvfor .uk-pannel .text{ color:#333333; text-align: justify;width:100px; margin:0 auto; }

.srvfor .uk-pannel .wrap:hover .text,.srvfor .swiper-slide-active .text{ color:#000; }

.srvfor .uk-pannel .wrap:hover .ico,.srvfor .swiper-slide-active .ico{ background-color:#1672ef; }

.srvfor .uk-pannel .wrap:hover .ico::after,.srvfor .swiper-slide-active .ico::after{ position: absolute; left:0; top:185px; width:100%; content:''; display: block; height: 12px; background: url(../images/bg_srvcur.png) center no-repeat; }

.srvfor .uk-pannel .wrap:hover .ico::before,.srvfor .swiper-slide-active .ico::before{ background-position-y: bottom!important;}



.srvfor .uk-pannel .ico1::before{ background-position:0px 0; }

.srvfor .uk-pannel .ico2::before{ background-position:-100px 0; }

.srvfor .uk-pannel .ico3::before{ background-position:-200px 0; }

.srvfor .uk-pannel .ico4::before{ background-position:-300px 0; }

.srvfor .uk-pannel .ico5::before{ background-position:-400px 0; }

.srvfor .uk-pannel .ico6::before{ background-position:-500px 0; }

.srvfor .uk-pannel .ico7::before{ background-position:-600px 0; }

.srvfor .uk-pannel .ico8::before{ background-position:-700px 0; }

.srvfor .uk-pannel .ico9::before{ background-position:-800px 0; }

.srvfor .uk-pannel .ico10::before{ background-position:-900px 0; }

.srvfor .uk-pannel .ico11::before{ background-position:-1000px 0; }

.srvfor .uk-pannel .ico12::before{ background-position:-1100px 0; }

.srvfor .uk-pannel .ico13::before{ background-position:-1200px 0; }

.srvfor .uk-pannel .ico14::before{ background-position:-1300px 0; }

.srvfor .uk-pannel .ico15::before{ background-position:-1400px 0; }

.srvfor .uk-pannel .ico16::before{ background-position:-1500px 0; }

.srvfor .uk-pannel .ico17::before{ background-position:-1600px 0; }

.srvfor .uk-pannel .ico18::before{ background-position:-1700px 0; }

.srvfor .uk-pannel .ico19::before{ background-position:-1800px 0; }

.srvfor .uk-pannel .ico20::before{ background-position:-1900px 0; }

.srvfor .uk-pannel .ico21::before{ background-position:-2000px 0; }

.srvfor .uk-pannel .ico22::before{ background-position:-2100px 0; }

.srvfor .uk-pannel .ico23::before{ background-position:-2200px 0; }

.srvfor .uk-pannel .ico24::before{ background-position:-2300px 0; }

.srvfor .uk-pannel .ico25::before{ background-position:-2400px 0; }

.srvfor .uk-pannel .ico26::before{ background-position:-2500px 0; }

.srvfor .uk-pannel .ico27::before{ background-position:-2600px 0; }

.srvfor .uk-pannel .ico28::before{ background-position:-2700px 0; }

.srvfor .uk-pannel .ico29::before{ background-position:-2800px 0; }

.srvfor .uk-pannel .ico30::before{ background-position:-2900px 0; }





/*服务价值*/

.srvval{ padding:60px 0 80px; background:#fff; }

.srvval .ctn{ padding-top:150px; margin-right:120px; margin-left:30px; margin-top:100px; }

.srvval .uk-pannel{ border-top:1px solid #dcdcdc; position: relative; }

.srvval .uk-pannel::before{ position: absolute; top:-11px; content:""; display: block; width:10px; height: 10px; border:5px solid #fff; background: #1672ef; border-radius: 50%; box-shadow: 0 0 2px #000; z-index: 999; }

.srvval .uk-pannel:last-child{ border-color:#fff;}

.srvval .uk-pannel .wrap{ padding-left:60px; padding-top:70px; height: 230px; margin-right:-120px; position: relative; top:0; transition: all ease-in-out 0.2s; }

.srvval .uk-pannel .wrap::before{ position: absolute; left:10px; top:10px; content:''; display: block; width:1px; height: 80px; background: #dcdcdc;}

.srvval .uk-pannel .wrap .ico{ position: absolute; left:-24px; top:80px; width:70px; height: 70px; border:1px dashed #dcdcdc; border-radius: 50%; background-repeat: no-repeat; background-color: #fff; background-image: url(../images/ico_val.png); }

.srvval .uk-pannel .wrap .ico1{ background-position: 0px 0; }

.srvval .uk-pannel .wrap .ico2{ background-position: -70px 0; }

.srvval .uk-pannel .wrap .ico3{ background-position: -140px 0; }

.srvval .uk-pannel .wrap .ico4{ background-position: -210px 0; }

.srvval .uk-pannel .wrap .ico5{ background-position: -280px 0; }

.srvval .uk-pannel .wrap .ico6{ background-position: -350px 0; }

.srvval .uk-pannel .wrap .ico7{ background-position: -420px 0; }

.srvval .uk-pannel .wrap .ico8{ background-position: -490px 0; }

.srvval .uk-pannel .wrap .ico9{ background-position: -560px 0; }

.srvval .uk-pannel .wrap .ico10{ background-position: -630px 0; }

.srvval .uk-pannel .wrap .ico11{ background-position: -700px 0; }

.srvval .uk-pannel .wrap .ico12{ background-position: -770px 0; }

.srvval .uk-pannel .wrap .ico13{ background-position: -840px 0; }

.srvval .uk-pannel .wrap .ico14{ background-position: -910px 0; }

.srvval .uk-pannel .wrap .ico15{ background-position: -980px 0; }

.srvval .uk-pannel .wrap .ico16{ background-position: -1050px 0; }

.srvval .uk-pannel .wrap .ico17{ background-position: -1120px 0; }

.srvval .uk-pannel .wrap .ico18{ background-position: -1190px 0; }

.srvval .uk-pannel .wrap .ico19{ background-position: -1260px 0; }

.srvval .uk-pannel .wrap .ico20{ background-position: -1330px 0; }

.srvval .uk-pannel .wrap .ico21{ background-position: -1400px 0; }



.srvval .uk-pannel .wrap .text{ color:#000;}

.srvval .uk-pannel:nth-child(1) .wrap{ z-index: 5;}

.srvval .uk-pannel:nth-child(2) .wrap{ z-index: 4;}

.srvval .uk-pannel:nth-child(3) .wrap{ z-index: 3;}

.srvval .uk-pannel:nth-child(4) .wrap{ z-index: 2;}

.srvval .uk-pannel:nth-child(5) .wrap{ z-index: 1;}

.srvval .uk-pannel:nth-child(2n) .wrap{ position: absolute; top:-230px;}

.srvval .uk-pannel:nth-child(2n) .wrap::before{left:10px; top:auto; bottom:1px; }



.srvval .uk-pannel .wrap:hover{ top:-10px; z-index: 10; }

.srvval .uk-pannel .wrap:hover .text{ color:#1672ef;}

.srvval .uk-pannel .wrap:hover .ico{ background-position-y: bottom; }

.srvval .uk-pannel:nth-child(2n) .wrap:hover{ top:-240px;}

.srvval .uk-pannel:nth-child(2n) .wrap:hover::before{ }



/*服务内容*/

.srvctn{  padding:50px 0 70px; background: url(../images/bg9.png);}

.srvctn .ctn{ color:#444; }

.srvctn table{  background: #fff; width:100%; border-collapse: collapse; }

.srvctn table td{ border:1px dashed #dcdcdc; padding:40px 65px; font-size: 18px; }

.srvctn .srvfront{ margin-bottom:50px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); position: relative;}

.srvctn .srvfront::before,.srvctn .srvfront::after{ width:26px; height: 49px; content:''; display: block; background: url(../images/ico_jt.png); position: absolute; bottom:-40px;}

.srvctn .srvfront::before{ left:185px;}

.srvctn .srvfront::after{ left:745px;}

/* .srvctn .srvfront table tr>td:nth-child(1),.srvctn table tr>td[rowspan]:nth-child(1){ padding:20px; text-align: center; font-size: 24px; color:#1672ef; background: #f8f8f8; line-height: 1.4; }

.srvctn .srvfront table>tbody>tr:nth-child(1){ background: #f8f8f8; text-align: center;  }

.srvctn .srvfront table>tbody>tr:nth-child(1) td{ color:#000; font-size: 26px; padding:10px;} */

.srvctn .srvfront table>tbody>tr>td:nth-child(2), .srvctn .srving table>tbody>tr:nth-child(1)>td:nth-child(2), .srvctn .srving table>tbody>tr:nth-child(n+1)>td:nth-child(1){ text-align: center;}

.srvctn table tr:hover td{ color:#1672ef;}

.srvctn .srvfront table tr>td:nth-child(1),.srvctn .srving table tr:nth-child(1)>td:nth-child(1){ padding:20px; text-align: center; font-size: 24px; font-weight: bold; color:#1672ef; background: #f8f8f8; line-height: 1.4; }

.srvctn .srvhd{ margin-bottom:-1px; position: relative; z-index: 9; }

.srvctn .srvhd table { table-layout: fixed; }

.srvctn .srvhd table td{ background: #f8f8f8; color:#333333; font-size: 26px; padding: 10px; text-align: center; font-weight: bold; }

.srvctn .srvhd table tr>td:nth-child(1){ width:330px; }

.srvctn .srvhd table tr:hover td{ color:#333333;}



/*条件*/

.tiaojian{  padding:50px 0 70px; background: url(../images/bg1.png) bottom center;}

.tiaojian .ctn{ color:#444; }

.tiaojian .ctn .skin1{ background: url(../images/line_orange.png) top center no-repeat #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; padding:70px 30px 30px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}

.tiaojian .ctn .skin1 .uk-pannel{ position: relative;}

.tiaojian .ctn .skin1 .uk-pannel::before{ position: absolute; left:27px; top:45%; content:''; display: block; width:0; height:0; border-top:10px solid transparent; border-right:15px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #1672ef;}

.tiaojian .ctn .skin1 .uk-pannel:first-child::before{ display: none;}

.tiaojian .ctn .skin1 .uk-pannel .wrap{ position: relative; top:0; padding:30px 30px 40px; border-radius: 15px; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08); transition: all ease-in-out 0.2s; }

.tiaojian .ctn .skin1 .uk-pannel .wrap:hover{ position: relative; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); top:-20px; }

.tiaojian .ctn .skin1 .uk-pannel .wrap .tit{ border-bottom:1px solid #dcdcdc; padding-bottom:15px; margin-bottom:15px; line-height: 1.4; }

.tiaojian .ctn .skin1 .uk-pannel .wrap .tit .ico{ display: block; width:40px; height: 40px; background: #ffd2d0; border-radius: 50%; background-image: url(../images/ico_needs.png); background-repeat: no-repeat; }



.tiaojian .ctn .skin2{ border-top:10px solid #1672ef; background:#fff; border-top-right-radius: 10px; border-top-left-radius: 10px; padding:50px 30px 30px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); position: relative;}

.tiaojian .ctn .skin2>ul:first-child{ width:50%; margin:0 auto; position: absolute; left:25%; top:-28px; height: 45px; line-height: 45px; border-radius: 45px; background: #1672ef; text-align: center; font-size: 24px;}

.tiaojian .ctn .skin2>ul:first-child::before{ content:'/'; display: block; font-size: 24px; color:#fff; position: absolute; left: 50%; margin-left:-4px;}

.tiaojian .ctn .skin2>ul:first-child li{ display: inline-block; color:#feaf87; padding:0 20px; cursor: pointer;}

.tiaojian .ctn .skin2>ul:first-child li.uk-active{ color:#fff;}

.tiaojian .ctn .skin2 .uk-pannel{ position: relative;}

.tiaojian .ctn .skin2 .uk-pannel::before{ position: absolute; left:27px; top:45%; content:''; display: block; width:0; height:0; border-top:10px solid transparent; border-right:15px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #1672ef;}

.tiaojian .ctn .skin2 .uk-pannel:first-child::before{ display: none;}

.tiaojian .ctn .skin2 .uk-pannel .wrap{ position: relative; top:0; padding:30px 30px 40px; border-radius: 15px; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08); transition: all ease-in-out 0.2s; }

.tiaojian .ctn .skin2 .uk-pannel .wrap:hover{ position: relative; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); top:-20px; }

.tiaojian .ctn .skin2 .uk-pannel .wrap .tit{ border-bottom:1px solid #dcdcdc; padding-bottom:15px; margin-bottom:15px; line-height: 1.4; }

.tiaojian .ctn .skin2 .uk-pannel .wrap .tit .ico{ display: block; width:40px; height: 40px; background: #ffd2d0; border-radius: 50%; background-image: url(../images/ico_needs.png); background-repeat: no-repeat; }



.tiaojian .ctn .uk-pannel .wrap .tit .ico1{background-position: 0 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico2{background-position: -40px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico3{background-position: -80px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico4{background-position: -120px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico5{background-position: -160px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico6{background-position: -200px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico7{background-position: -240px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico8{background-position: -280px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico9{background-position: -320px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico10{background-position: -360px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico11{background-position: -400px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico12{background-position: -440px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico13{background-position: -480px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico14{background-position: -520px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico15{background-position: -560px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico16{background-position: -600px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico17{background-position: -640px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico18{background-position: -680px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico19{background-position: -720px 0!important; }

.tiaojian .ctn .uk-pannel .wrap .tit .ico20{background-position: -760px 0!important; }



.needs{ padding:50px 0 70px; background: url(../images/bg14.png);}

.needs .ctn{ color:#444; }

.needs .ctn .skin1{ background: url(../images/line_orange.png) top center no-repeat #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; padding:70px 30px 30px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}

.needs .ctn .skin1 .uk-pannel{ position: relative;}

.needs .ctn .skin1 .uk-pannel::before{ position: absolute; left:27px; top:45%; content:''; display: block; width:0; height:0; border-top:10px solid transparent; border-right:15px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #1672ef;}

.needs .ctn .skin1 .uk-pannel:first-child::before{ display: none;}

.needs .ctn .skin1 .uk-pannel .wrap{ position: relative; top:0; padding:30px 30px 40px; border-radius: 15px; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08); transition: all ease-in-out 0.2s; }

.needs .ctn .skin1 .uk-pannel .wrap:hover{ position: relative; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); top:-20px; }

.needs .ctn .skin1 .uk-pannel .wrap .tit{ border-bottom:1px solid #dcdcdc; padding-bottom:15px; margin-bottom:15px; line-height: 1.4; }

.needs .ctn .skin1 .uk-pannel .wrap .tit a{ color:#999;}

.needs .ctn .skin1 .uk-pannel .wrap .tit .uk-active a{ color:#000;}

.needs .ctn .uk-pannel .wrap .tit .ico{ display: block; width:40px; height: 40px; background: #ffd2d0; border-radius: 50%; background-image: url(../images/ico_needs.png); background-repeat: no-repeat; }

.needs .ctn .uk-pannel .wrap .tit .ico1{background-position: 0 0; }

.needs .ctn .uk-pannel .wrap .tit .ico2{background-position: -40px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico3{background-position: -80px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico4{background-position: -120px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico5{background-position: -160px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico6{background-position: -200px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico7{background-position: -240px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico8{background-position: -280px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico9{background-position: -320px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico10{background-position: -360px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico11{background-position: -400px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico12{background-position: -440px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico13{background-position: -480px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico14{background-position: -520px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico15{background-position: -560px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico16{background-position: -600px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico17{background-position: -640px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico18{background-position: -680px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico19{background-position: -720px 0; }

.needs .ctn .uk-pannel .wrap .tit .ico20{background-position: -760px 0; }



.youshi{ padding:50px 0 70px; background:#fff;}

/* .youshi .wrap {margin-bottom:15px;} */

.youshi .wrap .uk-pannel{ background: #f7f7f7; border:1px solid #ebebeb; padding:55px 20px; position: relative;}

.youshi .wrap .uk-pannel i{ display: none; position: absolute; top:0; right:0; color:#1672ef; width:0; height: 0;  border:30px solid transparent; border-top:30px solid #f6ceba; border-right:30px solid #f6ceba; }

.youshi .wrap .uk-pannel i span{ line-height: 30px; position: absolute; top:-25px;}

.youshi .wrap .uk-pannel .desc{ min-height: 168px; }

.youshi .wrap .uk-pannel .f20{ margin-bottom: 20px;}

.youshi .wrap:hover .uk-pannel{ border-color:#f6ceba; color:#1672ef;}

.youshi .wrap:hover .uk-pannel .f20{ color:#1672ef; }

.youshi .wrap:hover .uk-pannel i{ display: block;}



.zcfg{ padding:50px 0 70px; background: url(../images/bg7.png);}

.zcfg .wrap2{ background: url(../images/gov.jpg) center; box-shadow: 0px 0 15px 0 rgba(0,0,0,0.3); padding:50px 150px; color:#333333;}

.zcfg .wrap2>p{ padding:5px 0; }

.zcfg .wrap{ background: url(../images/gov.jpg) center; box-shadow: 0px 0 15px 0 rgba(0,0,0,0.3); padding:50px 150px; }

.zcfg .wrap>p{ font-size:18px; padding-left:80px; position: relative; margin-bottom: 10px; padding:10px 0 10px 80px; color:#333333; }

.zcfg .wrap>p:last-child{ margin-bottom:0; }

.zcfg .wrap>p::before{ content:''; font-size: 40px; color:#1672ef; position: absolute; left: 0; top:0; line-height: 52px; }

.zcfg .wrap>p:nth-child(1)::before{ content:'01'; }

.zcfg .wrap>p:nth-child(2)::before{ content:'02'; }

.zcfg .wrap>p:nth-child(3)::before{ content:'03'; }

.zcfg .wrap>p:nth-child(4)::before{ content:'04'; }

.zcfg .wrap>p:nth-child(5)::before{ content:'05'; }

.zcfg .wrap>p:nth-child(6)::before{ content:'06'; }

.zcfg .wrap>p:nth-child(7)::before{ content:'07'; }

.zcfg .wrap>p:nth-child(8)::before{ content:'08'; }

.zcfg .wrap>p:nth-child(9)::before{ content:'09'; }

.zcfg .wrap>p:nth-child(10)::before{ content:'10'; }

.zcfg .wrap>p:nth-child(11)::before{ content:'11'; }





.qabox{ background: #fff; padding:50px 0;}

/* .qabox .qalist li{ margin-bottom:40px;} */

.qabox .qalist li .wrap{ background: #f7f7f7; border:1px solid #ebebeb; border-radius: 10px; padding:20px 30px 30px; transition: all ease-in-out 0.2s;}

.qabox .qalist li .wrap .desc{ min-height: 56px; margin-top:10px; }

.qabox .qalist li .wrap .hd { height: 50px; }

.qabox .qalist li .wrap .hd i{ color:#1672ef; margin-top:15px; display: inline-block; }

.qabox .qalist li .wrap .hd span{ display: inline-block; width:50px; height: 50px; background: url(../images/ico_qa.png); float:right; }

.qabox .qalist li:hover .wrap{  margin-top:-10px; border-color:#1672ef; }

.qabox .qalist li .wrap .hd span.ico1{ background-position: 0 0;}

.qabox .qalist li .wrap .hd span.ico2{ background-position: 0px -50px;}

.qabox .qalist li .wrap .hd span.ico3{ background-position: 0px -100px;}

.qabox .qalist li .wrap .hd span.ico4{ background-position: 0px -150px;}

.qabox .qalist li .wrap .hd span.ico5{ background-position: 0px -200px;}

.qabox .qalist li .wrap .hd span.ico6{ background-position: 0px -250px;}

.qabox .qalist li .wrap .hd span.ico7{ background-position: 0px -300px;}

.qabox .qalist li .wrap .hd span.ico8{ background-position: 0px -350px;}

.qabox .qalist li .wrap .hd span.ico9{ background-position: 0px -400px;}

.qabox .qalist li .wrap .hd span.ico10{ background-position: 0px -450px;}

.qabox .qalist li .wrap .hd span.ico11{ background-position: 0px -500px;}

.qabox .qalist li .wrap .hd span.ico12{ background-position: 0px -550px;}

.qabox .qalist li .wrap .hd span.ico13{ background-position: 0px -600px;}

.qabox .qalist li .wrap .hd span.ico14{ background-position: 0px -650px;}

.qabox .qalist li .wrap .hd span.ico15{ background-position: 0px -700px;}

.qabox .qalist li .wrap .hd span.ico16{ background-position: 0px -750px;}

.qabox .qalist li .wrap .hd span.ico17{ background-position: 0px -800px;}

.qabox .qalist li .wrap .hd span.ico18{ background-position: 0px -850px;}

.qabox .qalist li .wrap .hd span.ico19{ background-position: 0px -900px;}

.qabox .qalist li .wrap .hd span.ico20{ background-position: 0px -950px;}

.qabox .qalist li .wrap .hd span.ico21{ background-position: 0px -1000px;}

.qabox .qalist li .wrap .hd span.ico22{ background-position: 0px -1050px;}

.qabox .qalist li .wrap .hd span.ico23{ background-position: 0px -1100px;}

.qabox .qalist li .wrap .hd span.ico24{ background-position: 0px -1150px;}

.qabox .qalist li .wrap .hd span.ico25{ background-position: 0px -1200px;}

.qabox .qalist li .wrap .hd span.ico26{ background-position: 0px -1250px;}

.qabox .qalist li .wrap .hd span.ico27{ background-position: 0px -1300px;}

.qabox .qalist li .wrap .hd span.ico28{ background-position: 0px -1350px;}

.qabox .qalist li .wrap .hd span.ico29{ background-position: 0px -1400px;}

.qabox .qalist li .wrap .hd span.ico30{ background-position: 0px -1450px;}

.qabox .qalist li .wrap .hd span.ico31{ background-position: 0px -1500px;}

.qabox .qalist li .wrap .hd span.ico32{ background-position: 0px -1550px;}

.qabox .qalist li .wrap .hd span.ico33{ background-position: 0px -1600px;}

.qabox .qalist li .wrap .hd span.ico34{ background-position: 0px -1650px;}

.qabox .qalist li .wrap .hd span.ico35{ background-position: 0px -1700px;}

.qabox .qalist li .wrap .hd span.ico36{ background-position: 0px -1750px;}

.qabox .qalist li .wrap .hd span.ico37{ background-position: 0px -1800px;}

.qabox .qalist li .wrap .hd span.ico38{ background-position: 0px -1850px;}

.qabox .qalist li .wrap .hd span.ico39{ background-position: 0px -1900px;}

.qabox .qalist li .wrap .hd span.ico40{ background-position: 0px -1950px;}

.qabox .qalist li .wrap .hd span.ico41{ background-position: 0px -2000px;}

.qabox .qalist li .wrap:hover .hd span{ background-position-x: right!important; }

.qabox .qalist2 { border-left:3px solid #e0e0e0; padding-left:60px; margin-bottom: 20px; /*padding-bottom:10px;*/ position: relative; font-size:16px;}

.qabox .qalist2 p.f20{ margin-bottom:5px;}

.qabox .qalist2 .wrap{ position: relative; padding-bottom:5px;}

.qabox .qalist2 .wrap:hover::before{ content:''; display: block; width:5px; height: 100%; position: absolute; left:-64px; top:0; background: #1672ef;}

.qabox .qalist2 .wrap:hover p{ color:#1672ef;}



.qabox90 .wrap,.qabox93 .wrap,.qabox122 .wrap,.qabox124 .wrap,.qabox89 .wrap { min-height: 200px;}

.qabox124 .uk-width-1-3\@m .wrap{ min-height:440px;}

.qabox11 .wrap,.qabox92 .wrap { min-height: 225px;}



.srvother{ background: url(../images/bg13.png); padding:50px 0; background-size: cover; }

.srvlist{ margin:0 50px;}

.srvlist li{ background: #fff; border-radius: 5px; background: #fff; padding:20px 15px; margin-bottom: 20px; transition: all ease-in-out 0.3s;}

.srvlist li i{ background: url(../images/bg_num.png); width: 48px; height: 48px; line-height: 48px; color:#fff; text-align: center; margin-right: 10px; }

.srvlist li:hover{ margin-left: 10px; }