/* CSS Document */

.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.cl{clear:both;}
.ov{overflow:hidden;}
.db, .lb, .dd{font-size:0;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}
em, .em,i{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.page{width:1500px;margin:0 auto;}
:focus {outline:none;background-color:transparent;}
::selection{background:var(--c1);color: #fff;}

@font-face {
  font-family: 'iqj';
  src: url('http://www.qinjiantape.com/cssjs/iconfont.eot');
  src: url("http://www.qinjiantape.com/cssnew/iconfont.eot.txt") format('embedded-opentype'),
      url("http://www.qinjiantape.com/cssnew/iconfont.woff2.txt") format('woff2'),
      url("http://www.qinjiantape.com/cssnew/iconfont.woff.txt") format('woff'),
      url("http://www.qinjiantape.com/cssnew/iconfont.ttf.txt") format('truetype'),
      url("http://www.qinjiantape.com/cssnew/iconfont.svg.txt") format('svg');
}

.iqj {
  font-family: "iqj" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*iconfont*/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/*title*/
.title{text-align: center;padding-top: 80px;margin-bottom: 30px;}
.title b{font-size: 42px;display: block;line-height: 42px;margin-bottom: 15px;font-weight:bold;}
.title b span{font-weight: bold;font-size: 42px;}
.title p{font-size: 16px;color: #777;display: block;margin-bottom: 6px;}
.title i{font-size: 35px;color: #dadada;animation: tptd 1.5s infinite;-webkit-animation:tptd 1.5s infinite;}
@keyframes tptd{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}
@-webkit-keyframes{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}

/*bt*/
.bt{text-align: center;padding-top: 46px;color: #fff;margin-right: 30px;}
.bt i{width:122px;height: 4px;background: #fff;display: block;margin: 0 auto 22px;}
.bt b{font-size:36px;font-weight: bold;display: block;margin-bottom: 15px;}
.bt p{font-size: 16px;color:rgba(255, 255, 255, 0.47);}

/*all_title*/
.all_title{text-align:center;padding-top: 80px;}
.all_title b{font-size: 42px;display: block;margin-bottom: 19px;font-weight: bold;}
.all_title p{font-size: 18px;color: #999;font-weight: 100;display: block;margin-bottom: 16px;}
.all_title em{position: relative;width: 38px;margin: 0 auto;display: block;}
.all_title em::before,.all_title em::after{position: absolute;content: '';width:6px;height:25px;background:#f97439;top:0;left:0;border-radius: 32px;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.all_title em::after{right: 0px;left: inherit;background: #e3ba1d;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
.all_title i{width: 6px;height:32px;background:var(--c1);margin: 0 auto;border-radius: 32px;animation: tptd 1.8s infinite;-webkit-animation:tptd 1.8s infinite;}
@keyframes tptd{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}

/*head*/
.hd_bg{position:relative;z-index: 999;height: 262px;}
.hd_box{padding: 37px 0 0 0 !important;}

.ggy{padding-top: 1px;margin-left: 96px;position: relative;border-right: 1px solid #efefef;padding-right: 29px;margin-right: 30px;position:relative;}
.ggy:after{position:absolute;content:'';width: 1px;height: 20px;background: var(--c1);top: 50%;right: -1px;margin-top: -10px;}
.ggy b{font-size:1.6vw;color: var(--c1);line-height: 30px;display: block;font-weight: bold;}
.ggy b span{display: inline-block;font-size: 1.6vw;color: #333;}
.ggy p{font-size: 16px;color: #7f7f7f;display: block;margin-top: 10px;line-height: 16px;}
.ggy p span{width:calc((100% / 4) + 27px);height: 38px;font-size: 0.8vw;float: left;line-height: 38px;background:linear-gradient(to right, #00ba72, #33d47a);border-radius: 19px;padding-left:1.6vw;color: #fff;margin-left: -37px;}
.ggy p span:first-child{margin-left:0;}
.albb {margin-top: 0px;}
.albb a {font-size: 24px;}
.hd_tel{background: var(--c1) url(../image/20200922154648_644562689.png) no-repeat 18px center;width:15.5vw;height: 77px;border-radius: 10px;border-top-left-radius: 38px;border-bottom-left-radius: 38px;padding-left:3.5vw;margin-top: 1px;padding-top: 15px;position: relative;margin-right: 10px;transition:all 0.5s;}
.hd_tel:hover{transform:translate(10px, 10px);}
.hd_tel:before,.hd_tel:after{position:absolute;content:'';width: 15.5vw;height: 77px;top: 0;right: 0;background: rgba(48, 183, 108, 0.19);z-index: -1;border-radius: 10px;border-top-left-radius: 38px;border-bottom-left-radius: 38px;transition:all 0.5s;}
.hd_tel:before{right: -5px;top: 5px;}
.hd_tel:after{right: -10px;top: 10px;}
.hd_tel:hover:before{right:0;top: 0;}
.hd_tel:hover:after{right:0;top: 0;}
.hd_tel em{font-size:1.5vw;font-weight: bold;color: #fff;font-family: 'Roboto';line-height: 20px;}
.hd_tel em+em{margin-top:10px;}



/*busin*/
.bus_bg{background: url(../image/20200922171851_1996101864.jpg) no-repeat center 126px;width: 100%;}
.bus_con{display:flex;align-item:end;justify-content:center;background: var(--c1);padding: 21px 20px;position: relative;overflow: hidden;}
.bus_con:before{position:absolute;content:'';top: -50px;left: 0;width: 10px;height: 800px;background: rgba(255, 255, 255, 0.05);transform: rotate(-30deg);animation:buspd 2s infinite;z-index: 99;}
.bus_le{width:48.6%;height: 688px;}
.bus_le img{width:100%;height:auto;}
.bus_ri{width:51.4%;background:#fff url(../image/20200925165208_637567779.png) no-repeat top center;padding:45px 46px 106px 44px;}
.bus_ri>b{font-size:34px;display: block;padding-bottom: 18px;border-bottom:1px solid #e9e9e9;}
.bus_ri>b>span{font-weight: bold;font-size: 16px;color:var(--c1);}
.bus_ri>p{font-weight: 100;font-size:16px;line-height: 30px;color: #959595;margin-top: 30px;display: block;margin-bottom: 1rem;position:relative;}
.bus_ri>p:before,.bus_ri>p:after{content:'';position:absolute;}
.bus_ri>p:before{width:119px;height:85px;background:url(../image/20200925165335_1792091717.png) no-repeat;bottom:-52px;left:12px;}
.bus_li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bus_li dl{display: flex;
  border: 1px solid #eee;
  padding: 12px;    align-items: center;}
.bus_li .icon{font-size: 24px;}
.bus_li dd{margin-left: 11px;}
.bus_li dd b{display: block;font-size:18px;}
.bus_li dd em{font-size:0.625vw;text-transform: inherit;color:#959595;}

.bus_ri>b,.title b,.all_title b,.pro_t b,.bt b,.case_bg .title b,.cop_em b,.cop_m b,.cus_le b,.case_list .td div a{
  text-transform: uppercase;
}

@keyframes buspd{
  0%{left:0;}
  100%{left:100%;}
}

.feat_nr ul{
  display: flex;
}

/*product*/
.pro_bg{margin-top: -256px;position: relative;background: url(../image/20200923090239_1747112917.png) no-repeat center top;padding-top: 213px;}
.pro_con{margin-top: 30px;}
.pro_tab{padding: 22px;background: var(--c1);height: 188px;    display: flex;flex-wrap: wrap;}
.pro_t{text-align: center;color: #fff;width: 30%;}
.pro_t i{width: 70px;height: 3px;background: #fff;display: block;margin: 22px auto 17px;border: 1px solid #eee;}
.pro_t p{display: inline-block;margin-bottom: 10px;height: 26px;}
.pro_t p img{float: left;}
.pro_t b{font-size: 26px;font-weight: bold;float: left;font-family: 思源黑体;}
.pro_t img:first-child{margin-right:10px;}
.pro_t em{color: #f5f5f5;font-size: 14px;}
.pro_t span{font-size:20px;display: block;margin-top: 14px;}
.pro_fe{       width: 69%;
  border: 1px solid #eee;
  height: 100%;
  background: #fff;
  padding: 0 2rem;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px 10px;}
.pro_fe table {width: 100%;}
.pro_fe tr {width:calc(100%/7);display: inline-block;}
.pro_fe td {display:block;position: relative;height: 34px;padding-left: 16px !important;}
.pro_fe  a{display:block;font-size: 16px;font-weight: normal !important; position: relative;padding-left: 16px;}
.pro_fe a:before{position:absolute;content:'';top: 50%;left: 0;width: 6px;height: 6px;background: var(--c1);margin-top: -3px;}
.pro_list{margin-top: 50px;}
.pro_list tr{display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 10px;}
.pro_list tr+tr{margin-top: 30px;}
.pro_list td{display: inline-block;text-align: center;}
.pro_list td+td{margin-left:1.7%;}
.pro_list td>a{display: block;position: relative;transition:0.5s;overflow: hidden; height: 300px;}
.pro_list td>a:before{position:absolute;content:'';width: 0;height: 0;top: 0;left: 0;background: rgb(20 124 175 / 28%);transition:0.5s;z-index: 2}
.pro_list td>a:after{position:absolute;content: '+';top: -100%;left: 50%;margin-left: -25px;line-height: 48px;font-size: 60px;font-weight: 100;color: #fff;z-index: 3;transition: 0.5s;}
.pro_list td:hover>a:before{width:100%;height:100%;transition:0.5s;}
.pro_list td:hover>a:after{top:50%;transition:0.5s;margin-top: -5%;}
.pro_list td>a img{transition:all 0.5s;}
.pro_list td:hover>a img{transform:scale(1.2);}
.pro_list td br{display: none;}
.pro_list td span{width: 100%;height: 70px;background: #f5f5f5;position: relative;display: block;transition:0.5s;}
.pro_list td span:after{position:absolute;content:'';width: 0;height: 100%;top: 0;left: 0;background:var(--c1);transition:0.5s;}
.pro_list td:hover span>a{
  color: #fff;
}
.pro_list td:hover span:after{width:100%;transition:0.5s;}
.pro_list td span>a{width: 100%;
  position: relative;
  display: block;
  transition: 0.5s;
  overflow: hidden;
  padding: 10px;
  font-size: 16px;z-index: 3;    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}


/*feature*/
.feat_bg .bt{
  width: max-content;
  margin: 0 auto;
  padding: 40px;
  background: url(../img/jd.png) no-repeat center;
  background-size: 100%;
  color: #000;
}
.feat_bg .bt i{
  background: #000;
}
.feat_bg .bt p{
  color: #000;
}
.feat_bg{background: url(../image/20200923100114_831849157.png) no-repeat center;margin-top: 80px;position: relative;height: 1019px;}
.feat_nr{margin-top: 90px;padding-left: 77px;}
.feat_nr li{color: #fff;border-left: 1px solid rgba(255, 255, 255, 0.18);height: 448px;padding-left: 20px;padding-right: 55px;position: relative;}
.feat_nr li:before,.feat_nr li:after{position: absolute;content: '';top: 0;left: 0;border-radius: 100%;animation: hxd 2s infinite;-webkit-animation: hxd 2s infinite;}
.feat_nr li:before{width: 11px;height: 11px;background: var(--c1);top: -5px;left: -6px;animation: hxd 2.5s infinite;-webkit-animation: hxd 2.5s infinite;}
.feat_nr li:after{width: 23px;height: 23px;background: rgba(48, 183, 108, 0.38);top: -11px;left: -12px;}
.feat_nr li:nth-child(even){margin-top: 124px;height: 363px;padding-top: 5px;}
.feat_nr li i{font-size: 30px;}
.feat_nr li b{font-size: 22px;font-weight: bold;line-height: 30px;margin: 11px 0 20px;display: block;}
.feat_nr li p{line-height: 30px;color: rgba(255, 255, 255, 0.29);font-size: 16px;font-weight: 100;}
.feat_nr li:nth-child(3){height: 438px;}
.feat_nr li:nth-child(3) i{font-size:42px;}
.feat_nr li:nth-child(4){height: 260px;}
.feat_nr li:nth-child(4) i{font-size:30px;}

@keyframes hxd{
  0%{transform:scale(1);}
  50%{transform:scale(1.2);}
  100%{transform:scale(1);}
}

@-webkit-keyframes hxd{
  0%{transform:scale(1);}
  50%{transform:scale(1.2);}
  100%{transform:scale(1);}
}

/*honor*/
.hon_box{background: url(../image/20200925170928_374733040.png) no-repeat center 740px;height: 997px;overflow: hidden;}
.hon_box .title b{font-weight: normal;}
.hon_con{position: relative;margin-top: 20px;display: inline-block;width: 100%;}
.hon_list{width: 1236px;margin: 0 auto;overflow: hidden;position: relative;z-index: 2;}
.hon_list .tempWrap {width: 100% !important;}
.hon_list tr {display: block;}
.hon_list td{width: 389px;margin-right: 35px;}
.hon_list td:last-child{margin-right: 0;}
.hon_list td div{display: none;}
.hon_btn{position: absolute;top: 50%;width: 100%;margin-top:-32px;z-index: 1;}
.hon_btn div{cursor:pointer;transition:0.5s;}
.hon_btn div:hover i{color:var(--c1);transition:0.5s;}
.hon_btn i{transition:0.5s;font-size: 62px;}

/*adv*/
.flipInX{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
   grid-gap: 20px 10px;
   padding: 0;
}
.adv_bg{background: #f3f3f3;height: 1026px;width: 100%;overflow:hidden;}
.adv_con{margin-top: 50px;position: relative;padding-top: 80px;}
.adv_tab{height: 160px;position: absolute;top:0;left: 50%;z-index: 3;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.adv_tab li{    color: #fff;
  transition: 0.5s;
  display: flex;
  background: #20221d;
  padding: 0 14px 20px;
  justify-content: center;
  }
.adv_tab li+li{border-left: 1px solid rgba(255, 255, 255, 0.1);}
.adv_tab li i{background: linear-gradient(to top, #393d34, #171815);border-bottom-left-radius: 32px;border-bottom-right-radius: 32px;width: 65px;height: 121px;float: left;text-align: center;padding-top: 56px;color: #fff;transition: 0.5s;position: relative;z-index: 2;}
.adv_tab li i:after{position:absolute;content:'';top: 0;left: 0;background: linear-gradient(to top, #35cf79, #2baa63);width: 100%;height: 0;border-bottom-left-radius: 32px;border-bottom-right-radius: 32px;z-index: -1;transition: 0.5s;}
.adv_tab li i.iqj{font-size: 38px;color: #fff;}
.adv_tab li:nth-child(2) i.iqj{font-size: 47px;}
.adv_tab li:nth-child(3) i.iqj{font-size: 56px;}
.adv_tab li:nth-child(4) i.iqj{    font-size: 45px;
  padding: 56px 7px 0;}
.adv_tab li p{float:left;margin-left: 25px;margin-top: 54px;color: rgba(255, 255, 255, 0.48);line-height: 20px;font-size:14px;font-weight: 100;}
.adv_tab li p b{display:block;color: #fff;font-size: 24px;font-weight: bold;line-height: 24px;margin-bottom: 14px;}
.adv_tab li.on{background: var(--c1);transition: 0.5s;}
.adv_tab li.on i:after{height: 122px;transition: 0.5s;}
.adv_list{position: relative;}
.adv_list dl{position: relative;}
.adv_list dt{}
.adv_list dd{    background: url(../img/image.png) no-repeat ;
  position: absolute;
  bottom: 55px;
  right: 0;
  max-width: 60%;
  padding: 40px;
  background-position: right bottom;
  background-color: #fff;
  background-size: 36%;}
.adv_list dd em{position: absolute;top: 3rem;left: 92px;font-size: 91px;font-family: 'Roboto';font-weight: bold;color: rgba(48, 183, 108, 0.14);}
.adv_list dd p{font-size: 16px;color: #666;padding-left: 32px;position:relative;border-bottom: 1px solid rgba(5, 28, 22, 0.18);padding-bottom: 30px;margin-bottom: 22px;}
.adv_list dd p:before{position:absolute;content:'';top:0;left:0;width: 8px;height: 55px;background: var(--c1);}
.adv_list dd p>b{display: block;margin-bottom:6px;color:#051c16;font-size: 28px;font-weight: bold;}
.adv_list dd span{display: block;line-height: 26px;position:relative;padding-left: 17px;}
.adv_list dd span:before{position:absolute;content:'';top: 10px;left:0;width: 7px;height: 7px;background: var(--c1);transform: rotate(45deg);}
.adv_list dd span+span{margin-top:6px;}
.adv_list dd a{display: flex;
  text-align: center;
  color: #fff;
  background: var(--c1);
  margin-top: 36px;
  width: max-content;
  align-items: center;}
.adv_list dd a>b{    padding: 10px;
  line-height: 43px;
  display: block;
  background: var(--c1);
  border-right: 2px solid #fff;}
.adv_list dd a>i{font-size: 36px;width: 43px;height: 43px;display: block;line-height: 43px;}

/*custom*/
.cus_box{padding: 57px 0 80px !important;    display: flex;
  align-items: center;}
.cus_le{width: 24%;}
.cus_le b{font-size: 36px;font-weight: bold;color: #051c16;line-height: 43px;}
.cus_le i{width: 71px;background: var(--c1);height:2px;display: block;margin-top: 13px;}
.cus_ri{margin-top: 6px; width: 70%;}
.cus_ri ul{
  display: flex;    flex-wrap: wrap;
}
.cus_ri li{position: relative;text-align: center;padding-right: 71px; margin-bottom: 37px;}
.cus_ri li:last-child{padding-right:27px;}
.cus_ri li+li{padding-left:40px;}
.cus_ri li i{}
.cus_ri li i>.icon{font-size: 50px;filter: sepia(0) hue-rotate(67deg) saturate(1);}
.cus_ri li b{    font-size: 16px;
  display: block;
  margin-top: 10px;
  color: #777;
  font-weight: 100;}
.cus_ri li em{font-size: 32px;color: #dedede;position: absolute;right: 0;top: 50%;margin-top: -16px;}

.cus_ri li:hover i{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
  /*图片抖动*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

/*case*/
.case_bg{background: #f3f3f3;padding-bottom: 80px;}
.case_bg .title b{font-weight: normal;}
.case_con{margin-top: 20px;}
.case_list{overflow: hidden;}
.case_list .tempWrap {width: 100% !important;}
.case_list .td{display:block;padding-right:10px !important;margin-right: 26px;position: relative;overflow:hidden;}
.case_list .td>a{position: relative;display: block;overflow:hidden; height: 260px;}
.case_list .td:before,.case_list .td:after{position: absolute;content: '';}
.case_list .td:before{content: '+';color: #fff;font-size: 60px;z-index:5;font-weight: 100;top: 30px;left: 30px;}
.case_list .td:after{bottom:37px;right: -5px;border-color:var(--c1) transparent;border-width: 0px 0px 80px 80px;border-style: solid;}
.case_list .td>a:before,.case_list .td>a:after{position: absolute;content: '';transition:all 0.5s;}
.case_list .td>a:before{top: -106px;left: -106px;border: 106px solid;border-color: transparent rgba(48, 183, 108, 0.8)  transparent transparent;transform: rotate(45deg);z-index: 4;}
.case_list .td:hover>a:before{top: -600px;left: -600px;border-width: 600px;border-color: transparent rgba(48, 183, 108, 0.5)  transparent transparent;}
.case_list .td>a:after{top: -127px;left: -127px;border: 127px solid;border-color: transparent rgba(48, 183, 108, 0.5)  transparent transparent;transform: rotate(45deg);z-index: 3;}
.case_list .td:hover>a:after{top: -106px;left: -106px;border-width: 106px;border-color: transparent rgba(48, 183, 108, 0.8)  transparent transparent;}
.case_list .td>a>img{position:relative;z-index:2;}
.case_list .td:last-child{margin-right: 0;}
.case_list .td div{text-align: left;margin-top: 17px;margin-left: 22px;padding-top: 0 !important;}
.case_list .td div a{font-size: 16px;font-weight: bold;color: #777;}
.case_btn{margin: 53px auto 0;width: 160px;height: 62px;}
.case_btn div{cursor:pointer;transition:0.5s;}
.case_btn div:hover i{color:var(--c1);transition:0.5s;}
.case_btn i{transition:0.5s;font-size: 62px;}

/*partner+message*/
.parme_bg{width:100%;background:var(--c1);padding-bottom: 193px;position:relative;}
.parme_bg:before{content:'';width:100%;height:800px;background:url(../image/20200925145243_928325171.png) repeat-x;animation: slide 100s linear infinite;-webkit-animation: slide 100s linear infinite;position:absolute;top:30px;left:0;}
.part{padding: 80px 0 !important;}
.part_con{}
.part_con tr{display:block;overflow: hidden;}
.part_con tr+tr{margin-top:20px;}
.part_con td{width:calc((100% - 3.75vw) / 4);display: inline-table;overflow:hidden;position:relative;float: left;box-sizing: border-box;}
.part_con td>a{display: block;}
.part_con td>a>img{width:100%;height:auto;}
.part_con td+td{margin-left:1.25vw;}
.part_con td>div{width:100%;height: 100%;background: rgba(48, 183, 108, 0.9);position:absolute;top:50%;left:0;margin-top: -107px;transform-origin: center;transform: rotateX(90deg);transition: 600ms;}
.part_con td>div>a{display:block;line-height:214px;font-size:16px;color:#fff;text-align:center;}
.part_con td:hover div{transform: rotateX(0deg);transition: 600ms;}
.part_con td br{display: none;}

.mess{background:#fff url(../image/20200925175316_1977103518.png) no-repeat center;box-shadow: 4px -6px 50px 15px rgba(0, 0, 0, 0.1);padding: 80px !important;border-radius: 10px;    position: relative;margin-top: -193px;margin-bottom:80px;}
.adbt{}
.adbt i{font-size: 34px;float: left;margin-right: 13px;}
.adbt b{font-size: 30px;display: block;line-height: 30px;}
.from_tab{width:100%;display: flex;}
.from_tab>div{width:calc((100% - 3vw) / 4);box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.1);border-radius: 30px;display: flex;overflow:hidden;}
#feedback_form {margin: 60px 0;height: 60px;}
.col4{float: left;width: 16.7vw;height: 60px;background: #fff;}
.col4+.col4{margin-left: 1vw;}
.col4 em{display: inline-block;font-size: 30px;color: #d2d2d2;margin-top: 16px;margin-left: 24px;}
.col4 input{height: 100%;width: calc(100% - 54px);margin-left: 16px;font-size: 16px;color: #999;}
#tianxieone{float: left;margin-left: 20px;}
#tianxiethree{width:100%;height: 60px;border-radius: 30px;background: #fff;display: flex;align-items: center;justify-content: space-between;}
#tianxiethree em{display: inline-block;font-size: 30px;color: #d2d2d2;margin-top:2px;margin-left: 24px;}
#tianxiethree>input{height: 100%;width: 58px;margin-left: 16px;font-size: 16px;color: #999;line-height: 60px;}
#tianxiethree #authcode{width:calc(100% - 246px)}
.feedback_btn{float:right;width:120px;height: 60px;text-align: center;}
.feedback_btn .btns{line-height: 60px;width: 100%;border-top-right-radius: 30px;border-bottom-right-radius: 30px;background: #000;color: #fff;font-size: 16px;}
.f_wz{color:#999;font-size: 16px;}

@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}
/*news*/
.news{background: url(../image/20200925173421_230349798.jpg) no-repeat ; margin-top: 5rem;
  background-position: bottom;
  padding-bottom: 6rem;}
.news .all_title{padding-top:0;}
.news_con{margin-top: 50px;height:486px;}
.nb_tab{}
.nb_tab{text-align: center;font-size:0;margin-bottom:50px;}
.nb_tab a{width:266px;height:72px;display:inline-block;vertical-align:top;text-align: center;padding-top:21px;transition:0.5s;}
.nb_tab a.on{background: var(--c1);color:#fff;transition:0.5s;}
.nb_tab a.nt1{background:#f7f7f7;transition:0.5s;}
.nb_tab a.nt2{background:#d6d6d6;transition:0.5s;}
.nb_tab a em,.nb_tab a b{display:inline-block;}
.nb_tab a em{width:29px;height:29px;overflow: hidden;position:relative;}
.nb_tab a em i{position:absolute;top:50%;left:0;margin-top:-14px;transform-origin:left;transition:0.5s;font-size: 29px;}
.nb_tab .two{transform:rotateY(90deg);transition:0.5s;}
.nb_tab a.on i.one{transform:rotateY(-90deg);transition:0.5s;}
.nb_tab a.on i.two{transform:rotateY(0deg);}
.nb_tab a b{font-size:22px;font-weight: bold;line-height: 26px;}
.nb_con{width:100%;height: 476px;margin-top: 122px;margin-left: 9px;position:relative;z-index:2;    background: #fff;
  overflow: hidden;
  padding: 3rem;

  box-shadow: 1.04167vw -1.04167vw 0 var(--c1);
}

.nb_con ul{width:100%;position: relative;}
.nb_con li{}
.nb_con .tempWrap{width: 100% !important;}
.nb_con .news_div{display: block;}
.nb_con .news_div_item {position: relative;margin-right: 49px;height: 357px;transition: 0.5s;}
.nb_con .news_div_item:last-child{margin-right: 0;}
.nb_con .news_div_item_pic,.nb_con .news_div_item_pic a,.nb_con .news_div_item_image{height: 197px;}
.nb_con .news_div_item_pic img{width:100%;}
.nb_con .news_div_item_date {position: absolute;right: 0;bottom: 0;width: 100%;text-align: right;float: right;height: 18px;}
.nb_con .news_div_item_date:before{position:absolute;content:'';top: 50%;left: 0;width: 50%;height: 1px;background: #dcdcdc;margin-top: 0px;transition: 0.5s;}
.nb_con .news_div_item:hover .news_div_item_date:before{width:100%;transition: 0.5s;background: var(--c1);}
.nb_con .news_div_item_year,.nb_con .news_div_item_month,.nb_con .news_div_item_day{display: inline-block;font-size: 16px;color: #999;}
.nb_con .news_div_item_content {position: absolute;top: 226px;left: 7px;}
.nb_con .news_div_item_a {font-size: 18px !important;font-weight: bold;display: block;transition: 0.5s;}
.nb_con .news_div_item:hover .news_div_item_a{color: var(--c1);transition: 0.5s;}
.nb_con .news_div_item_title {margin-bottom: 19px;}
.nb_con .news_div_item_body {color: #979797;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}

/*company*/
.comp_bg .page{
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.comp_bg{background: url(../image/20200924084522_1222267916.jpg) no-repeat center;height: 951px;padding-top: 110px;}
.comp_le{width:70%;}
.cop_bt{position:relative;color: #fff;
  margin-bottom: 122px;}
.cop_bt em{font-size: 122px;color: rgba(255, 255, 255, 0.06);font-weight: bold;position: absolute;top: 0;left: 0;z-index: 0;}
.cop_bt b{font-size: 53px;
  display: block;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
  margin-top: -1rem;}
.cop_bt i{width:71px;height: 1px;background: #fff;display: block;position: relative;z-index: 1;}
.cop_img{overflow:hidden; height: 415px;}
.cop_dl{margin-top: 39px;margin-right: 53px;}
.cop_dl p{line-height: 30px;color: #999;text-transform: uppercase;}
.cop_dl a{display: block;width: 152px;height: 36px;border-radius: 36px;text-align: center;line-height: 36px;border: 1px solid #999;color: var(--c1);margin-top: 20px;transition: 0.5s;}
.cop_dl a:hover{background:var(--c1);color:#fff;border-color:var(--c1);transition: 0.5s;}
.comp_ri{ display: flex;
  align-items: center;
  flex-wrap: wrap; width: 30%;}
.cop_logo{width: 211px;height: 211px;padding-top: 58px;text-align: center;float: left;}
.cop_em{float: left;width: 212px;height: 211px;background: url(../image/20200924100233_1546215564.png) no-repeat center;color: #fff;text-align: center;padding-top: 59px;}
.cop_em b{font-size: 20px;display: block;margin-bottom: 17px;}
.cop_em p{color: rgba(255, 255, 255, 0.54);display: block;margin-bottom: 40px;}
.cop_em p em{color: #fff;display: inline-block;font-size: 20px;vertical-align: text-bottom;}
.cop_em i{width: 40px;height: 1px;background: #fff;margin: 0 auto;}
.cop_m{background: url(../image/20200924100348_1244357060.png) no-repeat center;width:212px;height: 245px;color: #fff;text-align: center;    padding: 42px 19px;}
.cop_m b{font-size: 20px;display: block;margin-bottom: 29px;}
.cop_m p{color: rgba(255, 255, 255, 0.54);line-height: 22px;}
.cop_m p em{color: #fff;display: inline-block;margin-top: 1px;font-size: 20px;}
.cop_m i{width: 40px;height: 1px;background: #fff;margin: 29px auto 0;}

/*link*/
.link{height: 86px;}
.link_le{margin-top: 25px;}
.link_le span{height: 37px;float: left;}
.link_le .icon{font-size: 37px;}
.link_le p{float: left;margin-left: 15px;border-right: 1px solid #eee;padding-right: 14px;}
.link_le em{font-family: 'Roboto';font-size: 25px;font-weight: bold;display: block;line-height: 25px;}
.link_le b{letter-spacing: 4px;}
.link_le i{display: inline-block;font-family: 'Roboto';font-size: 25px;font-weight: bold;color: #30b76b;}

/*copy*/
.copy{}
.copy_box{background: #051c16;height: 402px;color: #fff;padding-top: 34px;position: relative;}
.copy_box:before{position:absolute;content:'';width: 100%;height: 1px;top: 115px;left: 0;background: rgba(255, 255, 255, 0.03);}
.copy_lx{width: 100%;display: inline-block;margin-bottom: 93px;}
.copy_lx ol{display:flex;align-items: center;justify-content: space-between;}
.copy_lx li{float: left;}
.copy_lx li i{width: 48px;height: 48px;background: rgba(48, 183, 107, 0.22);border-radius: 48px;text-align: center;line-height: 48px;font-size: 21px;position: relative;z-index: 2;color: #fff;float: left;}
.copy_lx li i:after{position: absolute;content: '';top: 5px;left: 5px;border-radius: 100%;/* animation: hxd 2s infinite; *//* -webkit-animation: hxd 2s infinite; */width: 38px;height: 38px;background: #249d56;z-index: -1;}
.copy_lx li p{float: left;margin-left: 9px;margin-top: 4px;}
.copy_lx li b{display: block;font-size: 16px;font-weight: bold;margin-bottom: 9px;}
.copy_lx li span{}
.copy_lx li em{font-family: 'Roboto';font-size: 16px;}
.copy_lm{display:flex;align-items:end;justify-content: space-between;}
.copy_lm ul{width: calc(100% - 350px);display:flex;align-items:start;justify-content: space-between;}
.copy_lm li{width: calc(100% / 5);}
.copy_lm li p{height: 25px;border-left: 3px solid #31b76d;padding-left: 14px;line-height: 25px;font-size: 18px;font-weight: bold;margin-bottom: 19px;}
.copy_lm li a{display: block;padding-left: 17px;color: rgba(255, 255, 255, 0.47);transition；0.5s;}
.copy_lm li a:hover{color:#fff;transition；0.5s;}
.copy_lm li a+a{margin-top: 16px;}
.copy_ewm{}
.copy_ewm p{display: inline-block;float: left;text-align: center;}
.copy_ewm p em{}
.copy_ewm p b{display: block;margin-top: 14px;}
.copy_ewm p+p{margin-left: 51px;}

.coy_box{background: var(--c1);height: 82px;}
.coy_box p{line-height: 82px;color: #fff;}
.coy_box a{color: #fff;}

.con_gongyong {
    width: 1500px;
    margin: 0 auto;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.04);
padding-top: 80px;
    margin-top: 95px;
}

@media screen and (max-width: 1500px){
.nav .lb{width: calc(100% - 136px);}
.mess{padding: 30px !important;}
}
@media screen and (min-width: 1500px){
.page{width:1500px !important;}
}

/* 手机端 */
@media screen and (max-width:700px) {

  .page{
    width: auto;

  }
  .title{
    padding: 20px;
    margin-bottom: 0 !important;
  }
  .title b{
    line-height: 30px !important;
  }
  .title b,.all_title b,.bus_ri>b,.pro_t b,.bt b,.cus_le b,.title b span{
    font-size: 24px !important;
  }
  .title p,.bus_ri>p,.all_title p,.pro_t em,.pro_fe a,.pro_list td span>a,.feat_bg .bt p,.cus_ri li b,.cop_dl p,.cop_em p,.cop_m p,.nb_con .news_div_item_body,.adv_list dd p,.adv_list dd span,.feat_nr li p,.adv_list dd a>b{
    font-size: 14px !important;
  }
  .cus_le b{
    line-height: 1;
  }
  .pro_list td span>a{
    padding: 3px;
  }
  .news .all_title b{
    margin-bottom: 4px;
    color: #fff;
  }
  .all_title b{
    margin-bottom: 0 !important;
  }
  .news .all_title p,.cop_dl a{
    color: #fff;
  }
  .cop_dl a{
    border-color: #fff;
  }
  .bus_con,.pro_tab,.cus_box,.comp_bg .page{
    flex-wrap: wrap;
  }
  .bus_le,.bus_ri,.pro_t,.pro_fe,.cus_le,.cus_ri,.comp_le,.comp_ri{
    width: 100% !important;
  }
  .bus_le{
    overflow: hidden;
  }
  .bus_le,.pro_tab,.pro_list td span,.feat_bg{
    height: auto !important;
  }
  .bus_ri,.comp_le{
    padding:10px ;
  }
  .cop_bt{
    margin: 4rem 0;
  }
  .cop_bt em{
    font-size: 80px !important;
  }
  .bus_ri>b>span{
    display: block;
  }
  .bus_ri>p{
    margin-top: 16px;
  }
  .bus_li dl{
    margin-bottom: 10px;
  }
  .bus_li{
    padding-bottom: 6rem;
  }
  .bus_con{
    padding: 10px;
  }
  .pro_fe{
    padding: 1rem !important;
    margin-top: 1rem;
  }
  .pro_list{
    margin-top: 10px;
    padding: 0 10px;
  }
  .pro_fe,.pro_list tr{
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .pro_fe a{
    line-height: 1;
  }
  .feat_nr{
    padding-left: 24px;
    margin-top: 42px;
  }
  .feat_nr li{
    height: auto !important;
    padding-right: 20px;
    margin-bottom: 30px;
  }
  .feat_bg{
   background-size: cover;
  }
  .feat_nr li:nth-child(even){
    margin-top: 0 !important;
  }
  .feat_bg .bt{
    width: auto;
    background-size: 100% 100%;
  }
  .cus_box{
    padding: 10px !important;
  }
  .cus_ri li em{
    display: none;
  }
  .cus_ri li{
    width: 49%;
    margin-bottom: 27px;
    padding: 0;
  }
  .cus_ri li+li{
    padding-left: 0 !important;
  }
  .cus_ri li:last-child{
    padding-right: 0 !important;
  }
  .cus_ri li i>.icon{
    font-size: 34px !important;
  }
  .cus_le{
    margin: 1rem 0;
  }
  .case_con{
    padding: 10px;
    margin: 0;
  }
  .case_list .td div{
    margin: 7px;
  }
  .case_btn{
    margin: 10px auto 0 !important;
  }
  .news{
    margin-top: 3rem !important;
    padding-bottom: 3rem;
    background-size: cover;
    padding-top: 4rem;
    background-position: left;
  }
  .nb_con{
    width: 90%;
    margin: 0 auto;
    padding: 1rem !important;
    height: auto !important;
  }
  .news_con{
    height: auto !important;
  }

  .comp_bg{
    padding: 0;
    height: auto;
    background-image: url(../img/bg4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .cop_dl{
    margin-right:0;
  }
  .cop_dl p{
    color: #fff;
  }
  .cop_logo,.cop_em,.cop_m{
    width: 50%;
  }
  .comp_ri{
    margin-top: 20px;
    justify-content: space-between;
  }
  .cop_em{
    padding: 34px 10px;
  }
  .case_bg{
    padding-top: 2rem;
    padding-bottom: 0 !important;
  }
  .cop_m b{
    font-size: 18px !important;
  }
  .pro_list tr{
    grid-gap: 10px !important;
  }
  .adv_tab{
    left: 0;
    height: 0;
    position: relative;
    width: 100%;
    -webkit-transform: none;
  }
  .flipInX{
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 10px !important;
  }
  .adv_list dd{
    max-width: 96%;
    padding: 20px;
    height: 50%;
    overflow: auto;
    bottom: 7%;
  }
  .adv_tab li{
    flex-direction: column;
    padding:  10px !important;
  }
  .adv_tab li p{
    margin-top: 6px;
    line-height: 1;
    margin-left: 0;
  }
  .adv_tab li p b{
    font-size: 15px;
    margin-bottom: 4px;
  }
  .adv_tab li i.iqj{
    display: none;
  }
  .adv_list dd p>b{
    font-size: 18px !important;
  }
  .adv_con{
    margin: 0 !important;
    padding-top: 30px !important;
  }
  .feat_nr li b{
    font-size: 18px;
    margin: 0px 0 8px !important;
  }

  .cop_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .feat_nr ul{
    flex-wrap: wrap;
  }
  .cop_bt b{
    margin-top: 0 !important;
  }
  .adv_list dd{
    background-size: 80%;
  }
  .pro_bg{
    background-position-x: 54%;
    background-position-y: -4%;
  }
  .pro_list td>a{
    height: 120px;
  }
}