.flip-item img{width: 100%; }
#flip2 .flip-item img{height:240px;}
.homebg{background: #f0f5f5;}
.homebg2{background: #e1edec;}
a:hover{color:#4bbab1;}

body{ font-family:"微软雅黑", Arial;background: #f0f5f5;}
li{list-style: none;}
.newsbar{background: #fff; margin-left: 100px; padding: 1.5rem 1.5rem 1.5rem 6rem;height:380px;}
header .topbar a{background-repeat: no-repeat; background-position: center center; width: 30px; height: 22px; float:left;}
header .topbar .wx1 {background-image: url("../images/share-wechat.png"); }
header .topbar .wb1 {background-image: url("../images/share-sina.png"); }
header .topbar .qq1 {background-image: url("../images/share-qq.png"); }
#tab .tab-item li a{max-width:75%; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;}
.homebg2 li a{max-width:100%; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;}
footer .copy a{color:#999;}
.nav.nav-block>li>a{border-bottom:solid 2px transparent;}
.nav.nav-block>li:hover >a{border-bottom:solid 2px #2cf; background:rgba(0,0,0,0.02);}
.drop>.dropdown{left:-20%;top:76px;}
.nav.nav-block>li{height:60px;line-height:60px;}
/*********************************************/
.container{max-width:1200px;}
.container::after{ display:block; content:""; clear:both;}
.nav>li.drop>a::after{ display:none; margin-left:0; border: 0; border-top-color: currentColor;}
.navbar{padding:0;}
.mynavi li a{color:#ccc;}
.mynavi li a:hover{text-decoration:underline;}
.wx-box {width: 320px; position: fixed; top: 30%; left: 50%; @include tsm(translate(-50%,  -50%)); z-index: 2; text-align: center; background: #fff; padding-top: 20px;display:none;margin-left:-160px;border:solid 1px #333;}
.close-code { position: absolute; top: 12px; right: 12px; width: 18px; cursor: pointer;}

.top_nav{ display:block;  float:right !important; list-style:none; padding:0 !important; margin:2rem 0 0 0;}
.top_nav li{ height:20px; line-height:20px; float:left; border-left:1px #e6e6e6 dotted;}
.top_nav li:nth-child(1){border-left:0px;}
.top_nav li a{ display:block; padding:0 1em;}
.nav .dropdown .bg-deep, .button[class*='-deep']:hover, .button[class*='-deep'].active{background:rgba(51,51,51,0.8)!important;}
.nav>li a:hover{color:#4bbab1;}
.navbar>.navbar-logo{width:80%;}
.img-full{min-height:auto;}

@media (max-width:992px){
  .newsbar{margin-left: 0; background: #fff; padding: 1.5rem}
}
@media (max-width:414px){
  .newsbar{margin-left: 0; background: #fff; padding: 0.5rem;}
.nei_cont{width:100%;}
#tab .nav>li>a{padding:0.3em;}

}
@media (max-width: 1631px) {
  
  /*.nav{ display:none}*/
  .top_logo{ width:390px;}
.top_nav li a{ display:block; padding:0  1.4em;}  
}

@media (max-width: 1231px) {
  
  /*.nav{ display:none}*/
  .top_logo{ width:100%;}
.top_nav{ width:100%; margin:0.2em 0 0.4em 0; border-top:1px #e9e9e9 solid; padding-top:0.3em  !important;}
.top_nav li{ width:25%; text-align:center; margin-top:0.3em; font-size:14px;}
.top_nav li a{ display:block; padding:0 0 0 0; }

}


@media (max-width: 1231px) {
  
  /*.nav{ display:none}*/
  .synewpic{ display:none}

.sy_shiping{ margin-top:1.2em}


}

.sy_toutiao{ width:100%; background:#FFF; padding-top:1em}
.sy_toutiao .sy_toutiao_title{ width:97%; margin:0 auto 0.4em auto; line-height:1.2em}
.sy_toutiao .sy_toutiao_jianjie{width:97%; margin:0 auto 0 auto; border-bottom:1px #999999 dashed; padding-bottom:1em; color:#999999; font-size:0.8em;line-height:1.4em}




.sy_cy_biaoti{ padding:0; margin:0.8em 0 0 0; text-align:center; line-height:1.2em; font-weight:bold;}


.nei_cont{ /*width:940px;*/ width:940px; float:right; }
.nei_cont .location{ width:100%; border-bottom:1px #CCCCCC solid; padding-bottom:10px;}
.nei_cont .nierong{ width:99%; margin:20px auto 0px auto; }

@media (max-width: 1631px) {
  
  .nei_cont{ width:940px;}
}


@media (max-width: 1231px) {
  
  .nei_cont{ width:940px; float:left; }

}

.word_style{ font-size:15px; line-height:35px;}
.word_style img{ max-width:98%;}


.news_list{
  width:100%;
  padding:5px;
  margin:0px auto 15px auto;background:#e3e8e8;
}
.news_list::after{display:block; content:""; clear:both;}
.news_list p{ padding:0px; margin:0px;}
.news_list img{ width:168px; height:118px; float:left; margin-right:1.2em; }
.news_list .biaoti{ font-size:20px; line-height:22px; margin:0px 0px 10px 0px; padding-top:5px;}
.news_list .riqi{width:100px;height:100px;background:#4BBAB1;padding:20px; text-align:center; float:left;margin-right:20px;color:#fff;}
.news_list .riqi .day{font-size:48px;font-weight:bold;line-height:36px;}.news_list .riqi .date{font-size:14px;}
.news_list .jianjie{ font-size:14px; line-height:21px;}

@media (max-width: 456px) {
  .news_list img{width:100%; height:auto; float:none; margin-right:0px; margin-bottom:10px;}
.nei_cont{width:100%;}

}



.prod_list{ width:310px; float:left; border:1px #efefef solid; margin:0;}
.prod_list .pic{ width:271px; height:214px; margin:8px auto 0px auto; background:#F60 }
.prod_list .pic img{ width:271px; height:214px; }
.prod_list .word{ width:271px; margin:8px auto 8px auto; font-size:13px; height:30px; line-height:30px; overflow:hidden; text-align:center; }
.prod_list .word a{ display:block;}
.prod_list:nth-child(4n-2){ margin-left:0px;}

.pubuliu{}


@media (max-width: 1631px) {
  
  .prod_list{ width:232px; float:left; border:1px #efefef solid; margin:0px 0px 13px 0px;}
.prod_list .pic{ width:198px; height:156px; margin:8px auto 0px auto; background:#F60 }
.prod_list .pic img{ width:198px; height:156px; }
.prod_list .word{ width:190px; margin:8px auto 8px auto; font-size:13px; height:30px; line-height:30px; overflow:hidden; text-align:center; }

}

@media (max-width: 1231px) {
  .pubuliu{ width:100%;column-gap:13px;
  column-count:2; -webkit-column-gap:13px;
  -webkit-column-count:2;
  height:auto; padding-bottom:20px;
  margin:0px auto 0px auto; 
}
.prod_list{ width:auto; margin:0px 0px 13px  0px;  break-inside: avoid; float:none;}
.prod_list .pic{ width:95%; height:auto;  overflow:hidden;}
.prod_list .pic img{width:100%; height:auto;}
.prod_list .word{  width:95%; height:23px; line-height:23px; margin:6px auto 8px auto; overflow:hidden; }


}





.news_biaoti{ width:100%; text-align:center; font-size:16px; margin-bottom:8px; font-weight:bold}
.news_word{ width:100%; border-bottom:1px #b3b3b3 dotted; text-align:center; margin-bottom:23px; font-size:13px; padding-bottom:10px;}


.news_xiangguan{ width:100%; border-top:1px #b3b3b3 dotted; margin-top:33px; overflow:auto; padding-top:20px; }
.news_xiangguan .lie_box{ width:99%; line-height:20px;  margin:0 auto 13px auto;}
.news_xiangguan .lie_box a{ color:#333333;}
.news_xiangguan .lie_box a:hover{ color:#2979d3;}



.nei_nav{ width:195px; float:left;   }
.nei_nav .left_biaoti{ width:100%; background:#4bbab1; color:#FFF; font-size:23px; padding:0px 0px 0px 20px; line-height:60px; margin-bottom:2px;}

.left_nav{ width:100%; padding:0px; margin:0px auto 0px auto; list-style:none; background:#e3e8e8;}
.left_nav li{ width:100%; border-bottom:1px #dddddd solid; font-size:14px;}
.left_nav li a{ display:block; padding:12px 20px;}
.left_nav li a:hover{background:#57d9ce;color:rgba(255,255,255,.8);}

@media (max-width: 1231px) {
  
  .nei_nav{ width:100%; float:right; margin-top:50px;  }
.nei_nav .left_biaoti{ width:100%; background:#ff0000; color:#FFF; font-size:18px; text-align:center; line-height:33px; margin-bottom:10px; padding:0px 0px 0px 0px;}
.left_nav li{ text-align:center;}

}



.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #196c4a;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #eb0604;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #4BBAB1;
  border-color: #4BBAB1;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}