@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 16px/160% Arial, Verdana, Geneva, sans-serif;color: #666666;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: #666666;text-decoration: none;}
a:hover{color: #333;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;}
.pr2{padding-right: 20px;}
.pr3{padding-right: 30px;}
.pr4{padding-right: 40px;}
.pr5{padding-right: 50px;}
.pr6{padding-right: 60px;}
.pr7{padding-right: 70px;}
.pr8{padding-right: 80px;}
.pr9{padding-right: 90px;}
.pr10{padding-right: 100px;}
.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;}
.pl2{padding-left: 20px;}
.pl3{padding-left: 30px;}
.pl4{padding-left: 40px;}
.pl5{padding-left: 50px;}
.pl6{padding-left: 60px;}
.pl7{padding-left: 70px;}
.pl8{padding-left: 80px;}
.pl9{padding-left: 90px;}
.pl10{padding-left: 100px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 16px; font-weight: 600;}
.container-s{ padding: 0px 40px;} 

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative; text-align: center; }
.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; background: #f6f6f6; transition:all 0.36s ease; object-fit:cover; }
.zsy-img a:hover img.abc{ transform: scale(1.08);} 


.ycqh{display:none;}

.zoom{ transition:all 0.36s ease;}

.zoom-box{ overflow:hidden;}
.zoom-box img{ max-width:100%;}
.zoom-box:hover .zoom{ transform:scale(1.08); border-radius:0px;}

.box-pl10{ padding-left:100px;}
.box-pr10{ padding-right:100px;}

.fz42{ font-size:42px; color:#333; line-height:120%; padding-bottom:20px;font-weight:normal;}


.container{ padding-right: 20px; padding-left: 20px;} 
.row { margin-right: -20px; margin-left: -20px;}  
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 20px; padding-left: 20px;}




