@charset "utf-8";
a {
  color: #333333;
}
a:hover, a:focus {
  text-decoration: none;
}
body {
  color: #333333;
  font-size: .25rem;
}
.fs32 {
  font-size: .32rem;
}
.c-666 {
  color: #666666;
}
.c-882 {
  color: #042882!important;
}
.bg-882 {
  background: #042882!important;
}
.block {
  display: block;
}
.vMiddle {
  vertical-align: middle;
}
.c-fff {
  color: #ffffff;
}
.imgs {
  width: 100%;
}
.word{ font-size: .32rem;}

.mtop15{ margin-top:.15rem}
.marginT{ margin-top:.35rem}
.marginT100{ margin-top:1rem}

.title strong{ font-size:.5rem; color:#222222; display:block; margin-bottom:.3rem;}
.title strong span{ color:#1346af;}
.title{ font-size:.32rem; color:#555555; text-align:center; margin:.6rem auto .6rem;}

h3{ font-size:.38rem}


#Content9 .shareholder{ float: left; width: 100%;}
#Content9 .shareholder .li{ float: left; width: 100%; margin-top: .5rem; background: #fff; height:100%; padding-bottom:.3rem; }
#Content9 .shareholder .li:first-child{ margin-top: .35rem}
#Content9 .shareholder .li .img{ float: left; width: 38%; font-size:0; line-height: 0;}
#Content9 .shareholder .li .text{ float: left; right: 0; width: 96%; margin:1% 2%; height:93%;   }

#Content9 .shareholder .li .text .cell h3{ float: left; width: 100%; color:#1346af; font-size:.24rem; font-weight: bold; line-height: .3rem; border-bottom: 1px solid #cccccc; position: relative; padding:.2rem 0;}
#Content9 .shareholder .li .text .cell h3:after{ position: absolute; content: ''; width: .48rem; height: 3px; background: #1346af; bottom: -2px; left: 0;}
#Content9 .shareholder .li .text .cell .word{ float: left; width: 100%; margin-top: .25rem;}
#Content9 .shareholder .li:nth-child(2n) .img{float: right;}
#Content9 .shareholder .li:nth-child(2n) .text{left: 0; right: auto;}
.ov-y{ overflow:scroll; padding-bottom:.3rem}
@media screen and  (max-width:1430px){

}
@media screen and  (max-width:1230px){
    #Content9 .marginT{ margin:50px 0 60px 0;}
    #Content9 .aboutTit h1{ font-size:24px;}
    #Content9 .aboutTit span:before,
    #Content9 .aboutTit span:after{ width: 42%;}
    #Content9 .shareholder .li{ margin-top: 40px;}
    #Content9 .shareholder .li:first-child{ margin-top: 30px;}
    #Content9 .shareholder .li .text .cell h3{ font-size:18px; padding:18px 0;}
}
@media screen and  (max-width:992px){
    #Content9 .marginT{ margin:30px 0 40px 0;}
    #Content9 .aboutTit h1{ font-size:22px; line-height: 38px;}
    #Content9 .aboutTit span:before,
    #Content9 .aboutTit span:after{ width: 40%;}
    #Content9 .shareholder .li .text .table{ font-size:14px; line-height: 28px;}
    #Content9 .shareholder .li .text .cell h3{line-height: 28px; padding:10px 0;}
    #Content9 .shareholder .li .text .cell .word{ margin-top: 15px;}
    #Content9 .shareholder .li{ margin-top: 30px;}
    #Content9 .shareholder .li:first-child{ margin-top: 20px;}
}
@media screen and  (max-width:768px){
    #Content9 .marginT{ margin: .2rem 0 .3rem 0;}
    #Content9 .aboutTit h1{ font-size:.24rem;}
   #Content9 .aboutTit span:before,
    #Content9 .aboutTit span:after{ width: 33%;}
    #Content9 .shareholder .li{ margin-top: .15rem;}
    #Content9 .shareholder .li:first-child{ margin-top: .1rem;}
    #Content9 .shareholder .li .img{ width: 100%;}
    #Content9 .shareholder .li .text{ width: 96%; position: static; margin:10px 2% .15rem 2%;}
}


#Content9 .shareholder .li .fb-video{ float:left; margin-right:50px}
#Content-fb  .greyBox{float: left; width: 100%; }
#Content-fb .marginT{ float: left; width: 100%; margin: 0 0 80px 0;}
#Content-fb .shareholder{ float: left; width: 100%;}
#Content-fb .shareholder .li{ float: left; width: 100%; margin-top: 0; background: #fff; height:100%; }
#Content-fb .shareholder .li .text{ float: left; right: 0; width: 100%;    overflow-y: auto;}
#Content-fb .shareholder .li .text .table{display: table; width:100%;height: 100%;  color:#666666; font-size:16px; line-height: 32px; }
#Content-fb .shareholder .li .text .cell{ display: table-cell; vertical-align: middle;}
#Content-fb .shareholder .li .text .cell .word{ float: left; width: 100%; }
#Content-fb .shareholder .li .fb-video{ float:left; margin-right:50px}

/*非标*/

#Content-fb  .greyBox{float: left; width: 100%; }
#Content-fb .marginT{ float: left; width: 100%; margin: 0 0 .8rem 0;}
#Content-fb .shareholder{ float: left; width: 100%;}
#Content-fb .shareholder .li{ float: left; width: 100%; margin-top: 0; background: #fff; height:100%; }
#Content-fb .shareholder .li .text{ float: left; right: 0; width: 100%;    overflow-y: auto;}
#Content-fb .shareholder .li .text .table{display: table; width:100%;height: 100%;  color:#666666; font-size:16px; line-height: 32px; }
#Content-fb .shareholder .li .text .cell{ display: table-cell; vertical-align: middle;}
#Content-fb .shareholder .li .text .cell .word{ float: left; width: 100%; }
#Content-fb .shareholder .li .fb-video{ float:left; margin-right:.5rem}


.fb-rgb{ margin-top:.5rem; margin-bottom:.5rem;}
.fb-list{  ;border-radius:.2rem; margin-top:.7rem; }
.fb-list a{ color:#fff}
.fb-list h3{ font-size:.4rem; display:inline-table; line-height:1.5; padding:.3rem 0; text-align:center; width:100%}
.fb-list-content{width:100%; padding:0; margin:0}
.fb-list .fb-img{display:inline-table; }
.fb-list .fb-img img{ border-radius:.2rem .2rem 0 0;} 
.fb-rgb li:first-child{ background:#e4007f;}
.fb-rgb li:nth-child(2){ background:#e60044; }
.fb-rgb li:nth-child(3){ background:#ea5504; }
.fb-rgb li:nth-child(4){ background:#fdd000; }
.fb-rgb li:nth-child(5){ background:#abcd03; }
.fb-rgb li:nth-child(6){ background:#009944; }
.fb-rgb li:nth-child(7){ background:#009fa8; }
.fb-rgb li:nth-child(8){ background:#008cd6; }
.fb-rgb li:nth-child(9){ background:#004098; }
.fb-rgb li:nth-child(10){ background:#76085a; }
.fb-rgb li:nth-child(11){ background:#6b1685; }
.fb-rgb li:nth-child(12){ background:#a10749; }
.fb-rgb li:nth-child(13){ background:#861252; }


/*软管阀*/
.rgf-content{ margin-top:.5rem}
.rgf-list{ margin-bottom:.5rem;   float:left; width:100%; border-radius:15px; padding-bottom:.5rem;}
.rgf-list a{ display:block;}
.rgf-list .rgf-img{ width:100%; float:left}
.rgf-list .rgf-img img{ width:100%; border-radius:15px 15px 0 0; border:solid 1px #eee}
.rgf-list .rgf-txt{ width:100%;text-align:center; float:right; color:#FFF; margin-top:.3rem; padding:0 .2rem}
.rgf-list .rgf-txt h3,.rgf-list .rgf-txt h3 a{ font-size:.38rem; color:#fff}
.rgf-list .rgf-txt .rgf-txt-content{ font-size:.32rem; line-height:1.5; text-align:left; margin-top:.2rem;}
.rgf-list .rgf-txt .more{ font-size:.24rem; background:#fff; color:#000; border-radius:.5rem; padding:.2rem .8rem; display: inline-table; margin-top:.3rem;}
.rgf-list .rgf-txt .more:hover{ background:#c74237; color:#fff;transition: all 0.3s;}


.rgf-list2{ margin-bottom:.5rem; background: url(../images/zx-bg.png) no-repeat;  float:left; width:100%; border-radius:15px;}
.rgf-list2 a{ display:block; }
.rgf-list2 .rgf-img2{ width:50%; float:right}
.rgf-list2 .rgf-img2 img{ width:100%; border-radius:0 15px 15px 0; }
.rgf-list2 .rgf-txt2{ width:50%;text-align:center;  float:left; color:#FFF; margin-top:.8rem;padding:0 .2rem}
.rgf-list2 .rgf-txt2 h3, .rgf-list2 .rgf-txt2 h3 a{ font-size:.38rem; color:#fff}
.rgf-list2 .rgf-txt2 .rgf-txt-content{ font-size:.24rem; line-height:2; text-align:left; margin-top:.1rem;}
.rgf-list2 .rgf-txt2 .more{ font-size:.24rem; background:#fff; color:#000; border-radius:.5rem; padding:.2rem .8rem; display: inline-table; margin-top:.3rem;}
.rgf-list2 .rgf-txt2 .more:hover{ background:#c74237; color:#fff;transition: all 0.3s;}


/*软管*/
.protuct_nav li{ width:100%; height:50px; line-height:50px; text-align:center; float:left; background:#ffffff; margin-right:16px; transition:all 0.5s; border:1px solid #eeeeee; box-sizing:border-box;}	
.protuct_nav li a{ display:block;font-size:16px; color:#333333; text-transform:uppercase;}
.protuct_nav li:nth-child(6n){ margin-right:0;}
.protuct_nav li:nth-child(n+7){ margin-top:17px;}
.protuct_nav li.on{ background:#1346af; border:none;}
.protuct_nav li.on a{ color:#fff;}
.protuct_nav{ margin-bottom:35px;}
.protuct_content .divproduct_new_div_item{ width:450px; float:left; margin-right:25px; overflow:hidden; position:relative; border:1px solid #eeeeee;box-sizing: border-box;}
.protuct_content .divproduct_new_div_item:nth-child(3n){ margin-right:0;}
.protuct_content .divproduct_new_div_item:nth-child(n+4){ margin-top:25px;}
.protuct_content .product_div_item_image{ width:100%; height:100%;}
.protuct_content .divproduct_new_div_item_a{ display:block; height:50px; border-top:1px solid #eeeeee; line-height:50px; padding-left:30px; width:420px; font-size:15px; color:#555555; position:absolute; bottom:0; left:0;background: #fff;}
.protuct_content .divproduct_new_div_item_a:after{ content:"Details"; display:block; width:100px; height:30px; background:#ebf1f8; border-radius:20px; text-align:center; line-height:30px; color:#555555;position: absolute; right:15px; bottom:10px;}
.protuct_content .divproduct_new_div_item:hover .divproduct_new_div_item_a{ color:#1346af;}
.protuct_content .divproduct_new_div_item:hover .divproduct_new_div_item_a:after{ background:#1346af; color:#fff;}
.protuct{ background:url(../images/20201127154635_1611055799.jpg) no-repeat bottom #f2f2f2; padding-bottom:45px; padding-top:1px;}




.productsServices-content  ul {

    width: 100%;

    height: 100%;

    margin: 0 auto;

    padding: 0;

    -webkit-box-pack: start;

    -moz-justify-content: start;

    justify-content: start;

    -webkit-box-align: start;

    -moz-align-items: start;

    align-items: start;

}



.productsServices-content ul li {

    margin: 0 1% 0 0;

    padding: 0 0 10px 0;

    width: 100%;

    background-color: #ffffff;

    height: auto; display:inline-table; margin-bottom:20px



}



.productsServices-content ul li .img-cover {

    overflow: hidden;

    height: auto;

    position: relative;

    width: 100%;

}



.productsServices-content ul li .img-cover img {

    width: 100%;

}



.productsServices-content ul li .img-cover img.img01 {

    width: 100%;

}



.productsServices-content ul li .img-cover img.img02 {

    position: absolute;

    left: 0;

    width: 100%;

    top: 0;

    opacity: 0;

    transition: all 1s;

    transform: scale(1, 1);

}



.productsServices-content ul li .img-cover:hover img.img02 {

    transform: scale(1.1, 1.1);

    opacity: 1;

}



.productsServices-content ul li h1 {

    width: 90%;

    margin: 20px auto 0 auto;

    padding: 0;

    font-size: .4rem;

    color: #000000;

    font-weight: bolder;

}



.productsServices-content ul li p.line {

    margin-left: 5%;

    margin-top: .1rem;

    height: 4px;

}



.productsServices-content ul li p.desc {

    width: 90%;

    margin: 15px auto 0 auto;

    padding: 0;

    font-size: 15px;

    color: #000000;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.productsServices-content ul li .list {

    width: 100%;

    margin: 20px auto 0 auto;

    min-height: 1.5rem;

}



.productsServices-content ul li .list .item {

    width: 90%;

    border-bottom: 1px solid #e8e8e8;

   

    line-height: 40px;



    padding-left: 5%;

    padding-right: 5%; float:left



}



.productsServices-content ul li .list .item .fa-circle {

    color: #000000;

    font-size: 10px; float:left; padding-top:14px

}



.productsServices-content ul li .list .item .name {

    margin: 0;

    padding: 0;

    font-size: 15px;

    text-indent: 5px;

    width: 93%;



  



}



.productsServices-content ul li .list .item .name a {

    color: #000000;

}



.productsServices-content ul li .list .item p.add {

    margin: 0;

    padding: 0;

    width: 23%;

    text-align: right;

}



.productsServices-content ul li .list .item p.add .fa-minus {

    display: none;

    z-index: 10;

}



.productsServices-content ul li .list .item p.add .fa-plus {

    color: #e2e2e2;

    z-index: 10;

}



.productsServices-content ul li .list .item:hover .fa-circle {

    color: #0067b8;

}



.productsServices-content ul li .list .item:hover .name a {

    color: #0067b8;

}



.productsServices-content ul li .list .item:hover .add .fa-plus {

    color: #0067b8;

}






.productsServices-content ul li .list .item:nth-of-type(1) {

    display: block;

}



.productsServices-content ul li .list .item:nth-of-type(2) {

    display: block;

}



.productsServices-content ul li .list .item:nth-of-type(3) {

    display: block;

}



.productsServices-content ul li .list .item:nth-of-type(4) {

    display: block;

}



.productsServices-content ul li .list .more-forth {

    display: none;

}



.productsServices-content ul li .list .active .fa-circle {

    color: #0067b8;

}



.productsServices-content ul li .list .active .name a {

    color: #0067b8;

}



.productsServices-content ul li .list .active .add .fa-minus {

    color: #0067b8;

    display: inline-block !important;

}



.productsServices-content ul li .list .active .add .fa-plus {

    display: none;

}



.productsServices-content ul li .list .active .item-content {

    display: block;

}



.productsServices-content ul li .more {

    text-align: right;

    width: 90%;

    height: 24px;

    line-height: 24px;

    position: absolute;

    bottom: 15px;

    left: 5%;

}



.productsServices-content ul li .more a {

    color: #e2e2e2;

    font-size: 13px;

}



.productsServices-content ul li .more a span.iconfont {

    font-size: 14px;

}



.productsServices-content ul li:nth-of-type(3n+3) {

    margin-right: 0;

}



.productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-pagination {

    bottom: 30px;

    width: 40%;

    left: 30%;

}



.productsServices-content .tab-content .active .productsServices-banner .productsServices-banner-container .swiper-button-next {

    display: block;

}



.productsServices-content .tab-content .active .productsServices-banner .productsServices-banner-container .swiper-button-prev {

    display: block;

}


/*导航*/

 
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:99}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#fff;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:9999}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#fff;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{}
   .m_nav .m_navList ul li{border-bottom:1px solid #eee}
   .m_nav .m_navList ul li a{display:block;height:1.2rem;color:#fff;line-height:1.2rem;padding-left:5%;font-size:.4rem; color:#000}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:.32rem;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   
   .m_nav .m_navList .top {
  position: relative;
 
  overflow: hidden;
  border-bottom: #eee solid 1px;
  box-sizing: border-box; height:1.2rem
}
   .m_nav .m_navList .menu-logo {
 
  display: block;
  color: #ffffff;
  font-weight: bold;
}


/*首页*/
.phones {
  width: .45rem;
  vertical-align: middle;
  margin-bottom: 0.04rem;
}
.phoneCont {
  display: inline-block;
  vertical-align: middle;
}
.header {
  background: #ffffff;
  position: relative;
  top: 0;
}
.modal-title {
  font-size: 0.373rem;
  font-weight: bold;
}
.header .logo {
  display: block;
  padding: .4rem 0;
}
.header .logo .imgs {
  width: 40%;
  display: block;
}

.header .rightWrap .tit {
  font-size: 0.373rem;
  margin: 0;
  color: #ffffff;
  line-height: 0.4rem;
}
.header .rightWrap p {
  font-size: 0.347rem;
  margin: 0;
  color: #ffffff;
}
.header .search-btn {
  position: absolute;
  right: 1.4rem;
  top: 0;
  width: 1.4rem;
  height: 100%;
  cursor: pointer;
  background: url(../images/search.png) no-repeat center;
  background-size: 32%;
  z-index: 999;
  border-right: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
}
#myModal .modal-header {
  padding: 0.2rem;
}
#myModal .modal-body {
  padding: 0.4rem 0.4rem;
}
.header .menu-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.4rem;
  height: 100%;
  cursor: pointer;
  background: url(../images/menu-icon.png) no-repeat center;
  background-size: 35%;
  z-index: 999;
}
.menu-list {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  display: block!important;
  width: 0;
  transition: all .2s;
}
.menu-list.in {
  width: 70%;
}
.menu-list .top {
  position: relative;
  padding: 0.293rem;
  overflow: hidden;
  border-bottom: #eee solid 1px;
  box-sizing: border-box;
}
.menu-list .menu-logo {
  width: 80%;
  display: block;
  color: #ffffff;
  font-weight: bold;
}
.menu-list .close {
  display: block;
  position: absolute;
  top: .05rem;
  right: 0.3rem;
  width: 1rem;
  height: 1rem;
  background-size: 0.4rem; 
}
.menu-list .close:before, .menu-list .close:after {
  content: '';
  height: .6rem;
  width: 2px;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: 0.2rem;
  right: 0.4rem;
}
.menu-list .close:after {
  transform: rotate(-45deg);
}
.menu-list .navbar-nav {
  margin: 0;
}
.menu-list .menu-li a {
  display: block;
  padding: 0.2rem 0.4rem;
  line-height: 2;
  background: url(../images/nav_icon01.png) no-repeat 95% center;
  background-size: 3%;
  border-bottom: #eee solid 1px;
}
.index_banners .carousel-inner .item {
  overflow: hidden;
}
.index_banners .carousel-indicators {
 bottom: 0;
}
.index_banners .carousel-indicators li {
  margin-right: 0.2rem;
}
.index_banners .carousel-indicators .active {
  background: #042882!important;
  border-color: #042882!important;
}
.banners .carousel-inner .item {
  overflow: hidden;
}
.banners .carousel-indicators {
 bottom: 0;
}
.banners .carousel-indicators li {
  margin-right: 0.2rem;
}
.banners .carousel-indicators .active {
  background: #042882!important;
  border-color: #042882!important;
}
.footerNav {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}
.footer {
  height: 1.35rem;
}
.footerNav .btn {
  height: 1.35rem;
  line-height: 1.35rem;
  box-sizing: border-box;
  padding: 0;
  border: none;
  border-right: 1px solid #0055b1;
  color: #ffffff;
  border-radius: 0;
  display: inline-block;
}
.footerNav .btn.call {
  background: #e5b681;
}
.footerNav .btnIcon {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
}
.footerNav .btnIcon.aboutIcon {
  width: .4rem;
}
.footerNav .name {
  display: inline-block;
  vertical-align: middle;
}
.productList {
  background: #ffffff;
  padding: 0.5rem 0.267rem;
}
.foldTitle {
  font-weight: bold;
}
.about  {
  background: #f3f1f2;
  padding: 1rem 0.267rem .7rem;
  margin-top: -0.6rem;
}
.copy {
  text-align: center;
}
.copy span {
  margin-left: 0.2rem;
}
.aboutLink {
  padding: 0.2rem 0;
  border-bottom: 1px solid #e0dede;
  width: 80%;
  margin: 0 auto;
}
.aboutLink .aboutLinkInn {
  float: left;
  vertical-align: middle;
  width: 30%;
  border-right: 1px solid #e0dede;
  text-align: center;
  list-style: none;
}
.aboutLink .aboutLinkInn:first-child {
  text-align: left;
  width: 15%;
}
.aboutLink .aboutLinkInn:last-child {
  text-align: right;
  border-right: 0;
  width: 25%;
}
.callNum {
  padding-top: 0.5rem;
  width: 80%;
  margin: 0 auto;
}
.callNum img {
  width: 0.8rem;
  vertical-align: initial;
}
.callNum .inTips {
  margin-left: 0.267rem;
  font-size: 0.373rem;
}
.callNum .tels {
  font-size: 0.55rem;
  font-weight: bold;
}
.new-menu {
  width: 50%;
}
.nav-tabs.nav-justified .new-menu a {
  color: #333333;
  border-radius: 0;
  background: #ffffff;
  border: 1px solid #eeeeee;
  display: block;
  padding: 0.25rem 0;
  margin-right: 0.267rem;
  margin-bottom: 0.2rem;
  text-align: center; height:1.2rem;  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如需 */
}
.nav-tabs.nav-justified .new-menu:nth-child(2n+2) a {
  margin-right: 0;
}
.nav-tabs.nav-justified .new-menu a .classIcon {
  display: inline-block;
  vertical-align: middle;
  width: .4rem;
  height: .4rem;
  background: url("../images/class.png") 0 0  no-repeat;
  background-size: 100%;
}
.nav-tabs.nav-justified .new-menu a .classCont {
  display: inline-block;
  vertical-align: middle;
}
.nav-tabs.nav-justified .new-menu.active a {
  background: #042882!important;
  color: #ffffff;
  border-color: #042882!important;
}
.nav-tabs.nav-justified .new-menu.active a .classIcon {
  background-position: bottom;
}
.toTop {
  display: block;
  margin-top: 0.333rem;
  text-align: center;
}
.toTop img {
  width: 1.2rem;
}
.tips {
  margin-top: 0.227rem;
  max-height: 0.933rem;
  line-height: 0.5rem;
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}
.companyBg {
  display: block;
  width: 100%;
}
.companyWrap {
  width: 94%;
  margin: 0 auto;
  background: #efefef;
  position: relative;
  top: -1.067rem;
  padding: 0.267rem;
}
.compTitle {
  text-align: center;
  font-weight: bold;
}
.compConts{
  padding: 0.2rem 0;
  /*color: #999999;*/
  line-height: 0.6rem;
}
.linkMore {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 2.2rem;
  line-height: 0.75rem;
  border: 1px solid #e6e3e3;
  border-radius: 40px;
}
.wrapTitle {
  font-size: 0.48rem;
  text-align: center;
  padding: 0.133rem 0;
}
.wrapTitleSmall {
  text-align: center;
}
.message {
  padding: 0.5rem 0.267rem 0 .24rem;
}
.msgWrap {
  margin-top: 0.133rem;
  position: relative;
  top: 0;
  list-style: none;
}
.msgWrap:after {
  content: '*';
  position: absolute;
  right: 0.133rem;
  top: 0;
  color: #999999;
}
.icons {
  position: absolute;
  top: 50%;
  left: 0.2rem;
  transform: translateY(-50%);
  width: 0.5rem;
}
.textIcons {
  position: absolute;
  top: 0.16rem;
  left: 0.2rem;
  width: 0.5rem;
}
.inputs {
  width: 100%;
  height: 0.92rem;
  padding: 0.2rem .2rem .2rem .9rem;
  outline: line;
  border: none;
  border: 1px solid #f5f5f5;
}
textarea.inputs {
  height: 2rem;
  resize: none;
}
.messagtBtn {
  display: block;
  height: 0.907rem;
  line-height: 0.907rem;
  color: #ffffff;
  text-align: center;
}
.line {
  width: 0.4rem;
  height: 0.013rem;
  margin-bottom: 0.2rem;
  display: inline-block;
}
.productWrap {
  margin: 0 -0.213rem;
}
.productItem {
  margin-top: 0.333rem;
  float: left;
  width: 100%;
  padding: 0 0.213rem;
  box-sizing: border-box;
}
.productImg {
  display: block;
  width: 100%;
}
.productCont {
  background: #efefef;
  padding: 0.26rem 0.18rem; 
}
.productCont .leftCont {
  display: inline-block;
  vertical-align: middle;
  width: 82%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.productCont .rightIcon {
  width: 12%;
  vertical-align: middle;
}
.gestures {
  text-align: center;
  padding: 0.2rem 0;
}
.productCarousel .carousel-indicators {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  left: 0;
  margin-left: 0;
  width: 65%;
  margin-bottom: 0;
  top: 0px;
}
.productCarousel .carousel-indicators li {
  width: 0.8rem;
  border-radius: 0;
  border-color: #ccc;
  height: 0.2rem;
  vertical-align: middle;
}
.productCarousel .carousel-indicators .active {
  border-color: #042882;
  background: #042882;
}
.hand {
  width: 1rem;
}
.oneLine {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
}
.company {
  padding-top: 0.5rem;
}
.companyImg, .caseBg {
  display: block;
  width: 100%;
}
.caseBg {
  
}
.advantage {
  display: block;
  width: 100%;
}
.backTop {
  display: block;
  width: 100%;
}
.case {
  margin-top: -0.4rem;
  padding: 0 0.267rem;
}
.caseImgWrap {
  position: relative;
  top: 0;
  left: 0;
}
.caseImgWrap .prevImg, .caseImgWrap .nextImg {
  width: 0.667rem;
  height: 0.667rem;
  position: absolute;
  top: 50%;
}
.caseImgWrap .prevImg img, .caseImgWrap .nextImg img {
  width: 50%;
  opacity: .8;
}
.caseImgWrap .prevImg {
  left: 0.267rem;
}
.caseImgWrap .nextImg {
  right: 0.267rem;
  text-align: right;
}
.caseList {
  margin: 0.2rem 0 0.8rem;
  padding: 0.133rem 0.067rem;
  background: #efefef;
}
.calseListItem {
  width: calc(20% - 0.14rem);
  float: left;
  margin: 0 0.067rem;
  position: relative;
  top: 0;
}
.calseListItem img {
  display: block;
  width: 100%;
}
.calseListItem span {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

/*产品分类页面*/
.breadCrumbs {
  line-height: 1.067rem;
  background: #f5f5f5;
  position: relative;
  top: 0;
  padding: 0 1rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadCrumbs a {
  color: #333333;
}
.breadCrumbsIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.667rem;
  height: 0.667rem;
  line-height: 0.667rem;
}
.breadCrumbsIcon.left {
  left: 0.267rem;
}
.breadCrumbsIcon.right {
  right: 0.267rem;
}
.breadCrumbsImgs {
  width: 80%;
}
.breadCrumbsNext {
  width: 0.4rem;
  margin: 0 0.067rem;
}
.classList {
  padding: 0.267rem 0.267rem;
}
.classList .titles {
  padding: 0.267rem 0;
  font-weight: bold;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  top: 0;
}
.classList dl {
  margin-bottom: 0;
}
.classList .toggleDrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: .45rem;
  transition: all .2s;
}
.classList .toggleDrow.up {
  transform: translateY(-50%) rotate(180deg);
}
.classList .classItem {
  padding: 0.267rem 0;
  border-bottom: 1px solid #eeeeee;
}
.classList .classItem a {
  display: block;
}
.indexNews {
  background: #efefef;
}
.newsPage.news.indexNews {
  padding: .5rem 0.267rem .8rem;
}

.newsPage.news.indexNews .nav-tabs {
  padding-top: 0;
}
.newsPage.news.indexNews .companyImg {
  margin-top: 0.267rem;
}

/*产品列表*/
.listPage.productList {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

/*产品详情*/
.detailWrap {
  padding: 0 0.267rem;
}
.detailTitle {
  padding: 0.4rem 0;
  text-align: center;
  font-weight: bold;
}
.detailBanner .carousel-indicators {
  left: 50%;
}
.detailBanner .carousel-inner .item {
  height: 9rem;
}
.detailBanner .carousel-indicators li {
  background: #dad8d8;
  border-color: #dad8d8;
}
.detialCont {
  padding: 0.267rem 0.2rem;
  color: #ffffff;
  margin: 0.333rem 0 0.467rem;
}
.detailWrap .conts {
  padding: 0 0 0.2rem 0;
}
  /*新闻列表*/
.newsPage.news {
  padding: 0 0.267rem;
}
.newsPage.news .nav-tabs {
  /*padding: 0.4rem;*/
  padding-bottom: 0;
}
.newsPage.news .nav-tabs .new-menu {
  margin: 0 2% 0 0;
  width: 32%;
}
.newsPage.news .nav-tabs.nav-justified .new-menu a {
 /* border-right: 1px solid #e5b681;
  border-color: #e5b681;*/
  background: #c1c1c1;
  color: #ffffff;
  margin-right: 0;
}
.newsPage.news .nav-tabs .new-menu:first-child {
  margin-left: 0;
}
.newsPage.news .nav-tabs .new-menu:last-child {
  margin-right: 0;
}
.newsPage.news .newItem {
  padding: 0.333rem 0;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.newsPage.news .date {
  color: #c5c5c5;
  padding-top: .1rem;
  padding-right: 0.267rem;
}
.newItem .date .day {
  font-size: 0.8rem;
  line-height: .85rem;
  text-align: center;
  color: #333333;
}
.newItem .newsConts {
  display: inline-block;
  width: calc(100% - 2.4rem);
  box-sizing: border-box;
  padding-left: 0.267rem;
  vertical-align: top;
  border-left: 1px solid #e4e4e4;
}

/*新闻详情*/
.newDetailTitle {
  padding: 0.3rem 0 0.1rem;
  border-bottom: 1px solid #eeeeee;
}
.newDetailTitle .inTitle {
  padding-bottom: 0.067rem;
  text-align: center;
  color: #333333;
}
.newDate {
  text-align: center;
}
.newConts {
  padding: 0.267rem 0.267rem;
}
.prevNext {
  padding: 0.267rem 0;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
}
.prevNext .links {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
/*公司简介*/
.aboutBanner {
  display: block;
  width: 100%;
}
.aboutWrap {
  padding: 0.533rem 0.267rem 0;
}

/*分页*/
.pagins {
  text-align: center;
}
.pagination {
  width: 100%;
  margin-bottom: 0;
}
.pageWrap {
  display: inline-block;
  vertical-align: middle;
  padding: 0.267rem 0.2rem;
  max-width: 74%;
  overflow: hidden;
}
.pageWrap li  {
  float: left;
  list-style: none;
  width: 0.65rem;
  line-height: 0.65rem;
  text-align: center;
  border-radius: 50%;
  margin: 0 0.15rem;
}
.pageWrap li.active {
  background: #08478e;
}
.pageWrap li.active a{
  color: #ffffff;
}
.pagination .prev, .pagination .next {
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  list-style: none;
  padding: 0.267rem 0.2rem;
}
.pagination .prev a, .pagination .next a {
  text-align: center;
  display: block;
  line-height: .56rem;
  height: .65rem;
  width: .65rem;
  border: 1px solid #eeeeee;
  border-radius: 50%;
}
.pagination .prev img, .pagination .next img {
  width: 50%;
}
.bTip {
  font-weight: bold;
}
.wechatCode {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
}
.wechatCode .imgWrap {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wechatCode .imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.wechatCode .imgWrap .closeWechat {
  width: .7rem;
  height: 0.7rem;
  position: absolute;
  top: -.9rem;
  right: -.5rem;
  background: #b1b1b1 url("../images/fa-close.png") center no-repeat;
  background-size: 40%;
  border-radius: 50%;
}
.indexdiy_head_div{
  width: 70%;
  overflow: hidden;
}
.indexdiy_body_div{
  width: 100%;
}
.indexdiy_body_div img{
  width: 100%;
}
.newConts img{
  width: 100%;
}
.conts img{
  width: 100%;
}
.input-group-btn {
  display: block;
}
.input-group {
  width: 70%;
}
.indexdiy_head_div img {
  width: 100%;
}
.wrapTitle img {
  width: 100%;
}
.newsPagelist_padding {
  padding:0.4rem;
}
.aboutWrap img{
  width: 100%;
}