@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}


body{font: 16px/180% "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #333333;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
html, body{ height: 100%; width: 100%;}
a{color: #333333;text-decoration: none;}
a:hover{color: var(--theme-color);text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.pt11{padding-top:110px;}
.pt13{padding-top:130px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 16px; font-weight: 600;}

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; margin: auto;  transition:all 0.36s ease; }
.zsy-img.fd:hover img{ transform:scale(1.08);}



/*整体变量*/
:root {
  --theme-color: #06519a;
  --order-color: #ff7e00;
}




/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3998802 */
  src: url('https://at.alicdn.com/t/c/font_3998802_w9kq5s42fsm.woff2?t=1687167881678') format('woff2'),
       url('https://at.alicdn.com/t/c/font_3998802_w9kq5s42fsm.woff?t=1687167881678') format('woff'),
       url('https://at.alicdn.com/t/c/font_3998802_w9kq5s42fsm.ttf?t=1687167881678') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: "centurygothic";
    src: url("../fonts/centurygothic.woff2") format("woff2"),
         url("../fonts/centurygothic.svg") format("svg");
    font-weight: normal;
    font-style: normal;
  }

.zt{ font-family: 'centurygothic';  font-size: 40px; color: #eeeeee;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}


.x1{ width:100%;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.x2{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }
.x3{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 3;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }
.x4{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 4;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }
.x5{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 5;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }

.clearfix:after{content:""; display:block; height:0; clear:both;}

/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(../images/xs.png) no-repeat center center; background-color: rgba(0, 0, 0, 0.5);}
.db_xs:hover{ background-color: #333;}
/*顶部*/
.ix-header{transition: all 0.36s ease;  position: relative; width: 100%; z-index:11; }
.ix-logo {  margin-top: 35px; height: 70px;  }
.ix-logo img{ height: 60px;}
.ix-nav { text-align: center;  padding-bottom:30px; padding-top:20px;}

.ix-iphone{height:40px; line-height:40px; text-align:left;}
.ix-nav>ul>li.ix-search i{padding-top: 20px; display: block;}

.ix-nav>ul>li.ix-search .is-img i {padding-top:0px;}
.ix-nav>ul { margin: 0px auto; padding-top:0px; }
.ix-nav>ul>li{ float: left; padding: 0px 20px; position:relative; height:60px; line-height:60px;}
.ix-nav>ul>li>a{font-size: 16px; color: #fff;  display: block; position: relative; transition: all 0.36s ease; color:#333333;  transition:all 0.36s ease;}
.ix-nav>ul>li>a i{font-size:12px; color:#999; margin-left:10px;  transition:all 0.36s ease; display:inline-block}
.ix-nav>ul>li>a::after{ width: 0%; content: '';  border-top: solid 2px #fff; position: absolute; bottom: 0px; left: 0; right: 0; transition: all 0.36s ease;}
.ix-nav>ul>li>a.active::after{ width: 100%;  }
.ix-nav>ul>li:hover a::after{width: 100%; }
.ix-nav>ul>li:nth-child(1){padding-left: 0px;}
.ix-nav>ul>li.ico-tb i{color:#333; padding-right:10px; font-size:18px; font-weight:bold;}
.ix-nav>ul>li.ico-tb.active a i,  .ix-nav>ul>li.ico-tb:hover a i{transform: rotate(0deg);}
.ix-nav>ul>li.active a, .ix-nav>ul>li:hover a{color:var(--theme-color);}
.ix-nav>ul>li.active a i, .ix-nav>ul>li:hover a i{color:var(--theme-color); transform: rotate(180deg);}

.ix-search-box{position:absolute; background:#cccccc; width:calc(100% - 40px); left:0;  padding:0px 20px; height:80px; line-height: 80px; top:200px; visibility:hidden; opacity:0; transition:all 0.36s ease;}
.ix-nav>ul>li.ix-search{cursor:pointer; position:initial; }
.ix-nav>ul>li.ix-search input{height:40px; width:calc(100% - 80px); border:none; outline:none; padding:0px 20px; font-size:16px; border-radius:4px 0px 0px 4px;}

.is-img{ width:40px; height:40px; border:none; text-align:center; line-height:30px; color:#fff; background:var(--theme-color); vertical-align:middle; cursor:pointer; border-radius:0px 4px 4px 0px; }

.ix-nav>ul>li.ix-kk>a{height:45px; border:solid 1px #e0e0e0; display:block; line-height:45px; padding:0px 20px; margin-top:25px; font-size:14px;}

.ix-search:hover{color:#2453b3;}
.ix-kk img{ height:16px; vertical-align:middle;}
.ix-kk .nav-2-list img{ margin-right:10px;}
.ix-nav .ix-kk .nav-2-list{ width:148px; border:solid 1px #e0e0e0; left:20px; box-shadow:none; }
.ix-nav ul li.ix-kk:hover .nav-2-list{top: 71px;}
.ix-nav ul li.ix-kk .nav-2-list a{padding: 5px 20px; border-bottom:none;}


.ix-nav ul li.ix-search:hover .ix-search-box{ top:92px; visibility:visible; opacity:1; }




/*导航二级*/
.ix-nav .nav-2-list{ position: absolute; top: 120px; left: 0px; width: 200px; background: #fff; border-radius: 0px; opacity: 0;transition: all 0.36s ease; visibility: hidden;box-shadow:0px 0px 10px rgba(0,0,0,0.2); text-align:left; }
.ix-nav ul li .nav-2-list a{ color:#666; line-height: 180%; padding: 10px; display: block; border-bottom: solid 1px #e0e0e0;  transition: all 0.36s ease; padding: 10px 20px;   }
.ix-nav ul li .nav-2-list a:hover{ color:#fff; background: var(--theme-color);}
.ix-nav ul li .nav-2-list a:nth-last-child(1){ border-bottom: none;}
.ix-nav ul li:hover .nav-2-list{ opacity: 1;  top:50px;  visibility: visible; }



/*导航三级*/
.nav-3-a{font-weight:bold;font-size:18px;color:#333;     line-height: 150%;  padding-bottom: 20px;}
.ix-nav .nav-2-list.abc{width:600px;     left: -245px; padding:30px 0px; }
.ix-nav .nav-2-list.abc .nav-3-box{float:left; width:calc((100% - 121px)/2); padding:0px 30px;}
.ix-nav .nav-2-list.abc .nav-3-box:nth-child(1){border-right:solid 1px #e0e0e0;}
.ix-nav .nav-2-list.abc .nav-3-box a{border-bottom:none;}



/*banner*/
.ix-banner{ position:relative; z-index:1;}
.ix-banner img{max-width:100%;}


/*我们的优势*/
.ix-advan{ border-bottom:solid 2px #f2f4f6;}
.ix-advan ul li{ width:calc((100% - 100px)/3); float:left; margin-left:50px;}
.ix-advan ul li .ia-1{width:50px;}
.ix-advan ul li .ia-2{ width:calc(100% - 70px);}
.ix-advan ul li .ia-2 .t1{font-size:18px; color:#333; padding-bottom:10px;}
.ix-advan ul li:nth-child(1){margin-left:0px;}


/*通用头部*/
.ix-head{text-align:center; position:relative;}
.ix-head .t1 img{height:30px;}
.ix-head .t2{font-size:30px; color:#333; line-height:150%; padding-top:10px;}
.ix-head .t3{ position:absolute; top:30px; left:19px; right:0; text-transform:uppercase; font-size:50px; letter-spacing:20px; font-family:Arial, Helvetica, sans-serif; color:rgba(0,0,0,0.05);}

/*关于我们*/
.ix-ab-tit .t1{font-size:30px; color:#333;}
.ix-ab-tit .t2{width:60px; height:3px; background:#ff7e00; margin-top:30px; margin-bottom:20px;}
.ix-ab-tit .t4 a{padding-top:30px; color:#999; display:block; transition:all 0.36s ease;}
.ix-ab-tit .t4 i{display:inline-block; font-size:14px; color:#999; padding-left:10px; font-weight:bold}

.ix-ab-tit .t4 a:hover, .ix-ab-tit .t4 a:hover i{color:var(--theme-color);}

.ix-ab-box .ab-wp{ width:calc((100% - 40px)/2); float:left;}
.ix-ab-box .ab-wp:nth-child(1){margin-right:40px;}

/*通用Swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;}
.swiper-pagination-bullet{width:10px; height:10px;background:#000; bottom:20px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:10px; height:10px;background:var(--theme-color);}

/*公司业务*/
.ix-yw-list ul li{ width:calc((100% - 60px)/3); float:left; margin-left:30px; padding-top:20px;}
.ix-yw-list ul li:nth-child(3n+1){margin-left:0px;}
.ix-yw-list ul li .zsy-img:before{ content:''; width:100%; height:5px; position:absolute; bottom:0; background:var(--order-color);}
.ix-yw-list ul li .iyl{padding:20px; padding-bottom:0px;}
.ix-yw-list ul li .iyl-t1{ font-size:18px; font-weight:bold; line-height:120%;  padding-bottom:5px;}
.ix-yw-list ul li .iyl-t2{ color:#999; height:60px;}


/*产品展示*/
.ix-pro-nav{ text-align:center;  border-bottom: solid 2px #f2f4f6;}
.ix-pro-nav ul li{display:inline-block; padding:0px 15px; padding-top:20px; margin-left:20px;}
.ix-pro-list ul li{width:calc((100% - 80px)/5); float:left;margin-left:20px; margin-top:20px; transition:all 0.36s ease;}
.ix-pro-list ul li:nth-child(5n+1){margin-left:0px;}
.ix-pro-list ul li .ipl-tit{ text-align:center; transition:all 0.36s ease; background:#fff; padding-top: 10px;}
.ix-pro-list ul li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.ix-pro-list ul li:hover .ipl-tit{-webkit-transform: translateY(-30px);  -ms-transform: translateY(-30px); transform: translateY(-30px);}

.ix-pro-an a{display:block; width:120px; margin:0px auto; height:40px; border:solid 1px #ccc; line-height:40px; text-align:center; transition:all 0.36s ease;}
.ix-pro-an a i{display:inline-block; padding-left:10px; font-size:14px; font-weight:bold; color:#666; }


/*维修案例*/
.ix-case-box{background:#1c323b; height:400px;}
.ix-case-box .icb{ width:calc((100% - 0px)/2); float:left;}

.ix-case-box .icb-img{max-width:100%; height:400px;}
.ix-case-box .icb-tit:before{ width:40px; height:100%; background:#f69e14; position:absolute; content:""; top:0; right:0;}
.icb-tit-box{padding:80px; padding-bottom:0px; color:#fff;}
.icb-tit-box .it-t2{ padding:10px 0px;}
.icb-tit-box .it-t3{width:30px; height:5px; background:var(--order-color);}
.icb-tit-box .it-t4{font-size:24px; font-weight:bold; line-height:120%; padding-top:20px;}
.icb-tit-box .it-t5{color:#b4c2c7; padding-top:20px; height:85px;}


/*合作伙伴*/
.ix-hzhb-list ul li{ width:calc((100% - 70px)/8); float:left; margin-left:10px; margin-top:10px;}
.ix-hzhb-list ul li:nth-child(8n+1){margin-left:0px;}

/*底部*/
.ix-footer{background:#184897;}
.ix-foot-a{border-bottom:solid 1px rgba(255,255,255,0.1);}
.ifa-links a {display:inline-block;}
.ifa-links a img{width:30px; height:30px;margin-left:10px; transition:all 0.36s ease;}
.ifa-links a img:hover{opacity:0.6;}

.ix-foot-b .ifb-li:nth-child(3){text-align:right; padding-top:10px;}
.ix-foot-b .ifb-li a{color:#fff; display:block; padding-top:10px; transition:all 0.36s ease;}

.ix-foot-b .ifb-li i{padding-right:10px;}

.ix-copy{ font-size:14px; padding:20px 0px;}
.ix-copy .ic2 a{color:#999; transition:all 0.36s ease;}
.ix-copy .ic2 a:hover{color:var(--theme-color);}

.ix-foot-b .ifb-li{width:20%; float:left; color:#fff;}
.ix-foot-b .ifb-li.abcd{width:60%;}
.ix-foot-b .ifb-li a:hover{color:#5ea4e9;}
.ifb-li.abcd a{font-size:26px; padding-top:50px; display:inline-block; padding-right:160px;}
.ifb-li.abcd a:nth-child(3){padding-right:0px;}
@media (max-width: 1600px) {

}
@media (max-width: 1410px) {

}

@media (max-width: 1380px) {

}


@media (max-width: 1280px) {


} 

@media (max-width: 1080px) {

  
 
}
@media (max-width: 780px) {
  
  }
@media (max-width: 640px) {
  

}