@charset "utf-8";



@keyframes rotate_360{

    from {

        transform: rotate(0);

    }

    to {

        transform: rotate(360deg);

    }

}

.rotate_360_5_{ -webkit-animation:rotate_360 2s linear infinite;}

@-webkit-keyframes translate_bT {

    25% {

        -webkit-transform: translateY(-10px);transform: translateY(-10px);

    }

    50%, 100% {

        -webkit-transform: translateY(0);transform: translateY(0);

    }

    75% {

        -webkit-transform: translateY(10px);transform: translateY(10px);

    }

}


body{overflow-x:hidden;}


/*==========头部==========*/

.header_w{width: 100%;position: fixed;left: 0;top: 0;z-index: 22;height: 83px;line-height:83px;transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out;}

.header{width:100%;max-width:1200px;min-width:320px; margin:0 auto;text-align: left;}

.header h1{float: left;background: none;display:flex;color:#fff;}

.header h1 img{vertical-align: middle;height: 57px;}
.header h1 a{color:#fff;}

.header .header_r,.header .header_menu{float:right;}

.header_menu{padding-right: 10px;}

.header .header_menu li{float: left;padding-right:6px;}

.header .header_menu a{font-size: 16px;color: #fff;padding: 6px 18px; border-radius: 3px;}

.header .header_menu a.on{color:#03a9f4}

.header .header_menu a:hover{background-color: rgba(255,255,255,.2)}

.header .header_r a{font-size: 14px;color: #fff;height: 30px;line-height: 30px;display: inline-block;padding: 0 1.4em;border: 1px #fff solid;border-radius: 20px;margin-right: 4px;}

/**/

.header_w.transparent_fixed{height: 60px;line-height: 60px;}

.header_w.transparent_fixed h1 {background: url("../images/logo2.png") no-repeat center;display: flex;}

.header_w.transparent_fixed h1 a{color:#333}
.header_w.transparent_fixed h1 img{visibility: hidden;}

.header_w.transparent_fixed{background-color:#fff;box-shadow: 0 5px 8px rgba(0,0,0,.15);}

.header_w.transparent_fixed .header_menu a{color: #383838;}

.header_w.transparent_fixed .header_menu a.on{color: #03a9f4;}

.header_w.transparent_fixed .header .header_r a{color: #383838;border: 1px #888 solid;}





/*==========头部wap==========*/

/*---头部wap---*/

.header_wap{width:100%;z-index:880;height:60px;background:#fff !important;box-shadow:0 1px 6px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 6px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 6px rgba(0,0,0,0.1);-o-box-shadow:0 1px 6px rgba(0,0,0,0.1);z-index: 887 !important; position:static !important;}

#header_wap{z-index: 888 !important;position:fixed;left:0;top:0; position:fixed !important}

/**/

.header_wap .logo_a {height:60px;display: block;padding:0 60px;background-image: url(../images/logo2.png);background-repeat:no-repeat;background-position: left;background-size: auto 80%;}

/*菜单按钮*/

.menu_open{width:36px;height:24px;position:fixed;right:10px;top:18px;cursor: pointer;z-index:889;}

.menu_open i{position: absolute;display:block;width:100%;height:3px;margin: 0 auto;background: #2c8acf;transition: 0.4s ease;}

.menu_open .i1{left: 0;top: 0}

.menu_open .i2{left: 0;top: 50%;margin-top: -1.5px;}

.menu_open .i3{left: 0;bottom:0}

/*菜单*/

.menuBox{position:fixed;left:0;top:0;width:100%;height:100%;background:#444;z-index:888;opacity:0;filter:alpha(opacity=0);transform:translateX(-100%);transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-ms-transition:0.4s ease-out;-o-transition:0.4s ease-out;padding-bottom: 10px;}

.menuBox_n{height:100%;padding: 60px 50px 20px 50px;position: relative; overflow: hidden;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-align: left;}

.menu_tit{width:100%;height:60px;line-height:60px;border-bottom: 1px solid #535353;position: absolute;left: 0;top: 0;}

.menu_tit P{padding-left:60px;}

.menu_tit P span{font-size: 16px;color: #ccc;padding-right:12px; margin-left:12px; border-right:1px #999 dotted;}

.menu_tit P span:last-child{ border:none;}

.menu_tit P span:first-child{ margin-left:0}

.menu_tit P span.on{color:#fff;}

.menu_list{height:100%;overflow: hidden;overflow-y: scroll;padding-right: 8px;}

.menu_list li{border-bottom: 1px dashed #999;}

.menu_list li ul{background:#4e4e4e;}

.menu_list a{color: #fff!important;display: block;padding:10px;font-size: 16px;}

/*菜单显示*/

.menuBox_show{opacity:1;filter:alpha(opacity=100);transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}

.menu_open_show i{background: #fff;}

.menu_open_show i.i2{display: none}

.menu_open_show i.i1{transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);}

.menu_open_show i.i3{transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-o-transform:translateY(-10px) rotate(-45deg);}

/*子类*/

.menuBox .menu_list li a{position: relative;}

.menuBox .menu_list>li i{position:absolute;right:8px;top:50%;display:block;width:20px;height:20px;background:url(../images/arrow_r.png) no-repeat center;background-size:16px;margin-top:-10px;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}

.menuBox .menu_list>li.li_on>a i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);}

.menuBox .menu_list>li .tow_ul{padding:8px 0;padding-left:24px;background:#4e4e4e;display:none;}

.menuBox .menu_list>li .tow_ul li{border-bottom: none;}

.menuBox .menu_list>li .tow_ul li a{color:#fff;display:block;padding:8px 10px;font-size:14px;}





.header_wap,.menu_open{display: none;}

.header_w{display: inherit;}





/*==========底部==========*/

.footer_w{background: #242a37;}

.footer_top{padding: 80px 0 40px;overflow: hidden;}

.footer_top dl{float: left;padding-left: 18px;padding-right: 4px;}

.footer_top dt{font-size: 14px;color: #fff;font-weight: 600;margin-bottom: 12px;}

.footer_top dd,.footer_top dd a{font-size: 14px;color: #939599;}

.footer_top dd a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;display: block;}

.footer_top dd a:hover{color: #fff;}

.footer_top dd p{height: 26px;line-height: 26px;width: 100px}


p {
            display: inline-block;
            /* 如果你想使用 display: inline，将上面一行替换为 display: inline; */
        }
.footer_top .dl_1{width: 175px;padding-right: 40px;padding-left: 0;}

.footer_top .dl_2{width: 100px;}

.footer_top .dl_3{width: 306px;}

.footer_top .dl_3 dd{float: left;width: 200px;}

.footer_top .nth_child{float: right;width: 324px;}

.footer_top .nth_child p{padding:6px 0;font-size: 14px;color: #939599;line-height: 120%;}

.footer_top .nth_child .footer_logo{margin-bottom: 10px;height: 52px;}

.footer_top .nth_child .ico{padding-top: 10px;}

.footer_top .nth_child .ico a{margin-right: 26px;display: inline-block;}

.footer_top .nth_child .ico img{max-width: 29px;max-height: 23px;}



.footer_link{padding: 80px 0 40px;overflow: hidden;border-top:1px #656973 solid;border-bottom:1px #656973 solid;padding:20px 0 14px 62px;position: relative;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.footer_link b{position: absolute;left: 0;top:24px;font-size: 12px;color: #fff;font-weight: bold;}

.footer_link a{color: #939599;font-size: 12px;font-weight: 300;display: inline-block;margin-bottom: 4px;padding-left: 30px;}

.copyright{text-align: center;padding: 20px 0 24px;line-height: 124%;color: #939599;}

.footer_link a:hover{color: #fff;}





.footer_top .dl_3 dt{font-weight: 300}

.footer_top dd p.p_add,.footer_top dd p.p_tell{font-size: 14px;padding-left: 20px;}

.footer_top dd p.p_add{background: url("../images/footerico_add.png") no-repeat left center;}

.footer_top dd p.p_tell{margin-bottom: 10px;color: #abacad;background: url("../images/footerico_tell.png") no-repeat left center;}







#tellBox{position: fixed;bottom:2px;right:0;padding: 10px 10px 15px 10px; background: #198df7;text-align: center;z-index:6;}

#tellBox dt{line-height: 30px; color: #fff; text-align: right; font-size: 15px;;}

#tellBox dd{ background: #f2f2f2; padding: 0 10px; line-height: 30px;}

#tellBox dd em{font-style:normal; font-size: 18px;color: #b81b42;}

#tellBox dd em{font-style:italic;display:inline-block;text-align:center;opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}

#tellBox dd em.in{opacity:0.2;filter:alpha(opacity=20);transform:scale(0.3);-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-o-transform:scale(0.3);}

#tellBox dd em:last-child{display: none;}



@media screen and (max-width:1201px){



    .header_wap,.menu_open{display:inherit;}

    .header_w{display:none;}

    .footer_top .dl_1{ padding-right:16px;}

    .footer_top .dl_2{width: 140px;}

    .footer_top .dl_3{width: 184px;}

    .footer_link b{left:10px;}

    .footer_link{padding-left:70px!important;}

    .footer_link a{padding-left: 10px;}



}

@media screen and (max-width:1000px){



    .footer_top,.footer_link{display: none;}



}



/*==========page banner==========*/

.page_banner{width: 100%; height:500px;}

.page_banner img{width: 100%;display:block;visibility: hidden;}

.case_banner{background: url("../images/case_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}

.service_banner{background: url("../images/service_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}

.technology_banner{background: url("../images/technology_banner.jpg") no-repeat;background-size:auto 100%;background-position: center; margin-bottom:30px;}

.news_banner{background: url("../images/news_banner.jpg") no-repeat;background-size:auto 100%; background-position: center;margin-bottom:30px;}

.cooperate_banner{background: url("../images/cooperate_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}

.about_banner{background: url("../images/about_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}

@media screen and (max-width:1201px){

    .page_banner{height: auto;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

    .page_banner img{visibility: inherit;}

}





/*==========弹窗==========*/

/*遮罩*/

#maskLayer{width: 100%;height: 100%;position: fixed;left:0;top:0;background: #000;filter:alpha(opacity=60);opacity: 0.6;z-index: 1001;}

#PopupBox,#maskLayer{display:none;}

/*弹窗*/

#PopupBox{position: fixed; left: 50%; top: 45%;margin-left:-250px;margin-top:-242.5px;background: #fff;z-index: 1002;overflow: hidden;border-radius: 16px;}

#PopupBox .Popup_tit{font-size:24px;color: #333;text-align: center;padding-bottom:24px;}

#PopupBox .Popup_tit .fl_r{display: block;text-align: right;}

#PopupBox .Popup_tit .fl_r span{display:inline-block;font-size:20px;width: 30px;height: 30px;margin: 10px;text-align: center;cursor: pointer;}

#PopupBox .Popup_con{width: 400px;padding:0 50px 50px;}

#PopupBox .form_row{padding:0 13px 0 71px;position: relative;margin-bottom: 20px;}

#PopupBox .form_row i,#PopupBox .form_row span{position: absolute;top:0;}

#PopupBox .form_row i{width: 38px;font-size: 14px;color: #ff0000;right: 0}

#PopupBox .form_row .code_img{position: absolute;right:5px;top:0;line-height: 0}

#PopupBox .form_row .code_img img{width: 80px;height: 30px;}

#PopupBox .form_row span{width: 81px;font-size: 14px;color: #555;left: 0;}

#PopupBox .form_row input{border: 1px #e1e1e1 solid;width:83%;padding: 0 5%;}

#PopupBox .form_row,#PopupBox .form_row input{height: 46px;line-height: 46px;}

#PopupBox .form_row input.form_button{width: 100%;padding: 0;font-size: 16px;color: #fff;background: #198df7;border: 1px #198df7 solid;border-radius: 6px;height: 48px;cursor: pointer;}

#PopupBox .form_row input.form_button:hover{background: #2a98fc}



/*分辨率适配*/

@media screen and (max-width: 1040px){

    #PopupBox .Popup_con{width:100%;padding:0 20px 30px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

    #PopupBox .Popup_tit .fl_r span{margin: 0;padding-right: 6px;}

    #PopupBox .Popup_tit{font-size: 20px;padding-bottom:16px;}

    #PopupBox .form_row{margin-bottom: 15px;}

    #PopupBox .form_row, #PopupBox .form_row input{height: 32px;line-height: 32px;}

    #PopupBox .form_row{padding: 0 16px 0 56px;}

    #PopupBox .form_row i{width: 16px;text-align: right;}

    #PopupBox .form_row span{width: 56px;}

    #PopupBox .form_row input.form_button{height: 40px;font-size: 14px;}

    #PopupBox .form_row .code_img{right: 16px;}

}





@media screen and (max-width: 800px){

    #PopupBox{width: 96%;}

}



/*---------------公告 end---------------*/



.wx{ margin-left: 100px; }

.code{ margin-left: 11%; display: none; width: 9%; margin-top: 1rem; }

.code.block{ display:initial; }



.wxh img{

    width: 150px;display: block;

}

.wxh p{

    padding: 10px 0!important;font-size: 14px!important;color: #fff;

    text-align: center;display: block;

}

.wxh{

    display: inline-block;margin-top: 20px;

}







.pagelist{text-align: center;padding: 40px 0 ;}

.pagelist li{

  display: inline-block;vertical-align: middle;

}

.pagelist a{

  border: 1px solid #e6e6e6;font-size: 13px;

  padding: 5px 10px;

display: inline-block;

background: #fff;line-height: normal;

color: #666666;

cursor: pointer;

text-decoration: none;

}

.pagelist li:hover a{

  background: #00AFFF;

  color: #fff;

}

.pagelist .thisclass a{

background: #00AFFF;

  color: #fff;

}

.pagelist .thisclass {

background: #00AFFF;

  color: #fff;

}

.pagelist  select{

        width: 52px!important;

    height: 27px;

    display: block;

    text-align: center;

}





/*右侧悬浮客服*/

.right-side-bar li .weixin-qrCode {

    display:none;

    border-radius:5px;

    position:absolute;

    background-repeat: no-repeat;

    background-size:cover;

    height:177px;

    width:129px;

    box-shadow:0 8px 40px 0 rgba(21,25,42,.18);

    top:0;

    right:69px;

    z-index: 99999;

}

.right-side-bar li .weixin-qrCode.show {

    display:block

}

.right-side-bar li .weixin-qrCode:after {

    display:inline-block;

/*    content:' ';*/

    position:absolute;

    top:35px;

    width:15px;

    height:15px;

    background:#fff;

    transform:rotate(45deg);

    right:-2px

}

.right-side-bar li .weixin-qrCode .weixin-qrCode-close {

    cursor:pointer;

    display:inline-block;

    position:absolute;

    top:-8px;

    right:-7px;

    width:15px;

    height:15px;

    border-radius:50%;

    background:url(../images/icon-close-7b5c410c34.png) no-repeat #fff

}

.right-side-bar li .weixin-qrCode .weixin-qrCode-close:hover {

    background:url(../images/icon-close-shadow-dc5f7c8109.png) #fff

}

.right-side-bar li a.spec {

    background-color:#f7c25c

}

.right-side-bar li a.spec:hover {

    background-color:#e3b04e

}

.right-side-bar li a .image-anchor.qrcode {

    background-image:url(../images/icon-qrCode-47f6a9c246.png)

}

.right-side-bar {

    margin:-150px 0 0;

    padding:0;

    position:fixed;

    z-index:100;

    top:50%;

    right:0

}

.right-side-bar li {

    height:90px;

    width:48px;

    background-color:#00f;

    position:relative

}

.right-side-bar li:nth-child(4):after {

    display:none

}

.right-side-bar li:after {

    content:" ";

    display:block;

    width:65%;

    height:1px;

    position:relative;

    bottom:1px;

    margin:auto;

    z-index:10;

    background-color:rgba(255,255,255,.5)

}

.right-side-bar li:hover .tips-outer {

    opacity:1;

    right:100%;

    transform:scaleX(1)

}

.right-side-bar li .tips-outer {

    display:block;

    height:100%;

    position:absolute;

    top:0;

    right:-100%;

    padding-right:10px;

    opacity:0;

    transform:scaleX(.05);

    transition:transform .2s ease-in-out,opacity .2s ease-in-out,right .2s ease-in-out

}

.right-side-bar li a:hover .image-anchor,.right-side-bar li.show a .image-anchor {

    opacity:.5

}

.right-side-bar li .tips-outer .tips-inner {

    padding:15px 37px;

    font-size:14px;

    color:#0baaa6;

    margin-top:30px;

    white-space:nowrap;

    background-color:#fff;

    z-index:10;

    border:1px solid #dfefef;

    box-shadow:0 0 24px 0 rgba(15,66,76,.25)

}

.right-side-bar li .tips-outer .tips-inner:after {

    content:" ";

    display:block;

    width:30px;

    z-index:15;

    height:40px;

    background-color:#fff;

    position:absolute;

    right:11px;

    top:32px

}

.right-side-bar li .tips-outer .tips-inner:before {

    content:" ";

    box-shadow:0 0 24px 0 rgba(15,66,76,.25);

    display:block;

    width:13px;

    position:absolute;

    right:5px;

    background-color:#fff;

    height:13px;

    z-index:5;

    transform:rotate(45deg)

}

.right-side-bar li.show h4.collapse {

    display:block

}

.right-side-bar li.show h4.expand {

    display:none

}

.right-side-bar li.show a {

    background-color:#069b9d;

    color:rgba(255,255,255,.5)

}

.right-side-bar li a {

    display:inline-block;

    width:100%;

    height:100%;

    text-decoration:none;

    color:#fff;

    background-color:#13c9cb;

    transition:background-color .2s ease-in-out

}

.right-side-bar li a:hover {

    background-color:#069b9d;

    color:rgba(255,255,255,.5)

}

.right-side-bar li a.connectionhr {

    background-color:#f7c25c

}

.right-side-bar li a.connectionhr:hover {

    background-color:#e3b04e

}

.right-side-bar li a .image-call-anchor {

    display:block;

    background-image:url(../images/callrobot-3016ef1834.png);

    width:40px;

    height:20px;

    margin:24px auto 0;

    background-repeat:no-repeat

}

.right-side-bar li a .image-anchor {

    display:block;

    width:22px;

    height:22px;

    margin:16px auto 0;

    transition:opacity .2s ease-in-out

}

.right-side-bar li a h4.collapse,.spec .zc-top-nav-m .logo-outer img {

    display:none

}

.right-side-bar li a .image-anchor.service {

    background-image:url(../images/icon-message-236701dd5b.png)

}

.right-side-bar li a .image-anchor.tele {

    background-image:url(../images/icon-phone-5a3bd4de75.png)

}

.right-side-bar li a .image-anchor.appointment {

    background-image:url(../images/icon-appointment-e3dfe7d37d.png)

}

.right-side-bar li a .image-anchor.hr {

    width:18px;

    background-image:url(../images/icon-hr-cee2424e38.png)

}

.right-side-bar li a h4 {

    width:30px;

    margin:8px auto 0;

    line-height:1.2;

    font-size:12px;

    font-weight:400;

    text-align:center

}

@media screen and (max-width:600px) {

    .right-side-bar {

    display:none

}

}



.wxhwz{
    display: flex;
}
.wxit{
    margin-right: 20px;
}


/*底部微信手机*/
.f_tit_bnav,#wxnr,#weixin{
    display: none;
}
@media screen and (max-width: 600px) {
    body{
        padding-bottom: 70px;
    }
.f_tit_bnav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    background-color: #252525;
    font-size: 13px;
    z-index: 88;
    height: 70px;
    display: block;
}
.f_tit_bnav ul li {
    float: left;
    text-align: center;
    width: 25%;
    height: 70px;
}
.f_tit_bnav li a {
    color: #fff;
    display: block;
    font-size: 13px;
}
.f_tit_bnav li img {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    margin-top: 13px;
    margin-bottom: 5px;
}
.f_tit_bnav li img.f_tit_img02 {
    display: none;
}
.f_tit_bnav li.f_tit_li {
    background-color: #333333;
}
}


/*微信弹窗*/
#wxnr {
    width: 100%;
    height: 100%;
    max-width: 640px;
    min-width: 320px;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 90%;
    height: 60%;
    box-sizing: border-box;
    padding: 20px;
    padding-top: 40px;
    text-align: center;
    left: 50%; top:50%;transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 6px #777;
    -webkit-box-shadow: 0px 2px 6px #777;
    -moz-box-shadow: 0px 2px 6px #777;
    border-radius: 10px;
}
#wxnr img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
}
#wxnr p {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}
#wxnr i {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    background: #333;
    border-radius: 50px;
    cursor: pointer;
}
#wxnr span {
    display: inline-block;
    padding: 2px 6px;
    line-height: 35px;
    background-color: #da1f2e;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
#wxnr span.wx {
    padding-left: 0;
    /*background-image: url(../images/wx.png);*/
    background-size: 18px;
    background-position: 6px center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    width: 40%;
}
/*复制提示*/
#weixin {
    position: fixed;
    top: 50%;
    margin-top: -24px;
    z-index: 9999999;
    font-size: 17px;
    color: #fff;
    width: 90%;
    right: 5%;
    line-height: 50px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid #333;
    border-radius: 6px;
    display: none;
}