@font-face {
  font-family: "iconfont"; /* Project id 2217726 */
  src: url('../font/iconfont.woff2?t=1709799008487') format('woff2'),
       url('../font/iconfont.woff?t=1709799008487') format('woff'),
       url('../font/iconfont.ttf?t=1709799008487') 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: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"),
       url("../fonts/OpenSans-Regular.woff") format("woff"),
       url("../fonts/OpenSans-Regular.ttf") format("truetype"),
       url("../fonts/OpenSans-Regular.eot") format("embedded-opentype"),
       url("../fonts/OpenSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


.zt{ font-family: 'OpenSans-Regular';  font-size: 30px; color:#b2b2b2;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}



/*===============================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.2);}
.db_xs:hover{ background-color: #2f5496;}
/*顶部*/

.ix-header {width:100%;height:100px;position: fixed;top:0;z-index: 999;}
.ix-header .logo {height:100%;}
.ix-header .logo a {position: relative;  display: block;}
.ix-header .logo a img { height:50px;margin-top:25px; transition:all 0.36s ease;}
.ix-header .ix-nav {line-height:100px; height: 100px; }
.ix-header .ix-nav a{ font-size:16px;}
.ix-header .ix-nav .navitem { cursor: pointer; position: relative;float: left; height:100%; text-align: center;  transition: all .36s ease;     line-height: 50px; padding-top: 25px;}
.ix-header .ix-nav .navitem:hover .subnav {opacity: 1; visibility: visible;}
.ix-header .ix-nav .navitem>a { display: block;  border-bottom: 2px solid transparent;  overflow: hidden;color:#fff;  padding:0 35px; text-align: center; }
.ix-header .ix-nav .navitem>a.select{color:#fff;}

.ix-header .ix-nav .navitem>a>i{ border-bottom:0px;}
.ix-header .ix-nav .navitem>a .fa-angle-down {position: absolute; top:18px; right: 6px;}
.ix-header .ix-nav .navitem .subnav { position: absolute; top: calc(100% - 2px); left: 0;  right:0; z-index:99; opacity: 0; visibility: hidden;  height: auto; border-top:2px solid #fff; background:#fff; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); transition: all .36s ease;}
.ix-header .ix-nav .navitem .subnav li {cursor: pointer;width: 100%}
.ix-header .ix-nav .navitem .subnav li a {  padding: 10px 10px; line-height: 20px; display: block; font-size: 14px; color: #666; transition: all .36s ease;}
.ix-header .ix-nav .navitem .subnav li a:hover {color: #2f5496;}
.ix-header .ix-nav>li>a span { display: inline-block; position: relative; transition: all ease-out .3s; padding-right: 10px;}
.ix-header .ix-nav>li>a:before {content: '';position: absolute;bottom: 0;left: 20px;width: 0;height: 2px;background-color: #fff;transition: all .3s ease-out 0s;}
.ix-header .ix-nav>li>a span:after { content: attr(data-title); position: absolute;   left: 0; transform: translateY(100%); width: 100%;}
.ix-header .ix-nav>li:hover a span { transform: translateY(-100%);}
.ix-header .ix-nav>li a.active:before, .ix-header .ix-nav>li:hover a:before { width: calc(100% - 40px);}


.top-links{line-height:100px; height:100px; }
.top-links a{display:inline-block; padding-left:10px;}
.top-links a i{color:#fff; font-size:30px; transition:all 0.36s ease;}
.top-links a:hover i{color:#2f5496;}
/*#endregion */
.ix-header.active{ background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.ix-header.active .ix-nav .navitem>a{color:#666666; }

.ix-header.active .ix-nav .navitem>a.select{color:#2f5496;}
.ix-header.active .top-links a i{color:#333;}
.ix-header.active .top-links a:hover i{color:#2f5496;}
/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 40px; margin-top: 10px;}
.ix-m-head{ position: relative; height: 60px; display: none; z-index: 1;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #333; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:300px; height:100%; background:#fafafa; position:fixed; top:0; right:-300px; z-index:2000; overflow-x:hidden; overflow-y:scroll;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; min-height:49px; border-bottom:1px solid #ebebeb;}
.leftcontrol ul li a { display:block; overflow:hidden; color:#666; padding:0 20px; height:49px; line-height:49px; font-size:15px;  }
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { border: #d8d8d8 1px solid;border-radius: 5px;width: 8px;height: 8px; background-color: transparent;margin-right: 15px; position: relative; top: 1px; }
.leftcontrol ul.subnav { overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background: #f2f2f2; }
.leftcontrol ul.subnav li{ border-bottom:solid 1px #e5e5e5;}
.leftcontrol ul.subnav li:nth-last-child(1){ border:none;}
.leftcontrol ul.subnav li a { font-size:13px; }
.leftcontrol ul.subnav li a i { margin-right: 20px; font-size:16px; } 
.leftcontrol ul.subnav li.active a { background: #555;color: #fff; }
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }

.leftcontrol ul li.active a.hassub { background: #2f5496; color:#fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol ul li.active a span.more span{background-color: #fff;}

.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:18px; cursor:pointer; opacity: 0.8;}


.nav-bg { display: none;; background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
.nav-bg.open{opacity: 1; z-index: 11; display: block;}

/*banner*/
.ix-banner{ height: 700px;;  z-index: 1;}
.ix-banner.swiper-container{ margin-top: 0px;}
 .ix-banner .swiper-slide{  text-align: center;}
.ix-banner .swiper-button-prev{background: url(../images/a2.png)no-repeat center center; width: 50px; height: 50px; background-size: 50px; left: 40px;}
.ix-banner .swiper-button-next{background: url(../images/a1.png)no-repeat center center; width: 50px; height: 50px; background-size: 50px; right: 40px;} 



.ix-banner .ix-ban-tit {  padding:40px 80px; border-radius: 120px 10px 120px; background-color:rgba(47, 84, 150, 0.8); color: #fff; display: inline-block; margin:0px auto; margin-top: 180px;     max-width: 50%; }
.ix-banner .ix-ban-tit h1{ font-size: 48px;line-height:120%; padding-bottom: 20px; }
.ix-banner .ix-ban-tit h2{ font-size: 18px; font-family:Arial, Helvetica, sans-serif; padding-top: 15px;color: rgba(255, 255, 255, 0.8); line-height: 150%; }
.ix-banner .ix-ban-tit p{font-size: 15px; line-height: 180%; padding-bottom: 30px;}
.ix-banner .ix-ban-tit a{ display:inline-block; width: 148px; text-align: center; border-radius: 6px; color:#fff; transition: all 0.36s ease; text-transform: uppercase; height: 38px; line-height: 38px; text-align:center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; border:solid 1px rgba(255, 255, 255, 0.8);}
.ix-banner .ix-ban-tit a:hover{background-color: #f29224; border:solid 1px #f29224;}
.ix-banner .swiper-slide.swiper-slide-active .ix-ban-tit{animation-delay: 0.2s; animation-name: bounceIn;}
.ix-banner .swiper-slide.swiper-slide-active .ix-ban-tit h1{animation-delay: 0.8s; animation-name: flipInY;}
.ix-banner .swiper-slide.swiper-slide-active .ix-ban-tit h2{animation-delay: 1.2s; animation-name: fadeInUp;}
.ix-banner .swiper-slide.swiper-slide-active .ix-ban-tit p{animation-delay: 1.6s; animation-name: fadeInUp;}
.ix-banner .swiper-slide.swiper-slide-active .ix-ban-tit a{animation-delay: 2s; animation-name: fadeInUp ;}
/*m-banner*/
.ix-m-banner{ display: none;}
.ix-m-banner img{ max-width: 100%;}


/*关于我们*/
.ix-ab-img p:nth-child(1){ padding-bottom: 20px;}
.ix-ab-img img{ max-width: 100%; border-radius: 4px;}
.ix-ab-tit .iat-t1{font-size: 18px; color: #666; padding-bottom: 20px; padding-top: 40px;}
.ix-ab-tit .iat-t2{font-size: 34px; color: #333; line-height: 150%; padding-bottom: 20px;}
.ix-ab-tit .iat-t3{font-size: 15px; color: #666; line-height: 180%; padding-bottom: 20px;}
.ix-an a{ width: 150px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; background-color: #2f5496; color:#fff; display: block;}

/*产品分类*/
.ix-pro ul li{ width: calc((100% - 0px)/3);  float: left;}
.ix-pro .ipl-img img{ max-width: 100%;}

.ix-pto-list{ position: relative; overflow: hidden;}
.ix-pto-list .ipl-k{ position:absolute; left: 0; top: 100%; transition: all 0.36s ease;  color:#fff; padding: 0px 40px; width: calc(100% - 0px); background: rgba(47,84,150,0.7); height: 100%;}
.ix-pto-list .ipl-k h1{font-size: 32px; padding-bottom: 20px; padding-top: 20%;}
.ix-pto-list .ipl-k p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ix-pto-list .ipl-k a{ color:#fff; margin-top: 20px; width: 150px; height: 40px; line-height: 40px; text-align: center; border: solid 1px #fff; border-radius: 4px; display: block;}
.ix-pto-list:hover .ipl-k{ top: 0;}
.ix-pto-list .ipl-k a:hover{ background-color: #2f5496; color:#fff; border: solid 1px #2f5496;}

.ix-pto-list .ipl-tit{ display: none; background-color: rgba(0,0,0,0.8); position: absolute; bottom: 0px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center;  width: 100%;}


/*新闻列表*/
.ix-news-list .inl-li{ padding: 60px 80px; background: #f2f2f2;}
.ix-news-list .inl-li .inl-img{ width: 100%; height: 100%; overflow: hidden;}
.ix-news-list .inl-li .inl-img img { max-width: 100%; transition: all 0.36s ease;}
.ix-news-list .inl-li:hover .inl-img img{ transform: scale(1.08);}
.ix-news-list .inl-li .inl-tit .inl-tit-t1{ font-size: 24px; color:#666; padding-top: 20px;}
.ix-news-list .inl-li .inl-tit .inl-tit-t1 span{ font-size: 18px; color:#666}
.ix-news-list .inl-li .inl-tit .inl-tit-t2{ font-size: 24px; color:#333; padding-top: 10px;}
.ix-news-list .inl-li .inl-tit .inl-tit-t3{ width: 100%; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.ix-news-list .swiper-button-prev{ left:20px;}
.ix-news-list .swiper-button-next{ right: 20px;}
.ix-news-list .swiper-button-prev, .ix-news-list .swiper-button-next{     width: 14px;height: 23px; -moz-background-size: 14px 23px; -webkit-background-size: 14px 23px; background-size: 14px 23px;}
.ix-news-list .swiper-pagination-clickable .swiper-pagination-bullet{ background-color: rgba(0,0,0,.2);}
.ix-news-list .swiper-pagination-clickable .swiper-pagination-bullet-active{ background-color:#2f5496;}

.ix-news-list .inl-li:hover .inl-tit .inl-tit-t2{color:#2f5496;}
/*底部*/
.ix-footer{ background:#2f5496; color:#fff;}
.ix-footer a{  color:#fff; display: inline-block;  text-decoration: none;}
.ix-footer a:hover{    text-decoration: none;}
.ix-foot-xx .if-h1{ font-size:36px; font-weight:normal; padding-bottom:10px;}
.ix-foot-xx .if-h2{ font-size:20px; font-weight:normal; padding:20px 0px;}
.ix-foot-xx p{ font-size:12px; }
.ix-foot-xx{ width:35%;}
.ix-foot-links{ width:45%; padding-right:40px;}
.ix-wem{ width:20%; text-align:right;}
.ix-wem img{ width:110px; height:110px; display:inline-block;     border-radius: 4px;}

.ix-foot-links .ifl-c{padding-top:20px;}
.ix-foot-links .ifl-a a i{ font-size:30px; color:#fff;}
.ix-foot-links .ifl-a a { display:inline-block;}
.ix-foot-links .ifl-c a{  font-size:16px;}
.ix-foot-links .ifl-c p a{font-size:14px; color:rgba(255,255,255,0.5); transition:all 0.36s ease;}
.ix-foot-links .ifl-c p a:hover{color:rgba(255,255,255,1);}
.ifl-c ul{display:flex; gap:30px 0px; justify-content: space-between;}


.ix-wem .pcx-input input.input-an{background-color: #ff812c; color:#fff;}
.ix-wem .pcx-textarea textarea{color:#333;}
.ix-wem .pcx-input input{color:#333;}

/*客服*/
.theme-mask { z-index: 999; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; display: none; }
.popover1 {  width:320px; height: 320px; z-index: 9999; position: fixed; top: 50%; left: 50%; background: #fff; margin: -160px 0 0 -160px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; }
.popover1 dl { margin-top: 30px; font-size: 1.4rem; color: #666; line-height: 30px; }
.popover1 dl dd { display:inline-block;}
.popover1 dl dd img {width:180px; height:180px; margin:0 auto; padding-bottom: 10px;}
.popover1 dl dt{font-weight: normal;}
.popover1 dl a.close { float: inherit;     text-shadow: 0 0px 0 #fff; font-weight: normal; opacity: 1; width: 100px; height: 32px; line-height: 32px; background: #322d29; color: #fff; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 14px; margin: 0px auto;  margin-top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.popover1 dl a.close:hover { background: #1a1a1a; }


/*我们的优势*/
.ix-head{ text-align: center;;}
.ix-head p{ font-size: 36px; color:#333; line-height: 120%;}
.ix-head span{color:#999;}
.ix-wmdys .iw-list{ width: calc((100% - 0px)/3); float: left;}
.ix-wmdys .iw-list .iw-tit{ position: relative; background-color: #f2f2f2; width: 100%; text-align: center; transition: all 0.36s ease; }
.ix-wmdys .iw-list .iw-tit .iw-tit-wz{position: absolute; right: 0; top: 50%; transform: translateY(-50%); left: 40px; right: 40px;}
.ix-wmdys .iw-list .iw-tit  img{max-width: 100%;}
.ix-wmdys .iw-list .iw-tit p{ font-size: 28px; color:#333; padding-bottom:20px; transition: all 0.36s ease;}
.ix-wmdys .iw-list .zsy-img::before{transition: all 0.36s ease;  content: ''; position:absolute; left: 50%; margin-left: -20px; bottom: 0; z-index: 1; width: 0; height: 0; border-top:20px solid transparent; border-bottom:20px solid #f2f2f2; border-left:20px solid transparent; border-right:20px solid transparent;}
.ix-wmdys .iw-list:nth-child(2) .zsy-img::before { top: 0; border-top:20px solid #f2f2f2; border-bottom:20px solid transparent;}
.ix-wmdys .iw-list:hover .zsy-img img.abc{ transform:scale(1.08);}
.ix-wmdys .iw-list:hover .iw-tit{background:#2f5496;} 
.ix-wmdys .iw-list:hover .iw-tit, .ix-wmdys .iw-list:hover .iw-tit p{color:#fff;}
.ix-wmdys .iw-list:hover .zsy-img::before{border-bottom:20px solid #2f5496; }
.ix-wmdys .iw-list:hover:nth-child(2) .zsy-img::before{border-top:20px solid #2f5496; border-bottom:20px solid transparent;}
/*案例中心*/
.ix-case-list ul{ display: flex; justify-content: center;  flex-wrap: wrap}
.ix-case-list ul li{ width: calc((100% - 0px)/4); position: relative;     overflow: hidden;}
.ix-case-list ul li .icl-tit{ position:absolute; left: 0; top: 100%; transition: all 0.36s ease;  color:#fff; padding: 0px 40px; width: calc(100% - 0px); background: rgba(0,0,0,0.8); height: 100%;}
.ix-case-list ul li:hover .icl-tit{ top: 0;}
.ix-case-list ul li .icl-tit p{ font-size: 28px; line-height: 120%; padding-top: 20%;}
.ix-case-list ul li .icl-tit i{ font-size: 36px; display: block; padding-top: 20px;}


.ix-case-list .icl-h1{ display: none; background-color: rgba(0,0,0,0.8); position: absolute; bottom: 0px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center;  width: 100%;}

/*底部*/
.db-bj{ height: 120px; max-width: 1920px; margin:0px auto;}
.db-bj-tit{ font-size: 24px; color:#fff; padding-top: 40px; position:relative;     padding-right: 200px; }
.db-bj-tit a{  width: 180px; height: 40px; text-align:center; line-height: 40px; background-color:#2f5496; color:#fff; display: block; border-radius: 4px; position: absolute; right: 0%; top: 40px;}
@media (max-width: 1620px) {
   
}
@media (max-width: 1580px) {
     .box-pr10{ padding-right:60px;}
     .box-pl10{  padding-left:60px;}
     .ix-header .ix-nav .navitem>a{ padding:0px 20px;}
     .ix-header .ix-nav a{ font-size:16px;}

     /*banner*/
   .ix-banner .swiper-button-prev{ left: 60px;}
   .ix-banner .swiper-button-next{right: 60px;}
   
   


}
@media (max-width: 1390px) {
  
  .ix-header .ix-nav .navitem>a{ padding:0px 20px;}


  
}


@media (max-width: 1230px) {
       .ix-header{ display:none;}
    .ix-m-head{ display:block;}

    .pl8{ padding-left:60px;}
    .pr8{padding-right:60px;}
    .pb10{ padding-bottom:60px;}
    .pt10{ padding-top:60px;}
    .box-pl10{ padding-left:60px;}
    .box-pr10{ padding-right:60px;}


    /*banner*/
	.ix-banner .ix-ban-tit{ top:10%;}

  

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

  /*banner*/


  .ix-banner .swiper-button-prev{ left: 15px;}
.ix-banner .swiper-button-next{right: 15px;} 

  /*关于我们*/
  .ix-ab-tit .ix-text{height: 120px; overflow: hidden;}

  /*产品系列*/
  .ix-pro ul li{ width: 100%; height: 300px; overflow: hidden; margin: 0px auto; text-align: center; margin-top: 30px;}
  .ix-pto-list:hover .ipl-k{ display: none;}
  .ix-pto-list .ipl-tit{ display: block;}
  .ycqh{display:block;}
/*产品*/
.ix-pro{ padding: 0px 40px;}

  /*案例中心*/
  .ix-case-list ul{     padding-right: 40px; padding-left: 40px;}
.ix-case-list ul li{ width: calc((100% - 40px)/2); margin-left: 40px; margin-bottom: 40px;}
.ix-case-list ul li:nth-child(odd){ margin-left: 0px;}
.ix-case-list .icl-h1{ display: block;}
.ix-case-list ul li:nth-child(3), .ix-case-list ul li:nth-child(4){margin-bottom: 0px; }




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

  /*banner*/
  .ix-banner{ display: none;}
  .ix-m-banner {display: block;}
  .ix-banner.ix-m-banner img{ max-width: 100%;}

  .ix-banner .ix-ban-tit{ background-color:transparent;}

    /*banner*/
    .ix-banner .ix-ban-tit h1{ font-size: 24px; font-weight: normal; padding-top:0px;}
    .ix-banner .ix-ban-tit p{font-size: 14px; padding-bottom: 15px;}
    .ix-banner.ix-m-banner { height:initial;}
    .ix-banner.ix-m-banner .ix-ban-tit{  position: absolute; left: 0; right: 0;  top: 15%; margin: 0px auto;}
    .ix-banner .ix-ban-tit{    padding: 20px 15px;  border-radius: 30px 6px 30px; width: 90%;     max-width: 90%;}
    .ix-banner .ix-ban-tit h2{padding-top: 5px; padding-bottom: 15px;}
    .ix-banner.ix-m-banner .swiper-pagination {  bottom: 10px; left: 0; width: 100%;}
  .swiper-pagination-bullet{margin: 0px 5px;}
  .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #2f5496;}
  
/*我们的优势*/
.ix-wmdys .iw-list{width: 100%; margin-bottom: 30px;}
.ix-wmdys .iw-list:nth-last-child(1){ margin-bottom: 0px;}
.ix-wmdys .iw-list .zsy-img, .ix-wmdys .iw-list .iw-tit{ width: 50%; float: left;}
.ix-wmdys .iw-list .zsy-img::before{display: none;}

/*新闻*/
.ix-news-list .inl-li .inl-img{    margin: 0px auto; text-align: center;}
.ix-news-list .inl-li .inl-tit{ text-align: center;}

  }
@media (max-width: 640px) {
 
    .fz42{ font-size:24px; padding-bottom:15px;}
    .pt4{ padding-top:30px;}
    .pb4{ padding-bottom:30px;}
    .pt5{ padding-top:30px;}
     .pl8{ padding-left:20px;}
    .pr8{padding-right:20px;}
    .pb10{ padding-bottom:40px;}
    .pt10{ padding-top:40px;}
    .box-pl10{ padding-left:20px;}
    .box-pr10{ padding-right:20px;}

    .ix-ab-tit .iat-t2{ font-size: 28px;}

    /*banner*/
    .ix-banner .ix-ban-tit h1{ font-size:36px; padding-bottom: 10px;}
    .ix-banner .ix-ban-tit{ top:10%;}
    .ix-banner .ix-ban-tit h2{ font-size:16px; line-height:180%;}
    .ix-banner .ix-ban-tit p{ width:92%; padding-top:0px;     line-height: 180%;}
    .ix-banner .swiper-button-next, .ix-banner .swiper-button-prev{ display:none;}

    .ix-banner .ix-ban-tit h1{ font-size: 28px;}
    .ix-banner  .ix-ban-tit h2{ display: none;}
    .ix-banner  .ix-ban-tit a{display: none;}
    .ix-banner .ix-ban-tit p{ display: none;}

    

    .ix-banner.ix-m-banner img{height: 220px; object-fit: cover;}

    /*向上*/
    .db_xs{ width: 40px; height: 40px; line-height: 40px; background-size: 30px 30px; bottom: 30px; right: 20px;}


    /*底部*/
    .ix-foot-xx{ width:100%; padding-bottom: 20px;}
    .ix-foot-links{ width:100%;}
    .ix-foot-links{ padding-top:20px; padding-bottom:20px;}
    .ix-wem{width:100%; text-align:left;}
    .ix-footer .pr4{ padding-right:0px;}
    .ix-wem img{ width:80px; height:80px;}

    /*产品*/
    .ix-pro{ padding: 0px 20px;}
    .ix-head p{ font-size: 24px;}
    .ix-head span { line-height: 150%; padding-top: 10px;    display: block;}

    /*优势*/
    .ix-wmdys.pt6{ padding-top: 0px;}
    .ix-wmdys .iw-list .zsy-img, .ix-wmdys .iw-list .iw-tit{width: 100%;}
    .ix-wmdys .iw-list .iw-tit img{display: none;}
    .ix-wmdys .iw-list .iw-tit .iw-tit-wz{ position: initial; transform: initial; }
    .ix-wmdys .iw-list .iw-tit {  padding: 20px 0px; }
    .ix-wmdys .iw-list .iw-tit p{ font-size: 24px; padding-bottom: 10px;}

    /*案例*/
    .ix-case-list ul{ padding: 0px 20px;}

    .ix-case-list ul li{    width: calc((100% - 20px)/2);     margin-bottom: 20px; margin-left: 20px;}
    .ix-news-list .inl-li{    padding: 40px 60px;}

    /*底部文字*/
    .db-bj-tit{ font-size: 16px; padding-right: 0px; padding-top: 10px; line-height: 150%; }
    .db-bj-tit a{ position: initial; margin-top: 10px;}

    /*底部*/
    .ix-foot-links{padding-top: 0px;}
    .ix-foot-xx p, .ix-foot-links .ifl-b, .ix-foot-links .ifl-c a{ font-size: 14px;}

}