@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 14px/28px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;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: #808080;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;}
.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;}
.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;}
.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; }



.container-fluid{ padding-left: 50px; padding-right: 50px; position: relative;}


@media (min-width: 1360px){
    .container{ width: 1240px;  }
}
.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 3783107 */
  src: url('../font/iconfont.woff2?t=1678697885596') format('woff2'),
       url('../font/iconfont.woff?t=1678697885596') format('woff'),
       url('../font/iconfont.ttf?t=1678697885596') 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.woff") format("woff"),
       url("../fonts/centurygothic.ttf") format("truetype"),
       url("../fonts/centurygothic.eot") format("embedded-opentype"),
       url("../fonts/centurygothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}
.zt{ font-family: 'centurygothic';  color: #fff;  -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;}

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


/*===============================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{ top: 0;z-index:2; left: 0; right: 0; height: 80px;  transition: all 0.36s ease; position: relative; }
.ix-logo img{ padding-top: 10px; }
.ix-nav>ul>li{float: left; line-height: 80px;  padding-left:80px; position: relative;}  
.ix-nav>ul>li>a{ font-size: 14px; position: relative; display: block; transition: all 0.36s ease; color: #fff;}
.ix-nav>ul>li>a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease; left: 0; background: #fff;}
.ix-nav>ul>li>a:hover{ color:#fff;}
.ix-nav>ul>li>a:hover::after{ width: 100%;}
.ix-nav>ul>li>a.select{ color: #fff;}
.ix-nav>ul>li>a.select::after{  width: 100%;}
.ix-header.active{ background: #fff; border-bottom:solid 1px #ededed; position: fixed; transition: all 0.36s ease;}
.ix-header.active .ih2-nav ul li a{  color: #666;}
.ix-header.active .ih2-nav ul li a::after{ background: #333;}
.ix-header.active .ih2-nav ul li a:hover{ color:#333;}
.ix-header.active .ih2-nav ul li a.select{ color: #333;}
.ih2-nav ul li.ico-tb{ padding:0px 0px; padding-left:30px; cursor:pointer;} 
.ih2-nav ul li.ico-tb i{font-size:24px;color:#fff;}

/*导航二维码*/
.top-ewm{ position:absolute; top:150px; left:-35px; width:150px; padding:10px; background:#fff; transition:all 0.36s ease; opacity:0; visibility:hidden; line-height:initial; border-radius:6px;}
.top-ewm p{padding-bottom:5px;}
.ih2-nav ul li.ico-tb .top-ewm i{color: #fff; display: inline-block; line-height: initial; margin-top: -20px; z-index: 111;  font-size: 12px; position: absolute;left: 0; right: 0;}
.top-ewm img{max-width:100%;}
.ih2-nav ul li.ico-tb:hover .top-ewm{ top:100px; opacity:1; visibility:visible; }
.ih2-nav ul li.ico-tb:hover .top-ewm h1{line-height:180%; color:#e72629;}
/*导航二级*/
.nav-2-list{ position: absolute; top: 120px; left: 70px; width: 100%; background: #fff; border-radius: 6px; opacity: 0;     transition: all 0.36s ease;     visibility: hidden;}
.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 10px;  }
.ix-nav ul li .nav-2-list a:hover{ color:#fff; background: #e72629;}
.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:74px;  visibility: visible; }


/*顶部2*/
.ih2-logo {  margin: 10px auto; height: 80px; overflow: hidden; }
.ih2-logo img{ max-height: 80px;}
.ih2-nav {  line-height: 100px; text-align: center;  }
.ih2-nav ul { margin: 0px auto; }
.ih2-nav ul li{ float: left; padding: 0px 30px; position:relative;}
.ih2-nav ul li a{font-size: 14px; color: #fff;  display: block; position: relative; transition: all 0.36s ease;}
.ih2-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;}
.ih2-nav ul li a.active::after{ width: 100%;  }
.ih2-nav ul li:hover a::after{width: 100%; }

.ih2-nav ul li:nth-child(1){padding-left: 0px;}



.ix-header.active .ih2-nav ul li.select a::after{width: 100%; border-top: solid 2px #e72629;}
.ix-header.active  .ih2-nav ul li a::after{border-top: solid 2px #e72629;}
.ix-header{ height: 100px; position: relative;  position: absolute; width: 100%;}
.ih2-tell{ padding-top: 36px;}
.ih2-tell img{ max-width: 20px;}

/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 50px; margin-top: 5px;}
.ix-m-head{ position: relative; height: 60px; display: none; z-index: 2; position:absolute; margin:0px auto;     width: 100%;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #fff; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:240px; height:100%; background:#fafafa; position:fixed; top:0; right:-240px; 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: #333; 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 .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 .swiper-container{ width: 100%;}
.ix-banner .sw-box{height: 100%; overflow: hidden;}
.ix-banner .ix-ban-bj{ width: 100%; height: 900px; transition: all 0.36s ease; display: table; }
.ix-ban-bj .ib-tit{    display: table-cell; vertical-align: middle;}
.ix-ban-bj .ib-tit .ib-t1{ font-size: 24px; color:#fff;  width: 50%; line-height: 100%;}
.ix-ban-bj .ib-tit .ib-t1 span{display:inline-block; width:40px; height:3px; background:#fff; vertical-align: middle; margin-right:20px;}
.ix-ban-bj .ib-tit .ib-t2{ font-size: 42px;   line-height:150%; padding-top: 30px; color:#fff; padding-bottom:50px;}
.ix-ban-bj .ib-tit .ib-t3{ font-size: 18px; color:rgba(255,255,255,0.6); width:50%; line-height:180%; }
.ix-ban-bj .ib-tit .ib-t3 span{display: inline-block; padding-left: 20px; font-size: 16px; color: #999999; font-weight: normal;  position: relative;}
.ix-ban-bj .ib-tit .ib-t3 span:after{content:'';position:absolute;left:0px;top:12px;width:calc(100% - 0.5rem);height:1px;background:#aeb3c3;margin:0}
.ix-ban-bj .ib-tit .ib-t4{margin-top:50px; }
.ix-more {  position: relative; overflow: hidden; display: inline-block; font-size:18px; color:#fff; border:1px solid rgba(255,255,255,0.5); border-radius:6px; width:180px; height: 48px; line-height: 48px; 
transition: all 0.36s ease; text-align:center;}
.ix-more i { font-size: 16px; padding-left:20px; display:inline-block; transition: all 0.3s ease; vertical-align: middle; font-size: 14px;  }


.bounceRight { -webkit-animation-name: bounceRight;  animation-name: bounceRight;  }
.ix-more:hover{color: #fff; background:#e72629 !important; border:solid 1px #e72629;}
.ix-banner .swiper-button-next, .ix-banner .swiper-button-prev {width: 50px; height: 50px; background: rgba(255, 255, 255, 0.15); border-radius: 6px; text-align: center; line-height: 50px; transition:all 0.36s ease;}
.ix-banner .swiper-button-next i, .ix-banner .swiper-button-prev i{ font-size: 18px; color:#fff;}
.ix-banner .swiper-button-next{ right: 40px;}
.ix-banner .swiper-button-prev{ left: 40px;}

.ix-banner .swiper-button-prev:after, .ix-banner .swiper-button-next:after{display: none;}
.ix-banner .swiper-button-prev:after, .ix-banner .swiper-button-next:after{display: none;}

.ix-banner .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; border-radius:8px; background:rgba(255,255,255,1); margin:0px 5px; transition:all 0.36s ease; opacity:1;}
.ix-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:#fff; }

      .ix-banner .swiper-button-next:hover, .ix-banner .swiper-button-prev:hover{ background: #e72629;}

      .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    bottom: 20px;}


/*底部*/
.ix-footer{background:url(../images/db_bj.jpg)no-repeat center center #333333; background-size:cover;}
.ix-foot-logo{width:450px; float: left;}
.ix-footer .container{position:relative;}
.ix-foot-logo .ifl-a img{ float:left; height:80px;}
.ix-foot-logo .ifl-a .ifl-a-tell{ float:left; padding-left:40px; font-size:30px; color:#999; padding-top: 20px; font-style: italic;}
.ix-foot-logo .ifl-a .ifl-a-tell i{color:#999; font-size:36px; vertical-align:middle;}
.ix-foot-logo .ifl-b{color:#999; font-size:15px; line-height:180%; padding-top:20px;}



.ix-foot-nav{float: left; width: calc(100% - 590px); padding-left:100px; padding-right:0px}
.ix-foot-nav ul li{ float: left;     width: 15%; }

.ix-foot-nav ul li:nth-child(1){ width:80%; padding-right:5%;}
.ix-foot-nav ul li:nth-child(1) a{ display:inline-block; width:49%;}

.ix-foot-nav ul li h1{ font-size: 18px; color:#fff; font-weight: normal; padding-bottom: 15px;}
.ix-foot-nav ul li a{ display: block; color:#999999; font-size: 15px; line-height: 200%;}
.ix-foot-xx{ float: right;  }
.ix-foot-xx-ll{  color:rgba(255, 255, 255, 0.8); font-size: 13px; padding-right: 140px;}
.ix-foot-xx-ll h1{font-size: 15px; color:#fff; font-weight: bold; padding-bottom: 30px;}
.ix-foot-xx-ll p{ line-height: 200%;}
.ix-foot-xx-ewm{ position: absolute; top:0px; right: 0; width: 120px; height: 120px; text-align: center;  color:rgba(255, 255, 255, 0.8); font-size: 15px;}
.ix-foot-xx-ewm img{ width: 120px; height: 120px; border-radius:6px; }
.ix-foot-xx-ewm p{ padding-top: 10px; font-size:16px; color:#ffffff;}
.ix-foot-two{ padding: 14px 0px;  color:#999999; font-size: 15px; border-top:solid 1px #454545;}
.ix-foot-nav ul li a:hover{  color:rgba(255, 255, 255, 1);}
.ix-foot-two a{color:#999999; }

.ix-foot-two a:hover{color:#fff; }






/*通过头部*/
.ix-head{ text-align: center; position:relative;}
.ix-head h1{ font-size:36px; color: #333333; font-weight:normal;}
.ix-head p{ font-size:50px; text-transform:uppercase; padding-top: 10px; color:rgba(233,38,41,0.1);    margin-top: -45px; line-height:150%; }
.ix-head span{ display:inline-block; width:50px; height:3px; background:#e72629; display: inline-block; padding: 0px 10px; }


/*优势*/
.ix-ys{ text-align: center;}
.ix-ys .ix-ys-img img { border-radius: 100%; max-width: 100%; border: solid 10px #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  }
.ix-ys-tit{ padding-top: 20px; }
.ix-ys-tit h1{padding-bottom: 15px; padding-top: 20px; color:#333;}
.ix-ys-tit p{ line-height: 180%;}

/*客户*/
.ix-kh{ position: relative; padding-bottom: 40px;}
.ix-kh .swiper-wrapper .swiper-slide img{ max-width: 100%;}
.ix-kh .swiper-pagination{ text-align: center; left: 0; right: 0; bottom: 0;}
.ix-kh .swiper-pagination span{ margin: 0px 5px;}
.ix-kh .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #e72629;}

/*推荐产品*/
.ix-pro-img img{ max-width: 100%;}
.ix-pro-tit{ text-align: center; padding-bottom: 30px; padding-top: 15px;}
.ix-pro-tit p{line-height: 150%; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:all 0.36s ease;}
.ix-pro-tit span{ color:#999}
.ix-pro a:hover .ix-pro-img:hover img.abc{ transform:scale(1.08)}
.ix-pro a:hover .ix-pro-tit  .ipt1{ color:#e72629;}


.ix-pro-tit .ipt1{font-size:18px; color:#333; font-weight:normal;}
.ix-pro-tit .ipt2{font-size:15px; color:#999999;}
.ix-pro-tit .ipt3{color:#e72629; font-size:15px;}


.ix-zj-ban h1{ font-size:36px; color: #fff; font-weight: normal; padding-top: 70px;}
.ix-zj-ban p{ font-size:18px; color: #fff;padding-top: 60px; text-align: right;  }
.ix-zj-ban h2{ font-size:36px; color: #fff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: right; }

.ix-pro .row{margin-left:0px; margin-right:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.ix-pro .col-md-3, .ix-pro .col-sm-6, .ix-pro .col-xs-6{padding-left:0px; padding-right:0px;}
.ix-pro .row a{display:block;  border-right:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; }

.box-more{text-align:center; padding-top:40px;}
.box-more a{color:#e72629; margin:0px auto; border:solid 1px #e72629;}
/*选择我们*/
.ix-xzwm .row{  padding-top: 40px;}
.ix-xzwm .row:nth-child(even) .abc{ float: right;}
.ix-xzwm-img{ position: relative; overflow: hidden;}
.ix-xzwm-img img{ max-width: 100%;  transition: all 0.36s ease;}
.ixi-sz{ width: 120px; height: 120px;  line-height: 120px; background-color: #e72629; top: 5px; text-align: center;  position: absolute; top: -40px; left: 30px; font-size: 48px; color:#fff; z-index: 10;}
.ix-xzwm-tit { padding-top: 20px;}
.ix-xzwm-tit .ixt-t1 {color: #e72629; font-size: 24px; font-weight: bold; line-height: 200%;}
.ix-xzwm-tit .ixt-t2{ color:#999; font-size: 14px;}
.ix-xzwm-tit .ixt-t3{ color:#666; font-size: 14px; padding-top: 20px; line-height: 200%;}
.ixi-img{ position: relative;}

.ix-xzwm a:hover .ix-xzwm-img img{transform: scale(1.08);}



/*关于我们*/
.ix-list-5 .il-5-tit{padding-right: 40px;}
.ix-list-5 .il-5-img { width: 100%; height:100%; overflow: hidden; border-radius:50px 0px 50px 0px}
.ix-list-5 .il-5-img img{max-width: 100%; transition: all 0.36s ease;}
.ix-list-5 .il-5-tit-t1{ padding-top: 20px; font-size: 24px;   color: #fff; padding-bottom: 20px;}
.ix-list-5 .il-5-tit-t1 span{ font-size: 14px; font-weight: normal; color: rgba(255, 255, 255, 0.8); display: inline-block; padding-left: 15px;}
.ix-list-5 .il-5-tit-t2{ width: 38px; height:2px; background: #fff; margin-bottom: 30px;}
.ix-list-5 .il-5-tit-t3{  font-size:16px; color:#fff; transition: all 0.36s ease;}
.ix-list-5 .il-5-tit-t4{padding-top:30px;}
.ix-list-5  a:hover .il-5-img img{ transform: scale(1.08);}




/*模块13*/
.ix-list-13 .swiper-pagination { position: initial; padding-top: 20px; }
.ix-list-13 .swiper-pagination span{ margin: 0px 5px; background: rgba(0, 0, 0, 0.2); width:10px; height:10px;} 
.ix-list-13 .swiper-pagination span.swiper-pagination-bullet-active{ background: #e72629; width:30px; border-radius:10px; }
.il-13-list-img{ width: 100%; height: 100%; overflow: hidden;}
.il-13-list-img img{ max-width: 100%; transition: all 0.36s ease;}
.il-13-list-tit .illt-t1{ transition: all 0.36s ease; font-size:16px; color:#666; padding-bottom: 15px; padding-top: 20px;}
.il-13-list-tit .illt-t2{ font-size:14px; color:#999;  line-height: 180%; height: 50px;  overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.il-13-list-tit .illt-t3{ transition: all 0.36s ease; margin-top:20px;height: 1px; width: 100%; position: relative; background: #e0e0e0;}
.il-13-list-tit .illt-t3::before{ transition: all 0.36s ease; content: ''; width: 0%; height: 1px; position: absolute; left: 0; right: 0; background: #e72629; position: absolute;}
.il-13-list-tit .illt-t4{ overflow: hidden; position: relative; transition: all 0.36s ease; padding-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#666;}
.il-13-list-tit .illt-t4::before{ transition: all 0.36s ease; content: ''; position: absolute; right:0; bottom: 0; opacity: 0; background: url(../images/jj.png)no-repeat center center; height:15px; width:8px; }

.ix-list-13 a:hover .il-13-list-img img{ transform: scale(1.08);}
.ix-list-13 a:hover .il-13-list-tit .illt-t1{ color:#e72629;}
.ix-list-13 a:hover .il-13-list-tit .illt-t3::before{ width: 100%;}
.ix-list-13 a:hover .il-13-list-tit .illt-t4{ color:#e72629;}
.ix-list-13 a:hover .il-13-list-tit .illt-t4::before{ opacity: 1;}

/**/

/*品牌介绍*/
.ix-brand .ibl-a{ width:500px; float:left;}
.ix-brand .ibl-b{ width:calc(100% - 540px); float:right;}
.ix-brand ul li{ background:#fff; margin-bottom:20px; transition:all 0.36s ease;}
.ix-brand ul li .box-tit{ padding:20px 20px; height:130px; overflow:hidden;}
.ix-brand ul li .box-tit .box-tit-t1{font-size:18px; color:#333; margin-bottom:5px;}
.ix-brand ul li .box-tit .box-tit-t2{font-size:15px; color:#999999;}
.box-tit-t2{ line-height:180%;}

.ix-brand .ibl-b ul li .box-tit{width:calc(100% - 200px);  float:left;}
.ix-brand .ibl-b ul li .zsy-img{width:200px; height:130px; float:left;}
.ix-brand .ibl-b ul li a{display:block;}

.ix-brand-an a{ color:#e72629; border:solid 1px #e72629;}

.ix-brand ul li:hover{background:#e72629; color:#fff;}
.ix-brand ul li:hover .box-tit .box-tit-t1{ color:#fff;}
.ix-brand ul li:hover .box-tit .box-tit-t2{ color:rgba(255,255,255,0.8);}
.ix-brand ul li:hover  .zsy-img img{ transform:scale(1.08);}
@media (max-width: 1440px) {


}
@media (max-width: 1280px) {
     .ih2-nav ul li{    padding: 0px 25px;}
.ih2-nav ul li.ico-tb{ display:none;}

/*底部*/
.ix-foot-nav{padding-left:60px;     width: calc(100% - 500px);}
.ix-foot-nav ul li:nth-child(1) a{width:100%;display:block; }
.ix-foot-nav ul li:nth-child(1){ width:50%;}
.ix-foot-nav ul li{ width:50%;}
} 

@media (max-width: 1080px) {

  /*通用*/
  .pt10{ padding-top: 60px;} 
  .pb10{ padding-bottom: 60px;}
  .pb8{ padding-bottom: 40px;}
  .pb9{ padding-bottom: 40px;}
  .pt6{ padding-top: 30px;}
  .pb6{ padding-bottom: 30px;}

  .ix-banner .swiper-button-prev, .ix-banner .swiper-button-next{display: none;}
  /*通用*/
  .wp1380{ width: initial;}

  .ix-head-1 h1{font-size:22px;}

  /*导航*/
  .ih2-nav ul li{padding: 0px 10px;}



    /*模块5*/
    .ix-list-5 .il-5-tit-t1{ padding-top: 25px;}
    .ix-list-5 .il-5-tit-t2{ margin-bottom: 15px;}
    .ix-list-5 .il-5-tit-t3{ line-height: 180%; height: 50px;  overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}

 
    /*中间广告*/
    .ix-zj-ban h1{ padding-top: 30px; font-size: 30px;}
    .ix-zj-ban .container .row div{ width: 100%; }
    .ix-zj-ban p{text-align: left;  padding-top: 20px;}
    .ix-zj-ban h2{text-align: left; }

    /*新闻*/
    .ix-list-13 .swiper-pagination{ padding-top: 20px;}

  /*底部*/
 
  .ix-foot-xx-ewm{ top: 0px; border: none;}
  .ix-foot-xx-ewm img{ width: 100px; height: 100px;}


      .ix-foot-nav{padding-left:0px; width:100%; padding-top:40px;}
    .ix-foot-nav ul li:nth-child(1){ width:100%;}
.ix-foot-nav ul li{ width:100%;}

.ix-foot-nav ul li:nth-child(1) { padding-bottom:20px;}
.ix-foot-nav ul li:nth-child(1) a{ display:inline-block; width:initial; padding-right:20px;}
.ix-foot-nav ul li a{ display:inline-block; width:initial; padding-right:20px;}


 /*底部*/
 .ix-foot-nav{ width:100%;}
 .ix-foot-xx{ width:100%; padding-left:0%;}
 
}
@media (max-width: 780px) {
  .wp1380 .swiper-button-prev{left: 20px; width: 30px; height: 30px; background-size: 100%;}
  .wp1380 .swiper-button-next{right:20px; width: 30px; height: 30px; background-size: 100%;}

  .row {margin-right: -20px;margin-left: -20px;}
  

    /*轮播图片*/
    .ix-banner .ix-ban-bj{ height:600px;}
  .ix-ban-bj .ib-tit .ib-t1 span{ width:30px;}
  .ix-ban-bj .ib-tit .ib-t1{font-size:18px;}
  .ix-ban-bj .ib-tit .ib-t2{font-size:24px;}
  .ix-ban-bj .ib-tit .ib-t3{width:80%;}

  /*头部*/

   .ix-m-head{ display: block;}
      .ix-header{ display: none;}

  /*火箭*/
  .db_xs{ right:20px;}


   /*模块5 */
   .ix-list-5 .row{ margin: 0px;}
   .ix-list-5 .il-5-tit{ padding:5px 20px; padding-bottom: 30px;}
   .ix-list-5 .col-xs-12{ padding: 0px;}

   /*关于我们*/
   .ix-list-5 .il-5-img img{width:100%;}
   .ix-list-5 .il-5-tit-t3{     height: initial; -webkit-line-clamp:initial}
   

   /*品牌介绍*/
   .ix-brand .ibl-a{ width:100%;}
.ix-brand .ibl-b{ width:100%;}

  }
@media (max-width: 640px) {
  /*通用*/
  .pt10{ padding-top: 30px;} 
  .pb10{ padding-bottom: 30px;}
  .pb8{ padding-bottom: 30px;}
  .pb9{ padding-bottom: 30px;}
  .pt6{ padding-top: 30px;}
  .pb6{ padding-bottom: 30px;}
  .pb7{ padding-bottom: 30px;}

  .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-left: 10px; padding-right: 10px;}
  .row { margin-right: -10px; margin-left: -10px;}

  .ix-head.pb4{padding-bottom: 20px;}


  /*轮播图片*/
  .ix-ban-bj .ib-tit .ib-t1 span{ width:20px; margin-right:10px;}
  .ix-more{height:45px; line-height:45px;}

  /*底部*/
  .ix-foot-nav{ padding-bottom: 10px;}
  .ix-foot-nav ul li{ width: 100%; padding-bottom: 20px;}
  .ix-foot-nav ul li h1{ padding-bottom: 15px;}
  .ix-foot-nav ul li a{ display: inline-block; padding-right: 20px; font-size: 13px;}
  .ix-foot-xx{ padding-top: 30px;}
  .ix-foot-xx-ll h1{ padding-bottom: 15px;}
  .ix-foot-xx-ewm{ top:30px; border: none;     position: initial;     width: 100px;
       height: initial;
    padding-top: 20px;}
  .ix-foot-xx-ewm img{ width: 100px; height: 100px;}
  .ix-foot-xx-ll{ padding-right:0px;}


/*杰出品牌*/
.ix-ys-tit{ padding-top: 0px; padding-bottom: 20px;}


/*首页产品*/
.ix-pro-tit{padding-bottom: 10px; line-height:150%;}
.ix-pro-tit .ipt1{ font-size:16px; color:#666;}
.ix-pro-tit .ipt2{font-size:14px;}
.ix-pro-tit .ipt3{ font-size:14px;}


/*广告图片*/
.ix-zj-ban h1{font-size: 24px; line-height: 180%; padding-top: 20px;}
.ix-zj-ban p{ padding-top: 10px;}
.ix-zj-ban h2{ font-size: 30px;}

/*品牌介绍*/
.ix-brand ul li .box-tit{height:initial; padding: 15px 20px;}
.ix-brand ul li .box-tit .box-tit-t2{ font-size:14px;}
.ix-brand .ibl-b ul li .box-tit{width: calc(100% - 0px);}
.ix-brand .ibl-b ul li .zsy-img{ display:none;}

/*4大理由*/
.ixi-sz{ width: 80px; height: 80px; line-height: 80px; font-size: 36px; top: -30px;left: 20px;}
.ix-xzwm .row{ padding-top: 30px; padding-bottom: 30px;}
.ix-xzwm-tit{ padding-top: 20px;     padding-bottom: 0px;}
.ix-xzwm .row:nth-last-child(1){ padding-bottom: 0px;}
.ix-xzwm-tit .ixt-t1{ font-size: 20px; line-height: 140%;}
.ix-xzwm-tit .ixt-t3{ padding-top: 10px;}
/*新闻*/
.il-13-list-tit .illt-t3{ margin-top: 15px;}
.il-13-list-tit .illt-t1{ padding-top: 15px; padding-bottom: 10px;}
.il-13-list-tit .illt-t4{ font-size: 16px; padding-top: 10px;}
.ix-list-13 .swiper-pagination{ padding-top: 20px;}


/*通用头部*/

.ix-head h1{ font-size: 28px;}
.ix-head p{font-size:32px;margin-top: -40px;}
.box-more{ padding-top:30px;}


/*轮播图片*/
.ix-ban-bj .ib-tit .ib-t1{ font-size:16px; width:100%;}
.ix-ban-bj .ib-tit .ib-t2{font-size:20px; padding-bottom:30px;}
.ix-ban-bj .ib-tit .ib-t3{width:100%; font-size:14px;}
.ix-ban-bj .ib-tit .ib-t4{margin-top:30px;}
.ix-banner .ix-ban-bj{ height:500px;}
.ix-more{ font-size:16px;}


/*关于我们*/
.ix-list-5 .il-5-tit-t3{font-size:14px;}
.ix-list-5 .il-5-tit{    padding: 0px 0px;}
.ix-list-5 .il-5-tit-t4{ padding-top:20px;}

/*底部*/
.ix-foot-logo{ width:100%;}
.ix-foot-logo .ifl-a img{ float:none; display:block;}
.ix-foot-logo .ifl-a .ifl-a-tell{padding-left:0px; display:block; }

}