body {
  font-family: "Microsoft YaHei";
}
a {
  text-decoration: none !important;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
}
a:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
               font-weight: bold;
}
input,input:focus {
  outline: none;
}

@media (min-width: 1480px) {
  .container {
    width: 1450px;
  }
}

/* add? */

.i-jy {
  max-width: 1100px;
}
.i-cont-sm {
  padding-top: 60px;
  padding-bottom: 80px;
}
.i-cont {
  padding-top: 100px;
  padding-bottom: 100px;
  max-width: 100%;
}
.i-cont-big {
  padding-top: 120px;
  padding-bottom: 120px;
}
.i-cont .title {
  text-align: center;
}
.i-cont .title .p1 {
  color: #313131;
  font-size: 48px;
  line-height: 50px;
  font-weight: bold;
}
.i-cont .title .p1 span {

  color: #fe0000;

}

.i-cont .title .p2 {

  color: #313131;

  font-size: 18px;

  line-height: 30px;

  max-width: 950px;

  margin: auto;

  margin-top: 30px;

}

.i-jy .pbl {

  margin-top: 90px;

}

.chroma-gallery .chrg-description {

  opacity: 1;

  background: transparent;

}

.chroma-gallery .chrg-item:hover .chrg-description {

  opacity: 1;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

  background: transparent;

}

.chroma-gallery .chrg-item:hover img {

  -webkit-filter: grayscale(0) !important;

          filter: grayscale(0) !important;

  /* transform: scale(1.05); */

}

.chroma-gallery .chrg-description p {

  left: 20px;

  bottom: 40px;

  padding: 0px;

  position: absolute;

  font-weight: bold;

}

