.container {
  padding: 0;
  margin: 0 auto
}
.in-wrap {
  width: 100%;
  background: url(../images/icon/index_product_image_bg_402x.png)no-repeat center center;
  background-size: cover;
  padding-bottom: 65px
}
.in-cont1 {
  margin-top: -50px;
  position: relative;
  box-shadow: 0 0 6px #e5e5e5
}
.in-cont1 li {
  height: 230px;
  background-color: #fafafa;
  transition: all .3s ease-out 0s;
  padding: 0
}
.in-cont1 li:hover {
  box-shadow: 0 12px 20px rgba(0, 0, 0, .1);
  margin-bottom: 10px;
  margin-top: -13px
}
.in-cont1 li:nth-child(2) {
  background-color: #f0f0f0
}
.in-cont1 li:nth-child(3) {
  background-color: #e6e6e6
}
.in-cont1 li a {
  display: block;
  padding: 35px 0 0 50px
}
.in-cont1 li p i {
  display: inline-block;
  width: 21px;
  height: 15px;
  background: url(../images/icon/icon_tomore_spe_402x.png)no-repeat right center;
  background-size: 100% 100%
}
.in-cont1 li strong, .in-cont1 li p {
  display: block;
  color: #246ace;
  font-size: 20px
}
.in-cont1 li strong {
  font-size: 38px;
  margin: 20px 0 50px
}
.profile-list {
  margin-top:50px;}

