@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 16px/30px 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:focus{background-color:transparent;     outline: none; outline-offset: initial;}
a:hover{color: #333;text-decoration: none;}
img{border: 0;  max-width: 100%; display: inline-block;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 16px "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;}
.pb20{padding-bottom: 200px;}
.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; max-width: 100%; max-height: 100%; display: block; text-align: center; margin: auto; transition:all 0.36s ease; }
.zsy-img a:hover img.abc{ transform: scale(1.08);} 


.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;}

.ty-flex{display: flex; flex-wrap: wrap;}
.ty-flex-zy-lb{justify-content: space-between;}
.ty-flex-zy-jz{justify-content: center;}
.ty-flex-sx-jz{ align-items: center;} 
.ty-flex-wrap{flex-wrap: wrap;}




@font-face {
  font-family: "iconfont"; /* Project id 2217726 */
  src: url('../font/iconfont.woff2?t=1744361537358') format('woff2'),
       url('../font/iconfont.woff?t=1744361537358') format('woff'),
       url('../font/iconfont.ttf?t=1744361537358') 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: #763b1b;}
/*顶部*/
.ix-top .ix-header {position: initial;}
.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:80px;margin-top:10px; 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:#666;  padding:0 35px; text-align: center; }
.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: #763b1b;}
.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: #666;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);}
/*#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-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: #763b1b; 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;} 




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


/*通用头部*/
.ix-head{ position: relative;}
.ix-head .ih-t1{font-size:20px;margin-bottom:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#763b1b;text-transform:capitalize;}
.ix-head .ih-t1:before{content: "\eb0b";margin-right:10px; font-size: 26px;  font-family: "iconfont";}
.ix-head.abc .ih-t1::after{content:'';height:1px;width:30px;-webkit-box-fl1ex:0;-ms-flex:none;flex:none;margin-left:15px;background:#763b1b;}
.ix-head .ih-t2{ text-transform: capitalize; font-size: 38px; color: #333; font-weight: bold; line-height: 150%; font-family: "OpenSans-Regular";}

.ix-head.zj{ text-align: center;}
.ix-head.zj .ih-t3{ color:#666}
.ih-more a{ width:200px;  height:50px; line-height: 50px; text-align:center;  display: block; border-radius: 6px; color:#fff; font-size: 18px;   background-size: 100% 300%; transition: all 0.36s ease;
  background:-webkit-gradient(linear,right top,left top,from(#7d390c),color-stop(117.45%,#76311d));
  background:-webkit-linear-gradient(right,#7d390c 0,#76311d 117.45%);
  background:-o-linear-gradient(right,#7d390c 0,#76311d 117.45%);
  background:linear-gradient(2deg, #b08a8a 0, #8a5b5b 117.45%);}
.ih-more a:hover{background-size: 200% 300%; background-position: -100% 100%;}
.ix-more a{color: #763b1b; font-weight: bold; font-family: "OpenSans-Regular"; padding-top: 10px; font-size: 15px; position: relative; display: block; transition: all 0.36s ease;}
.ix-more a::before { position: absolute;content: ''; width: 100px; bottom: 0px; left: 0; height: 1px; background: #763b1b; transition: all 0.36s ease;}
.ix-more a i { font-size: 13px; transition: all 0.36s ease;}

.ix-head.bs .ih-t1, .ix-head.bs .ih-t2, .ix-head.bs .ih-t3{color:#fff;}
.ix-more a:hover{color: #333;}
.ix-more a:hover::before {background: #333;}
.ix-more a:hover i{padding-left: 5px;}





/*关于我们*/
.ix-ab-img{position: relative;   margin-left: 60px;}
.ix-ab-img img{max-width: 100%;}

/*公司优势*/
.ix-gsys-img{position:relative;max-width:570px;min-height:775px;}
.ix-gsys-img .igi-a{max-width: 330px; max-height: 450px;}
.ix-gsys-img .igi-b{position:absolute;bottom:0;right:0; max-width: 330px; max-height: 450px;}
.ix-gsys-img .igi-tit{position:absolute;bottom:22%;left:0;padding:30px 55px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:#763b1b;max-width:265px; color:#fff;}
.ix-gsys-img .igi-logo{position:absolute;top:150px;right:50px;}
.ix-gsys-img .igt-list{padding:35px 35px 25px;background-color:#fff;-webkit-box-shadow:0 10px 60px 0 rgba(172,172,172,0.1);box-shadow:0 10px 60px 0 rgba(172,172,172,0.1);border:1px solid transparent;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.ix-gsys-img .igi-logo img{max-width: 200px; max-height: 250px;}



.ix-gsys-tit .igt-list{ margin-top: 40px; position: relative;}
.ix-gsys-tit .igt-list .il-t1{padding-bottom: 20px;}
.ix-gsys-tit{ padding-left: 60px;}
.ix-gsys-tit .igt-list .il-t1 img{width: 60px; height: 60px;}

.ix-gsys-tit .igt-list .il-t2 h4{margin-bottom: 10px; font-size: 24px; line-height: 130%; color:#333;font-weight: bold;}
.ix-gsys-tit .igt-list .il-t2 p{color:#666;}


/*产品分类*/
.ix-pro-nav{ padding-bottom: 200px;}
.ipn-list-box{ padding: 20px 20px; padding-top: 25px; text-align: center; background: #fff; transition: all 0.36s ease;      border: 1px solid rgba(98,98,103,0.1);}
.ih-t2.abc{width: 50%;}
.ih-more.abc { position: absolute; right: 0; top: 100px;}
.ipn-list-box .ilb-img{ transition: all 0.8s ease;}
.ipn-list-box .ilb-img img{width: 190px; height: 142px; transition:all 0.36s ease; }
.ix-pro-list{ margin-top: -100px;}
.ipn-list-box .ilb-tit{ font-size: 24px; color:#333; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top: 10px;}

.ix-pro-nav .ipn-list>.row>div { padding-left: 0px; padding-right: 0px;}


.ix-pro-nav .ipn-list-box a { color: #333; transition: all 0.36s ease;}
.ix-pro-nav .ipn-list-box a::before {
  position: absolute; content: "";  width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0; transition: all 0.36s ease;
   /*background: -webkit-linear-gradient(90.11deg,#7d390c 36.17%,#76311d 99.9%);
  background: -o-linear-gradient(90.11deg,#7d390c 36.17%,#76311d 99.9%);
  background: linear-gradient(359.89deg,#7d390c 36.17%,#76311d 99.9%);*/
   /* background: #f5f5f5;*/
}
.ix-pro-nav .ipn-list-box:hover a::before { opacity: 1;}

.ix-pro-nav .ipn-list-box:hover  a .ilb-img img{opacity: 1;}
/*产品列表*/
.ix-pro-box{ position: relative;}
.ix-pro-box .swiper-button-prev{ left: -60px;}
.ix-pro-box .swiper-button-next{ right: -60px;}
.ix-pro-box .swiper-slide{ padding: 10px;}
.ipb-list{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.08); }
.ipb-list .ipb-tit{ padding: 30px; padding-top: 0px;}
.ipb-list .ipb-tit .ipb-tit-t1{ font-size: 24px; line-height: 160%; transition:all 0.36s ease; color:#333;}
.ipb-list .ipb-tit .ipb-tit-t2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.ix-pro-list .swiper-button-prev{background: url(../images/o1.png)no-repeat center center; width: 50px; height: 50px; background-size: 50px; left: -60px;}
.ix-pro-list .swiper-button-next{background: url(../images/o2.png)no-repeat center center; width: 50px; height: 50px; background-size: 50px; right: -60px;} 


.ipb-list:hover .zsy-img img{ transform: scale(1.08);}
.ipb-list:hover .ipb-tit .ipb-tit-t1{ color:#763b1b}

.ix-pro-nav .ipn-list-box:hover a .ilb-img img{transform:scale(1.08);}
.ix-pro-nav .ipn-list-box:hover a .ilb-tit{color:#7f6868;}
/*内页产品列表*/
.ix-list-10 .il-10-list-img { transition: all 0.36s ease;  position: relative; overflow: hidden; }
.ix-list-10  .il-10-list-img img{ max-width: 100%;}
.ix-list-10  .il-10-list-img img.abc{ transition: all 0.36s ease; }
.ix-list-10  .il-10-list-tit{ padding:5px 20px; transition: all 0.36s ease; text-align: center;}
.ix-list-10  .il-10-t1{  font-size:18px;  width: 100%; white-space: nowrap; overflow: hidden; transition:  all 0.36s ease; text-overflow: ellipsis; font-family: "OpenSans-Regular"; }
.ix-list-10  .il-10-t2{ margin-bottom: 15px; font-size:14px; color:#999; transition:  all 0.36s ease; height: 55px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis; width: 100%}
.ix-list-10  .il-10-t3{ border-top:solid 1px #e0e0e0; padding-top:20px; color:#999; transition:  all 0.36s ease;}
.ix-list-10  .il-10-t3 span{  padding-right: 20px; display: inline-block;}
.ix-list-10 .swiper-slide a{ display: block; overflow: hidden;}


.ix-list-10  a:hover .il-10-list-img img.abc{ transform: scale(1.08); }
.ix-list-10  a:hover .il-10-list-tit{ background: #763b1b; }
.ix-list-10  a:hover .il-10-list-tit .il-10-t1{ color: #fff; }
.ix-list-10 a:hover .il-10-list-tit .il-10-t2{ color:rgba(255, 255, 255, 0.8);}
.ix-list-10  a:hover .il-10-list-tit .il-10-t3{ color:rgba(255, 255, 255, 0.8);  border-top:solid 1px rgba(255, 255, 255, 0.2);}

.ix-list-10 .ix-list-10-wp  .il-10-t2{ margin-bottom: 0px;}
.ix-list-10 .ix-list-10-wp { margin-bottom: 40px;}
.ix-list-10 .ix-list-10-wp a{display:block; position:relative;}
.pro-cz{position: absolute; top: 15px;left: 15px; z-index: 11; width: 21%; font-size: 13px; line-height: 150%; background: rgba(118, 59, 27, 0.5); padding: 10px; border-radius: 6px; color: #fff;}


   /*搜索框*/
   .ix-search-a{ text-align:right; padding-bottom:30px;}
   .ix-search-a input{padding:10px 15px; border:solid 1px #e0e0e0; outline: none; width: 300px;}
    .ix-search-a .searchbtn{ padding:0px 15px; background:#763b1b; color:#fff;display:inline-block;  cursor:pointer; transition:all 0.36s ease; height: 43px; line-height: 42px;}
	 .ix-search-a .searchbtn:hover{background:#333;}
	 .ix-search-a .searchbtn i{display:inline-block; font-size:24px; vertical-align: bottom;}

    
     .m-h1{font-size:24px; font-weight:bold; color:#333; line-height:120%; padding-bottom:15px; display:none;}


/*案例*/
.ix-case-list ul li{width: 30%;  float: left; margin-bottom: 40px;  }

.ix-case-list ul li .zsy-img img.abc{ width: 100%; height: 100%;}

.ix-case-list ul li a{ display: block;}
.ix-case-list ul li .icl-box{ margin-left: 40px;  position: relative;}
.ix-case-list ul li:nth-child(1), .ix-case-list ul li:nth-child(5){ width: 40%; }
.ix-case-list ul li:nth-child(1) .icl-box, .ix-case-list ul li:nth-child(5) .icl-box{margin-left: 0px;}
.ix-case-list ul li:nth-child(4)  .icl-box{margin-left: 0px; margin-right: 40px;}


.ix-case-list ul li .ib-hover{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:.35s;-o-transition:.35s;transition:.35s;padding:35px 38px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;
  background:-webkit-linear-gradient(89.48deg,#7d390c  49.73%, #76311d 99.65%);
  background:-o-linear-gradient(89.48deg,#7d390c 49.73%,#76311d 99.65%);
  background:linear-gradient(0.52deg,#7d390c 49.73%,#76311d 99.65%);
  background:linear-gradient(359.89deg,#7d390c 36.17%,#76311d 99.9%);
}
.ix-case-list ul li .ib-hover:after,.ix-case-list ul li .ib-hover:before{content:'';z-index:-1;width:40%;height:0;-webkit-transition:.35s;-o-transition:.35s;transition:.35s;position:absolute;border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);left:20%;top:0;}
.ix-case-list ul li .ib-hover h3,.ix-case-list ul li .ib-hover .category{opacity:0;-webkit-transition:.35s;-o-transition:.35s;transition:.35s;-webkit-transform:translate(15px);-ms-transform:translate(15px);transform:translate(15px);margin-bottom:5px;color:#EFF4FF;}
.ix-case-list ul li .ib-hover:after{bottom:0;top:initial;left:40%;}
.ix-case-list ul li:hover .ib-hover{opacity:1;}
.ix-case-list ul li:hover .ib-hover:after,.ix-case-list ul li:hover .ib-hover:before{height:70%;-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;}
.ix-case-list ul li:hover .ib-hover h3,.ix-case-list ul li:hover .ib-hover .category{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.ix-case-list ul li:hover .ib-hover .category{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s;}


.ix-case-list ul li .icl-m-tit{ position: absolute; bottom: 0; left: 0; height: 0; background:rgba(0,0,0,.5); color:#fff; text-align: center; height: 36px; line-height: 36px; width: 100%;}
/*新闻资讯*/
.inl-box-tit{ margin: 20px; margin-top: -20px; background-color: #f5f5f5; padding: 20px; position: relative; z-index: 2; margin-bottom: 0px;}
.inl-box-tit .ibt-t1{ font-size: 24px; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inl-box-tit .ibt-t2{ font-size: 14px; color:#999}
.inl-box-tit .ibt-t2 i{ color:#763b1b; display: inline-block; padding-right: 5px;}
.inl-box-tit .ibt-t3{ padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.inl-box:hover .zsy-img img{ transform:scale(1.08);}

/*底部*/
.ix-footer{ background:#000000; color:#fff;}
.ix-footer a{  color:#fff; display: inline-block;  text-decoration: none;}
.ix-footer a:hover{    text-decoration: none;}
.ix-foot-xx h1{ font-size:24px; font-weight:normal; padding-bottom:20px;}
.ix-foot-xx p{ font-size:15px;}
.ix-foot-xx{ width:48%;}
.ix-foot-links{ width:42%;}
.ix-wem{ width:10%; text-align:right;}
.ix-wem img{ width:110px; height:110px; display:inline-block;     border-radius: 4px;}

.ix-foot-links .ifl-a a i{ font-size:30px; color:#fff;}
.ix-foot-links .ifl-a a { display:inline-block; padding-right:17px; padding-bottom:20px;}
.ix-foot-links .ifl-c a{ padding-right:17px;}


/*客服*/
.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; }


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


   

  

}
@media (max-width: 1190px) {
 /*banner*/
 .ix-banner{ display: none; height:initial;}
 .ix-m-banner {display: block;}
 .ix-banner.ix-m-banner img{ max-width: 100%;}
 

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

   .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: #763b1b;}
   /*案例*/
 
   .ix-case-list ul li{ height: 220px; overflow: hidden;}
}
@media (max-width: 1080px) {

  /*banner*/


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

/*产品中心*/
.ix-pro-nav{ padding-bottom: 150px;}
.ix-pro-box{ padding: 0px 40px;}
.ix-pro-list .swiper-button-next{    right: -20px;}
.ix-pro-list .swiper-button-prev{left: -20px;}

/*案例*/
.ix-case.pb8{ padding-bottom: 40px;}
.ix-case-list ul li:nth-child(1), .ix-case-list ul li:nth-child(5){ width: 55%;    }
.ix-case-list ul li{ height:initial; overflow: hidden; width: 38%; }
.ix-case-list ul li .icl-box{margin-right: 30px; margin-left: 0px;}
.ix-case-list ul li:nth-child(2) .icl-box{margin-left: 0px;}
.ix-case-list ul li:nth-child(4) .icl-box{margin-left: 0px; margin-right: 30px;}

  /*新闻*/
  .inl-box-tit{margin: 0px;}

 

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

  /*关于我们*/
  .ix-ab-tit{ padding-bottom: 40px;}
  .ix-more.pt3{ padding-top: 0px;}
 /*我们的优势*/
 .ix-gsys-tit .igt-list{ margin-top: 20px;}
 .ix-gsys-tit .igt-list .il-t1{ position: absolute; left: 0; top:0;}
 .ix-gsys-tit{padding-left: 0px;}
 .ix-gsys-tit .igt-list{ padding-left: 80px;}
 .ix-gsys-tit .igt-list .il-t2 h4{ margin-bottom: 0px;}

 /*产品中心*/
 .ipn-tit{ padding-bottom: 40px;}

 /*案例*/
 .ix-case-list ul li:nth-child(1), .ix-case-list ul li:nth-child(5){ width: 50%;}


  }
@media (max-width: 640px) {
 
    body{font: 14px/24px Arial, Verdana, Geneva, sans-serif;}
    .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;}
    .pb8{padding-bottom: 30px;}

    /*通用头部*/
    .ix-head .ih-t1{ font-size: 18px; margin-bottom: 0px;}
    .ix-head .ih-t2{font-size: 24px; padding-bottom: 10px;}
    .ix-ab-tit{ padding-bottom: 30px;}

    /*我们优势*/
    .ix-gsys-img .igi-logo{ top: 60px;  right: 0px;}
    .ix-gsys-tit .igt-list .il-t2 h4{ font-size: 18px;}
    
    /*产品*/
    .ix-pro-nav{ padding-bottom: 120px;}
    .ipn-list-box .ilb-tit{ font-size: 16px;}
    .ipn-list-box .ilb-img img{ width: 50px; height: 50px;}
    .ipn-list-box{ padding: 20px 15px;}
    .ipn-list-box .ilb-tit{ height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

    .ipb-list .ipb-tit .ipb-tit-t1{font-size: 20px;}
    .ix-pro-list .swiper-button-next, .ix-pro-list .swiper-button-prev{ width: 35px; height: 35px; background-size: 35px;}
    .ix-pro-list .swiper-button-next{right: 0px;}
    .ix-pro-list .swiper-button-prev{ left: 0px;}

    .pg-nav-list{display:none;}

    .ix-search-a input{width: calc(100% - 56px);}
    .m-h1{display:block;}
    .pro-cz{display:none;}
    /*案例*/
    .ix-case .ix-head .ih-t2{ width: 100%;}
    .ix-case .ih-more.abc{position: initial;}
    .ih-more a{ height: 40px; line-height: 40px;}

    .ix-case-list ul li:nth-child(1), .ix-case-list ul li:nth-child(5){ width: 100%;}
    .ix-case-list ul li{ width: 50%; margin-bottom: 20px;}
    .ix-case-list ul li .icl-box{ margin-right: 20px;}
    .ix-news-list .col-xs-12 .inl-box{ margin-bottom: 20px;}
    .ix-news-list .col-xs-12:nth-last-child(1) .inl-box{margin-bottom: 0px;}
    .inl-box-tit .ibt-t1{ font-size: 20px;}
    /*向上*/
    .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;}

    

}