.chroma-gallery img {

  -webkit-filter: grayscale(1) !important;

          filter: grayscale(1) !important;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.chroma-gallery .chrg-item:nth-child(4) .chrg-description {

  opacity: 0;

}

.chroma-gallery .chrg-item:nth-child(4) img {

  -webkit-filter: grayscale(0) !important;

          filter: grayscale(0) !important;

}

.chroma-gallery .chrg-item {

  overflow: hidden;

}
.i-tdsl {

  padding-bottom: 80px;

}

.i-s-pr {

  padding-bottom: 70px;

  max-width: 1340px;

}

.i-tdsl .div1 {

  margin-top: 50px;

}

.i-tdsl .div1 div {

  float: left;

  height: 110px;

  background-color: #ececec;

  text-align: center;

  line-height: 110px;

  overflow: hidden;

  margin-bottom: 20px;

}

.i-tdsl .div1 div img {

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

.i-tdsl .div1 div img:hover {

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

  -webkit-transform: scale(1.05);

     -moz-transform: scale(1.05);

      -ms-transform: scale(1.05);

       -o-transform: scale(1.05);

          transform: scale(1.05);

}

.i-imgs .div1 {

  margin-top: 58px;

  text-align: center;

}

.i-imgs .div1 div {

  border-right: 2px solid #eeeeee;

  color: #282828;

  font-size: 26px;

  line-height: 33px;

  width: 20%;

  float: left;

}

.i-imgs .div1 div:last-child {

  border-right: none;

}

.i-imgs .div2,

.i-imgs .div3 {

  margin-top: 50px;

}

.i-imgs .div2 div {

  position: relative;

  margin-bottom: 30px;

  overflow: hidden;

}

.i-imgs .div2 div img {

  width: 100%;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  -moz-transition: all 300ms;

  transition: all 300ms;

}

footer {

  padding: 50px 0px;

  background-color: #303030;

}

footer .img1 {

  display: block;

  margin-bottom: 20px;

}

footer .div1 {

  border-top: 2px solid #606060;

  padding-top: 40px;

  margin-bottom: 40px;

}

footer .div1 a,

footer .span1,

footer .div2 {

  color: #fff;

  opacity: 0.7;

}

footer .div1 a {

  font-size: 14px;

  display: block;

  float: left;

  width: 33.33%;

  line-height: 35px;

}

footer .span1 {

  font-size: 14px;

  line-height: 50px;

}

footer .span2 {

  font-size: 36px;

  font-weight: bold;

  color: #fe0000;

  display: block;

  margin-top: -6px;

}

footer .div2 {

  font-size: 14px;

}
footer .erweima {

  margin-top: 60px;

}

.footer-btm {

  color: #3e3e3e;

  font-size: 16px;

  padding-top: 20px;

  padding-bottom: 20px;

}

.footer-btm a{

  color:#3e3e3e;

}

.bg-wh {

  background-color: #fff;

}

@media (min-width: 767.78px) and (max-width: 1199.78px) {

  footer .div1 a {

    width: 50%;

  }

  footer .span2 {

    font-size: 24px;

  }

}

@media (min-width: 1199.98px) {

  .i-tdsl .div1 div {

    width: 19%;

    margin-right: 1.25%;

  }

  .i-tdsl .div1 div:nth-child(5n) {

    margin-right: 0;

  }

}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
  .i-tdsl .div1 div {

    width: 32%;

    margin-right: 2%;

  }

  .i-tdsl .div1 div:nth-child(3n) {

    margin-right: 0;

  }

  .i-imgs .div1 div {

    font-size: 20px;

  }

}

@media (max-width: 991.98px) and (min-width: 768.98px) {
  .i-tdsl .div1 div {

    width: 32%;

    margin-right: 2%;

  }

  .i-tdsl .div1 div:nth-child(3n) {

    margin-right: 0;

  }

  .i-imgs .div1 div {

    font-size: 16px;

  }

}

@media (max-width: 767.78px) {
  .i-cont,

  .i-cont-sm {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .i-cont-big {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .i-cont .title {

    text-align: center;

  }

  .i-cont .title .p1 {

    font-size: 20px;

    line-height: 24px;

  }

  .i-cont .title .p2 {

    font-size: 14px;

    line-height: 20px;

  }

  .i-jy .pbl {

    margin-top: 30px;

  }

  .i-tdsl .div1 div {

    width: 100%;

  }

  footer .erweima {

    margin-top: 0px;

  }

}

/* service */
.intros {

  width: 450px;

  max-width: 100%;

}

#pro{

  margin-bottom:50px;

}


.intros .p1 {

  color: #fff;

  font-weight: bold;

  font-size: 40px;

  line-height: 26px;

  margin-bottom: 26px;

}

.intros .p2 {

  color: #fff;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 30px;

  opacity: 0.95;

}

.intros a {

  color: #343434;

  font-size: 16px;

  display: inline-block;

  background-color: #fff;

  padding: 6px 10px;

  border-radius: 6px;

  margin-bottom: 14px;

  margin-right: 3px;

}

.intros a:hover {

  background-color: #fe0000;

  color: #fff;

  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

  font-weight: normal;

}

.intros-wh .p1,

.intros-wh .p2 {

  color: #3e3e3e;

}

.intros-wh a {

  border: 1px solid #3b3b3b;

}

.intros-wh a:hover {

  border-color: #fe0000;

}

.intros-yw a {

  background: transparent;

}

.s-wxx {

  padding-top: 30px;

  padding-bottom: 80px;

}

.s-wxx .div1 {

  margin-top: 30%;

}

.s-wx {

  background-color: #ff4040;

}

.intros-red a {

  color: #fff;

  border: 1px solid #fff;

  background-color: #ff4040;

}

.intros-red a:hover {

  color: #ff4040;

  border: 1px solid #ff4040;

  background-color: #fff;

}

.s-wx .div1 {

  margin-top: 18%;

}

@-webkit-keyframes FromBtm {

  0% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-moz-keyframes FromBtm {

  0% {

    -moz-transform: translateY(100%);

         transform: translateY(100%);

  }

  100% {

    -moz-transform: translateY(0);

         transform: translateY(0);

  }

}

@-o-keyframes FromBtm {

  0% {

    -o-transform: translateY(100%);

       transform: translateY(100%);

  }

  100% {

    -o-transform: translateY(0);

       transform: translateY(0);

  }

}

@keyframes FromBtm {

  0% {

    -webkit-transform: translateY(100%);

       -moz-transform: translateY(100%);

         -o-transform: translateY(100%);

            transform: translateY(100%);

  }

  100% {

    -webkit-transform: translateY(0);

       -moz-transform: translateY(0);

         -o-transform: translateY(0);

            transform: translateY(0);

  }

}

@media (max-width: 767.78px) {
  .intros {
    width: 100%;
  }

  .s-wx .div1 {

    margin-top: 30px;

  }


}

/* 首页 */
html,

body {

  width: 100%;

  height: 100%;

}


.i-pro-list {

  margin-top: 70px;

}
.video-img img{
  max-width:200% !important;
  height:100%;
  margin-left:-280px;
}
@media (max-width: 767.78px){
  .navbar-toggle{
    margin-top:15px;
  }
}

.pro-list-ev {

  width: 18%;

  background: #fff;

  float: left;

  cursor: pointer;

}

.pro-list-ev .top {

  height: 160px;

  background-color: #e4e5e5;

  text-align: center;

  padding-top: 30px;

  border-right: 1px solid #dcdbdb;

  border-left: 1px solid #dcdbdb;

}

.pro-list-ev .top .p1 {

  font-size: 18px;

  font-weight: bold;

  color: #282828;

  margin-top: 14px;

  margin-bottom: 4px;

}

.pro-list-ev .top .p2 {

  font-size: 14px;

  color: #282828;

  opacity: 0.8;

}

.pro-list-ev .bottom {

  height: 375px;

}

.pro-list-ev .btm1 {

  padding-top: 45px;

  text-align: center;

  font-size: 16px;

  color: #282828;

  font-weight: bold;

  height: 100%;

  border-bottom: 2px solid #dcdbdb;

  border-right: 1px solid #dcdbdb;

  border-left: 1px solid #dcdbdb;

}

.pro-list-ev .btm1 p {

  margin-bottom: 20px;

}

.pro-list-ev .active {

  display: none;

}



.pro-list-ev.active {

  width: 28%;

  box-shadow: 0 0 15px #ffd1d1;

  position: relative;

  /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */

  /* transition: all 300ms; */

}

.pro-list-ev.active .top {

  background-color: #fe0000;

  /* transition: all 300ms; */

}

.pro-list-ev.active img.active {

  display: inline;

}

.pro-list-ev.active div.active {

  display: block;

}

.pro-list-ev.active .unactive {

  display: none;

}

.pro-list-ev.active .top .p1,

.pro-list-ev.active .top .p2 {

  color: #fff;

}

.pro-list-ev.active .top {

  height: 180px;

  margin-top: -20px;

  border-right: 1px solid #fe0000;

  border-left: 1px solid #fe0000;

}

.pro-list-ev.active .btm2 {

  border-bottom: 2px solid #fe0000;

  border-right: 2px solid #fe0000;

  border-left: 2px solid #fe0000;

  height: 100%;

  overflow: hidden;

}

.pro-list-ev.active .btm2 .div1 {

  color: #000000;

  font-size: 14px;

  line-height: 22px;

  padding: 30px 30px;

  height: 170px;

  /* height: 170px;

  width: 390px;

  max-width: 155.56%; */

}

.pro-list-ev.active .btm2 > div {

  -webkit-animation: fadeInUp 300ms 1;

     -moz-animation: fadeInUp 300ms 1;

       -o-animation: fadeInUp 300ms 1;

          animation: fadeInUp 300ms 1;

}



.pro-list-ev.active .btm2 .div2 {

  background-color: #ebebed;

  height: 2px;

  width: 95%;

}

.pro-list-ev.active .btm2 .div3 {

  width: 90%;

  margin: auto;

}

.pro-list-ev.active .btm2 .div3 > div {

  width: 50%;

  float: left;

  text-align: center;

}

.pro-list-ev.active .div3 .p3 {

  font-size: 28px;

  color: #000000;

  font-weight: bold;

  margin-top: 24px;

}

.pro-list-ev.active .div3 .p4 {

  font-size: 14px;

  color: #000000;

  opacity: 0.6;

  margin-bottom: 30px;

}

.pro-list-ev.active .div3 .a1 {

  display: inline-block;

  padding: 4px 20px;

  line-height: 30px;

  color: #fe0000;

  font-size: 16px;

  border-radius: 10px;

  border: 1px solid #fe0000;

}

.pro-list-ev.active .div3 .a1:hover {

  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

  background-color: #fe0000;

  color: white;

  font-weight: normal;

}

.i-cont .title .sml {

  font-size: 40px;

}

.news-ev {

  margin-bottom: 10%;

  display: block;

  overflow: hidden;

}

.news-ev:last-child{

  margin-bottom:0;

}

.news-ev .p3,

.news-ev .p4 {

  text-align: right;

  line-height: 55px;

  margin-bottom: 0px;

}

.news-ev .p3 {

  color: #282828;

  font-size: 30px;

  font-weight: bold;

}

.news-ev .p4 {

  color: #282828;

  font-size: 20px;

}

.news-ev .div1,

.news-ev .div2 {

  height: 55px;

  line-height: 55px;

  padding-left: 20px;

}

.news-ev .div1 {

  border-left: 2px solid #454545;

  font-size: 24px;

  color: #282828;

  white-space: nowrap;

}

.news-ev .div2 {

  border-left: 2px solid #f5f5f5;

  font-size: 16px;

  color: #282828;

}

@media screen and (min-width: 768px) {

  .index-zx .carousel-control .glyphicon-chevron-left,

  .index-zx .carousel-control .glyphicon-chevron-right,

  .index-zx .carousel-control .icon-next,

  .index-zx .carousel-control .icon-prev {

    font-size: 50px;

  }
  .index-zx .carousel-control .glyphicon-chevron-left{
     margin-left:-80px;
  }
  .index-zx .carousel-control .glyphicon-chevron-right{
    margin-right:-80px;
  }

}

@media (max-width: 1200.98px) {

  .news-ev .p3 {

    font-size: 18px;

  }

  .news-ev .p4 {

    font-size: 16px;

  }

  .news-ev .div1,

  .news-ev .div2 {

    padding-left: 10px;

  }

  .news-ev .div1 {

    font-size: 14px;

  }

  .news-ev .div2 {

    font-size: 12px;

  }

  .pro-list-ev.active,

  .pro-list-ev {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

  }

  .pro-list-ev.active .btm2 .div1 {

    width: 100%;

  }

}

@media (max-width: 767.78px) {
  .index-zx {

    height: 350px;

    padding: 30px 0px;

  }

  .index-zx .p1 {

    font-size: 18px;

    margin-top: 0px;

  }

  .index-zx .p2 {

    font-size: 14px;

  }

  .index-zx .carousel-control.right,

  .index-zx .carousel-control.left {

    display: none;

  }

  .i-cont .title .sml {

    font-size: 20px;

  }

  .i-imgs .row img {

    margin-bottom: 15px;

    width: 100%;

  }

  .news-ev:first-child {

    margin-top: 10%;

  }

  .news-ev .p3,

  .news-ev .p4 {

    text-align: center;

  }

  .news-ev .div-left,
  .news-ev .div-right {
    padding: 0px 0px;
  }
  .index-zx .p2 {
    max-width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 500.78px) {

  .news-ev .div1 {

    font-size: 12px;

  }

}

.c-title {

  color: #323232;

  font-size: 34px;

  font-weight: bold;

}

.c-title p {

  margin-bottom: 20px;

}

.c-title p span {

  color: #fe0000;

}

.c-title .div1 {

  width: 180px;

  height: 2px;

  background-color: #fe0000;

  margin: 32px 0px 48px;

}

.c-forms .forms input,

.c-forms .forms textarea {

  height: 40px;

  line-height: 40px;

  border: 1px solid #dcdcdc;

  color: #848484;

  font-size: 16px;

  display: block;

  max-width: 1100px;

  width: 100%;

  padding-left: 12px;

  margin-bottom: 15px;

}

.c-forms .forms textarea {

  height: 120px;

  resize: none;

}

.c-forms .forms .input-yzm {

  max-width: 230px;

  display: inline-block;

}

.c-forms .forms .submit-btn {

  display: block;

  font-size: 16px;

  line-height: 40px;

  color: white;

  background-color: #fe0000;

  text-align: center;

  width: 230px;

  border: none;

}

.c-forms {

  padding-bottom: 70px;
  padding-top:0;

}
.map-modal button.close {

  position: absolute;

  right: 10px;

  top: 10px;

}

.map-modal .modal-content {

  height: 500px;

}

.c-local {

  margin-top: 40px;

}

.c-local p:first-child {

  margin-bottom: 30px;

}

.c-local p {

  font-size: 22px;

  color: #676767;

}

.c-local p span {

  color: #fe0000;

}

/* 通用 联系我们 */

.bg-gray {

  background-color: #e7e7e7;

}

.i-ct {

  padding-top: 85px;

  padding-bottom: 85px;

}

.i-ct .c-inputs input {

  width: 100%;

  border: none;

  height: 60px;

  background-color: #fff;

  font-size: 16px;

  line-height: 60px;

  padding-left: 20px;

}

.i-ct .c-inputs .c-btn {

  border: none;

  background-color: #fe0000;

  color: #fff;

  font-size: 16px;

  display: block;

  width: 100%;

  line-height: 60px;

  height: 60px;

}

@media (min-width: 767.78px) {

  .phone-right {

    text-align: right;

  }

}

@media (max-width: 767.78px) {
  .c-title {

    font-size: 20px;

  }

  .c-title p {

    margin-bottom: 10px;

  }

  .c-title .div1 {

    margin: 22px 0px 28px;

  }

  .phone-right img {

    width: 100%;

  }

  .i-ct {

    padding-top: 35px;

    padding-bottom: 35px;

  }

  .i-ct .c-inputs input {

    margin-bottom: 10px;

  }

}

/* solve */
.email-ed {

  margin-top: 90px;

}

.email-ed .div1 {

  border: 1px solid #e4e4e4;

  padding: 4% 4%;

  color: #3c3c3c;

}

.email-ed .div1.active {

  border: none;

  padding: 4% 4%;

  color: #fff;

  background-color: #fe0000;

  border-bottom: 2px solid #fe0000;

  position: relative;

}

.email-ed .div1.active .div2 {

  height: 25px;

  background-color: #fe0000;

  position: absolute;

  top: -25px;

  width: 100%;

  left: 0px;

}

.email-ed .div1 .p1 {

  font-size: 30px;

  font-weight: bold;

  text-align: center;

}

.email-ed .div1 .p2 {

  font-size: 16px;

  margin-bottom: 60px;

  text-align: center;

}

.email-ed .div1 .p3 {

  font-size: 16px;

  margin-bottom: 20px;

}

.email-ed .div1 .p3 span {

  font-weight: bold;

}

.email-ed .div1.active .a1 {

  border: 1px solid #fff;

  color: #fff;

}

.email-ed .div1 .a1 {

  font-size: 16px;

  font-weight: bold;

  display: block;

  width: 140px;

  line-height: 40px;

  border: 1px solid #3c3c3c;

  color: #3c3c3c;

  text-align: center;

  margin: 30px auto 0px;

}

.email-ed .div-p3 {

  height: 220px;

}
.bg-gray1 {

  background-color: #f4f4f4;

}

.yzs-img1 {

  margin-top: 30px;

}

/* solve */
.space-img {

  margin-top: 25%;

}


/* 案例分析 */
.case-img {

  padding-top: 35%;

}

@media (max-width: 1199.98px) and (min-width: 991.98px) {
  .space-img{

    margin-top: 35%;

  }

}

@media (max-width: 991.78px) {

  .email-ed .div1 {

    margin: 10px 15px;

    width: 100%;

  }

  .email-ed .div1.active .div2 {

    display: none;

  }

}



@media (max-width: 767.78px) {
  .email-ed {

    margin-top: 20px;

  }

  .email-ed .div1 {

    margin: 10px 15px;

    width: auto;

  }

}

@media (min-width: 767.78px) and (max-width: 1199.78px) {
  .case-img{

    padding-top: 45%;

  }

}