/*base*/
.fl{float: left;}
.fr{float: right;}
body{font: 12px/1.5 PingFangSC-Regular,Tahoma,'Microsoft Yahei',sans-serif;}
.padding0{
  padding:0;
}
.pb50{
  padding:0 0  50px 0;
}
.layui-carousel>[carousel-item]>*{
  height: auto;
}
.layui-carousel-ind{
  margin-top: -20px;
  top: auto;
  bottom: 10px;
}

/*header*/
.header_box{height: 74px; line-height: 74px; border-bottom: 1px  solid #e8ebf2; box-shadow: 2px 3px 6px 0 rgba(0,0,0,.1)}
.header {max-width: 1200px; margin:0 auto; position: relative; height: 100%; padding: 0 15px}
.header h1{display: inline-block; padding-left: 35px;}
.header .nav{font-size: 14px; text-align: right; display: inline-block; vertical-align: top; float: right;}
.header .nav .language-icon {
  background: url(../images/common.png)  no-repeat;
  background-position: -165px -9px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.header .nav a:hover i {
  background: url(../images/common.png)  no-repeat;
  background-position: -223px -9px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.header .nav a.active{color: #f92d2c!important;}
.app-header{display: none;}
.app-header-menuicon{display: block; position: absolute; top: 0; left: 0; width: 60px; height: 70px; cursor: pointer; text-align: center; z-index: 10;}
.app-header-menuicon i{font-size: 30px;}
.header-down-nav{display: none;}
.header .logo {
  display: inline-block;
  width: 340px;
}
.header .logo img {
  width: 100%;
  height: 33px;
  position: relative;
}


.index-nav{width: 100%;border-bottom: 1px solid #eeeeee;height: 50px;box-sizing: border-box;background:white;}
.index-nav-frame {width: 1200px;margin: 0 auto;}
.index-nav-frame-line {color: #777;background: white;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 115px;text-align: center;}
.index-nav-frame-line a {color: #777; display: block;}
.index-nav-frame-line a:hover {color: #f92d2c;}
.index-nav-frame-line.active a {color:#f92d2c;}
.index-nav-frame-line:hover {color:#f92d2c;}
.index-nav-frame-line:hover .language-icon {background: url(../images/common.png)  no-repeat;
  background-position: -223px -9px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 5px;}

.index-nav-frame-line-center{z-index: 2; opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background: white;color: #666666;line-height: 50px;}
.index-nav-frame-line-li:hover{background: #FF5763;color: white;}
.index-nav-frame-line-li:hover a{color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
  .index-nav-frame-line-li a{display: block;color: white;}
  .nav-line{display: block;border-bottom: 1px solid #eeeeee;}
  .nav-small{display: block;}
  .nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
  .nav-small:focus .nav-small-focus{display: block;}
  .index-nav-frame{width: 100%;}
  .index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
  .index-nav-frame-line-center{position: relative;background: #444359;}
  .index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
  .index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
  .index-nav-frame-line-li:hover{background: #b63b4d;}
  .index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
  .index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
  .index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
  .index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
  .index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}

}

/*end-header*/


/*footer*/
/*删格化5等份*/
.layui-col-lg2-4,.layui-col-md2-4,.layui-col-sm2-4,.layui-col-xs2-4{position:relative;display:block;box-sizing:border-box}
.layui-col-xs2-4{float:left}
.layui-col-xs2-4{width:19.9999992%}
.layui-col-xs-offset2-4{margin-left:19.9999992%}
@media screen and (min-width:768px){
  .layui-col-sm2-4{float:left}
  .layui-col-sm2-4{width:19.9999992%}
  .layui-col-sm-offset2-4{margin-left:19.9999992%}
}
@media screen and (min-width:992px){
  .layui-col-md2-4{float:left}
  .layui-col-md2-4{width:19.9999992%}
  .layui-col-md-offset2-4{margin-left:19.9999992%}
}
@media screen and (min-width:1200px){
  .layui-col-lg2-4{float:left}
  .layui-col-lg2-4{width:19.9999992%}
  .layui-col-lg-offset2-4{margin-left:19.9999992%}
}
.footer {background: #373d41; text-align: center; padding-top: 60px; color: #D2D2D2;}
.footer .foot-nav { max-width: 1200px; margin: 0 auto; height: 310px;}
.footer .foot-nav .ft-nav-title {text-align: left; word-break: break-all;}
.footer .foot-nav .ft-normal-a a {display: block; color: #D2D2D2; font-size: 12px; text-align: left; line-height: 20px; word-break: break-all}
.footer .foot-nav .ft-normal-a .foot-icon {font-size: 12px;}

.footer .foot-nav-en { max-width: 1200px; margin: 0 auto; height: 400px;}
.footer .foot-nav-en .ft-nav-title {text-align: left; word-break: break-all;}
.footer .foot-nav-en .ft-normal-a a {display: block; color: #D2D2D2; font-size: 12px; text-align: left; line-height: 20px; word-break: break-all}
.footer .foot-nav-en .ft-normal-a .foot-icon {font-size: 12px;}

.footer .copyright{background-color: #2b3033;font-size: 14px; color: #848484; line-height: 50px;}
/*end-footer*/


.cross-line {width: 100%; height: 20px; background-color: #f5f5f6;}

/*end-base*/


/*index*/
.content .title{text-align: center; color: #333333; padding:50px 0;}
.content .title h5{font-size: 18px; color: #878787;}
.content .title h3{font-size: 48px;}
.content .title h4{font-size: 20px;}
.content .prod-show-bg {width: 100%; background-color: #f5f5f6}
.content .prod-show {padding:60px 0; max-width: 1200px; margin:0 auto;}
.content .prod-show .img-txt {padding: 0 10px}
.content .prod-show .img-txt .caption {height: 90px; background-color: white; margin-top: -80px;}
.content .prod-show .img-txt h3{line-height: 40px; font-size: 18px; color: #666666; text-align: center; padding-top: 15px}
.content .prod-show .img-txt p {line-height: 20px; font-size: 14px; color: #666666; text-align: center;}
.content .prod-show .img-txt:hover * {color: black;}
.t-hover-shadow {
  transition: transform .5s ease-in-out, box-shadow .5s cubic-bezier(.47, 0, .745, .715), border .5s linear .1s;
}

.t-hover-shadow:hover {
  box-shadow: 0 5px 50px rgba(51, 51, 51, .40);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  transform: translateY(-3px);
}

.content .prod-descr {padding:60px 0; max-width: 1200px; margin:0 auto;}
.content .prod-descr .prod-descr-caption {margin-bottom: 25px}
.content .prod-descr .prod-descr-caption h2 {line-height: 50px; font-size: 30px; text-align: center;}
.content .prod-descr .prod-descr-caption p {line-height: 50px; font-size: 14px; text-align: center; color: #505050}
.content .prod-descr .common_img_1 {
    width: 92px;
    height: 92px;
    background: url(../images/common.png) no-repeat;
    background-position: -20px -52px;
    margin: 0 auto;
}
.content .prod-descr .common_img_2 {
    width: 92px;
    height: 92px;
    background: url(../images/common.png) no-repeat;
    background-position: -273px -52px;
    margin: 0 auto;
}
.content .prod-descr .common_img_3 {
    width: 92px;
    height: 92px;
    background: url(../images/common.png) no-repeat;
    background-position: -154px -52px;
    margin: 0 auto;
}
.content .prod-descr .common_img_4 {
    width: 92px;
    height: 92px;
    background: url(../images/common.png) no-repeat;
    background-position: -391px -52px;
    margin: 0 auto;
}

.content .prod-descr .img-txt-caption {padding: 10px}
.content .prod-descr .img-txt-caption h3 {
    margin: 10px 0;
    line-height: 26px;
    font-size: 19px;
    font-weight: 600;
    color: #111;
    text-align: center;
}
.content .prod-descr .img-txt-caption p {
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #999;
}

.content .app-exp-bg {width: 100%; background-color: #f5f5f6}
.content .app-exp {max-width: 1200px; padding: 60px 0 80px 0; margin: 0 auto}
.content .app-exp .app-exp-caption {color: #000; margin-bottom: 35px;}
.content .app-exp .app-exp-caption h3 {font-size: 30px; font-weight: 500; text-align: center; line-height: 70px;}
.content .app-exp .app-exp-caption h4 {font-size: 14px; text-align: center; color: #505050; line-height: 30px;}

.content .app-exp .cont-box {max-width: 1200px; margin:0 auto; text-align: center;}
.content .app-exp .cont-box .app-img-txt {padding: 3px;}
.content .app-exp .cont-box .app-caption {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.content .app-exp .cont-box .app-caption h3 {font-size:20px; font-weight: 700; color: #f5f5f6;}

/*end-index*/


/*solution*/
.content .solution-prod-title-bg {width: 100%; background: url("../images/banner-pc.jpg"); height: 319px;}
.content .solution-prod-title {max-width: 1200px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%);}
.content .solution-prod-title .solution-prod-title-text {text-align: center; color: white;}
.content .solution-prod-title .solution-prod-title-text h2 {font-size: 52px; letter-spacing: 10px;}
.content .solution-prod-title .solution-prod-title-text h3 {font-size: 20px; line-height: 62px;}
.content .solution-prod-descr {max-width: 1200px; margin: 20px auto;}
.content .solution-prod-descr .solution-prod-descr-img-text .solution-descr-text {padding: 55px 0 20px 0;}
.content .solution-prod-descr .solution-prod-descr-img-text h2 {font-size: 35px; font-weight: 700;}
.content .solution-prod-descr .solution-prod-descr-img-text h3 {font-size: 18px; line-height: 40px;}
.content .solution-prod-descr .solution-prod-descr-img-text img {max-width: 100%;}
.content .solution-prod-descr .solution-prod-descr-img-text .solution-descr-text-con {padding-top: 20px;}
.content .solution-prod-descr .solution-prod-descr-img-text .solution-descr-text-con ul {padding-left: 38px; font-size: 16px; line-height: 30px; color: #7d828c;}
.content .solution-prod-descr .solution-prod-descr-img-text .solution-descr-text-con li {list-style: decimal}

/*end-solution*/


@media only screen and (max-width: 1024px){
  .case-content .banner{margin:30px auto;}
  .case-content .banner .img-text h3{color: #a1a1a1; font-size: 20px;}
  .content .prod-descr .item{
    position: relative;
    padding-bottom: 0;
    margin-bottom: 100px;
  }
  .content .prod-descr .item .bot-img-box{
    position:relative;
    margin-top: 20px;
  }
  .content .prod-descr .item .text{
    padding:0 30px;
  }
  .content .prod-descr .item .text h3{
    font-size: 26px;
    padding:30px 0;
  }
  .content .prod-descr .item .text p{
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 20px;
  }
  .content .prod-descr .item .text a{
    font-size: 18px;
    color: #ab8e75;
  }
  .about-content .about-big-img .text{
    margin: 200px 50px;
  }
  .about-info .img-texts{
    padding:50px 0;
  }
  .about-content .about-big-img .text p{
    padding-top: 10px;
    font-size: 20px;
    line-height: 40px;
  }
  .about-content .about-big-img .text h3{
    font-size: 24px;
  }
  .about-info .img-texts .item .text h5{
    font-size: 50px;
  }
  .about-info .img-texts .item .text h4{
    font-size: 24px;
    padding:25px 0  30px 80px ;
  }
  .content .title{padding:20px 0;}
  .content .prod-show{padding:50px 0;}
  .content .prod-show .img-txt{margin-bottom: 10px;}
  .content .Partner .title{color: #000; padding:50px 0;}
  .content .Partner .cont-box{max-width: 1200px; margin:0 auto; text-align: center;}
  .content .Partner .cont-box h2{color: #989898; font-size:20px; padding:15px 0; background: #fff;}

}
/*@media only screen and (max-width: 992px){
 
}*/
/*@media only screen and (max-width: 810px){
  

}*/
@media only screen and (max-width: 780px){
  .about-info .img-texts .item .text{
    padding-left: 0;
  }
  .about-info .img-texts .img-center{
    text-align: center;
  }
  .about-info .img-texts .item{
    padding:0 20px;
  }


  .service-contact{
    margin-bottom: 50px;
  }
  .service-contact-box .cantact-info h3{
    padding:20px 0;
  }
  .service-contact-box .cantact-info .item,.service-contact-box .cantact-info .item i{
    font-size: 16px;
  }
  .about-info .coreTeam .imgTxt h6{
    padding:36px 0;
  }
  .details-content .img-box{
    padding-bottom: 50px;
  }
  .footer p.copyright{
    padding:20px 0;
  }

  /**/
  .header .nav{
    display: none;
  }
  .header h1.logo{
    float: right;
    padding:0 35px 0 0;
  }
  .app-header{
    display: block;
  }
  .layui-nav.down-nav{
    position: absolute;
    width: 100%;
    z-index: 2;
    text-align: center;
    top: 80px;
    padding:0;
    display: block;
  }
  .layui-nav.down-nav li{
    height: 60px;
    line-height: 60px;
    display: block;
  }
  .layui-nav.down-nav li a{
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
  }
  .service-content .content-introduction{
    padding:20px 0;
  }
  .service-content .content-introduction .layui-fluid{
    padding:0 20px;
  }
  .service-process .title{
    padding:30px 0;
  }
  .service-process-box{
    padding-bottom: 30px;
  }
  .service-contact-box .cantact-info .item,.service-contact-box .cantact-info .item i{
    font-size: 16px;
  }

  /**/
  .service-contact-box .cantact-info h3{
    padding:20px 0;
  }
  .service-contact-box .cantact-info .item,.service-contact-box .cantact-info .item i{
    font-size: 16px;
  }
  .service-contact-box .map-img{
    height: 220px;
    margin-bottom: 30px;
  }
  .service-contact-box{
    padding: 40px 0;
  }
  .service-contact-box .cantact-info{
    height: auto;
  }
  .service-contact-box .cantact-info .item{
    line-height: 40px;
  }
  .about-content .about-big-img .text{
    margin: 200px 50px;
  }
  .about-content .about-big-img .text p{
    padding-top: 10px;
    font-size: 18px;
    line-height: 36px;
  }
  .about-content .about-big-img .text h3{
    font-size: 24px;
  }
  .footer .line{
    width: 100%;
  }
}

@media only screen and (max-width: 780px){
  .content .title h5{font-size: 12px; color: #878787;}
  .content .title h3{font-size: 24px;}
  .content .title h4{font-size: 14px;}
  .content .prod-show .img-txt h3{line-height: 40px; background: #f9f9f9; font-size: 14px; color: #666666; text-align: center;}
}
@media only screen and (max-width: 768px){
   .content .Partner .cont-box h2{font-size:14px;}
}
@media only screen and (max-width: 767px){
   .case-content .banner{display: none;}
   .case-content .imgtext-flow .item img{width: 100%; height: auto;}
}