@charset "utf-8";
.body_abel{background: #ffffff;position:relative}
.body_abel footer{z-index:1;position:relative}
.body_abel h1{font-size:2.2rem;font-weight:bold}
.body_abel h2{font-size:1.6rem;font-weight:bold}
.body_abel h3{font-size:1.4rem;font-weight:bold}
.body_abel h4{font-size:1.4rem;font-weight:normal}
.body_abel h5{font-size:1.4rem;font-weight:normal}
.body_abel h1.mobilefootText{font-size:12px}
.body_abel .headerTop h1{font-size:16px}
.body_abel .inquiry a:visited{color:#444;}
.body_abel .inquiry a:hover{color:#00C;}
.inquiry{width:100%;max-width:1920px;height: auto;margin: 20px auto;padding: 20px 0;border-top: 1px solid #d9d9d9;overflow: hidden;}
.inquiry p{font-size: 16px;}
.inquiry h3{margin: 0 auto 10px auto;font-size: 18px;font-weight:bold;}
.inquiry .inquiry-form li input.product-btn,
.inquiry .product-btn{
    height: 40px;
    border: 1px solid #007cdb;
    cursor: pointer;
    color: #fff;
    background-color: #0e83dd;
    text-shadow: #000 1px 1px 5px;
    box-shadow: none;
    display: inline-block;
    font-family:'\5FAE\8F6F\96C5\9ED1', 'HELVETICANEUELTPRO-THEX','FZLTXHK';
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5rem .75rem;
    font-size: 1.35rem;
    line-height: 1.25;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.inquiry .inquiry-form li input.product-btn:hover,
.inquiry .product-btn:hover{border-color:#007cdb;background-color: #007cdb;}
.inquiry .inquiry-form li{position:relative;margin: 10px auto;}
.inquiry .inquiry-form li:last-child{text-align: center;width: 80%;margin: 10px auto 10px 0;}
.inquiry .inquiry-form li em {position: absolute;margin-top:13px;margin-left:10px;color: red;font-size: 16px;}
.inquiry .inquiry-form li input,
.inquiry .inquiry-form li textarea{width: 80%;height: 45px;border: 1px solid #ccc;box-shadow: 0 2px 2px -2px #DDD inset;box-sizing: border-box;outline: none;color: #000;padding-left: 10px;line-height: 45px;font-size: 16px;}
.inquiry .inquiry-form li textarea{width: 80%;height: 150px;}
.inquiry .inquiry-form li #dosubmit{width: 25%;margin: 0 20px 0 0;}
.inquiry .inquiry-form li #doreset{width: 25%;text-shadow: none;border: 1px solid #ccc;color: #444;background-color: #e3e3e3;}
.inquiry .inquiry-form li #doreset:hover{border-color:#e0e0e0;background-color: #e0e0e0;}
.inquiry .left-content{width: 69%;margin-left: 1%;float: left; border-right: 1px dashed #989898;}
.inquiry .right-content{width: 29.8%;float: left;}
.inquiry .mobile-view{text-align: center;margin: 0 15px 10px 15px;padding-bottom:10px;border-bottom: 1px dashed #989898;}
.inquiry .mobile-view img{width: 100%;}
.inquiry .contact-us{margin-top: 10px;padding: 0 20px;}
.inquiry .contact-us h3{text-align: left;}
.inquiry .contact-us ul li{font-size: 16px;}
.inquiry .contact-us .chat-btn{margin: 20px 17%;width: 65%;}

@media screen and (max-width: 720px){
    .inquiry .left-content{width: 100%;float: none; border-right: 0;}
    .inquiry .right-content{display: none;}
    .inquiry .inquiry-form li input,
    .inquiry .inquiry-form li textarea{width: 94%;}
    .inquiry .inquiry-form li #dosubmit{width: 45%;margin-right: 4%;}
    .inquiry .inquiry-form li #doreset{width: 45%;}
    .inquiry .inquiry-form li:last-child{margin: 10px auto;}
}

.area_related_product, .area_related_case{width: 100%;max-width:1920px;height: auto;margin: 0 auto 30px auto;padding: 10px 0;z-index:2}
.area_related_product .wrap, .area_related_case .wrap{overflow: inherit;}
/*.area_related_product_title{width: 97%;margin: 10px auto;padding: 5px 15px;color:#fff;font-size: 16px;font-weight: bold;border-radius: 3px;}*/
div.area_slick_list{width: 98%;margin: 0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
div.area_slick_list div.area_slick_item{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.area_slick_list .area_slick_item{margin: 5px;float: left;text-align: center;font-size: 16px;}
.area_slick_list .area_slick_item img{width: 100%;}
.area_slick_list .area_slick_item a,
.area_slick_list .area_slick_item a:visited{color: #000;}
.area_related_product_list .area_related_product_item a:hover{color: #00C;}
.area_related_product_list .area_related_product_item{width: 24%;margin: 5px;text-align: center;}
.area_related_case_list .area_related_case_item{width: 24%;margin: 4px;text-align: center;border: 1px solid #ccc;}
.area_related_case_list .area_related_case_item h3{font-size: 16px;font-weight: bold;margin: 10px 10px;text-align: left;}
.area_related_case_list .area_related_case_item h3:hover{color:#00C;}
.area_related_case_list .area_related_case_item .description{text-align: left;font-size: 14px;line-height: 1.5;margin: 10px 10px 20px 10px;}
.area_slick_list.cases_count_1 .area_slick_item img{width: auto;float: left;margin-right: 3%;max-width: 100%;}
div.area_slick_list.cases_count_1 div.area_slick_item{width: 98%;margin: 4px auto;}

.ct-container{margin:0 auto;}
.ct-breadcrumbs-container{background:#DBDBDB;margin: 6px auto;padding: 8px 0;font-size: 16px;}
.ct-breadcrumbs-container a{color:#333}
.ct-breadcrumbs>span {display: inline-block;align-items: center;vertical-align: middle;}
.ct-breadcrumbs>span .separator {margin: 0 8px;}

.ct-anli-menu{margin: 10px auto;padding: 0;color:#333;font-size:16px}
.ct-anli-menu a{color:#333}
.ct-anli-menu-item{background:#F3F3F3;margin:6px auto;padding:10px 0}
.anli-nav dl{margin: 1rem auto;}
.anli-nav dt.dt{margin-right:20px;font-size:16px}
.anli-nav dt,.anli-nav dd{display: inline-flex;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-moz-inline-box;align-items: center;vertical-align: middle;margin: 3px auto;padding: 2px 0;}
.anli-nav dl dd{font-size:14px}
.anli-nav dl dd a{padding: 5px 8px;font-size:14px}
.anli-nav dl dd.on{background:#068FDE;color:#fff;border-radius: 3px;padding: 5px 8px;}
.anli-nav dl dd:hover a{background:#068FDE;color:#fff;border-radius: 3px;}
.anli-area{margin:1rem auto}
.anli-area .anli-nav dl{margin:0 auto;}

.anli-wuliao-shichan{background:#F9F9F9}
.anli-wuliao-shichan .anli-nav dl{margin:0.2em auto;}

.anli-list-none p{font-size:1.4rem;text-align:center}
.anli-list{margin: 3em auto;}
.anli-list-ul{list-style:none;overflow:hidden;margin: 10px auto;padding: 0;}
.anli-list-item{width: 23.333%;margin: 1em 2% 1em 0;float:left;}
.anli-list-item:nth-child(4n+1){clear:both}
.anli-list-item:nth-child(4n){margin-right:0}
.anli-list-item img{width:100%;}
.anli-list-item h3{font-size:16px;color:#404040;margin: 1rem auto;font-weight: bold;}
.anli-list-item p{font-size:14px;color:#404040}
.anli .common-case{margin-bottom: 2em;overflow: hidden;}
.case-list-area{margin-bottom: 2em;overflow: hidden;}
h2.case-lsit-title{text-align:center;font-size:1.8rem;letter-spacing:10px;margin-bottom: 1em;}
.case-list-item{float:left;width: 23.3333%;margin: 10px 2% 0 0;overflow: hidden;text-align: center;font-size: 1.4rem;}
.case-list-item:last-child{margin-right:0}
.case-list-item a{color:#333}
.case-list-item img{max-width:100%;width: 100%;margin-bottom:10px;}

.mcur{background: url(../images/case/case-bg.jpg) center no-repeat;width: 100%;height: 242px;}
.case-banner-left{width: 55%;float:left;margin-top: 70px;text-align: left;position: relative;line-height: 1.5;letter-spacing: 3px;}
.case-banner-left .banner-title-1{font-size: 2.4rem;font-weight:bold;}
.case-banner-left .banner-title-2{font-size:2.2rem;}
.case-banner-right{width: 45%;float:right;}
.case-banner-right>p{width:initial;margin: 70px auto 10px auto;text-align: right;}
.case-banner-right>p>span{background:#0193de;color:#fff;padding: 10px 40px;display: inline-block;font-size: 2rem;letter-spacing: 3px;}
.abel-case section{z-index:1;position:relative}
.abel-case .datu img{width:100%;}
.abel-case .common-case{margin:0 auto;padding:20px 0 30px 0;background:#fff;}
.abel-case .case-inquiry{margin:0 auto;padding:20px 0 50px 0;background:#fff;}
.abel-case .main-body p{font-size: 1.3rem;color:#333;}
div, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, img, form, embed, label, ol{font-size:initial}

.abel-case .main-body{margin-top:30px}
.case-banner{overflow:hidden}
.case-banner .datu{line-height:0}
.case-title{text-align:center;font-size:2.2rem;font-weight:bold;margin: 50px auto 30px auto;}
.gaishu{overflow:initial}
.gaishu-content{width:100%;position:relative;background:#3E6DC7;padding: 0;color: #fff;line-height: 1.9;}
.gaishu-content:before{content:" ";display:block;width:100%;height:32px;position:absolute;top:-32px;left:0;background:rgba(60,109,199,0.58);}
.gaishu-content-div{padding: 19px 15px;}
.case-content-left{width:100%;}
.case-right-sidebar-tel{display:none}
.case-sidebar-fixed{display:none;}
.case-content-item{width: 100%;overflow:hidden;margin: 0 auto 10px auto;padding:10px 0;}
.case-content-item img{text-align:center;margin: 0 auto;width: auto;max-width: 100%;}
.case-column-title{margin:10px auto 20px auto;}
.case-column-title span{background: #3E6DC7;color:#fff;font-size: 1.6rem;padding: 5px 30px;border-radius: 10px;font-weight:bold;}
.case-column-content{width:100%;margin:10px auto;overflow:hidden;font-size: 1.4rem;line-height: 1.5;letter-spacing: 1px;}
.case-column-content div.pic{text-align:center}
.case-column-content p,.case-column-content div{font-size:1.4rem;}
.case-img{max-width:100%;text-align:center}
.case-img-desc{text-align:center;margin:10px auto 30px auto;font-size:14px}
.case-video-html{width: 100%; height: 100%;object-fit:cover;object-position:center center}
.case-main-content .tedian .case-column-content>div,
.case-main-content .chuliao .case-column-content>div{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;}
.case-main-content .tedian .case-column-content>div>div{margin: 10px 2% 10px 0;padding: 10px 0;}
.case-main-content .tedian .case-column-content>div>div img{margin-bottom:10px}
.case-main-content .tedian .case-column-content>div>div h3{font-size: 1.4rem;font-weight:bold;margin: 5px 0 5px 0;}
.case-main-content .tedian .case-column-content>div>div p{margin-top:10px;margin-bottom: 0;}
.case-main-content .tedian .case-column-content>div.flex-2>div{-webkit-box-flex: 2;-moz-box-flex: 2;-webkit-flex: 1 1 45%;-ms-flex: 1 1 45%;flex: 1 1 45%;}
.case-main-content .tedian .case-column-content>div.flex-3>div{-webkit-box-flex: 3;-moz-box-flex: 3;-webkit-flex: 1 1 30%;-ms-flex: 1 1 30%;flex: 1 1 30%;}
.case-main-content .chuliao .case-column-content{background:#F4F4F4;width: 96%;padding: 25px 2%;}
.case-main-content .chuliao .case-column-content>div>div{margin: 10px auto 0 auto;padding: 10px 0 0 0;}
.case-main-content .chuliao .case-column-content>div>div img{/* margin-bottom:10px; */border-radius:5px;}
.case-main-content .chuliao .case-column-content>div>div p{text-align:center;margin-bottom: 0;}

@media screen and (min-width: 1200px){
    .gaishu-content{width: 71%;float:left;min-height:188px;}
    .case-right-sidebar-tel{width:28%;float:right;display:block;position:relative;}
    .case-right-sidebar-tel:before{content:"";display:block;width:322px;height:32px;position:absolute;top:-32px;left:0;background:rgba(200,200,200,0.58);}
    #case-right-sidebar-tel-img{display:block;width:322px;height:188px;background:url(../images/case/case-tel.jpg) center no-repeat;}
    .case-content-left{width:71%;float:left;}
    .case-right-sidebar{width:27%;float:right}
    .case-sidebar-fixed{width:auto;display:block;position:fixed;top:100px}
    .case-sidebar-img{display:block;width:319px;height:751px;background:url(../images/customer-server.jpg) center no-repeat;}

}

@media screen and (max-width: 979px){
    .case-title{margin-top:30px}
    #page_banner.mcur {height: 242px;}
}

@media screen and (max-width: 768px){
    .anli-list{margin:0 auto}
    .anli-list-item{width:49%}
    .anli-list-item:nth-child(2n){margin-right:0}
    .anli-list-item:nth-child(2n+1){clear:both}

    .body_abel h1.case-title{font-size:2rem}
    .case-banner-left .banner-title-1{font-size: 2rem;}
}

@media screen and (max-width: 720px){
    .case-list-item{float:left;width: 49%;margin: 10px 2% 0 0;}
    .case-list-item:nth-child(2n){margin-right:0}
    .case-list-item:nth-child(2n+1){clear:both}

    .body_abel h1.case-title{font-size:1.6rem;margin: 20px auto;}
    .ct-breadcrumbs-container{display:none}
    .abel-case .main-body{margin-top:20px}
    .case-content-item{margin:0 auto;padding-bottom: 0;}
    .case-column-title span{font-size:1.4rem}
    .case-main-content .tedian .case-column-content>div.flex-2>div{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1 1 96%;-ms-flex: 1 1 96%;flex: 1 1 96%;}
    .case-main-content .tedian .case-column-content>div.flex-3>div{-webkit-box-flex: 2;-moz-box-flex: 2;-webkit-flex: 1 1 45%;-ms-flex: 1 1 45%;flex: 1 1 45%;}
}