/*

 @media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1360px;
  }
}

 */
a:link{
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active{
  text-decoration: none;
}

.pdt20 {
  padding-top: 20px;
}

.pdb40 {
  padding-bottom: 40px;
}

.pdt40 {
  padding-top: 40px;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}



.navbar-toggle {
  margin-right: 22px;
}

@media (min-width: 768px) {
  .navbar .container {
    width: 920px;
  }
}

@media (min-width: 1200px) {
  .navbar .container {
    width: 1170px;
  }
}

@media (min-width: 1400px) {
  .navbar .container {
    width: 1360px;
  }
}

.navblank {
  height: 50px;
}

@media (min-width: 768px) {
  .navblank {
    height: 80px;
  }
}

.navbar-default .colno1 > li.active1 > a,
.navbar-default .colno2 > li.active2 > a,
.navbar-default .colno3 > li.active3 > a,
.navbar-default .colno4 > li.active4 > a,
.navbar-default .colno5 > li.active5 > a,
.navbar-default .colno6 > li.active6 > a {
  color: #ffffff;
  background-color: #c9161c;
}


.carousel-inner .item {
  width: 100%;
  height: 50vw;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

@media (min-width: 768px) {
  .carousel-inner .item {
    height: 42vw;
  }
}

@media (min-width: 992px) {
  .carousel-inner .item {
    height: 34vw;
  }
}



.innerheader {
  padding-bottom: 40px;
}

.index_product {
  margin: 40px auto;
}


.index_product .thumbnail {
  display: block;
  padding: 0;
  margin-bottom: 32px;
  line-height: 1.42857143;
  background-color: #f5f5f5;
  border: none;
  border-radius: 6px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.index_product .thumbnail h4 {
  font-weight: 700;
}
.index_product .thumbnail p{
  height: 40px;
  overflow: hidden;
}
.thumbnail img{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.thumbnail .caption h4{
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
}
.more {
  padding: 20px 0;
}


.index_solution {
  background: #0b3350;
}

.index_solution .container {
  padding: 58px 0;
  color: #ffffff;
}

.index_solution .solutionpic {
  padding-left: 15px;
  padding-right: 15px;
}

.index_solution .solution_list {
  padding-left: 15px;
  padding-right: 15px;
}

.index_solution .solution_list ul {
  margin: 16px 0 0 0;
  padding: 0;
}

.index_solution .solution_list li {
  padding: 12px 8px;
  list-style: none;
}

.index_solution .solution_list li a {
  display: block;
  font-size: 18px;
  background: #45647a;
  padding: 20px 12px;
  color: #ffffff;
  border-radius: 6px;
}

.index_solution .solution_list li a:hover {
  background: #4d6c82;
}

@media (min-width: 768px) {
  .index_solution .solution_list li a {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .index_solution .solution_list li a {
    font-size: 18px;
  }
}

.index_case {
  margin: 40px auto;
}

.index_case .item {
  background: #f5f5f5;
  margin-bottom: 24px;
  border-radius: 6px;
  position: relative;
}

.index_case .item .case_info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 72%;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  padding: 16px;
  border-top-right-radius: 16px;
}

.index_case .item h4,
.index_case .item p {
  padding: 4px 8px;

}


.index_news {
  background: #F5F5F5;
}

.index_news .container {
  padding-top: 38px;
  padding-bottom: 25px;
}

.index_news .thumbnail {
  display: block;
  padding: 0;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: none;
  border-radius: 6px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.index_news .thumbnail h4 {
  font-weight: 700;
}



.foot {
  background: #c9161c;
}

.foot .container {
  padding-top: 26px;
  padding-bottom: 26px;
  color: #ffffff;
}

.privacy {
  padding-top: 26px;
  border-top: #ffffff 1px solid;
}

.foot .media {
  padding-top: 14px;
  padding-bottom: 18px;
}

.foot .media .media-left img {
  width: 64px;
  height: auto;
}

.foot .media .media-body {
  padding-top: 12px;
  padding-left: 12px;
}

.foot .media .media-body h4 {
  font-weight: 600;
}

.foot .media .media-body p {
  font-size: 18px;
}

.foot .qrcode {
  width: 114px;
  height: auto;
}


/* subpage */

.sub-banner .item {
  width: 100%;
  height: 40vw;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

@media (min-width: 768px) {
  .sub-banner .item {
    height: 320px;
  }
}
.sub-banner .container{
  padding-left: 24px;
}
.sub-banner h1 {
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  margin-bottom: 0;
  margin-top: 40px;
}

.sub-banner p {
  color: #ffffff;
  font-size: 32px;
  font-weight: 200;
}

@media (min-width: 768px) {
  .sub-banner .container{
    padding-left: 68px;
  }
  .sub-banner h1 {
    font-size: 42px;
    margin-top: 70px;
  }
  .sub-banner p {
    font-size: 44px;
  }
}


.pagenav  {
    padding: 10px 0;
    text-align: right;
    font-size: 14px;
}

.pagenav  A {
    border: #CCC 1px solid;
    padding: 2px 6px;
    color: #1a67b2;
    margin-right: 3px;
}

.pagenav  A:hover {
    color: #FFF;
    background: #1a67b2;
    border: #1a67b2 1px solid;
}

.pagenav  a.current {
    color: #FFF;
    background: #1a67b2;
    border: #1a67b2 1px solid;
}



.sub-nav {
  padding-bottom: 32px;
}

.sub-nav li {
  float: left;
  width: 100%;
  padding-bottom: 16px;
}

.sub-nav li a {
  display: block;
  height: 52px;
  margin: 0 16px;
  border: #E85E5E 1px solid;
  border-radius: 6px;
  font-size: 18px;
  line-height: 52px;
  overflow: hidden;
  padding: 0 12px;
}

.sub-nav li a:hover {
  background-color: #fff0f0;
}

.sub-nav li a.active {
  background-color: #c9161c;
  color: #ffffff;
}

@media (min-width: 768px) {
  .sub-nav li {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .sub-nav li {
    width: 33.3%;
  }
}

@media (min-width: 1200px) {
  .sub-nav li {
    width: 25%;
  }
}

@media (min-width: 1400px) {
  .sub-nav li {
    width: 20%;
  }
}


.about{
  margin: 40px auto;
}

.about-nav a {
  display: inline-block;
  height: 52px;
  margin: 0 8px;
  border: #E85E5E 1px solid;
  border-radius: 6px;
  font-size: 18px;
  line-height: 52px;
  overflow: hidden;
  padding: 0 20px;
}

.about-nav a:hover {
  background-color: #fff0f0;
}

@media (min-width: 768px) {
 .about-nav a {
  margin: 0 16px;
  padding: 0 60px;
}
}

.about .about-head {
  margin-top: 68px;
  margin-bottom: 46px;
}
.about .about-head h3{
  color:#526081;
  font-weight: 700;
}
.about .aboutus {
  margin: 0 auto;
}
.about .aboutus .contant{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
}
.about .aboutus .contant p{
  padding-bottom: 28px;
}
.about .honor {
  margin: 0 auto;
  padding-bottom: 20px;
}
.about .honor .honoritem {
  text-align: center;
  padding: 0 22px 40px 22px;
}
.about .honor .honoritem img{
  max-width:100% ;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
.about .honor .honoritem h4{
  margin-top: 20px;
}

.about .contact {
  margin: 0 auto;
}
.about .contact .map{
  padding-bottom: 40px;
}
.about .contact .map .ditucontent{
  max-width:100% ;
  height: 360px;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
/*
.about .contact .map img{
  max-width:100% ;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
*/
.about .contact .contactitem{
  padding-bottom: 40px;
   color:#526081;
}
.about .contact .contactitem h4{
  font-weight: 700;
  font-size: 20px;
}
.about .contact .contactitem p{
  font-size: 18px;
}


@media (min-width: 768px) {
  .about .aboutus {
    width:90%;
  }
  .about .honor {
    width:90%;
  }
  .about .honor .honoritem {
     padding: 0 44px;
     padding: 0 22px 40px 22px;
  }
  .about .contact {
    width:90%;
  }
}

@media (min-width: 992px) {
  .about .honor .honoritem {
     padding: 0 52px;
     padding: 0 22px 40px 22px;
  }
}


/* prodetail */
.pro-con {
  margin: 40px auto;
}
.pro-con .pro-lit-info{
  margin-bottom: 40px;
}
.pro-con .pro-pic img{
  max-width: 100%;
}
.pro-con h1{
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 16px;
}
.pro-con .lit-info{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
  padding: 16px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
  border-radius: 12px;

}
.pro-con .contant{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
  border-top: #CCC 1px dashed;
}
.pro-con .contant p{
  padding-bottom: 28px;
}
.pro-con .contant ul,.pro-con .contant ol{
  padding-left: 16px;
   padding-bottom: 16px;
}
.pro-con .contant ul li{
  list-style: square;
}


.pro-pic .carousel-inner .item {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

@media (min-width: 768px) {
  .pro-pic .carousel-inner .item {
    height: auto;
  }
}

@media (min-width: 992px) {
  .pro-pic .carousel-inner .item {
    height: auto;
  }
}



/* case-detail */
.case-con {
  margin: 40px auto;
}
.case-con h1{
  text-align: center;
  color: #526081;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 32px;
}
.case-con .lit-pic{
  text-align: center;
}
.case-con .lit-pic img{
 max-width:100% ;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
.case-con .con-title{
  font-size: 24px;
  font-weight: 700;
  color: #526081;
  margin-top: 36px;
}
.case-con .contant{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
}
.case-con .contant img{
  max-width:100% ;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
.case-con .contant p{
  padding-bottom: 28px;
}

/* news-detail */
.news-con {
  margin: 40px auto;
}
.news-con h1{
  text-align: center;
  color: #526081;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 32px;
}
.news-con .post-date{
  text-align: center;
  color: #999999;
  margin-bottom: 26px;
}
.news-con .contant{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
  border-top: #dddddd 1px solid;
}
.news-con .contant img{
  max-width:100% ;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
.news-con .contant p{
  padding-bottom: 28px;
}

/* solution-detail */
.sol-con {
  margin: 40px auto;
}
.sol-con .sol-lit-info{
  margin-bottom: 40px;
}
.sol-con .sol-pic img{
  max-width:100% ;
  border-radius: 12px;
  border: #ffffff 4px solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}
.sol-con h1{
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 32px;
}
.sol-con .lit-info{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
  padding: 16px;
  border: #eeeeee 1px solid;
  border-radius: 12px;
  margin-bottom: 32px;
}
.sol-con .contant{
  font-size: 16px;
  line-height: 28px;
  color: #526081;
  border-top: #CCC 1px dashed;
}
.sol-con .contant h1,
.sol-con .contant h2{
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}
.sol-con .contant p{
  padding-bottom: 28px;
}



  .swiper-container {
      width: 100%;
      height: 100%;
    }
 .swiper-container img{
   width: 100%;
 }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }