@charset "utf-8";
/* .wrap{max-width:1400px;padding-left:40px;padding-right:40px;} */
@media (max-width:1800px){
    .top_tel{display:none;}
}
@media (max-width:1400px){
    .wrap{max-width:1400px;padding-left:40px;padding-right:40px;}
}
@media (max-width:1200px){
    .wrap{max-width:1200px;padding-left:30px;padding-right:30px;}
    .top_tel{display:none;}
    .main_navigation{display:none;}
    .nav_open{display:block;opacity:1;width:30px;height:30px;cursor:pointer;position:absolute;right:30px;top:30px;background:url(../images/d1.png) center center no-repeat;}
    .m_nav_wrap{display:block!important;}
    .m_nav{position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:9999999;opacity:0.98;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top:0;transform:translateX(100%);}
    .m_nav.open{transform:translateX(0%);}
    .m_nav .m_nav_closed{display:block;opacity:1;width:30px;height:30px;cursor:pointer;position:absolute;right:40px;top:28px;background:url(../images/d2.png) center center no-repeat;}
    .m_nav ul{list-style:none;display:block;padding:0 0px;margin:100px 0 0 0;border:0px solid red;box-sizing:border-box;}
    .m_nav ul li{padding:0 0px;margin:0;display:block;box-sizing:border-box;border-bottom:1px solid #e9e9e9;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity:0;}
    .m_nav.open ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
    .m_nav ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(9){-webkit-transition:all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(10){-webkit-transition:all 2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 2s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(11){-webkit-transition:all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(12){-webkit-transition:all 2.4s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 2.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(13){-webkit-transition:all 2.6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 2.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li:nth-child(14){-webkit-transition:all 2.8s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 2.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
    .m_nav ul li a{display:block;text-decoration:none;color:#333;font-size:16px;line-height:40px;padding:10px 10px 10px 30px;margin:0;box-sizing:border-box;}
    .m_nav ul li a:hover{color:#fff;background:#3657ab;}
    .m_nav ul li .dropdown_menu{display:none;}
    .m_nav ul li.dropdown .dropdown_menu{display:block;border-top:1px solid #e9e9e9;padding:0px;margin:0;}
    .m_nav ul li .dropdown_menu a{display:block;line-height:40px;padding:10px 20px 10px 60px;margin:0 0px;box-sizing:border-box;border-bottom:1px solid #e9e9e9;}
    .m_nav ul li .dropdown_menu a:last-child{border:none;}
    .home_header{padding-top:15px;position:fixed;background:transparent;}
    .home_header .nav_open{top:25px;right:25px;}
    .index01_list .item{flex:1 1 50%;}
    .index03_list{margin-left:-9px;margin-right:-9px;}
    .index03_list .item{padding:9px 9px;}
    .index05_list{margin-left:-10px;margin-right:-10px;}
    .index05_list .item{padding:0px 10px;}
    .index05_list .item .cont{padding:40px 10px 20px 20px;}
    .index05_list .item .cont .desc{padding:20px 0px 0px;margin:0px 0px 0px;}
    .index05_list .item .cont .desc>*{padding:10px 0px 10px 37px;}
    .server03_list{margin-right:-15px;margin-left:-15px;}
    .server03_list .item{padding:15px;flex:0 0 33.333333%;}
    .server03_list .item .desc{padding:0px 0px 30px;}
    .server04_list{margin-right:-10px;margin-left:-10px;}
    .server04_list .item{padding-right:10px;padding-left:10px;}
    .about01_list{margin-right:-10px;margin-left:-10px;}
    .about01_list .item{padding-right:10px;padding-left:10px;}
    .about01_list .item .cont .icon{padding-right:20px;}
    .case_title .t1{font-size:40px;}
    .case_title .t2{font-size:28px;}
    .newslist li .txtcont .tit a{font-size:22px;}
    .newslist li .txtcont{width:56%;padding-right:25px;}
    .newslist li .details{display:none;}
    .footer_copyright{padding:20px 0px 0px 0px;}
    /* .footer_wx .txt .addr{font-size:14px;} */
}
@media (max-width:992px){
    .wrap{max-width:992px;padding-left:20px;padding-right:20px;}
    .index03_tit01{font-size:36px;}
    .index03_tit02{font-size:46px;}
    .index03_list .item .cont .tit{font-size:32px;}
    .index04_txt{font-size:14px;line-height:1.7;padding-top:10px;}
    .index04_list .item{flex:0 0 50%;}
    .index04_list .item .cont .desc{padding-right:0px;padding-bottom:30px;}
    .index05_list .item{flex:0 0 50%;margin-top:25px;}
    .footer{padding:1.5vw 0px 1vw 0px;}
    .footer_contact{width:100%;float:none;clear:both;}
    .footer_copyright{margin:0 auto;text-align:center;padding:25px 0px 0px 0px;font-size:16px;line-height:1.8;}
    /* .footer_wx{width:100%;float:none;clear:both;margin:0 auto;} */
    /* .footer_wx .wx{display:none;} */
    /* .footer_wx .txt{width:100%;float:none;clear:both;margin:0 auto;text-align:center;min-height:auto;} */
    /* .footer_wx .txt .tit{display:none;} */
    /* .footer_wx .txt .addr{position:relative;font-size:16px;line-height:1.8;} */

    
    .server04_list .item{flex:1 1 50%;}
    .about01_list{padding:1vw 0px 40px;margin-right:-0px;margin-left:-0px;}
    .about01_list .item{padding:6px 0px;flex:1 1 100%;}
    .about02{padding:30px 0px 50px;}
    .about02_wrap{padding-left:30px;padding-right:30px;}
    .about02_container{padding:50px 30px 50px;}
    .about02_container:before{top:50%;margin-top:-205px;}
    .about02_left{display:block;min-width:100%;max-width:100%;padding:0px 0px 0px 0px;}
    .about02_icon{margin:0;padding:0px;position:absolute;top:3%;right:3%;z-index:99;}
    .about02_icon img{opacity:0.2;}
    .about02_icon:before{content:"";left:-0px;width:100%;display:none;}
    .about02_title{font-size:0;}
    .about02_title p{font-size:46px;display:inline-block;padding-right:16px;color:#3657ab;}
    .about02_content{width:100%;padding:30px 0px 0px;max-width:100%;font-size:18px;line-height:2;display:block;}
    .about01_wrap_contact{padding-bottom:0px;margin-bottom:0vw;}
    .about01_wrap_contact .about01_list{padding-bottom:10px;margin-bottom:0vw;}
    .banner_server .banner_txt .txt2{font-size:22px;}
    .case_cat a{font-size:20px;}
.caselist li .cont .txtcont .tit{font-size:20px;}
.caselist li .cont .txtcont .desc{font-size:20px;}
    .details_case_left{width:177px;float:left;display:none;}
    .details_case_right{width:100%;float:none;clear:both;}
    .details_case_title{display:block;}
    .newslist li{margin-bottom:25px;}
    .newslist li .txtcont{width:72%;padding-left:30px;}
    .newslist li .updatetime{display:none;}
}
@media (max-width:767px){
    .index03_list .item{width:100%;}
    .index03_list .item .cont .tit{font-size:26px;}
    .index03_cat a{margin:5px 5px;padding:5px 25px;}
    .footer_contactlist .item{width:22%;}
    .footer_contactlist .item:nth-child(1){width:56%;}
    .footer_contactlist .item:nth-child(2) .cont .txt,.footer_contactlist .item:nth-child(3) .cont .txt{display:none;}
    .server01_list .item{flex:0 0 33.333333%;}
    .server01_list .item .cont{padding:25px 0px;border:2px solid #e6e6e6!important;border-left:0px!important;border-top:0px!important;}
    .server01_list .item:nth-child(n+7) .cont{border-bottom:0px!important;}
    .server01_list .item:nth-child(3n+3) .cont{border-right:0px!important;}
    .server02_list{flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
    .server02_list .item{padding:10px 10px;flex:1 1 50%;}
    .server03_list{margin-right:-0px;margin-left:-0px;}
    .server03_list .item{padding:15px 0px;flex:0 0 100%;}
    .about03_info ul li{padding:15px 10px;flex:1 1 50%;border-top:1px solid #b9b9bb;}
    .about03_info ul li:nth-child(1),.about03_info ul li:nth-child(2){border-top:0px;}
    .about03_info ul li:nth-child(2){border-top:0px;}
    .about03_info ul li:nth-child(2):after{display:none}
    .about04_flex{flex-wrap:wrap;}
    .about04_flex .about04_left,.about04_flex .about04_right{padding:0px 0px;flex:1 1 100%;}
    .about04_flex .about04_right{flex:1 1 100%;border:0px solid red;}
    .about04_list03 .item{flex:1 1 50%;}
    .about04_list03 .item:nth-child(2){flex:1 1 50%;}
    .page_contact_txt{float:none;clear:both;padding:20px 0px 0px 0px;margin:2vw 0px 0px;width:100%;max-width:100%;position:relative;}
    .page_contact_txt .txt02{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
    /* .page_contact_list{float:none;clear:both;text-align:left;padding:20px 0px 20px;margin:1.7vw 0px 0px;width:100%;max-width:100%;} */
    /* .page_contact_list .item{padding:20px 10px 20px 25px;margin:4px 0px;display:block;background:#f6f6f7;} */
    .contact_about02_icon01{display:block;}
    .banner_contact{padding:12vw 0px 7vw 0px;}
    .banner_contact .banner_txt{float:none;clear:both;width:100%;margin:0 auto;text-align:center;}
    .banner_contact .banner_txt .icon{display:none;}
    .banner_contact .banner_txt .txt{font-size:24px;}
    .banner_contact .banner_txt .txt *{margin-bottom:5px;}
    .banner_server .banner_txt .txt2{font-size:18px;}
    .case_title .t1{font-size:30px;}
    .case_title .t2{font-size:24px;}
    .caselist{margin:0 -8px;}
    .caselist li{padding:8px 8px 8px;order:0;flex:1 1 50%;}
.caselist li .cont .txtcont .tit{font-size:18px;}
.caselist li .cont .txtcont .desc{font-size:18px;}


    
    
    
    .details_case{padding:30px 0px 20px;}
    .newslist li{margin-bottom:15px;}
    .newslist li .txtcont .tit a{font-size:20px;}
    .newslist li .txtcont .desc{margin-top:4px;height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}
@media (max-width:575px){
    .header{padding:15px 0px 15px;}
    .logo{max-width:220px;overflow:hidden;}
    .nav_open{top:18px;right:20px;}
    .placeholder_navigation{width:100%;height:62px;line-height:62px;display:block;margin:0px;padding:0px;font-size:0;overflow:hidden;border:4px solid red;}
    .home_header .logo{max-width:220px;overflow:hidden;}
    .home_header .nav_open{top:18px;}
    .index01_tit01{font-size:26px;}
    .index01_tit02{font-size:22px;}
    .index01_list .item{flex:1 1 100%;}
    .index01_list .item .cont{padding:20px 10px;}
    .index01_list .item .cont .icon{padding-right:20px;font-size:20px;}
    .index01_list .item .cont .txt .tit{font-size:20px;}
    .index01_list .item .cont .txt .tit2{font-size:20px;}
    .index01_list .item .cont .txt .desc{padding:10px 0px 0px;margin:10px 0px 0px;}
    .index01_imgtxt{font-size:22px;}
    .index02_list li{width:50%;}
    .index03_tit01{font-size:32px;}
    .index03_tit02{font-size:36px;}
    .server01_tit img{width:300px;max-width:100%;font-size:0;overflow:hidden;}
    .server01_list .item{flex:0 0 50%;}
    .server01_list .item .cont{border:2px solid #e6e6e6!important;border-left:0px!important;border-top:0px!important;}
    .server01_list .item:nth-child(3n+3) .cont{border-right:2px solid #e6e6e6!important;}
    .server01_list .item:nth-child(2n+2) .cont{border-right:0px!important;}
    .server04_list .item{flex:1 1 100%;}
    .server04_list .item .cont{padding:40px 15px 30px 25px;}
    .server04_list .item .cont .desc{padding-top:20px;}
    .page_contact_txt .txt03{padding:13px 0px 0px;}
    .case_title .t1{font-size:24px;}
    .case_title .t2{font-size:18px;}
    .details_case_title{font-size:28px;}
    .details_news{padding:30px 0px 30px;}
    .page_prev_next{clear:both;width:100%;padding:10px 0px 0px;}
    .page_prev_next li{float:none;clear:both;display:block;width:100%;}
    .page_prev_next li:last-child{float:none;clear:both;display:block;width:100%;text-align:left;}
}
@media (max-width:479px){
    .index05_list .item{flex:0 0 100%;}
    .footer_contact{display:none;}
    .footer_wx .txt .addr{padding:6px 0px 6px 0px;font-size:14px;line-height:1.6;}
    .server02_list .item{flex:1 1 100%;}
    .about02{padding:30px 0px 30px;}
    .about02_wrap{padding-left:20px;padding-right:20px;}
    .about02_container{padding:30px 20px 40px;}
    .contact_about02_icon01{display:none;}
    /* .page_contact_list .item{padding:20px 10px 20px 10px;} */
    /* .page_contact_list .item .icon{padding:0px 10px 0px 0px;} */
    /* .page_contact_list .item .txt{line-height:1.5;} */
    .banner_server .banner_txt .txt2{font-size:16px;}
    .caselist{margin:0 0px;}
    .caselist li{padding:8px 0px 8px;order:0;flex:1 1 100%;}
.caselist li .cont .txtcont .tit{font-size:20px;}
.caselist li .cont .txtcont .desc{font-size:22px;}
    
    
    .page_contact_txt .txt02 .txt02_wx .wx{width:90px;padding:0px 5px 0px 0px;}
    .page_contact_txt .txt02 .txt02_wx .wx img{max-width:90px!important;padding:0px;margin:0;font-size:0;}
    .page_contact_txt .txt02 .txt02_wx .txt{width:-webkit-calc(100% - 80px);width:calc(100% - 80px);font-size:18px;line-height:1.3;}
    .page_contact_txt .txt02 .txt02_wx .txt .t1{font-size:20px;}
    .newslist li{margin-bottom:25px;}
    .newslist li .img{width:100%;display:block;vertical-align:middle;}
    .newslist li .txtcont{width:100%;padding:10px 10px 10px 10px;display:block;vertical-align:middle;}
    .ku_panel{right:0px;display:none;}
}