.profile-list li{transition: all .3s ease-out 0s;padding: 0 5px}
.profile-list li:hover {margin-top: -13px}
.profile-list li:hover a .zoomimg{box-shadow: 0 12px 20px rgba(0, 0, 0, .1);}
.profile-list a { display: block; position: relative; }
.profile-list a .zoomimg { position: relative; overflow: hidden; margin: 0;box-shadow: 0 0 6px #e5e5e5;transition: all .3s ease-out 0s;}
.profile-list a .zoomimg:before { content: ""; display: block; padding-bottom:60%; }
.profile-list a .zoomimg img { position: absolute; top: 0; left: 0; width: 100%; }
.enterprise-item { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding:60px 10px 10px;  background-image: linear-gradient(rgb(0,0,0,0), rgb(0,0,0,0.4)); -o-background-size: 100% auto; background-size: 100% auto;text-shadow: rgb(0,0,0,0.6) 1px 1px 1px;}
.enterprise-item h4 { font-size: 38px;font-weight: bold;margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.enterprise-item .text { display: -webkit-box; height:18px; font-size: 20px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in-pro {
  margin-top: 90px
}
.in-pro-title h2 {
  font-size: 40px;
  font-weight: 700;
  color: #333;
  line-height: 48px
}
.in-pro-title p {
  width: 70%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 26px;
  color: #666
}
.more {
  display: inline-block;
  width: 156px;
  height: 42px;
  margin: 35px auto 80px;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  font-size: 18px;
  color: #666;
  line-height: 40px
}
.more:hover {
  box-shadow: 1px 1px 5px #dfdfdf;
  color: #666
}
.more i {
  display: inline-block;
  width: 21px;
  height: 15px;
  background: url(../images/icon/icon_tomore_def_402x.png)no-repeat right center;
  background-size: 100% 100%
}
.more2 {
  display: inline-block;
  width: 156px;
  height: 42px;
  margin: 35px auto 80px 10px;
  background: #ff9600;
  border-radius: 4px;
  font-size: 18px;
  color: #fff!important;
  line-height: 42px
}
.in-pro-box li {
  padding-left: 0;
  margin-bottom: 30px
}
.in-pro-box li>a {
  display: block;
/*height: 320px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #ececec;*/
  position: relative
}
/*.in-pro-text {
  width: 100%;
  height: 60px;
  line-height: 60px;
  position: absolute;
  bottom: 0;
  font-weight: 700;
  z-index: 10;
  color: #666
}
.in-pro-box .pro-arg{
    position: absolute;
    bottom:70px;
    text-align: center;
    width: 100%;}
.in-pro-text p {
  margin: 0;
  font-size: 16px;
  color: #ff9600;
}
.in-pro-text:before {
  content: " ";
  height: 60px;
  width: 8px;
  background-color: #ff9600;
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 0;
  transition: all .4s ease
}
.in-pro-box a:hover .in-pro-text:before{
  width: 100%;
  z-index: -1
}
.in-pro-box a:hover .in-pro-text p {
  color: #fff;
  background: url(../images/icon/icon_open_spe_402x.png)no-repeat 240px center;
  background-size: 26px 26px;
  text-align: left;
  padding-left: 15px
}*/
.in-pro-text {
  width: 100%;
  color: #666
}
.in-pro-text p {
    margin: 0;
  font-size: 20px;
  color: #ff9600;
}
.in-pro-text span{
    display: block;
  margin:10px 0;
}
.in-pro-box a:hover .in-pro-text p{
  font-weight: bold;
}
.in-pro-btn{
    text-align: center;
    width: 100%;}
.in-pro-btn a{
    color: #ff9600;
    background: #fff;
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 16px;
    display: inline-block;
    transition: all .4s ease;
    margin: 0 5px;
    border: 1px solid #ff9600;
}
.in-pro-btn a:hover{color: #fff;
    background: #ff9600;}
/*.in-pro-box img {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%)
}*/
.in-case .in-pro-title h2, .in-tech .in-pro-title h2 {
  margin: 90px auto 10px;
  font-weight: 700
}
.in-case .in-pro-title h2 span, .in-tech .in-pro-title h2 span {
  color: #ff9600
}
.case-item{margin-bottom: 20px;}
.case-item h3 {
  margin: 0;
    background-color: #f7f7f7;
    padding:10px 20px 20px;
      
}
.case-item h3 a {
  font-size: 16px;
  line-height:24px;
  font-weight: 700;
  color: #333;
    transition: all .3s;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-item:hover h3{background-color: #ff9600;}
.case-item:hover h3 a{color: #fff;}
.in-news-wrap .carousel-indicators {
  width: 100%;
  left: 0%;
  margin-left: 0;
  bottom:0
}
.in-news-wrap .carousel-indicators li {
  display: inline-block;
  width: 60px;
  height:8px;
  border-radius: 4px;
  margin: 0;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ccc;
  border: none;
}
.in-news-wrap .carousel-indicators .active {
  width: 60px;
  height: 8px;
  margin: 0;
  background-color: #246ace
}
.in-ser-title h2{margin: 130px auto 40px;}
.in-ser {
  width: 100%;
  background: #f5f5f5
}
.in-ser ul {
  margin: 0;
  padding: 0;
  height: 220px;
  overflow: hidden
}
.in-ser-div {
  padding: 0 0 0 30px
}
.in-ser-div img {
  margin-top: -30px
}
.in-ser ul li {
  padding: 0
}
.in-ser ul li a {
  display: block;
  color: #ff9600;
  font-size: 14px;
  padding: 65px 0
}
.in-ser ul li:hover a {
  background: #ff9600;
  box-shadow: 0 3px 6px 0 #ff9600;
  color: #fff
}
.in-ser ul li:hover a i,.in-ser ul li:hover span {
  color: #fff
}
.in-ser ul li i {
  display: block;
  font-size: 40px;
  color: #ff9600;
  margin-bottom: 25px
}
.in-ser ul li a span {
  letter-spacing: 1px
}
.in-ser ul li span {
  color: #666;
  display: block;
  height: 63px
}
.in-tech-ul {
  margin: 0
}
.in-tech-ul li {
  padding: 0
}
.in-tech-a {
  display: block;
  color: #fff;
  position: relative
}
.in-tech-div {
  padding: 18px 20px
}
.in-tech-a h2 {
  font-size: 24px
}
.in-tech-a p {
  font-size: 12px;
  line-height: 18px
}
.in-tech-li1 .in-tech-a {
  min-height: 330px;
  background: url(../images/in-tech1.jpg)no-repeat center;
  background-size: 100% 100%
}
.in-tech-li2 .in-tech-a {
  min-height: 330px;
  background: url(../images/in-tech2.jpg)no-repeat center;
  background-size: 100% 100%
}
.in-tech-li3 .in-tech-a {
  min-height: 330px;
  background: url(../images/in-tech3.jpg)no-repeat center;
  background-size: 100% 100%
}
.in-tech-ul li .in-tech-a {
  transition: all .6s ease-in-out
}
.in-tech-ul li .in-tech-a:hover {
  color: #fff;
  background-size: 110% 110%
}
.in-tech-li2 .in-tech-div {
  width: 100%;
  background-color: #164fbe;
  position: absolute;
  bottom: 0
}
.in-tech-li2 .in-tech-div:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #164fbe;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%)
}
.in-tech-li3 .in-tech-div {
  background-color: #f5f5f5;
  position: relative
}
.in-tech-li3 a.in-tech-a h2 {
  color: #246ace
}
.in-tech-li3 a.in-tech-a p {
  color: #333
}
.in-tech-li3 .in-tech-div:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%)
}

.in-about {
  width: 100%;
  min-height: 648px;
  margin-top: 112px;
  background: url(../images/index_image_about_bg_402x.jpg)no-repeat center;
  background-size: cover
}
.in-about-left {
  padding: 0
}
.in-about-left .in-about-more i {
  display: inline-block;
  position: relative;
  top: 5px;
  left: 5px;
  width: 21px;
  height: 21px;
  background: url(../images/icon/icon_tomore_spe2.png)no-repeat right center;
  background-size: 100% 100%
}
.in-about-left .in-about-video i {
  display: inline-block;
  position: relative;
  top: 5px;
  left: 10px;
  width: 21px;
  height: 21px;
  background: url(../images/icon/icon_tomore_video_402x.png)no-repeat right center;
  background-size: 100% 100%
}
.in-about-left p {
  color: #333
}
.in-about-left a {
  color: #fff;
  margin-bottom: 0
}
.in-about-left-a > a {
  display: inline-block;
  padding: 7px 0;
  text-align: center;
  border-radius: 4px;
  margin-top: 33px
}
.in-about-more {
  background: #ff8400
}
.in-about-more:hover {
  background: #ff6000
}
.in-about-video {
  background: #164fbe;
  margin-left: 12px
}
.in-about-video:hover {
  background: #003db5
}
.in-about-left img {
  margin: 70px 0 45px
}
.in-about-right {
  margin-top:100px;
  padding: 0
}
.in-about-right img {
  width: 100%
}
.in-about-left-img {
  margin-top: 60px;
  margin-bottom: 0
}
.in-about-left-img li {
  text-align: center;
  width: 32%;
  min-height: 148px;
  color: #fff;
  padding: 0;
  float: left;
  line-height: 148px
}
.in-about-left-img li a {
  display: block
}
.in-about-left-img li:nth-child(1) {
  background: url(../images/in-about-1.jpg)no-repeat center;
  background-size: cover
}
.in-about-left-img li:nth-child(2) {
  margin: 0 2%;
  background: url(../images/in-about-2.jpg)no-repeat center;
  background-size: cover
}
.in-about-left-img li:nth-child(3) {
  background: url(../images/in-about-3.png)no-repeat center;
  background-size: cover
}
.in-news {
  margin-bottom: 80px
}
.in-news-company-title {
  height: 122px;
  background: url(../images/index_image_new_402x.jpg)no-repeat center;
  background-size: 100% 100%
}
.in-news-item2 .in-news-company-title {
  height: 122px;
  background: url(../images/index_image_know_402x.jpg)no-repeat center;
  background-size: 100% 100%
}
.in-news-item3 .in-news-company-title {
  height: 122px;
  background: url(../images/index_image_know2_402x.jpg)no-repeat center;
  background-size: 100% 100%
}
.in-news-company-title h2 {
  color: #fff;
  text-align: center;
  line-height: 122px;
  font-size: 30px;
  font-weight: 400;
  margin: 0
}
.in-news-company-title h2 i {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/icon/icon_tomore_spe_402x.png)no-repeat right center;
  background-size: 100% 100%
}
.in-news-item {
  width: 32%;
  float: left;
  padding: 0;
  display: block;
}
.in-news-item1 {
      display: none;
  }
.in-news-company-wrap {
  border: 1px solid #dfdfdf;
  border-top: none
}
.in-news-company-cont {
  display: block;
  padding: 30px;
  transition: all .3s ease
}
.in-news-company-cont h3 {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #2b2b2b;
  min-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.in-news-company-cont p {
  min-height: 52px;
  font-size: 12px;
  color: #2b2b2b;
  margin-bottom: 20px;
  line-height: 18px
}
.in-news-cont-time {
  position: relative
}
.in-news-cont-time span {
  font-size: 18px;
  color: #666
}
.in-news-line {
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #dfdfdf
}
.in-news-i {
  display: none;
  width: 23px;
  height: 23px;
  background: url(../images/icon/icon_open_def_402x.png)no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  right: 0
}
.in-news-company-wrap a:hover {
  background-color: #dfdfdf
}
.in-news-company-wrap a:hover .in-news-i {
  display: inline-block
}
.in-news-item2 {
  margin: 0 2%
}
.in-news-company-cont p img {
  margin-right: 10px
}
.in-news-item3 .in-news-company-cont {
  padding-bottom: 20px
}
.in-news-item3 .in-news-company-cont h3 {
  min-height: auto
}
.in-news-item3 .in-news-company-cont p {
  margin-bottom: 0
}
@media screen and (max-width:1024px) and (min-width:0px) {
  .in-pro {
    margin-top: 50px
  }
  .in-wrap {
    padding-bottom: 0
  }
  .in-wrap .row, .in-news .row, .in-case .row, .in-tech .row, .in-ser .row {
    margin: 0
  }
  .in-cont1,.profile-list {
    display: none
  }
  .in-pro-title p {
    display: none
  }
  .in-pro-title h2 {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    line-height: initial
  }
  .more {
    display: inline-block;
    width: 156px;
    height: 42px;
    margin: 15px auto 20px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    font-size: 18px;
    color: #666;
    line-height: 40px
  }
  .wsapp:hover:after{display: none;}
  .in-pro-text p {
/*    margin: 0;
    color: #fff;*/
    font-size:10pt
  }
    .in-pro-box a:hover .in-pro-text p {
    font-weight:normal;
}
    .in-pro-text span{
    font-size:10pt
}
/*  .in-pro-text {
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    font-weight: 700;
    z-index: 10;
    color: #fff;
    background-color: #164fbe;
    background-size: 26px 26px
  }
  .in-pro-text:before {
    content: " ";
    height: 0;
    z-index: 0;
    transition: all .3s ease
  }
.in-pro-btn{margin-top: 10px;}*/
  .in-pro-btn a {
    padding:8px;
    font-size:9pt;
    margin:0;}
  .in-pro-box {
    padding: 0 15px
  }
  .in-pro-box li {
    width: 50%;
    padding-right: 5px;
    margin-bottom: 15px
  }
  .in-pro-box li:nth-child(2n) {
    padding: 0 0 0 5px
  }/*
  .in-pro-box li>a {
    height: 230px
  }*/
  .in-case .in-pro-title h2 {
    margin: 37px auto 20px
  }
 /*
  .in-pro-box .pro-arg {
    bottom: 60px;
    }
  .in-pro-box .pro-arg span{margin: 0;font-size:9pt;}
  .in-pro-box img {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%)
  }*/
    .case-item {
    margin-bottom: 10px;
}
.case-item h3 {
    padding:5px 10px;
      
}
.case-item h3 a {
  font-size: 14px;
    line-height:20px;} 
.in-ser-title h2{margin: 40px auto 20px;}   
  .in-ser {
    width: 100%;
    background: 0 0;
    background-size: 100% 100%
  }
  .in-ser ul {
    width: 100%;
    height: auto;
    background-color: #f5f5f5
  }
  .in-ser ul li {
    width: 50%
  }
  .in-ser ul li a {
    padding: 35px 0
  }
  .in-ser-div {
    width: 100%;
    height: 214px;
    background-color: #f5f5f5
  }
  .in-ser-div img {
    float: right
  }
  .in-tech .in-pro-title h2 {
    margin: 40px auto 0
  }
.in-tech .hd{position: relative;}
    
.in-tech .hd ul{
    bottom: -70px;
    left: 50%;
    margin-left: -96px;
    position: absolute;
}
.in-tech .hd li {
  display: inline-block;
  width: 60px;
  height: 3px;
  margin: 0 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ccc;
  border: none;
  border-radius: 0
}
.in-tech .hd li.on {
  width: 60px;
  height: 3px;
  background-color: #246ace
}  
  .in-about-wrap {
    width:90%;
    padding-bottom: 30px
  }
.in-about-left p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
  .in-about-left img {
    margin: 50px 0 25px;
}
  .in-about-video, .in-about-more {
    width: 49%
  }
  .in-about-video {
    margin-left: 2%
  }
  .in-about-right {
    margin-top: 30px;
}
  .in-about-left-img {
    display: none
  }
  .in-about-left-a > a {
    font-size: 16px;
    margin-top: 10px;
  }
  .in-news-wrap{padding-bottom: 40px;}
   .in-news-item,.in-news-item2, .in-news-item3 {
    margin: 0;
    display: none
  }
  .in-news-item1 {
      display: block;width: 100%;
  }
  .in-news-company-title {
    margin: 0 15px
  }
  .in-news-company-wrap {
    border: none
  }
  .in-news {
    margin-bottom: 0
  }
}