style.css body {
  margin: 0;
  font-family: 'Roboto-Regular';
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url(../fonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Iceland-Regular';
  src: url(../fonts/Iceland-Regular.ttf) format('truetype');
}

body a {
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  text-decoration: none;
  font-size: 1.0417vw;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
  margin: 0;
}
ul,
label {
  margin: 0;
  padding: 0;
}
body a:hover {
  text-decoration: none;
}
.bbg {
  background: url(../images/banner.jpg) no-repeat center center;
  width: 100%;
  height: 409px;
}
.section_part .swiper-slide{transition: 300ms;    transform: scale(0.8);}
.section_part .swiper-slide-next{transform: scale(1);}
.section_part .swiper-pagination{width:100%;background:#eee}
.section_part .swiper-pagination-clickable .swiper-pagination-bullet{margin: 23px 4px;}
.section_part{margin:0 auto 3%;position: relative;}
.section_part .swiper-slide div{height: auto;display: flex;height:365px;background:#fff}
.section_part .swiper-slide img{height: auto;margin: auto;width:auto;max-width:100%;}
.section_part .swiper-button-prev{left: -2%;}
.section_part .swiper-button-next{right: -2%;}
.section2 {
  text-align: center;background:#eee;overflow: hidden;
}

.section2 h3 {
  padding: 5% 0 3%;
  font-size: 50px;
  font-weight: 700;
}
.section2 h4 {
  font-size: 23px;
  color: #000;padding:3%
}
.section2 h4:hover{color: #cb0606;}
.equipment {
  margin-top: 20px;
}
.equipment img {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 270px;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 100%;
}

/*--header--*/
.honor {
  margin-top: 20px;
}

.honor li {
  list-style: none;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.honor img {
  height: 150px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 1px;
}

.logo {
  padding: 0.8em 0 1em;
}

.logo a {
  display: inline-block;
}

.logo a h1 {
  font-size: 6.5em;
  font-family: 'Iceland-Regular';
  color: #000;
  letter-spacing: -5px;
  /* border-bottom: 9px double #000*/
  line-height: 0.98em;
}

.logo-info {
  position: relative;
}

.header {
  display: inline-flex;
  width: 100%;
  height: 90px;
  /* height: 4.7917vw; */
  background: white;
  position: sticky;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: 700;
  z-index: 999;
  justify-content: end;
}

.no-img {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
}

.container {
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  /* left: 8%; */
  align-items: center;
  padding-right: 7vw;
  padding-left: 7vw;
}

.header .container {
  width: 80%;
  padding: 0;
  margin: 0;
}

.lxus {
  width: 11%;
}

.nav li .erji {
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  background: white;
  padding: 15px;
  white-space: nowrap;
  display: none;
  z-index: 2000;
}

.nav li .erji a {
  display: block;
  padding: 0 15px;
  line-height: 26px;
  font-size: 0.85vw;
  color: #000;
  margin: 2px 0;
  border-radius: 50px;
}

.nav li .erji a:hover {
  color: #e60b00;
}

.logo-info-l {
  margin: 0 auto;
}

.logo-info-l img {
  width: 100%;
  height: 100%;
}

/* .logo-info-r { float:right; width:50%; text-align:right;width: 161px; height: 44px;background:url(../images/head/link.png);}
.logo-info-r a { margin:0 0 0 10px; border-bottom:1px dashed #ccc;} */
.logo-info-r {
  margin: 0 auto;
}

.logo-info-r img {
  width: 100%;
  height: 100%;
}

.logo span.glyphicon.glyphicon-grain {
  font-size: 4em;
  position: absolute;
  top: 10%;
  left: 32%;
  color: #84904b;
}

/* .qysl{
  position: absolute;
  top: 200px;
  left: 140px;
} */
/*--top-nav--*/
.top-nav {
  background: url(../images/nav-bg.png) repeat-x;
  justify-content: space-between;

}

.panelone {
  width: 140px;
  position: absolute;
  left: 50%;
  top: 25%
}

.panel {
  display: none;
}

.show {
  display: block !important;
}

ul.nav.navbar-nav {
  float: none;
  text-align: center;
}

nav.navbar.navbar-default {
  background-color: inherit;
  border: none;
  margin: 0;
}

.navbar-nav>li {
  float: none;
  width: 8vw;
  display: inline-block;
}

.navbar-default .navbar-nav>li>a {
  color: #000;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 1.2em;
  padding: 1.2em 2em;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #e60b00;
}

/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  /* background: #e60b00; */
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.navbar-nav>li.hvr-bounce-to-bottom>a:hover,
.navbar-nav>li>a:hover {
  color: rgb(226, 17, 17) !important;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: none !important;
  border-color: #337ab7;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background-color: white;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.navbar-nav>li a.dropdown-toggle.hvr-bounce-to-bottom {
  padding: 0.75em;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #E60B00;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: #84904B;
}
.hvr-bounce-to-bottom a {
  color: #000;
}
.head-list li>a:hover,
.head-list li>a:focus {
  text-decoration: none;
  background-color: #646162;
}
.head-list .erji {
  background-color: #646162 !important;
}
.suof {
  display: none;
}
.suof:hover {
  display: block;
}
/*--dropdown--*/
ul.dropdown-menu li {
  display: block;
}
.dropdown-menu>li>a {
  padding: 13px 20px;
}
.dropdown-menu>li>a:hover {
  color: red;
}
.navbar-nav>li>.dropdown-menu {
  padding: 0;
}
.caret {
  margin-left: 14px;
}
/*--//dropdown--*/
/*--baner--*/
.baner {
  padding: 3em 0 5em;
}
.baner-top,
.baner-bottom {
  padding: 0;
}
.baner-top:nth-child(1) {
  padding-right: 5px;
}
.baner-top img {
  width: 100%;
}
.baner-row {
  margin-top: 5px;
}

.baner-bottom {
  width: 33.04%;
}

.baner-bottom:nth-child(2) {
  margin: 0 5px;
}

.baner-grids h4 {
  font-size: 2.1em;
  color: #fff;
  font-family: 'Iceland-Regular';
}

.baner-grids figure {
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.baner-grids figure img {
  position: relative;
  display: block;
  width: 100%;
}

figcaption p {
  font-size: 1em;
  width: 59%;
  margin: 0 auto;
  line-height: 1.8em;
}

.baner-bottom p {
  width: 87%;
}

.baner-grids figure figcaption {
  padding: 2em;
  color: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.baner-grids figure figcaption::before,
.baner-grids figure figcaption::after {
  pointer-events: none;
}

.baner-grids figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

figure.effect-bubba {
  background: #000;
}

figure.effect-bubba:hover img {
  opacity: 0.3;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  transform: scale(1, 0);
}

figure.effect-bubba h4 {
  padding-top: 16%;
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -o-transition: -o-transform 0.35s;
  -ms-transition: -ms-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  opacity: 0;
}

figure.effect-bubba p {
  padding: 12px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.sline {
  margin: 0.3vw 0px 0px;
  padding: 0px;
  background: #D40029;
  height: 0.25vw;
  width: 2.5vw !important;
}

/*--//banner--*/

/* Project */
.iconfont {
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  margin-right: 6px;
  font-family: iconfont !important;
}

.redType {
  margin: 0px 26px 0px 0px;
  padding: 12px 20px;
  cursor: pointer;
  height: 33.43px;
  box-sizing: border-box;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: linear-gradient(0deg, #A70707, #C93738) text;
  font-weight: 900;
  color: transparent;
  border: 1px solid #DF2C40;
  text-transform: capitalize;
}

.product-line {
  width: 100%;
}

.product-line .text {
  line-height: 60px;
  font-size: 18px;
}

.number {
  color: #B22333;
  font-weight: 700;
}

.red-number {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  background: #DF2C40;

}

.project-item {
  margin: 50px auto;
  padding: 0px;
  /* width: 1640px; */
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* height: 722px; */
  align-items: flex-start;
}

.project-item .text {
  margin: 20px 0;
  font-family: Source Sans Pro;
  font-size: 24px;
  line-height: 200%;
  color: #6c6a6a;
}

.wrapper {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  white-space: nowrap;
}

.text-line {
  margin: 0px;
  padding: 0px;
  line-height: 50px;
  /*display: flex; */
  align-items: center;
}
.proimg {
  background-image: url(../images/products/Vectorpro.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  /* font-size: 16px; */
  /* margin-top: 50px; */
  /* line-height: 50px; */
  /* margin-right: 0.3vw; */
  display: inline-block;
}

.large {
  margin-right: 1vw;
  margin-top: 0.5vw;
  width: 28.8px;
  height: 28.8px;
}

.inner .right {
  display: flex;
}

/*.inner .textimg .text-line{
  display: flex !important;
}*/
/* .text-line img{
  src:"/Files/186/20220214/Vectorpro.png";
  width: 1.2vw;
  margin-right: 0.3vw;
} */
.gery-bg {
  margin: 0px;
  padding: 0px;
  /* width: 100vw; */
  background: #F5F5F5;
  border-top: none !important;
}
.nav > li > a{padding: 0;}
.white-bg {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  /* width:100vw; */
  border-top: none !important;
}

/* .gery-bg .inner{
  flex-direction: row-reverse;
} */
.inner {
  margin: 2% auto;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: unset;
  width: 74%;
}
.inner .text {
  width: 80%;
  margin: 0px 0px 0px 18px;
  padding: 0px;
  line-height: 60px;
  font-size: 18px;
}
.inner .textimg {
  margin: 0px 0px 0px 4.2vw;
  padding: 0px;
  line-height: 60px;
  font-size: 18px;
}
/*.innner .textimg .text-line{
  display: flex;
}*/
.product-line {
  margin: 0px;
  /* padding: 70px 0px;
  width: 100vw !important; */
  justify-content: flex-start;
  border-top: 1px solid #B8B4B4;
}
.product-line img {
  width: auto;
  height: auto;
}
.product-lines img {
  width: auto;
  height: auto;
}
.right {
  margin: 0px;
  padding: 0px;
  /* display: flex; */
  flex-direction: row;
  align-items: flex-start;
}

.lbj {
  font-size: 1.5625vw;
  align-items: center;
  flex-direction: inherit;
}

.lbjline {
  background: #D40029 !important;
}

.right .desc {
  margin: 0px;
  padding: 0px;
  line-height: 50px;
  font-size: 1vw;
  display: flex;
  align-items: center;
}

.right .desc div {
  background: url(../images/industries/Vector-red.png) no-repeat;
  width: 5.75px;
  height: 9.59px;
  margin-right: 0.4vw;
}

.duoh {
  display: block !important;
}

.button-wrapper-pro {
  display: flex;
  justify-content: center;
  margin: 2%;
  flex-wrap: wrap;
}

.buttonbox-pro {
  background: url(../images/industries/Vector-red.png) no-repeat center left 7px;
  height: 33.43px;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(233, 33, 33, 0.9);
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  margin: 0.5vw;
  color: rgb(252, 18, 18);
}

.buttonbox-pro:hover {
  background: url(../images/foot/Vector.png) no-repeat center left 7px;
  background-color: rgba(233, 33, 33, 0.9);
  color: whitesmoke;
}

/* Industries */
.hy {
  margin: 5% auto;
  width: 1361px;
}

.hybox {
  cursor: pointer;
  margin: 0 auto 13px;
  width: 1361px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: 100%;
  color: white;
}

.box-title {
  margin: 3% 0px;
  font-weight: 700;
  font-size: 60px;
  text-transform: capitalize;
}

.box-line {
  display: inline-block;
  width: 82px;
  height: 2px;
  background: #FFFFFF;
}

.box-case {
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 13px;
}

.industries {
  width: 100%;
  max-width: 1306px;
  margin: 8% auto;
  display: flex;
  justify-content: space-between;
}

.industries .text {
  width: 100%;
  max-width: 641px;
  font-size: 18px;
  line-height: 60px;
  color: #646162;
  text-indent: 1.7vw;
}

.list-img {
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 596px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: medium;
  white-space: normal;
}

.list-img img {
  margin-bottom: 28px;
}

.proslist {
  margin: 0px auto 10%;
  padding: 0px;
  width: 100%;
  max-width: 1306px;
}

.proslist a {
  text-decoration-line: none;
  color: #333333;
}

.proslist .link-line {
  margin: 0px 0px 12px;
  padding: 0px 24px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #999999;
  font-size: 18px;
  color: snow;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.proslist .link-line .right {
  text-align: center;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  color: #999999;
  line-height: 23px;
  border-radius: 50%;
  font-weight: 1000;
}

.row-line {
  margin: 0px;
  padding: 5% 8%;
  display: flex;
  justify-content: space-around;
  font-size: medium;
  white-space: normal;
}

.row-line div {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.row-line div .gradient {
  background: linear-gradient(0deg, #A70707, #C93738);
  color: transparent;
  font-size: 24px;
  font-weight: 800;
  margin: 50px;
  -webkit-background-clip: text;
}


/* aboutus */
.slogn {
  height: 120px;
  background: #999;
  font-style: italic;
  font-weight: bold;
  font-size: 27px;
  line-height: 120px;
  text-align: center;
  color: white;
}

.aboutus {
  width: 1210px;
  margin: 0 auto;
}

.aboutus .article {
  padding: 0 25px;
}

.aboutus .article .top {
  display: flex;
  /* height: 406px; */
  margin: 2.5% 0 1% 0;
  /* flex-direction: column; */
  flex-wrap: wrap;
  justify-content: flex-start;
}

.aboutus .article .top .title {}

.gywm {
  text-indent: 2vw
}

.aboutus .article .top .text {
  margin-top: 32px;
  /* width: 819px; */
  /* height: 278px; */
  font-family: Source Sans Pro;
  font-size: 18px;
  line-height: 30px;
  color: #4f4d4d;
}

.aboutus .article .top img {
  /* float: right;
  margin-top: 95px; */
  float: right;
  height: 200px;
  margin-left: 30px;
}

.aboutus .article .bottom {
  margin-bottom: 2vw;
  font-family: Source Sans Pro;
  font-size: 18px;
  line-height: 30px;
  color: #4f4d4d;
}

.aboutus .article .big-img {
  margin-top: 30px;
}

.honnor {
  margin-top: 120px;
  height: 520px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #f8f8f8;
}

/* .honnor .title {
  height: auto;
  margin: 61px 0 35px 0;
  font-family: Source Sans Pro;
  font-weight: bold;
} */
.honnor .honnor-img {
  width: 800px;
}

.honnor .watermark {
  position: absolute;
}

/* capability */
.pbox {
  width: 25%;
}

.pbox img {
  width: 100%
}

.capa {
  align-items: center;
  font-size: 2vw !important;
}

.capability .list {
  width: 1362px;
  margin: 10% auto;
}
.capability .list .list-desc {
  margin-top: 37px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #696767;
}
.capability .list .content {
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.capability .list .mlfx{  justify-content: space-around;  flex-wrap: wrap;  align-content: center;  align-items: center;}
.mlfx img{margin: 1%;  max-width: 600px;  height: auto;}
.capability .list .content .info {
  height: 830px;
  line-height: 400%;
  font-size: 18px;
  letter-spacing: -0.015em;
  color: #666666;
  white-space: pre-line;
  padding-left: 40px;
}
.capability .list .content .info span {
  font-weight: bold;
  font-size: 28px;
  color: #d40029;
}
.capability .list-1 img {
  width: 650px
}

.capability .list-1 .left img {
  width: 550px
}

.capability .list-1 .left {
  /*width: 770px;*/
  height: 1500px;
  display: grid;
  align-content: space-between;
}

.capability .list-1 .right {
  /*width: 540px;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.capability .list-3 .content {
  flex-direction: column;
  align-content: space-between;
  height: 882px;
}


/* home */
.slogon {
  height: 24.896vw;
  background: url(../images/home/slogn-bg.png);
}

.slogon .wrapper {
  width: 58.2292vw;
  height: 100%;
  flex-direction: initial;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slogon .wrapper .logo {
  padding: 0 0 0 0;
  width: 21.25vw;
  height: 7.34375vw;
}

.slogon .wrapper .text {
  width: 23.5417vw;
  height: 10.520834vw;
  font-style: italic;
  font-weight: bold;
  font-size: 2.49vw;
  text-align: center;
  color: white;
  margin: 0 0 0 0;
}

/* project-box */
.pro-box {}

.project-box {
  display: flex;
  display: flex;
  flex-direction: row;
  padding: 28px;
}

.project-box ul li {
  cursor: pointer;
  width: 22.0834vw;
  height: 11.198vw;
  border: 2px solid #d9dbd8;
  box-sizing: border-box;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.project-box ul li:hover .red-line {
  left: 0px;
}

.project-box .red-line {
  position: absolute;
  width: 0.625vw;
  background: linear-gradient(180deg, #a70707 0%, #c93738 100%);
  transition: left 0.5s;
  height: 100%;
  left: -0.625vw;
}

.project-box ul li img {
  max-width: 424px;
  max-height: 215px;
}

.project-box ul li .pro-sp {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 16px;
  left: 0;
  font-family: Segoe UI;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  text-transform: capitalize;
  background: linear-gradient(to top, #a70707, #c93738);
  -webkit-background-clip: text;
  color: transparent;
  background-clip: text;
  text-transform: uppercase;
}

.show-box {
  margin-left: 60px;
  width: 71.458vw;
  height: 46vw;
  background: #ffffff;
  border: 2px solid #df253c;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.infohome {
  position: absolute;
  top: 63px;
  left: 73px;
}

.infohome .title {
  font-family: Segoe UI;
  font-size: 2.5vw;
  line-height: 36px;
  text-transform: uppercase;
  color: #706d6d;
}

.desc {
  margin-top: 10px;
  font-family: Segoe UI;
  line-height: 36px;
  text-transform: lowercase;
  color: #737070;
}

.name {
  margin-top: 2vw;
  font-family: Segoe UI;
  font-weight: 800;
  font-size: 2vw;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: linear-gradient(157.35deg,
      #eb1e25 3.83%,
      rgba(247, 10, 18, 0) 131.39%,
      rgba(246, 11, 19, 0.03125) 131.39%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.img-project-wrapper {
  width: 958px;
  height: 469px;
  position: absolute;
  top: 257px;
  left: 307px;
  text-align: center;
}

.img-project {
  max-width: 100%;
  height: 100%;
}

.img-box {
  /*position: absolute;
      width: 596px;
      height: 244px;
      top: 629px;
      left: 28px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.img-list {
  align-items: center;
}

.img-list img {
  width: 184px;
  height: 130px;
}

.img-one img {
  width: 404px;
  height: 244px;
}

/* main-2 */
.main-2 {
  background: #f5f5f5;
  padding: 5% 0;
  width: 100%;
}

.main-2 .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}

.main-2 .inner .text {
  width: 45%;
  margin: auto;
}

.main-2 h3 {
  /* width: 700px; */
  margin-bottom: 10%;
  font-weight: bold;
  font-size: 50px;
  color: #df2c40;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.main-2 .inner .text span {
  display: inline-block;
  text-indent: 2em;
  font-size: 20px;
  line-height: 1.5;
  color: #756868;
  margin-bottom: 13px;
}

.main-2 .inner .img-1 {
  /* width: 820px;
  height: 595px; */
  width: 45%;
}

/* main-3 */
.main-3 {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 38px;
}

.main-3 .title h3 {
  margin: 69px 0 10px 0;
  font-weight: bold;
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  background: linear-gradient(to bottom, #a70707, #c93738);
  -webkit-background-clip: text;
  color: transparent;
}

.main-3 .title span {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #807777;
}

.main-3 .cards {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin-bottom: 2%;
}

.main-3 .card:hover img {
  transform: scale(1.2);
}

.main-3 .cards .card {
  width: 33%;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.main-3 .cards .card .card-img-box {
  width: 100%;
  height: 237px;
  overflow: hidden;
}

.main-3 .cards .card .card-img-box img {
  width: 100%;
  transition: 1s;
}

.main-3 .cards .card .tag {
  position: relative;
  top: -27px;
  height: 27px;
  background: linear-gradient(180deg, #a70707 0%, #c93738 100%);
  width: 116px;
  height: 22px;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  text-transform: capitalize;
  color: #ffffff;
}

.main-3 .cards .card .text {
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.8;
  padding:4%;
min-height:125px;
  color: #756c6c;
}

.button-more {
  width: 190px;
  /* height: 3vw; */
  /* line-height: 57px; */
  font-size: 17.8125px;
  border-radius: 1em;
  background: linear-gradient(180deg, #a70707 0%, #c93738 100%);
  line-height: 2.5em;
  padding: 0.25vw;
  color: #ffffff;
  display: block;
  text-align: center;
}

.section2_swiper .swiper_slide img {
  width: 400px;
  height: 400px;
}

/*-- news --*/
.news_list {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: solid 1px #f3f3f3;
  align-items: center;
  display: -webkit-flex;
}

.news_list_pic {
  width: 23%;
  height: 200px;
  margin-right: 5%;
  padding: 0 0.4rem;
  text-align: center;
  max-height: 20rem;
  overflow: hidden;
}
.news_list_pic img{width: 100%;height: 100%;}
.news_list_text {
  width: 65%;
  padding: 0 0.4rem;
}
.news_img{    display: flex; justify-content: center;}
.news_img img{width: 30%;height: auto;}
.news_list_text h2 a {
  font-size: 30px;
  font-weight: 600;
  color: #b10526;
}

.news_list_text .des {
  font-size: 20px;
}

.news_list_text .time {
  font-size: 21px;
  font-weight: 600;
}

.newcont_title {
  text-align: center;
}

.newcont_time {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.mid_text {
  font-size: 16px;
  line-height: 28px;
}

.news {
  padding: 4em 2em;
  width: 80%;
  margin: auto;
}

.news-grid-left {
  background: url(../images/img8.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding: 5em 0;
}

.news-grid-middle {
  background: url(../images/img9.jpg) no-repeat 0px 0px;
  background-size: cover;
}

.news-grid-right {
  background: url(../images/img10.jpg) no-repeat 0px 0px;
  background-size: cover;
}

.news-grid-left h6 {
  color: #FFF;
  font-size: 2.5em;
  text-align: center;
}

.news-grid-left-info h5 {
  font-size: 1.4em;
  margin: 1em 0 .5em 0;
  color: #A7913F;
}

.news-grid-left-info p {
  font-size: 1em;
  line-height: 1.8em;
  margin: 0;
  color: #CCAC16;
}

/*--//news --*/
/* feedback */
.feed-box {
  background: url(../images/contact/contact-banner.png) no-repeat center;
  background-size: cover;
}

#username {
  background: url(../images/contact/contact-icon-name.png) no-repeat 12px center;
}

#phone {
  background: url('~assets/img/contact/contact-icon-email.png') no-repeat 12px center;
}

#email {
  background: url('~assets/img/contact/contact-icon-tel.png') no-repeat 12px center;
}

#message {
  background: url('~assets/img/contact/contact-icon-mess.png') no-repeat 12px center;
  max-height: 125px;
  min-height: 23px;
}

/*  .button {
    height: 33.43px;
    box-sizing: border-box;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 20px;
  }*/
.infofeed {
  width: 100%;
  height: 1063px;
  background: linear-gradient(180deg,
      #2b2d2c 29.99%,
      rgba(196, 196, 196, 0.9) 100%);
}

.info-bg {
  position: absolute;
  width: 100%;
  height: 50vw;
  left: 0px;
  top: 92px;
  z-index: -1;
}
.box {
  padding: 3%;
  width: 1050px;
  height: 612px;
  background: #ffffff;
  box-shadow: 0px 8px 16px rgba(97, 53, 1, 0.25);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.lr-title {
  margin-bottom: 2.7084vw;
  font-size: 1.823vw;
  width: 100% !important;
}

.box div {
  width: 50%;
}

.logo {
  width: 282px;
}

.left-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 279px;
  font-family: Ari al;
  font-size: 14px;
  line-height: 140%;
  color: rgba(85, 79, 80, 0.7);
  margin: 0 auto 55px auto;
}

.left-line i {
  width: 24px;
  margin-right: 10px;
  font-size: 21px;
}

.right-title {
  margin-bottom: 52px;
}

textarea {
  padding: 18px 0px 18px 70px;
  width: 440px;
  background: #fcfcfc;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  margin: 20px 0 0 0;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  resize: vertical;
}

input:focus,
textarea:focus {
  outline: none;
}

.send {
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: linear-gradient(180deg, #a70707 0%, #c93738 100%);
  border-radius: 4px;
  margin: 30px 20px 30px 0;
  font-family: Arial;
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
}

.tips {
  width: 100%;
  font-family: Baloo Bhai 2;
  font-size: 36px;
  font-weight: 500;
  line-height: 57px;
  color: #d40029;
  text-align: center;
  margin: 23px 0;
  text-transform: capitalize;
}

.tips span {
  font-weight: 700;
  font-size: 49px;
  line-height: 86px;
  color: #333333;
}

#container {
  width: 100%;
  height: 515px;
}

/*--main--*/
.main {
  padding: 5em 0;
}

.main img {
  width: 100%;
}

.main-grids h4 {
  font-size: 1.5em;
  margin: 1em 0 .5em;
  color: #e60b00;
}

.main-grids p {
  font-size: 1em;
  color: #777;
  width: 73%;
  margin-bottom: 1em;
  line-height: 1.8em;
}

.main-grids .main-text p {
  width: 100%;
}

.main-text:nth-child(1) {
  padding-left: 0;
}

a.more {
  font-size: 1em;
  color: #000;
  border: 3px double #666;
  position: relative;
}

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* Button 1b */
.btn-1b:after {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: #e60b00;
}

.btn-1b:hover,
.btn-1b:active {
  color: #fff;
}

.btn-1b:hover:after,
.btn-1b:active:after {
  height: 100%;
}

/*--//main--*/
/*--services--*/
.service-grids {
  text-align: center;
}

/* h3.title {
    font-size: 3.5em;
    color: #333;
    text-align: center;
    border-top: 3px double #D8D7D7;
    border-bottom: 3px double #D8D7D7;
    padding: 0.2em 0;
} */
.srvc-img {
  display: inline-block;
}

.srvc-img span.glyphicon {
  font-size: 2.2em;
  padding: 0.8em;
  color: #899452;
  border: 2px dotted #949292;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
}

.service-grids p {
  color: #777;
  font-size: 1em;
  line-height: 1.8em;
  width: 80%;
  margin: 0 auto;
}

.service-grids h5 {
  font-size: 1.8em;
  color: #A7913F;
  margin: .8em 0 0.2em;
}

.srvc-grids-info {
  margin-top: 5em;
}

.srvc-grids-info:hover .srvc-img span.glyphicon {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}

/*--//services--*/
/*-- footer --*/

.download {
  width: 64%;
  min-height: 200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}

.download-wrapper {
  background: url(../images/foot/foot-img.png);
  background-size: 100%;
}

.download-wrapper .text {
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  color: #fff9f9;
  margin-right: 0.46875vw;
}

.white {
  background: white;
}

.red {
  background-image: linear-gradient(#A70707, #C93738);
}

.long-line {
  width: 100%;
  max-width: 1640px;
  height: 1px;
  margin: 0 auto 34px;
  background: #b0abab;
}
.project-item .info-title{
  margin: 10% 0px 0px;
  padding: 0px;
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -0.015em;
  text-transform: capitalize;
  color: transparent;
  background: linear-gradient(0deg,#a70707,#c93738);
  -webkit-background-clip: text;
}
.project-item .info{width: 100%;max-width: 726px;}

.button-pdf {
  /* z-index: 10000; */

  width: 263px;
  height: 64px;
  padding: 9px;
  box-shadow: 0px 4px 4px rgba(126, 74, 25, 0.25);
  border-radius: 56px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 140%;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}

.button-pdf .icon {
  display: block;
  margin-right: 6px;
  width: 32px;
  height: 32px;
}

.white .icon {
  background: url(../images/components/pdf-white.png);
}

.red .icon {
  background: url(../images/components/pdf-red.png);
}

.infos-wrapper {
  font-family: Arial;
  background: #646162;
  color: #fffcfc;
  padding-bottom: 1.9271vw;
}

.head-list {
  /* max-width: 1508px;
      min-width: 736px; */
  width: 46%;
  padding: 27px 0;
  font-size: 20px;
  line-height: 22px;
  margin: 0 auto;
  display: flex;
  float: right;
  justify-content: space-around;
}

.footer-list {
  /* margin: 0.2084vw auto;
      display: flex;
      width: 58.95834vw; */
  margin: auto;
  display: flex;
  width: 80%;
  justify-content: center;
}

.list {
  width: 26.6%;
  margin-right: 2.60417vw;
}

.list ul li:not(:first-child) {
  margin-top: 50px;
}

.list ul li {
  display: flex;
  align-items: center;
}

.list ul li i {
  width: 24px;
  margin-right: 10px;
  font-size: 20px;
}

.list ul li i img {
  width: 24px;
  margin-right: 10px;
  font-size: 20px;
  margin-right: 0.5vw;
  width: 100%;
  height: 100%;
}

.list ul li span {
  width: 267px;
  display: inline-block;
}

.button-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;

}

.button-wrapper div {
  margin-bottom: 13.57px;
  margin-right: 11px;
}

.footer-list .title {
  font-size: 20px;
  line-height: 140%;
  text-transform: capitalize;
  margin-bottom: 50px;
  height: 1.98vw;
}

.line {
  width: 60px;
  height: 4px;
  margin-top: 6px;
  display: block;
  background: white;
}
.footer-list .projects{width:28%}
.buttonbox {
  width:164px;
  background: url(../images/foot/Vector.png) no-repeat center left 7px;
  line-height: 11.4px;
  border-style: groove;
  border-width: 2px;
  border-color: rgba(196, 196, 196, 0.9);
  box-sizing: border-box;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  margin: 0.5vw;
  color: whitesmoke;
}

.buttonbox:hover {
  color: rgb(226, 17, 17);
}

.mingyang {
  font-size: 14px;
  line-height: 140%;
}

.record {
  background: #ececec;
  margin: 0 auto;
  text-align: center;
}

.record span {
  font-size: 17px;
  font-weight: 500;
  line-height: 40px;
  color: #000000;
}


.footer-grid h3.title {
  padding: 0.3em 0;
  text-align: left;
  width: 69%;
  border-color: #ccc;
  font-family: 'Roboto-Regular';
  font-size: 1.8em;
  color: #666;
}

.footer-grid ul {
  margin: 0;
  padding: 2em 0 0;
}

.footer-grid ul li {
  display: block;
  margin: 0 0 10px;
  color: #666;
  font-size: 1em;
}

.footer-grid ul li a {
  font-size: 1em;
  color: #666;
  text-decoration: none;
  padding: 0.2em 0;
  display: inline-block;
}

.footer-grid ul li a:hover {
  color: #899452;
}

.contact-grid ul li span {
  width: 15px;
  height: 15px;
  margin-right: 0.5em;
}

.footer-grid ul li.adrs {
  padding-left: 1.5em;
}

.copy {
  text-align: center;
  background: #333;
  padding: 1.5em 0;
}

.copy p {
  color: #fff;
  font-size: 1em;
  margin-top: 10px;
}

.copy p a {
  color: #EADB97;
}

.copy p a:hover {
  color: #fff;
  border-bottom: 3px double #EADB97;
}

.copy-left {
  float: left;
}

.social-icons {
  float: right;
}

.social-icons ul li {
  display: inline-block;
  margin-right: 10px;
}

.social-icons ul li a.fb {
  background: url(../images/iconsprite.png)no-repeat 10px 3px;
}

.social-icons ul li a.fb:hover {
  background-color: #3b5998;
}

.social-icons ul li a {
  background: url(../images/iconsprite.png)no-repeat 3px -33px;
  display: block;
  width: 32px;
  height: 32px;
  transition: none;
}

.social-icons ul li a.pn {
  background: url(../images/iconsprite.png)no-repeat 6px -108px;
}

.social-icons ul li a.pn:hover {
  background-color: #cc2127;
}

.social-icons ul li a.gg {
  background: url(../images/iconsprite.png)no-repeat 6px -72px;
}

.social-icons ul li a.gg:hover {
  background-color: #dd4b39;
}

.social-icons ul li a:hover {
  transform: rotatey(360deg);
  -webkit-transform: rotatey(360deg);
  -o-transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
  -ms-transform: rotatey(360deg);
  transition: .5s all;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  background-color: #55acee;
}

/*-- //footer --*/
/*--about-page--*/
.baner.about-bnr {
  padding: 2em 0 0;
}

.about,
.typo,
.gallery,
.services,
.contact {
  padding: 0 0;
}

.about-text {
  align-items: center;
  margin: 0 auto;
  padding: 0 0;
}

.about-text-left img {
  width: 100%;
}

.about-info-left:nth-child(1) {
  padding-left: 0;
}

.about-text-right h4 {
  color: #e60b00;
  font-size: 1.5em;
  line-height: 1.4em;
}

.about-text-right p {
  color: #777;
  font-size: 1em;
  line-height: 1.8em;
  margin-top: 1em;
}

.about-text-right ul {
  padding: 0;
}

.about-text-right ul li {
  display: block;
  background: url(../images/icon1.png)no-repeat 0px 4px;
  padding-left: 1.5em;
  margin: 1em 0 0;
}

.about-text-right ul li a {
  color: #777;
  font-size: 1em;
}

.about-text-right ul li a:hover {
  color: #A0B347;
  padding-left: 15px;
}

.about-slid {
  background: url(../images/slid.jpg)no-repeat 0px 0px fixed;
  background-size: cover;
  text-align: center;
  padding: 6em 0;
}

.about-slid h2 {
  color: #fff;
  font-size: 4em;
  font-family: 'Iceland-Regular';
}

.about-slid p {
  color: #fff;
  font-size: 1.1em;
  margin: 2em auto 0;
  line-height: 1.8em;
  width: 60%;
}

.about-slid-info {
  width: 80%;
  margin: 0 auto;
}

.about-team {
  padding: 2em 0 4em;
}

.row.team-row {
  margin: 5em 0 0;
}

.thumbnail.team-thmnl {
  border: none;
  text-align: center;
}

.about-team .caption {
  padding: 1.5em .5em !important;
}

.about-team h4 {
  font-size: 1.8em;
  font-family: 'Iceland-Regular';
}

.about-team h4 a {
  color: #A7913F;
}

.about-team h4 a:hover {
  color: #A0B347;
}

.about-team p {
  color: #777;
  font-size: 1em;
  line-height: 1.8em;
  margin-top: 1em;
}

img.zoom-img {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
}

.team-grids:hover img.zoom-img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-duration: 750ms;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-duration: 750ms;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -ms-transition-duration: 750ms;
  -o-transition-duration: 750ms;
  overflow: hidden;
}

/*--//about-page--*/
.about {
  box-align: center;
}

.titleline {
  /* width: 24.752vw; */
  height: auto;
  /* margin: 0 auto; */
  /* font-size: 585px; */
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  /* justify-content: space-between; */
}

.titleline .title {
  width: 100%;
  font-size: 4.1vw;
  color: black;
  display: flex;
  flex-direction: column;
  font-weight: 700;
}

.titleline .line {
  height: 13.571428571428571px;
  width: 135.71428571428572px;
  background: #d40029;
  margin-top: 0.3vw;
}

/*---gallery----*/
.gallery-grids {
  /* margin-top: 4em;*/
}

.gallery p {
  font-size: 1.1em;
  color: #555;
  line-height: 1.6em;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.view {
  width: 360px;
  height: 242px;
  margin: 10px;
  float: left;
  border: 10px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #BCBCBC;
  -moz-box-shadow: 1px 1px 2px #BCBCBC;
  box-shadow: 1px 1px 2px #BCBCBC;
  cursor: default;
  padding: 0;
}

.view .mask,
.view .content {
  width: 341px;
  height: 222px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view img {
  display: block;
  position: relative;
}

.view p {
  font-style: italic;
  font-size: 1em;
  position: relative;
  color: #fff;
  text-align: left;
  margin: 0 auto 0;
  width: 90%;
  padding-left: 10px;
}

.view-fourth img {
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  -ms-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.view-fourth .mask {
  background-color: rgba(0, 0, 0, 0.8);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.view-fourth p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.view-fourth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.view-fourth:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}

.view-fourth:hover p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

/*--//gallery--*/
/*--Typography--*/
.show-grid [class^=col-] {
  background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}

.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}

.grid_3 {
  margin-bottom: 2em;
}

.xs h3,
h3.m_1 {
  color: #000;
  font-size: 1.7em;
  font-weight: 300;
  margin-bottom: 1em;
}

.grid_3 p {
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}

.grid_4 {
  background: none;
  margin-top: 50px;
}

.label {
  font-weight: 300 !important;
  border-radius: 4px;
}

.grid_5 {
  background: none;
  padding: 2em 0;
}

.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
  margin-bottom: 1em;
  color: #84904B;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-top: none !important;
}

.tab-content>.active {
  display: block;
  visibility: visible;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 0;
}

.badge-primary {
  background-color: #03a9f4;
}

.badge-success {
  background-color: #8bc34a;
}

.badge-warning {
  background-color: #ffc107;
}

.badge-danger {
  background-color: #e51c23;
}

.grid_3 p {
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}

.bs-docs-example {
  margin: 1em 0;
}

section#tables p {
  margin-top: 1em;
}

.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}

.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 15px !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  font-size: 0.9em;
  color: #999;
  border-top: none !important;
}

.tab-content>.active {
  display: block;
  visibility: visible;
}

.label {
  font-weight: 300 !important;
}

.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}

.nav-tabs {
  margin-bottom: 1em;
}

.alert {
  font-size: 0.85em;
}

h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
  line-height: 1.8em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

li.list-group-item1 {
  line-height: 2.5em;
}

.input-group {
  margin-bottom: 20px;
}

.in-gp-tl {
  padding: 0;
}

.in-gp-tb {
  padding-right: 0;
}

.list-group {
  margin-bottom: 48px;
}

ol {
  margin-bottom: 44px;
}

h2.typoh2 {
  margin: 0 0 10px;
}

/*--//Typography --*/
/*--contact-page--*/
.contact-form {
  padding: 2em;
}





.contact-form input[type="text"] {
  display: block;
  background: #fff;
  border: none;
  border-bottom: 1px solid #868585;
  width: 100%;
  outline: none;
  padding: 10px 5px;
  font-size: 1em;
  color: #868585;
  margin-bottom: 1.5em;
}

.cnt-inpt {
  padding: 0;
  margin-bottom: 1.5em;
}

.contact-form input[type="email"] {
  display: block;
  background: #fff;
  border: none;
  border-bottom: 1px solid #868585;
  width: 90%;
  outline: none;
  padding: 10px 5px;
  font-size: 1em;
  color: #868585;
  margin-bottom: 1.5em;
  -webkit-appearance: none;
}

.contact-form textarea {
  background: #fff;
  border: 1px solid #868585;
  width: 100%;
  display: block;
  height: 13em;
  outline: none;
  font-size: 1em;
  color: #868585;
  resize: none;
  padding: 10px 5px;
  -webkit-appearance: none;
}

.contact-form input[type="submit"] {
  background: #fff;
  border: 3px double #737D40;
  padding: 8px 0;
  width: 13%;
  outline: none;
  margin: 2em auto 0;
  font-size: 1.2em;
  color: #737D40;
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  -webkit-appearance: none;
}

.contact-form input[type="submit"]:hover {
  color: #FFF;
  background: #737D40;
}

.map {
  margin: 2em 0 0;
}

.map iframe {
  height: 400px;
  width: 100%;
  border: 0;
}

/*--//contact-page--*/
/* slider */
.swiper2 {
  width: 1200px;
}

.swiper-con {
  transform:
}

.swiper-box {
  display: flex;
}

.bbox h1 {
  margin-top: 3vw;
}

.bbox img {
  margin-top: 3vw;
}

.img-box img {
  width: 184px;
  height: 130px;
}

.swiper-box a img {
  height: 26vw !important;
  width: 26vw !important;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
}

/*--slider-up-arrow--*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 3%;
  right: 3%;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: none;
  text-indent: 100%;
  background: url("../images/move-up.png") no-repeat 0px 0px;
}

#toTopHover {
  width: 32px;
  height: 32px;
  display: block;
  overflow: hidden;
  float: right;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}



.pagelist {
  clear: both;
  font-size: 12px;
  padding: 20px 0;
  text-align: center;
}

.pagelist a {
  padding: 5px 9px;
  border: solid 1px #ddd;
  background: #fff;
  text-decoration: none;
  margin: 3px;
  color: #666;
  font-family: 宋体, arial, sans-serif;
}

.pagelist a:visited,
#nowpage {
  padding: 3px 8px;
  margin: 3px;
  border: solid 1px #ddd;
  background: #fff;
  text-decoration: none;
}

.pagelist a:hover,
#nowpage {
  color: #97262a;
  background: #fff;
  border-color: #97262a;
  text-decoration: none;
}

.blue22 {
  width: 100%;
  height: 64px;
  text-align: center;
  border: none;
  border-radius: 4px;
  font-family: Arial;
  font-weight: 700;
  font-size: 22px;
  padding: 6px 20px;
  margin: 0.5vw auto;
  color: whitesmoke;
  background: linear-gradient(180deg, #a70707, #c93738);
}

.nrtp img {
  width: 23%;
  border: 1px #CCCCCC solid;
  padding: 2px;
  float: left;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 20px;
}

/*--//slider-up-arrow--*/
/*---- responsive-design -----*/
@media(max-width:1440px) {}

@media(max-width:1358px) {
  .top-nav {
    display: none;
  }

  .panel {
    display: block;
    flex-direction: column;
    text-align: center;
  }

  .panel-warning>.panel-heading+.panel-collapse>.panel-body {
    background: white;
  }

  .panel ul {
    background: white;
  }

  .navbar-nav>li {
    width: 109px;
  }

  .navbar-nav>li>a {
    padding-bottom: 0;
  }

  .panel ul.nav.navbar-nav {
    flex-direction: column;
  }

  .hy {
    width: 100%;
  }

  .hybox {
    width: 100%;
  }
}

@media(max-width:1280px) {}

@media(max-width:1080px) {
  .inner {
    flex-direction: column;
  }

  .row-line {
    flex-direction: column;
  }

  .logo span.glyphicon.glyphicon-grain {
    top: 0%;
    left: 32%;
  }

  .logo a h1 {
    font-size: 5em;
  }

  .box {
    width: 100%;
  }

  figcaption p {
    width: 65%;
  }

  .baner-bottom {
    width: 32.98%;
  }

  .baner-grids figure figcaption {
    padding: 2em 1em;
  }

  figure.effect-bubba h4 {
    padding-top: 13%;
  }

  figure.effect-bubba figcaption::before,
  figure.effect-bubba figcaption::after {
    right: 15px;
    left: 15px;
  }

  .baner-grids h4 {
    font-size: 1.9em;
  }

  .baner {
    padding: 3em 0 6em;
  }

  .news-grid-left-info h5 {
    font-size: 1.3em;
  }

  .news-grid-left h6 {
    font-size: 2em;
  }

  .main-text:nth-child(2) {
    padding-right: 0;
  }

  .main-grids p {
    width: 92%;
  }

  .main {
    padding: 5em 0 3em;
  }

  .service-grids p {
    width: 85%;
  }

  .about-text-right {
    padding: 0;
  }

  .about-text-right p {
    margin-top: 0.4em;
  }

  .about-text {
    padding: 3.5em 0;
  }

  .about-text-right ul li {
    margin: 0.8em 0 0;
  }

  .about-slid {
    padding: 4em 0;
  }

  .about-slid p {
    margin: 1em auto 0;
  }

  .about,
  .typo,
  .gallery,
  .services,
  .contact {
    padding: 4em 0;
  }

  .about-team {
    padding: 1em 0 3em;
  }

  .view {
    width: 293px;
    height: 198px;
  }

  .view .mask,
  .view .content {
    width: 270px;
    height: 178px;
  }

  .view p {
    margin: 4em auto 0;
    width: 73%;
  }
}

@media(max-width:1024px) {}

@media(max-width:991px) {
  .header .container {
    width: 75%;
    float: left;
  }
  .panel-body{padding: 0;}
  .lxus {
    font-size: 15px;
    width: 27%;
  }

  .headerone {
    width: 40%;
    margin: 0;
  }
  .logo-info-r img{max-width: 50%;margin: 0 10px;}
  .panelone {
    width: 17%;
    right: 0;
    /* left: 68%; */
  }

  .bbg {
    max-height: 300px;
    background-size: cover;
  }

  .logo a h1 {
    font-size: 5em;
  }

  .logo span.glyphicon.glyphicon-grain {
    font-size: 3.3em;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 1.1em;
    padding: 1em 2em;
  }

  .navbar-nav>li a.dropdown-toggle.hvr-bounce-to-bottom {
    padding: 0.5em 0.75em;
  }

  .baner-top {
    float: left;
    width: 50%;
  }

  div#bs-example-navbar-collapse-1 {
    padding: 0;
  }

  .baner-grids h4 {
    font-size: 1.8em;
  }

  figcaption p {
    width: 82%;
  }

  .baner-bottom figure.effect-bubba h4 {
    padding-top: 7%;
  }

  .baner-top {
    float: left;
    width: 49.9%;
  }

  .baner-top:nth-child(1) {
    width: 100%;
  }

  .baner-bottom {
    float: left;
    width: 32.85%;
  }

  .baner-grids figure figcaption {
    padding: 1em;
  }

  figure.effect-bubba figcaption::before,
  figure.effect-bubba figcaption::after {
    top: 15px;
    bottom: 15px;
  }

  .baner-bottom h4 {
    font-size: 1.6em;
  }

  .baner-bottom p {
    width: 100%;
  }

  figure.effect-bubba p {
    padding: 5px 1em;
  }

  .baner {
    padding: 3em 0 4em;
  }

  h3.title {
    font-size: 3em;
    padding: 0.1em 0;
  }

  .news {
    padding: 3em 2em;
  }

  .news-grid {
    margin-bottom: 3em;
  }

  .main-left {
    float: left;
    width: 50%;
  }

  .main-right {
    float: right;
    width: 50%;
  }

  .main-right {
    float: right;
    width: 50%;
    padding: 0;
  }

  .main-text {
    float: left;
    width: 50%;
  }

  .main-text h4 {
    margin-top: 0;
  }

  .main-text:nth-child(2) {
    padding: 0;
  }

  .main-grids p {
    font-size: 0.9em;
  }

  .srvc-grids-info {
    margin-top: 4em;
  }

  .srvc-grids-info {
    margin-top: 4em;
    float: left;
    width: 33.33%;
    padding: 0;
  }

  .service-grids p {
    width: 88%;
    font-size: 0.9em;
  }

  .service-grids h5 {
    font-size: 1.6em;
  }

  .srvc-img span.glyphicon {
    font-size: 2em;
    padding: 0.6em;
  }

  .footer-grid h3.title {
    padding: 0.2em 0;
    font-size: 1.6em;
  }

  .footer-grid {
    float: left;
    width: 50%;
  }

  .footer-grid ul {
    padding: 1em 0 0;
  }

  .footer-grid ul li a {
    font-size: 0.9em;
  }

  .footer-grid:nth-child(2) {
    margin-bottom: 4em;
  }

  .copy {
    padding: 1em 0;
  }

  .about-text-left {
    float: left;
    width: 44%;
  }

  .about-text-right {
    float: right;
    width: 56%;
  }

  .about-text {
    padding: 3em 0;
  }

  .about-text-right h4 {
    font-size: 1.3em;
  }

  .about-text-right p {
    font-size: 0.9em;
  }

  .about-text-right ul li a {
    font-size: 0.9em;
  }

  .about-slid {
    padding: 3em 0;
  }

  .about-slid h2 {
    font-size: 3em;
  }

  .about-slid p {
    font-size: 1em;
    width: 82%;
  }

  .about-team {
    padding: 0 0 2em;
  }

  .row.team-row {
    margin: 3em 0 0;
  }

  .contact-form input[type="email"] {
    width: 100%;
  }

  .view {
    width: 230px;
    height: 148px;
    margin: 5px;
    border: 5px solid #fff;
  }

  .view p {
    margin: 3.5em auto 0;
    width: 80%;
    font-size: .9em;
  }

  .view .mask,
  .view .content {
    width: 220px;
    height: 139px;
  }

  .map iframe {
    height: 300px;
  }

  .logo {
    padding: 1em 0 2em;
  }

  .logo a h1 {
    font-size: 4.5em;
  }

  .logo span.glyphicon.glyphicon-grain {
    top: 0%;
    left: 25%;
  }
}

@media(max-width:767px) {
  .button-pdf{width: auto;height: auto;margin: 5px 0;}
  .project-item img{width: 100%;}
  .main-2 .inner {
    flex-direction: column;
  }
  .main-2 .inner .text {
    width: 100%;
  }
  .main-2 .inner .img-1 {
    width: 100%;
  }
  .list {
    width: 100%;
  }
  .footer-list .projects{display: none;}
  .list ul li:not(:first-child){margin-top: 10px;}
  .main-3 .cards {
    flex-direction: column;
  }

  .main-3 .cards .card {
    width: 100%;
  }

  .bbg {
    max-height: 250px;
    background-size: cover;
  }

  button.navbar-toggle {
    display: block;
    width: 16%;
    font-size: 1.6em;
    padding: 11px 10px;
    margin: 0 auto;
    border: none;
  }

  .navbar-toggle {
    float: none;
  }

  nav.navbar.navbar-default {
    background-color: #ccc;

  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background: none;
  }

  div#bs-example-navbar-collapse-1 {
    padding: 0;
  }

  .navbar-nav {
    margin: 0;
  }
}

@media(max-width:640px) {
  .download {
    flex-direction: column;
    width: 100%;
  }

  .buttonbox {
    width: auto;
  }

  .download-wrapper .text {
    font-size: 30px;
    line-height: 1.1;
  }

  .flex-direction-nav li a.flex-prev {
    background: none;
  }

  .flex-direction-nav li a.flex-next {
    background: none;
  }

  .bbg {
    max-height: 200px;
    background-size: cover;
  }

  .logo span.glyphicon.glyphicon-grain {
    top: 0%;
    left: 20%;
  }

  .logo img {
    width: 180px;
  }

  .headder {
    padding: 2em 0 0;
  }

  .navbar-header.navbar-right {
    margin: 0 0.5em;
  }

  div#bs-example-navbar-collapse-1 {
    background-color: #F9F2D2;
  }

  .top-nav ul li {
    margin: 0;
    display: block;
  }

  .top-nav ul li a {
    display: inline-block;
  }

  .navbar-default .navbar-nav>li>a {
    padding: 10px 0;
    display: block;
  }

  .navbar-nav>li a.dropdown-toggle.hvr-bounce-to-bottom {
    display: block;
    padding: 0.7em 1.5em;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
    display: block;
    text-align: center;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #fff;
  }

  .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
  }

  .baner-bottom {
    width: 32.75%;
  }

  .baner-bottom figure.effect-bubba h4 {
    padding-top: 5%;
    font-size: 1.4em;
  }

  figcaption p {
    font-size: 0.8em;
    line-height: 1.6em;
  }

  .baner {
    padding: 3em 0;
  }

  h3.title {
    font-size: 2.8em;
  }

  .news {
    padding: 2em 1em 0;
  }

  .main-left {
    float: none;
    width: 100%;
  }

  .main {
    padding: 3em 0 0;
  }

  .main-right {
    float: none;
    width: 100%;
    margin-top: 2em;
  }

  .about,
  .typo,
  .gallery,
  .services,
  .contact {
    padding: 3em 0;
  }

  .srvc-grids-info {
    margin-top: 3em;
  }

  .service-grids h5 {
    font-size: 1.4em;
  }

  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:hover,
  .navbar-default .navbar-nav>.active>a:focus {
    display: block;
  }

  a.dropdown-toggle.hvr-bounce-to-bottom.active {
    background-color: #899452;
    color: #fff;
  }

  .baner.about-bnr {
    padding: 1em 0 0;
  }

  .baner {
    padding: 2em 0;
  }

  .about,
  .typo,
  .gallery,
  .services,
  .contact {
    padding: 2em 0;
  }

  .about-text {
    padding: 2em 0;
  }

  .about-text-left {
    float: none;
    width: 100%;
  }

  .about-text-left img {
    width: 49%;
    margin: 0 auto;
  }

  .about-text {
    padding: 0 0 2em;
  }

  .about-slid h2 {
    font-size: 2.8em;
  }

  .about-text-right {
    float: none;
    width: 100%;
  }

  .about-slid p {
    font-size: 1em;
    width: 87%;
  }

  .team-grids {
    float: left;
    width: 50%;
  }

  .about-team h4 {
    font-size: 2em;
  }

  .about-team .caption {
    padding: 1em .5em !important;
  }

  .about-team p {
    font-size: 0.9em;
    margin-top: 0.2em;
  }

  .thumbnail {
    margin-bottom: 0px;
  }

  .view {
    width: 187px;
    height: 127px;
  }

  .view .mask,
  .view .content {
    width: 178px;
    height: 117px;
  }

  .view p {
    margin: 3.2em auto 0;
    width: 86%;
    font-size: .8em;
  }

  .map iframe {
    height: 250px;
  }

  .contact-form {
    padding: 3em 0 0;
  }

  .contact-form input[type="text"] {
    margin-bottom: 1em;
  }

  .contact-form input[type="submit"] {
    width: 25%;
    margin: 1.5em auto 0;
    font-size: 1.1em;
  }

  .copy-left {
    float: none;
  }

  .social-icons {
    float: none;
    margin-top: 1.2em;
  }

  .box div {
    width: 100%;
  }

  .box {
    height: auto;
    flex-direction: column;
  }
}

@media(max-width:480px) {
.section2 h3,.main-2 h3,.main-3 .title h3,.ban_text h1{font-size: 32px;}
.main-3 .cards .card .text,.main-2 .inner .text span,.ban_text span{font-size: 15px;}
.ban_text{top: 18%;}
  .inner{width: 100%;margin:0;}
  .section2 .swiper-slide img {
    width: 100%;
    height: auto;
  }
  .product-line img{width: 100%;}
  .no-img {
    flex-direction: column;
  }
  .product-line .title{font-size: 23px !important;}
  .aboutus {
    width: 100%;
  }
  .row-line img{width: 100%;}
  .big-img {
    width: 100%;
  }
  .head-list{width: 100%;padding: 0; display: none;   }
  .navbar-nav>li{width: 48px;}
  .honnor .honnor-img {
    width: 100%;
  }
  .news_list{flex-direction: column;}
  .news_list div{width: 100%;}
  .honnor {
    height: auto;
  }
  .industries{flex-direction: column;}
  .titleline .title {
    font-size: 8.1vw !important;
  }
  .box-case{margin:0}
  .box-title{font-size: 30px;}
  .footer-list {
    flex-direction: column;
  }
  .ban_text span{line-height: 1.2 !important;}
  .list {
    width: 100%;
  }

  .capability .list {
    width: 100%;
  }

  .capability .list-3 .content {
    width: 100%;
    height: auto;
  }

  .content img {
    width: 100% !important;
  }

  .capability .list-1 .left {
    height: auto;
  }

  .bbg {
    max-height: 150px;
    background-size: cover;
  }

  .logo a h1 {
    font-size: 3em;
  }

  .logo span.glyphicon.glyphicon-grain {
    top: 0%;

    font-size: 2.5em;
  }

  .logo {
    padding: 0.8em 0 1.5em;
  }

  .baner {
    padding: 1em 0;
  }

  .baner-top:nth-child(1) {
    width: 100%;
    padding: 0;
  }

  figcaption p {
    width: 62%;
    font-size: 0.9em;
  }

  figure.effect-bubba h4 {
    padding-top: 15%;
  }

  .baner-grids figure {
    overflow: inherit;
  }

  .baner-bottom:nth-child(2) {
    margin: 0;
  }

  .baner-top {
    float: none;
    width: 100%;
  }

  .baner-bottom {
    width: 100%;
  }

  .baner-bottom figure.effect-bubba h4 {
    padding-top: 26%;
    font-size: 1.8em;
  }

  .baner-bottom p {
    width: 65%;
  }

  h3.title {
    font-size: 2.5em;
  }

  .news-grid-left-info p {
    font-size: 0.9em;
  }

  .news-grid-left-info h5 {
    font-size: 1.2em;
  }

  .main-grids h4 {
    font-size: 1.3em;
  }

  .baner.about-bnr .baner-top {
    width: 50%;
    float: left;
  }

  .about-slid h2 {
    font-size: 2.5em;
  }

  .navbar {
    min-height: 40px;
  }

  button.navbar-toggle {
    font-size: 1.4em;
    padding: 8px 10px;
  }

  .news-grid-left h6 {
    font-size: 1.8em;
  }

  .news-grid {
    margin-bottom: 2em;
  }

  .about-slid-info {
    width: 92%;
  }

  .about-slid p {
    font-size: 0.9em;
    width: 100%;
  }

  .about-slid h2 {
    font-size: 2.2em;
  }

  .row.team-row {
    margin: 2em 0 0;
  }

  .footer-grid h3.title {
    font-size: 1.4em;
  }

  .about-team h4 {
    font-size: 1.8em;
  }

  .gallery-grids {}

  .view {
    width: 206px;
    height: 137px;
  }

  .view .mask,
  .view .content {
    width: 196px;
    height: 127px;
  }

  .view p {
    margin: 3.5em auto 0;
  }

  .contact-form textarea {
    height: 9em;
    font-size: 0.9em;
    padding: 5px;
  }

  .contact-form input[type="text"] {
    padding: 5px;
    font-size: 0.9em;
  }

  .contact-form input[type="email"] {
    padding: 5px;
    font-size: 0.9em;
  }

  .contact-form input[type="submit"] {
    margin: 1em auto 0;
    font-size: 1em;
    padding: 5px 0;
  }
}

@media(max-width:320px) {
  .bbg {
    max-height: 120px;
    background-size: cover;
  }

  .logo-info-r {
    display: none;
  }

  .logo a h1 {
    font-size: 3em;
  }

  .logo span.glyphicon.glyphicon-grain {
    top: 0%;
    left: 20%;
    font-size: 2.5em;
  }

  .logo {
    padding: 0.8em 0 1.5em;
  }

  .baner-grids h4 {
    font-size: 1.6em;
  }

  button.navbar-toggle {
    width: 28%;
  }

  figcaption p {
    width: 85%;
    font-size: 0.9em;
  }

  figure.effect-bubba h4 {
    padding-top: 12%;
  }

  .baner-bottom figure.effect-bubba h4 {
    padding-top: 17%;
    font-size: 1.6em;
  }

  .baner-bottom p {
    width: 87%;
  }

  .news-grid {
    margin-bottom: 1.5em;
    padding: 0;
  }

  .news-grid-left {
    padding: 3em 0;
  }

  .main {
    padding: 2em 0 0;
  }

  .main-text {
    float: none;
    width: 100%;
    padding: 0;
  }

  .main-text:nth-child(1) {
    width: 55%;
  }

  .main-grids h4 {
    font-size: 1.2em;
    margin-top: 0.8em;
  }

  a.more {
    font-size: 0.9em;
    padding: 4px 12px;
  }

  .srvc-grids-info {
    margin-top: 2em;
    float: none;
    width: 100%;
  }

  .footer-grid {
    float: none;
    width: 100%;
    margin-top: 2em;
  }

  .footer-grid:nth-child(2) {
    margin-bottom: 1em;
  }

  .copy p {
    font-size: 0.9em;
  }

  .about-text-right h4 {
    font-size: 1.2em;
  }

  .about-text-left img {
    width: 79%;
  }

  .about-slid {
    padding: 2em 0;
  }

  .about-slid h2 {
    font-size: 1.8em;
  }

  .about-slid-info {
    width: 100%;
  }

  .team-grids {
    float: none;
    width: 100%;
  }

  h3.title {
    font-size: 2.3em;
  }

  .gallery-grids {
    margin-top: 1.5em;
  }

  .view {
    width: 261px;
    height: 160px;
  }

  .view .mask,
  .view .content {
    width: 252px;
    height: 151px;
  }

  .view p {
    margin: 4.5em auto 0;
    width: 68%;
  }

  .grid_4 {
    margin-top: 25px;
  }

  .table td,
  .table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    padding: 13px !important;
  }

  .map iframe {
    height: 180px;
  }

  .contact-form {
    padding: 2em 0 0;
  }

  .contact-form input[type="submit"] {
    font-size: 0.9em;
    padding: 3px 0;
    width: 38%;
  }
}

/*--//responsive-design---*/