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


/*==========头部==========*/
.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;}
.header h1 img{vertical-align: middle;width: 184px;height: 57px;}
.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;}
.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: center;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: 46px 0 40px;overflow: hidden;}
.footer_top dl{float: left;}
.footer_top dt{font-size: 14px;color: #fff;font-weight: 600;margin-bottom: 12px;}
.footer_top dd,.footer_top dd a{font-size: 12px;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;}

.footer_top .dl_1{width: 740px;padding-right:40px;}
.footer_top .dl_1 p{width: 44%;float: left;padding-right: 6%;}
.footer_top .dl_2{width: 110px;}
.footer_top .dl_3{width: 270px;float: right;}
.footer_top .dl_3 .sp_tel{height:28px;line-height:28px;margin-bottom: 16px;padding-top: 6px;}
.footer_top .dl_3 .sp_tel span{padding-left:34px;font-size:29px;color:#fbfa85;background:url(/images/foot_tel.png) no-repeat left center;display:block;}

.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:20px;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;}
.copyright a{color: #939599;}
.footer_link a:hover,.copyright a:hover{color: #fff;}


#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/page_banner/case_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}
.service_banner{background: url("../images/page_banner/service_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}
.technology_banner{background: url("../images/page_banner/technology_banner.jpg") no-repeat;background-size:auto 100%;background-position: center; margin-bottom:30px;}
.news_banner{background: url("../images/page_banner/news_banner.jpg") no-repeat;background-size:auto 100%; background-position: center;margin-bottom:30px;}
.cooperate_banner{background: url("../images/page_banner/cooperate_banner.jpg") no-repeat;background-size:auto 100%;background-position: center;}
.about_banner{background: url("../images/page_banner/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:38px;top:10%;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; }