@charset 'utf-8';
/* 1.2 */
/* Layout
  /* ========================================================================== */

.wrapper{width:100%;}
.content-area {
  position: relative;
  z-index: 0;
}
.widget *:last-child {
  margin-bottom: 0;
}
.content .widget + .widget,
.sidebar .widget + .widget,
.footer .widget + .widget {
  margin-top: 42px;
}
.b10 {
  height: 10px;
  font-size: 1px;
}
.p10{padding:10px;}
.nobg {
  background: none;
}
.contact {margin:0 auto;color: #000;}
.contact i{margin-right: 10px;}
.contact blockquote,.contact h3{ background: #FFF; color: #cf0d0d; }
.f_l{float:left;}
.f_r{float:right;}
.t_r{text-align: right;}
.t_c{text-align: center;}
.m{margin:0 auto;width:96%;clear:both;}
.blank1{height:1px;line-height:1px; clear: both;}
.blank20{height:20px;line-height: 20px; clear: both;}
.row div[class*="col-"]:after,
.row aside[class*="col-"]:after {
  content: "";
  display: block;
  clear: both;
}




.swiper{width:100%;}

/*幻灯片广�?*/
.mytitle{width: 100%; height: 66px;margin:20px auto;background: url(../../images/tbjline.gif) repeat-x;display: flex;justify-content: center;}
.mytitle .text{background: #FFF;padding:0 20px;text-align: center;}
.mytitle h3,.mytitle h4{margin: 0 auto;float: left;padding: 0;}
.mytitle h3{font-size: 36px;color: #e71c1c;}
.mytitle h4{font-size: 25px;color: #2c2c2c;margin: 5px;}
.mytitle small{display: block;clear: both;font-size: 17px;text-align: center;}

.services span{font-size: 22px;color: #e64600;}
.services li{font-size: 17px;color: #2c2c2c;line-height: 40px;}
.services  i{font-size: 40px;color: #e64600;}



.bannerbox{width:100%;overflow:hidden;margin:0 auto}
.banner{width:100%;max-width:1920px;height: auto;}
.banner img{width:100%;}

.nybanner{
  clear: both;
  height: 249px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color:#ccc;
}
.fromyear{font-size: 30px;color: #7f7f7f;font-family: "Courier New", Courier, monospace;}

.anli{background: #fafafa;margin:20px 0;padding:20px 0;display: block;}
.fenlei{background: #ededed;text-align: center;}
.fenlei a{font-size:17px;margin:0 20px;line-height: 55px;color: #484343;}

.mySwiper{width:100%;height: 760px;}
.mySwiper .swiper-slide{
float: left;
  height: 380px;
  text-align: center;
}
.mySwiper .swiper-slide span{height: 60px;line-height: 60px;font-size: 17px;color: #484343;}



.mt20{margin-top: 20px;}

.entext{
  word-break: keep-all;
	word-wrap: break-word; /*只对英文起作用，以单词作为换行依�?*/
	text-align: justify; /*css英文语句的两端对�?*/
	text-justify: inter-ideograph;
}

/* 5.5 */
/* News*/

.news{width: 100%;height:auto;margin:100px 0;}

.scrollspy-th{position: relative;overflow-y: scroll;direction: rtl;padding:20px;}
.contact{margin: 100px 0;}
.flex{display: flex;width:100%;flex-wrap: wrap;justify-content:space-around;}
.showul li{width:33%;display: block;text-align: center;margin:20px 0;}
.showul li a{display: block;}
.contact li{width:50%;margin:20px 0;}
.contact li span{width: 100%;display: block;font-size: 16px;}
.contact li i{font-size:20px;}

.thanks{margin: 100px 0;}
.thanks .links{padding:30px 0;}
.thanks .links a{margin:15px; color: #5e5e5e;}


.mobile_footer{display:none;}


  /*面包�?*/
.breadcrumb {
    margin-bottom: 0;
    height: 60px;
    line-height: 60px;
  }
  .breadcrumb a{ font-size:18px;color: #FFF;padding:10px 25px;border-radius: 12px; background: #1a2588; }
  .breadcrumb a:hover{ background: #d12516;}
  .breadcrumb a.active{ background: #d12516;}
  .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
  }

/*ie兼容修正*/
.head_m.dsn{display:block !important;}

.row{font-size: 14px;color: #8c8c8c;letter-spacing: 1px;padding: 10px;}
.row p{width:100%;display: block;padding: 10px;}

/* Page section block
  /* ========================================================================== */

section{width:100%;margin-top:20px;}
.page-section {
  position: relative;

  padding-bottom: 70px;
  overflow: hidden;
  /* small devices */
}
h1,h3{margin:20px 0;color: #FFF;}
.title{font-size:22px; color: #c40b00;display: block;height: 30px;}
.f-usn{background: url("../../images/textbj.png") no-repeat;}
/* 3.0 */
/* Footer
/* ========================================================================== */
.footer.blue {
  background-color: #000;
  color: #ffffff;
  text-align: center;
}
.footer.blue a,
.footer.blue a:not(.btn-theme) {
  color: #ffffff;
}
.footer.blue a:hover,
.footer.blue a:not(.btn-theme):hover,
.footer.blue a:focus,
.footer.blue a:not(.btn-theme):focus {
  color: #ff6100;
}

/* 3.2 */
/* Back to top button
/* ========================================================================== */
.to-top {
  z-index: 9999;
  width: 42px;
  height: 42px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  bottom: -100px;
  right: 20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 2px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #ddd;
  color: #ffffff;
}
.to-top:hover {
  background-color: #ffffff;
  border-color: #ff6100;
  color: #ff6100;
}





/*[data-animation],*/
.animated {
  visibility: hidden;
  -webkit-animation-duration: 0.65s;
  animation-duration: 0.65s;
  /*-webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}
.animated .fa {
  visibility: hidden;
}
.animated .animated .fa {
  visibility: hidden;
}

.products_body{padding-top:60px;}
.productslist li{float:left;width:23%;margin-right:2%;border:1px solid #e6e6e6;}
.productslist li:nth-of-type(4n){margin-right:0%;}
.productslist li .products_item{width:100%;height:auto;margin-bottom:10px;}
.productslist li .buy{width:100%;height:auto;}
.productslist li .products_item img{width:100%;display:block;margin-bottom:10px;}
.productslist li .products_item .title{font-size:20px;color:#ccc;height:60px;line-height:60px;text-align: center;}
.productslist li .products_item .desc{text-align:center;font-size:16px;color:#7a7a7a;min-height:120px;line-height:24px;}
/*产品详情�??*/
.detailbigbox{background:#f7f8f9;}
.detailoutbox{margin-bottom:45px;padding:34px 0px 20px;}
.detailinbox{padding:0px 28px; width: 90%; margin: 0 auto;}
.detailinbox .thumbbox{width:660px;margin: 0 auto;}
.infobox{width:100%;float:left;padding-left:30px;margin: 0 auto;}
.detailinbox .thumbbox .bigthumbbox{width:658px;border:1px solid #e9e9e9;margin-bottom:30px;}
.detailinbox .thumbbox .bigthumbbox img{width:100%;height:auto;display:block;}
.detailinbox .thumbbox .bigthumbbox #dianDiv{display:none;}
.detailinbox .thumbbox .bigthumbbox .swipe-wrap div img {min-height:auto;}
.detailinbox .thumbbox .smallthumbbox li{float:left;width:80px;height:auto;margin-right:20px;border:1px solid #FFFFFF;}
.detailinbox .thumbbox .smallthumbbox li:hover,.detailinbox .thumbbox .smallthumbbox li.active{border:1px solid #44a8f2;}
.detailinbox .thumbbox .smallthumbbox li img{width:100%;height:auto;display:block;}
.infobox .title{font-size:28px;line-height:40px;min-height:40px;_height:40px;overflow:hidden;color:#000000;font-weight:bold;padding:10px 0 15px;text-align:left;}
 .infobox .desc{font-size:16px;line-height:24px;color:#929292;margin-bottom:30px;padding: 20px; text-aling:center;}
 .infobox .price{font-size:24px;line-height:24px;color:#fb4040;margin-bottom:20px;}
.partoutsbox{margin-bottom:30px;}
.partinsbox{padding:10px 65px;}
.partinsbox .partstitle{margin-bottom:15px;}
.partinsbox .partstitle span{display:block;position:relative;left:50%;margin-left:-74px;width:128px;height:39px;line-height:39px;text-align:center;color:#FFFFFF;background:#44a8f2;border-radius:5px;font-size:24px;}
.partinsbox .partslists li{float:left;width:22%;margin-right:3.6%;border:1px solid #e9e9e9;}
.partinsbox .partslists li:nth-of-type(4n){margin-right:0%}
.partinsbox .partslists li .partsitem{width:100%;height:auto;display:block;}
.partinsbox .partslists li .partsitem img{width:80%;height:auto;display:block;margin:0 auto 15px;}
.partinsbox .partslists li .partsitem p{text-align:center;font-size:14px;color:#929292;height:48px;line-height:24px;overflow:hidden;}
.partinsbox .partslists li a:hover .partsitem p{color:#44a8f2;}
.productdetail_tab{margin:20px 0;}
.productdetail_tab ul{position:relative;padding-left:50%;margin-left:-110px;height:50px;}
.productdetail_tab ul li{float:left;width:100px;height:50px;line-height:50px;margin-right:20px;text-align:center;font-size:22px;border-bottom:3px solid #FFFFFF;color:#929292;}
.productdetail_tab ul li.productdetail_tab_2{border-bottom:3px solid #44a8f2;color:#44a8f2;}
.productdetail_tab ul li a{color:#929292;}
.productdetail_tab ul li.productdetail_tab_2 a{color:#44a8f2;}
.productdetailmain{background:#44a8f2;color:#FFFFFF;padding:40px 0;}


.pages{width:300px!important;margin: 0 auto;}
.pages ul{display: flex;justify-content: center;  align-items: center;justify-content: center;}
.pages li{font-size: 16px;margin:0 3px;}
.pages li a{color: #2c2c2c;text-decoration: none;float: left;padding: 10px;}
.pages li.active a{background: #7a7a7a;color:#FFF;display: block;padding:3px 8px;}

/*mobile bottom menu*/

@media (max-width: 1600px) {
  .header-wrapper > .container,
  .page-section > .container,
  .footer-widgets > .container,
  .footer-meta > .container {
    padding-left: 0;
    padding-right: 0;
    width: 96%;
    margin:0 auto;
  }
  .swiper .swiper-slide img{width:100%;height: auto;}
}

@media(max-width: 769px) {
  html,body{width:100%;  overflow-x: hidden;}
  .container{ padding-bottom: 50px;}
  .m{width:94%;}
  .tel{display:none !important;}
  .mobile_footer{display:block;}
  .m_dsn {display:none !important;}
  .swiper img{max-width: 100%; height: auto; display: block;}
  .top140 h3{font-size: 15px;}
  .logo img{width:50%;}
  .animated,
  .animated .animated,
  .animated .fa,
  .animated .animated .fa {
    /* Disable animation on small devices */
    visibility: visible;
    -webkit-animation-name: animation-off;
    animation-name: animation-off;
  }
  .top140 .t_r img{width:100%;margin-top: 30px;}
  .m_postion {width:100%;position:absolute;top:100px; height: 40px;line-height: 40px;background: #000;}
  .m_postion h3{display: none;}
  .m_postion  h4{margin: 0;padding:0;font-size: 15px;color: #FFF;}
  .mytitle h3{font-size: 18px;}
  .mytitle h4{font-size: 15px;}
  .mytitle small{font-size:12px;}
  .services li{font-size: 15px;}
  .services  i{font-size: 20px;}
  .services  span{font-size: 18px;}
  .anli{margin: 5px 0;}
  .news{margin: 10px 0;}
  .news h5{font-size: 14px;font-weight: 600;}
  .news .p{height: 40px;text-overflow: ellipsis;overflow: hidden;}
  .news .scrollspy-th{padding:5px;display: none;}
  .contact{margin:0px 0 50px;}
  .thanks{margin: 10px 0;}
  .thanks .links{padding: 0 10px;}
  .showul li {width:100%;}
  .nybanner{background-size:150%; background-position: center top;height: auto;margin-top: 100px;}
  .nybanner h1{font-size:20px;margin: 0;padding-top: 10px;}
  .nybanner h3{font-size:15px;}

  .products_body{padding-top:10px;}
.productslist{ width: 100%;text-align:center;margin-top:0;  }
.productslist li{width:100%;margin:10px auto;}
.productslist li .products_item img{width:100%;height:260px;display:block;margin-bottom:10px;}
.detailinbox .thumbbox{width:300px!important;margin: 0 auto;}
.detailinbox .infobox{width:290px;float:left;padding-left:30px;}
.detailinbox .thumbbox .bigthumbbox{width:278px!important;border:1px solid #e9e9e9;margin-bottom:30px;}

}