@charset "utf-8";
/* CSS Document */

body {
  /* padding-top: 90px; */
}

/****首页home****/
.head-banner {
  width: 100%;
  min-width: 1200px;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 0;
  text-align: center;
  overflow: hidden;
}

.head-banner.cq {
  height: 780px;
  background-image: url(../images/pro1-banner.jpg);
}

.head-banner.gy {
  height: 750px;
  background-image: url(../images/pro2-banner.jpg);
}

.head-banner.fm {
  height: 722px;
  background-image: url(../images/pro3-banner.jpg);
}

.head-banner.sf {
  height: 730px;
  background-image: url(../images/pro4-banner.jpg);
}

.head-banner.fy {
  height: 730px;
  background-image: url(../images/pro5-banner.jpg);
}

.head-banner.camera {
  height: 1194px;
  background: #fff url(../images/camera_banner_bg.png);
}

.head-banner.system {
  height: 912px;
  background-image: url(../images/system-banner.jpg);
}

.head-banner.products {
  height: 800px;
  background-image: url(../images/products-banner1.png);
}

.head-banner.main {
  height: 1140px;
  background-image: url(../images/main-business-banner1.jpg);
}

.head-banner.products img {
  margin-top: 460px;
  animation: showDown 1.2s;
  -webkit-animation: showDown 1.2s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/****首页home end****/

/****cq start****/
.cq-li {
  width: 100%;
  min-width: 1200px;
  height: 670px;
  background-color: #fff;
}

.cq-detail {
  padding-top: 150px;
  margin-left: 100px;
  font-size: 28px;
  color: #555;
}

.cq-detail p {
  margin-bottom: 14px;
}

.cq-detail p .color {
  color: #1b1a5c;
}

.cq-detail p .color i {
  font-size: 60px;
}

.cq-detail p:last-child {
  font-size: 22px;
  line-height: 40px;
}

.cq-video {
  width: 100%;
  height: 564px;
  background: #e6e6e6;
  position: relative;
}

.cq-video-play {
  width: 400px;
  height: 240px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  margin-top: -120px;
  background-color: #fcf;
  background-color: rgba(27, 26, 92, .7);
  text-align: center;
  cursor: pointer;
}

.arrow-play {
  margin-top: 50px;
  margin-bottom: 10px;
  display: block;
}

.cq-video-play p {
  color: #fff;
  font-size: 30px;
}

@media \0screen\,screen\9 {

  /* 只支持IE6、7、8 */
  .cq-video-play {
    background-color: #1b1a5c;
    filter: Alpha(opacity=70);
    position: static;
    /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom: 1;
    /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }

  .cq-video-play p {
    position: relative;
    /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}

.li1.cq-li-in {
  overflow: hidden;
}

.cq-li.li2 {
  width: 100%;
  height: 610px;
  background: url(../images/cq-bg.jpg) 0 0 no-repeat;
  overflow: hidden;
}

.cq-img.li2 {
  width: 750px;
}

.cq-img.li2 img {
  margin-left: -100px;
  margin-top: 40px;
}

.cq-detail.li2 {
  padding-top: 60px;
}

.cq-detail.li2 p {
  float: right;
  font-size: 30px;
}

.cq-detail.li2 p:first-child {
  margin-right: 60px;
}

.cq-parts {
  width: 320px;
  padding-top: 60px;
}

.cq-parts h3 {
  font-size: 28px;
  letter-spacing: 6px;
  text-align: center;
}

.cq-parts1,
.cq-parts2 {
  width: 252px;
  height: 160px;
  border: 2px solid #e4e4e4;
  margin: 20px auto 60px;
  text-align: center;
}

.cq-parts1 {
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
}

.cq-parts2 {
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
}

.cq-parts1 p,
.cq-parts2 p {
  font-size: 18px;
  letter-spacing: 4px;
  margin-top: 20px;
}

.cq-parts1 img {
  margin-top: 20px;
}

.cq-parts2 img {
  margin-top: 44px;
}

.cq-li.li3 {
  background-color: #f4f4f4;
  padding-bottom: 80px;
  height: auto;
  overflow: hidden;
}

.cq-paper {
  width: 640px;
  text-align: center;
  overflow: hidden;
}

.cq-paper p {
  font-size: 20px;
  letter-spacing: 4px;
  margin-top: 20px;
}

.cq-paper-r {
  padding-top: 100px;
  width: 530px;
  height: 100%;
  font-size: 28px;
  color: #444;
  letter-spacing: 4px;
  margin-left: 30px;
  line-height: 46px;
}

.cq-li.li4 {
  height: 516px;
  overflow: hidden;
}

.cq-li4-img {
  width: 780px;
  position: relative;
  height: 100%;
}

.cq-li4-img p {
  width: 350px;
  height: 90px;
  position: absolute;
  right: 0px;
  top: 200px;
  font-size: 28px;
  color: #444;
  letter-spacing: 4px;
  line-height: 42px;
}

.cq-li4-detail {
  width: 360px;
  height: 100%;
  text-align: center;
  padding-top: 70px;
}

.cq-li4-detail p {
  margin-top: 20px;
  letter-spacing: 4px;
  font-size: 20px;
}

.cq-li.li5 {
  background-color: #f8f8f8;
  height: 568px;
  padding-top: 66px;
}

.cq-li5-img img {
  margin-left: -70px;
}

.cq-li5-detail {
  width: 450px;
  height: 100%;
  text-align: center;
  padding-top: 40px;
}

.cq-li5-detail p {
  font-size: 28px;
  color: #444;
  letter-spacing: 4px;
  margin-bottom: 30px;
  line-height: 44px;
  text-align: left;
}

.cq-li5-detail p:last-child {
  text-align: center;
  font-size: 18px;
  letter-spacing: 6px;
}

.cq-li.li6 {
  height: 630px;
  background: -webkit-linear-gradient(top, #8eccfb, rgba(142, 204, 251, 0.7), rgba(142, 204, 251, 0.3));
  background: -o-linear-gradient(top, #8eccfb, rgba(142, 204, 251, 0.7), rgba(142, 204, 251, 0.3));
  background: -moz-linear-gradient(top, #8eccfb, rgba(142, 204, 251, 0.7), rgba(142, 204, 251, 0.3));
  background: -ms-linear-gradient(top, #8eccfb, rgba(142, 204, 251, 0.7), rgba(142,
        204, 251, 0.3));
  filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0, startColorStr=#8eccfb, endColorStr=transparent);
  background: -webkit-gradient(linear, top, 0% 50% 100%, from(#8eccfb), to(rgba(142, 204, 251, 0.3)));
}

.cq-li6-img {
  padding-top: 120px;
  padding-left: 60px;
  position: relative;
}

.cq-li6-img li {
  float: left;
}

.cq-li6-img li:nth-of-type(2) {
  margin-top: 150px;
  margin-left: -56px;
}

.cq-li6-img p {
  width: 360px;
  height: 120px;
  position: absolute;
  font-size: 28px;
  color: #200064;
  right: 280px;
  top: 150px;
  line-height: 46px;
  letter-spacing: 2px;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.head-bannerin>div {
  position: absolute;
  text-align: center;
}

.banner-txt.cq {
  top: 160px;
  right: 200px;
  animation: showUp 2s;
  -webkit-animation: showUp 2s;
  opacity: 1;
}

.banner-img.cq {
  left: -60px;
  bottom: -130px;
  animation: showDown 1s;
  -webkit-animation: showDown 1s;
}

@keyframes showUp {
  0% {
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
  }

  100% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes showUp {
  0% {
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }

  100% {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes showUp {
  0% {
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }

  100% {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.cq-li.li1 .cq-img {
  width: 557px;
  height: 641px;
  margin-top: 60px;
}

.cq-li.li1 .detail {
  animation-delay: .4s;
  animation-duration: 2s;
  display: none;
  position: absolute;
  right: 50px;
  bottom: 100px;
}

.cq-li.li1 .animated.current {
  animation-name: fadeDown;
  animation-iteration-count: 1;
  display: block;
}

/****cq end****/

/****gy start****/
.gy-li.li1 {
  background-color: #f9f9f9;
  text-align: center;
  width: 100%;
  height: 620px;
}

.gy-li .gy-li-in {
  position: relative;
}

.gy-img {
  vertical-align: middle;
  padding-top: 90px;
}

.gy-detail.li1 {
  width: 310px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 150px;
}

.gy-detail.li1.f_r {
  left: auto;
  right: 0;
  padding-left: 30px;
}

.gy-detail.li1 p {
  color: #666;
  font-size: 22px;
  margin-bottom: 30px;
  text-align: left;
  line-height: 40px;
  letter-spacing: 2px;
}

.gy-detail.li1.f_r p {
  font-size: 28px;
  color: #444;
  text-align: center;
}

.gy-detail p .color {
  color: #1b1a5c;
}

.gy-detail p .color i {
  font-size: 60px;
}

.gy-video {
  width: 100%;
  height: 630px;
  position: relative;
}

.gy-li.li2 {
  width: 100%;
  height: 565px;
  background-color: #fff;
}

.gy-li.li2 .gy-li-in {
  position: relative;
}

.gy-li.li2 .gy-img {
  padding-top: 140px;
}

.gy-detail.li2 {
  width: 260px;
  height: 100%;
  position: absolute;
  right: 40px;
  top: 0;
  padding-top: 188px;
}

.gy-detail.li2.li3 {
  left: 40px;
  top: 0;
  padding-top: 150px;
}

.gy-detail.li2 h3 {
  color: #333;
  font-size: 28px;
  letter-spacing: 4px;
  height: 50px;
}

.gy-detail.li2 p {
  font-size: 18px;
  color: #666;
  line-height: 30px;
  margin-bottom: 20px;
}

.gy-li.li3 {
  height: 540px;
  background-color: #f1f1f1;
}

.gy-li.li4 {
  height: 526px;
  background-color: #fff;
}

.gy-detail.li4 {
  width: 376px;
  height: 100%;
  margin-left: 90px;
  padding-top: 126px;
}

.gy-detail.li4 li {
  float: left;
  width: 50%;
  height: 126px;
}

.gy-detail.li4 li p {
  line-height: 34px;
  text-align: center;
  font-size: 18px;
  margin-top: 24px;
  text-align: left;
  padding-left: 40px;
  letter-spacing: 4px;
}

.gy-li.li5 {
  width: 100%;
  height: 698px;
  background: url(../images/gy-botbanner.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.gy-img.li6 {
  width: 50%;
  text-align: center;
}

.gy-img.li6:last-child {
  text-align: left;
  padding-top: 130px;
}

.gy-img.li6:last-child p {
  margin-top: 14px;
}

.gy-img.li6 p {
  color: #1731e0;
  font-size: 28px;
  letter-spacing: 4px;
  padding-left: 50px;
  text-align: left;
}

/****gy end****/

/****fm start****/
.fm-banner {
  padding-top: 220px;
}

.fm-banner>div {
  width: 50%;
  height: 100%;
  text-align: right;
}

.fm-banner>div:first-child {
  margin-top: 30px;
  animation: showLeft 1.5s;
  -webkit-animation: showLeft 1.5s;
}

.fm-banner>div:last-child {
  animation: showRight 2s;
  -webkit-animation: showRight 2s;
}

.gy-li.fm-li.li1 {
  height: 557px;
  background-color: #faf9f9;
}

.fm-li.li1 .gy-img {
  padding-top: 0px;
}

.fm-li.li2 {
  height: 535px;
  background-color: #fff;
  padding-top: 130px;
}

.fm-video {
  height: 574px;
}

.fm-detail.li2 {
  width: 400px;
  height: 100%;
}

.fm-detail.li2 p {
  font-size: 28px;
  color: #444;
  letter-spacing: 2px;
  padding-left: 40px;
}

p .color {
  color: #1b1a5c;
}

p .color i {
  font-size: 58px;
}

.fm-detail.li2 p:last-child {
  font-size: 18px;
  letter-spacing: 4px;
  padding-left: 80px;
  color: #666;
}

.fm-li.li3 {
  background-color: #f3f3f3;
  height: 560px;
  width: 100%;
}

.fm-li.li3 .fm-li-in {
  position: relative;
}

.fm-img.li3 {
  padding-top: 50px;
}

.fm-detail.li3 {
  float: right;
  width: 400px;
  height: 100%;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 90px;
}

.fm-detail.li3 div {
  margin-bottom: 50px;
}

.fm-detail.li3 img {
  margin-bottom: 20px;
}

.fm-detail.li3 p {
  letter-spacing: 4px;
}

.fm-li.li4 {
  width: 100%;
  height: 446px;
  background-color: #fff;
}

.fm-paper {
  width: 670px;
  text-align: center;
  position: relative;
}

.fm-paper p {
  position: absolute;
  left: 46%;
  bottom: 55px;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  letter-spacing: 4px;
  font-size: 18px;
}

.fm-paper-r {
  width: 420px;
  height: 100%;
  padding-top: 100px;
}

.fm-paper-r h3 {
  font-size: 28px;
  color: #333;
  height: 50px;
}

.fm-paper-r p {
  font-size: 18px;
  color: #444;
  height: 32px;
  letter-spacing: 2px;
}

.fm-img.li6 {
  padding-top: 90px;
  margin-left: 40px;
}

.fm-detail.li6 {
  margin-left: 40px;
  padding-top: 90px;
}

.fm-detail.li6 p {
  color: #24006f;
  font-size: 30px;
  letter-spacing: 2px;
  text-align: right;
  margin-bottom: 14px;
  text-align: left;
  margin-left: 20px;
}

.fm-detail.li6 p:nth-of-type(2) {
  text-align: right;
  margin-right: 28px;
}

/****fm end****/

/****sf start****/
.sf-banner {
  padding-top: 150px;
}

.sf-banner.fm-banner>div:first-child {
  margin-top: 80px;
}

.sf-video {
  height: 617px;
}

.sf-li.fm-li {
  background-color: #E5E5E5;
}

.sf-li.fm-li .fm-paper p {
  bottom: -10px;
}

.sf-li.fm-li .fm-paper-r {
  padding-top: 170px;
  margin-left: 80px;
}

.sf-li.li2 {
  width: 100%;
  height: 840px;
  padding-top: 100px;
  background-color: #fff;
}

.sf-li.li2 .sf-li-in {
  position: relative;
}

.sf-img.li2 {
  position: absolute;
  right: 70px;
  top: 100px;
}

.sf-detail.li2 {
  width: 670px;
  height: 100%;
}

.sf-detail.li2 li {
  width: 272px;
  height: 282px;
  border: 2px solid #e4e4e4;
  float: left;
  margin-right: 60px;
  margin-bottom: 60px;
  padding-top: 30px;
  text-align: center;
  position: relative;
}

.sf-detail.li2 li h3,
.sf-detail.li2 li p {
  padding: 0 20px;
  text-align: left;
}

.sf-detail.li2 li h3 {
  font-size: 22px;
  color: #444;
  letter-spacing: 4px;
  height: 40px;
}

.sf-detail.li2 li p {
  font-size: 16px;
  color: #888;
  line-height: 24px;
  letter-spacing: 2px;
}

.sf-detail.li2 li img {
  vertical-align: middle;
  position: absolute;
  left: 54px;
  bottom: 24px;
}

.sf-img.li2 {
  width: 500px;
}

.sf-li.li5 {
  position: relative;
  background-color: #fff;
}

.sf-li.li5.cen {
  font-size: 28px;
  line-height: 44px;
  color: #333;
  position: absolute;
  top: 44%;
  left: 55%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  letter-spacing: 2px;
}

.sf-li.li5 .fm-img {
  padding-top: 120px;
}

.sf-li.li6 {
  height: 515px;
  background: -webkit-linear-gradient(top, #598bff, rgba(89, 139, 251, 0.7), rgba(89, 139, 255, 0.3));
  background: -o-linear-gradient(top, #598bff, rgba(89, 139, 255, 0.7), rgba(89, 139, 255, 0.3));
  background: -moz-linear-gradient(top, #598bff, rgba(89, 139, 255, 0.7), rgba(89, 139, 255, 0.3));
  background: -ms-linear-gradient(top, #598bff, rgba(89, 139, 255, 0.7), rgba(89,
        139, 255, 0.3));
  filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0, startColorStr=#598bff, endColorStr=transparent);
  background: -webkit-gradient(linear, top, 0% 50% 100%, from(#598bff), to(rgba(89, 204, 251, 0.3)));
}

.cq-li-in ul {
  overflow: hidden;
}

.sf-detail.li6 {
  padding-top: 150px;
}

.sf-li.li6>div {
  width: 50%;
  text-align: center;
}

.sf-li.li6.w100>div {
  width: 1200px;
  text-align: center;
  padding-left: 120px;
}

.sf-li.li6 .cq-li-in {
  overflow: hidden;
}

.sf-li.li6 p {
  font-size: 28px;
  color: #200064;
  letter-spacing: 6px;
  margin-top: -50px;
}

/****sf end****/

/****fy start****/
.fy-banner {
  padding-top: 280px;
}

.fy-img.f_l.li1 {
  padding-top: 140px;
}

.fy-video {
  height: 580px;
  position: relative;
  cursor: pointer;
}

.fy-video span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  filter: alpha(opacity=0);
  transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
}

.fy-detail.li2 p {
  margin-left: 200px;
  letter-spacing: 4px;
  margin-bottom: 10px;
}

.fy-img.li2 img {
  margin-top: 0;
}

.fy-detail.li2 p:first-child {
  float: none;
}

.fy-parts {
  width: 280px;
  padding-top: 267px;
  text-align: center;
}

.fy-parts p {
  margin-top: 30px;
  letter-spacing: 4px;
}

.fy-li.li3 {
  background-color: #e9e9ec;
  height: 460px;
}

.fy-li.li4 {
  background-color: #fff;
  height: 520px;
}

.fy-li.li5 {
  background-color: #f4f4f5;
  height: 530px;
}

.fy-img.w_fixed {
  width: 642px;
  height: 100%;
  overflow: hidden;
}

.fy-img.w_fixed img {
  vertical-align: middle;
  margin-top: 110px;
}

.fy-detail.w_fixed {
  width: 550px;
  padding-top: 150px;
  overflow: hidden;
  height: 100%;
}

.fy-detail.w_fixed p {
  font-size: 22px;
  color: #3e3e3e;
  letter-spacing: 2px;
  line-height: 34px;
}

.fy-img.w_fixed.li4 img {
  margin-top: 10px;
}

.fy-detail.w_fixed.li4 p {
  line-height: 36px;
  padding-left: 80px;
}

.fy-detail.w_fixed.li4 {
  padding-top: 100px;
}

.fy-parts.li4 {
  width: 320px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 40px;
}

.fy-parts.li4 p {
  margin: 0px;
  text-align: left;
  margin-top: -20px;
  margin-left: 20px;
}

.fy-img.w_fixed.li5 img {
  margin-top: 80px;
}

.fy-detail.w_fixed.li5 {
  padding-left: 80px;
}

.fy-parts.li5 {
  padding-left: 0px;
}

.fy-detail.w_fixed .fy-parts p {
  color: #666;
  letter-spacing: 4px;
  font-size: 18px;
}

.fy-parts.li5 p {
  margin-left: 130px;
  margin-top: -50px;
}

.fy-li.li6 {
  padding-top: 50px;
  height: 580px;
}

.fy-li.li6 p {
  font-size: 28px;
  color: #200064;
  letter-spacing: 6px;
  margin-left: 280px;
  margin-bottom: 10px;
}

.fy-li.li6 p:nth-of-type(2) {
  text-align: center;
  margin-right: 100px;
}

.fy-img.li6 {
  margin-left: 70px;
}

.fy-detail.li6 {
  padding-top: 20px;
}

/****fy end****/

/****products start****/
.products-detail {
  padding: 70px 0 40px;
}

.products-item {
  overflow: hidden;
}

.video_tle {
  font-size: 28px;
  text-align: center;
  color: #333;
}

.talent_title_line {
  width: 280px;
  height: 4px;
  margin: 0 auto;
  margin-top: 20px;
  background-image: url("../images/talent_bottom_line.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 40px;
}

.products-item li {
  float: left;
  margin-right: 6px;
  width: 396px;
  height: 370px;
  background-color: #e9ebea;
  margin-bottom: 6px;
  text-align: center;
  position: relative;
}

.products-item li a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}

.products-item li:nth-of-type(3n) {
  margin-right: 0px;
}

.products-item img {
  margin-top: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.products-item li:nth-of-type(4) img {
  margin-top: 40px;
}

.products-item li:nth-of-type(6) img {
  margin-top: 90px;
}

.products-item.course-item li {
  margin-bottom: 20px;
  height: 350px;
}

.products-item.course-item li img {
  width: 100%;
  margin-top: 0px !important;
}

.products-item li h3 {
  height: 50px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 20px;
  color: #777;
}

.products-item li a:hover h3 {
  color: #108ac1;
}

.products-item li a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.products-item.course-item li a:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

.products-video {
  height: 460px;
  overflow: hidden;
}

.products-video img {
  width: 100%;
}

.products-detail-in {
  overflow: hidden;
}

.products-whole {
  margin-top: 50px;
  font-family: 'SimHei';
  position: relative;
}

.products-whole h3 {
  line-height: 60px;
  font-size: 40px;
  color: #777;
  margin-bottom: 20px;
}

.product-whole-txt {
  text-align: center;
  padding-left: 205px;
  position: relative;
  top: 70px;
}

.product-whole-txt img {
  display: none !important;
}

.product-whole-txt p,
.product-whole-txt>span {
  color: #00a0e9;
  font-size: 18px;
  float: left;
}

.product-whole-txt>span {
  color: #108ac1;
  font-size: 24px;
}

.product-whole-txt p {
  margin-left: 130px;
}

.product-whole-txt p span {
  float: left;
  line-height: 30px;
}

.product-whole-txt p i {
  width: 90px;
  height: 30px;
  position: relative;
  float: left;
  margin: 0 8px;
}

.product-whole-txt p i:before {
  content: '';
  position: absolute;
  border-left: 10px solid #1289bf;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  z-index: 1;
  top: 8px;
  left: 40px;
}

.product-whole-txt p i:after {
  content: '';
  position: absolute;
  width: 90px;
  height: 0px;
  border-bottom: 2px dashed #92d5f4;
  left: 0;
  top: 15px;
}

.product-whole-txt>span:last-child {
  font-size: 18px;
  position: absolute;
  right: 80px;
  top: 195px;
}

.products-process {
  height: 980px;
  background-color: #fff;
  padding-top: 20px;
}

.products-process-up {
  overflow: hidden;
}

.products-process-video {
  height: 520px;
  width: 850px;
  float: left;
  position: relative;
}

.products-process-video-r {
  width: 280px;
  height: 520px;
  line-height: 520px;
  font-size: 28px;
  letter-spacing: 4px;
  color: #333;
  text-align: center;
}

.products-process-down h3 {
  font-size: 28px;
  color: rgba(34, 144, 195, 1);
  text-align: center;
  margin: 80px 0;
}

.products-process-down li {
  float: left;
  width: 33.33%;
  text-align: center;
  height: 240px;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
}

.products-process-down li:nth-of-type(2) {
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
}

.products-process-down li:nth-of-type(3) {
  animation-delay: .7s;
  -webkit-animation-delay: .7s;
}

.products-process-img {
  width: 100%;
  height: 176px;
  line-height: 176px;
  margin-bottom: 40px;
}

.products-process-img img {
  vertical-align: middle;
  height: 100%;
}

.products-process-down li h4 {
  font-size: 18px;
  color: #333;
}

.products-free-combination {
  width: 100%;
  height: 680px;
  background-color: #1a428f;
  padding-top: 50px;
}

.products-free-combination-in {
  overflow: hidden;
}

.products-free-combination ul {
  width: 800px;
  margin-left: 100px;
}

.products-free-combination li {
  float: left;
  /*height: 250px;*/
  animation-duration: 1.2s;
}

.products-free-combination li:nth-of-type(3n) {
  margin-left: 398px;
}

.products-free-combination li h3 {
  padding-left: 70px;
  padding-top: 60px;
  color: #fff;
  font-size: 28px;
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
}

.products-free-combination li p {
  color: #fff;
  font-size: 18px;
  padding-left: 70px;
  line-height: 30px;
  margin-top: 20px;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
}

.products-linkage {
  width: 100%;
  height: 770px;
  background-color: #fff;
  text-align: center;
}

.products-linkage-in div {
  width: 1050px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.products-linkage ul {
  overflow: hidden;
}

.products-linkage li {
  margin-top: 70px;
  float: left;
}

.products-linkage li:nth-of-type(2) {
  margin-left: -200px;
  animation-delay: .3s;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
}

.products-linkage li:nth-of-type(3) {
  margin-left: -240px;
  margin-top: 170px;
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
}

.products-linkage p {
  font-size: 30px;
  letter-spacing: 2px;
  color: #1a428f;
  margin-top: 10px;
  display: block;
}

.products-botbanner {
  width: 100%;
  height: 800px;
  background: url(../images/products-botbanner.png) center 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.products-discussion {
  height: 500px;
  background-color: #fff;
  padding-top: 20px;
}

.products-discussion-in {
  width: 100%;
  height: 295px;
  background-color: #fff;
}

.products-discussion-in {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.products-discussion-in h3 {
  line-height: 90px;
  font-size: 30px;
  color: #7a7c7f;
  letter-spacing: 4px;
  font-family: 'SimHei';
}

.products-discussion-in .infoList ul {
  overflow: hidden;
  width: 100%;
}

.products-discussion-in .discussion-areali li {
  float: left;
  width: 25%;
  height: 280px;
}

.products-discussion-in .discussion-part h3 {
  line-height: 95px;
  font-size: 24px;
  padding-left: 16px;
}

.products-discussion-in .infoList li {
  width: 100%;
  min-height: 50px;
  line-height: 50px;
  background-color: #f7f7f7;
  margin-bottom: 10px;
  float: none;
  position: relative;
  height: auto !important;
}

.products-discussion-in .discussion-areali img {
  width: 100%;
  height: 100%;
}

.discussion-part {
  background-color: #fff;
}

.discussion-part li span {
  width: 54px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.discussion-part li span img {
  vertical-align: middle;
}

.discussion-part li p {
  font-size: 14px;
  color: #484747;
}

.discussion-part li i.drowup,
.discussion-part li i.drowdown {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

.discussion-part li i.drowup:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #666;
}

.discussion-part li i.drowdown:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #666;
}

.discussion-part li i.drowup:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #666;
}

.discussion-part li dl {
  width: 100%;
  display: none;
  background-color: #fff;
}

.discussion-part li dl dd {
  height: 50px;
  border-bottom: 1px solid #e2e2e2;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
  font-size: 12px;
  margin: 0 16px;
  color: #666;
}

.discussion-part li dl dd:last-child {
  border-bottom: none;
}

.hd {
  overflow: hidden;
  height: 30px;
  background: #fff;
  padding: 0 10px 10px;
  text-align: center;
}

.hd .prev,
.txtScroll-top .hd .next {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 4px;
  margin-top: 10px;
  overflow: hidden;
  cursor: pointer;
  font-size: 12px;
  color: #0b79c8;
}

.hd .prev {
  height: 14px !important;
}

.hd ul {
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
  display: inline-block;
}

.hd ul li {
  float: left !important;
  width: 8px !important;
  height: 8px !important;
  overflow: hidden;
  margin-right: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #b4b4b4;
  border-radius: 100%;
}

.hd ul li.on {
  background-color: #0b79c8;
}

.mejs-wmp.products-play2 .mejs-overlay-button {
  width: 99px;
  height: 92px;
  margin-left: -50px !important;
  margin-top: -46px !important;
  background: url(../images/products-play2.png) no-repeat !important;
}

.video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -46px;
  width: 100px;
  height: 92px;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 998;
  cursor: pointer;
}

.course-item .video-play-btn {
  top: 40%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, .8) url('../images/play-icon.png') no-repeat 35px 30px;
}

.video-play-btn.on {
  opacity: 1;
  filter: alpha(opacity=100);
}

.video-play-btn img {
  margin-top: 0px !important;
}

/****products end****/

/****camera start****/
.banner-txt.camera {
  margin-top: 100px;
  animation: showUp 2s ease-in-out;
  -webkit-animation: showUp 2s ease-in-out;
  opacity: 1;
  position: static;
}

.banner-txt.main {
  margin-top: 285px;
  animation: showUp 2s ease-in-out;
  -webkit-animation: showUp 2s ease-in-out;
  opacity: 1;
  position: static;
}

@font-face {
  font-family: FZLTXH;
  src: url(../font/fzttxh_GBK.TTF);
}

.camera {
  font-family: FZLTXH;
}

.camera-li {
  background-color: #fff;
}

.camera-tle h3 {
  font-size: 80px;
  color: #6da8e4;
  text-align: center;
}

.camera-tle p {
  text-transform: uppercase;
  font-size: 32px;
  color: #a1a1a1;
  text-align: center;
}

.camera-detail {
  width: 100%;
  margin-top: 30px;
}

.main-detail {
  margin-top: -228px;
}

.wrap1200.nhidde {
  overflow: inherit;
}

.camera-detail li {
  float: left;
  width: 33.33%;
  height: 330px;
  text-align: center;
}

.system_detail.camera-detail li {
  height: auto;
}

.camera-detail li:nth-of-type(1),
.camera-detail li:nth-of-type(4) {
  animation-delay: 0.2s;
}

.camera-detail li:nth-of-type(2),
.camera-detail li:nth-of-type(5) {
  animation-delay: 0.5s;
}

.camera-detail li:nth-of-type(3),
.camera-detail li:nth-of-type(6) {
  animation-delay: 0.8s;
}

.camera-detail.w25 li {
  float: left;
  width: 25%;
  /* height: 240px; */
  text-align: center;
}

/* .camera-detail.w25 li>div{height: 170px;} */
.camera-detail.w25 li h4 {
  font-size: 22px;
}

/*.camera-detail li:nth-of-type(4){animation-delay: 0.2s;}*/
/*.camera-detail li:nth-of-type(5){animation-delay: 0.5s;}*/
/*.camera-detail li:nth-of-type(6){animation-delay: 0.8s;}*/
.camera-detail li>div {
  /* border-radius: 30px; */
  /* background-color: rgb(255, 255, 255); */
  /* box-shadow: 0px 7px 35px 0px rgba(35, 24, 21, 0.1); */
  /* width: 264px; */
  height: 250px;
  margin: 0 auto;
  z-index: 29;
  text-align: center;
  cursor: pointer;
}

.camera-detail li img {
  vertical-align: middle;
  transition: all 0.8s;
}

.camera-detail li:hover img {
  transform: scale(1.08);
}

.camera-detail li h4 {
  font-size: 24px;
  color: #555;
  margin-bottom: 10px;
}

.camera-detail li p {
  font-size: 22px;
  color: #888;
  margin-bottom: 4px;
}

.camera-function {
  /* background: #fff url(../images/cam-function-bg.png) no-repeat; */
  padding: 120px 0;
  overflow: hidden;
}

.camera-function.camera_bg {
  background: #fff url(../images/cam-function-bg.png) no-repeat;
}

.main-detail {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, .15);
}

.main-detail li {
  padding: 50px 0px;
  box-sizing: border-box;
  height: 380px;
}

.main-detail li>div {
  border-right: 1px solid #dcdcdc;
  width: 100%;
  height: 170px;
  line-height: 170px;
  box-shadow: none;
  border-radius: 0;
}

.main-detail li h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  border-right: 1px solid #dcdcdc;
  color: #4a4a4a;
}

.camera-detail li:nth-of-type(3)>div,
.camera-detail li:nth-of-type(3) h4,
.camera-detail li:nth-of-type(3) p {
  border-right: 0;
}

.main-detail li p {
  border-right: 1px solid #dcdcdc;
  color: #666;
}

.camera-function .camera-tle {
  animation-delay: 0.2s;
}

.function-detail {
  padding: 0 30px 30px;
  height: 440px;
  margin-top: 90px;
}

.function-detail div {
  float: left;
}

.function-detail .function-img {
  width: 600px;
  text-align: center;
}

.function-img img {
  width: 90%;
}

.function-detail .function-txt {
  width: 480px;
  /* padding: 40px 45px; */
  /* box-sizing: border-box; */
  /* z-index: 120; */

}

.camera_detail.function-detail .function-txt {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 38px 30px 0px rgba(229, 229, 229, 0.35);
  padding: 40px 45px;
  box-sizing: border-box;
  z-index: 120;
}

.function-detail h5 {
  font-size: 30px;
  color: #4b31b5;
  font-weight: bold;
  margin-bottom: 30px;
}


.function-detail p {
  font-size: 18px;
  font-weight: 400;
  color: rgba(57, 67, 111, 1);
  overflow: hidden;
  font-family: 'Microsoft YaHei' !important;
}

.function-detail:nth-of-type(even) .function-img{
  margin-left: auto;
}
.function-detail:nth-of-type(even) .function-txt,
.function-detail:nth-of-type(even) .function-img {
  float: right;
}

.function-detail.camera_detail:nth-of-type(even) .function-txt,
.system_function .function-detail:nth-of-type(even) .function-txt {
  float: left;
}

.system_function .function-detail:nth-of-type(odd) .function-txt,
.system_function .function-detail:nth-of-type(odd) .function-img {
  text-align: right;
}

.system_function .function-detail .function-txt {
  width: 430px;
}

.system_function .function-detail:nth-of-type(even) .function-txt {

}

.system_function .function-detail:nth-of-type(odd) .function-txt {
  float: right;
  margin-left: auto;
  margin-right: 20px;
}

.system_function .function-detail {
  padding: 0 100px !important;
}

.function-txt span {
  margin-top: 10px;
  /* float: left; */
  /* width: 230px; */
}

.function-detail.system .function-img {
  width: unset;
}

.system .function-img img {
  width: 90%;
}

/* .system_function .function-detail:nth-of-type(4) .function-txt{margin-left: 30px;} */
.system_function .function-detail:nth-of-type(3) .function-img,
.system_function .function-detail:nth-of-type(4) .function-img,
.system_function .function-detail:nth-of-type(5) .function-img,
.system_function .function-detail:nth-of-type(7) .function-img {
  width: 630px;
}

.camera-videobg {
  width: 100%;
  height: 1074px;
  background: #244a83 url(../images/camera-backbg.png) center 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.system-videobg {
  background-image: url(../images/system-videobg.jpg);
}

.camera-videobg .camera-tle {
  margin-top: 110px;
  margin-bottom: 80px;
}

.camera-videobg .camera-tle h3,
.camera-videobg .camera-tle p {
  color: #ebebeb;
}

.camera-video {
  width: 1024px;
  height: 580px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}

.camera-opacitybg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #004986;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.camera-video .playi {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -90px;
  margin-top: -90px;
  z-index: 2;
}

.function-detail:nth-of-type(1) {
  animation-delay: .3s;
}

.function-detail:nth-of-type(2) {
  animation-delay: .6s;
}

.function-detail:nth-of-type(3) {
  animation-delay: .9s;
}

.function-detail:nth-of-type(4) {
  animation-delay: 1.2s;
}

.camera-video .video-box .video-container {
  width: 100%;
  height: 100%;
}

.camera-video .video-box {
  position: absolute;
  z-index: 3;
}


.camera-li.clearfix {
  background-color: #fff;
}

.camera-function.main {
  background-color: #fff;
}

.camera-function.main .function-detail p {
  font-size: 18px;
  margin-top: 30px;
  color: #4b5562;
  font-family: SimHei;
  line-height: 24px;
}

.camera-function.main .function-detail:nth-of-type(odd) .function-txt,
.camera-function.main .function-detail .function-img {
  text-align: left;
}

.camera-function.main .function-detail .function-txt {
  width: 450px;
}

/* .camera-function.main .function-detail .function-img {
  width: 690px;
  margin-top: 30px;
} */

.camera-function.main .function-detail h5 {
  color: #2c4058;
  font-family: SimHei;
  font-size: 42px;
}

.camera-function.main .function-detail span {
  color: #ababab;
  font-family: SimHei;
  font-size: 20px;
}

.camera-function.main .function-detail .function-img img {
  max-width: 630px;
}

.camera-function.main .main-bg {
  width: 100%;
  height: 1590px;
  background: #fff url(../images/main-introduce-bg.png) 0 0 no-repeat;
  margin-top: -100px;
  overflow: hidden;
  -webkit-background-size: 100% 1590px;
  background-size: 100% 1590px;
}

.camera-function.main .main-bg .function-detail p,
.camera-function.main .main-bg .function-detail h5,
.camera-function.main .main-bg .function-detail span {
  color: #fff;
}

.camera-function.main .function-detail li {
  float: left;
  width: 96px;
  height: 96px;
  border: 1px solid #2c4058;
  border-radius: 50%;
  color: #2c4058;
  margin-right: 20px;
  font-size: 20px;
  padding: 22px 4px;
  text-align: center;
  font-family: SimHei;
}

.camera-function.main .function-detail .li5 li {
  width: 83px;
  height: 83px;
  padding: 16px 4px;
  margin-right: 8px;
}

.camera-function.main .function-detail li:last-child {
  margin-right: 0;
}

.camera-function.main .main-bg .function-detail li {
  color: #fff;
  border-color: #fff;
}

/* .camera-function.main {
  padding: 90px 0;
} */

.camera-function.main .main-bg .function-detail .function-img {
  text-align: right;
}

.camera-function.main .main-function-list {
  margin-top: 34px;
}

.camera-function.main .main-bg .function-detail p {
  color: #fff;
}

.camera-function.main .last .function-detail p.mt8 {
  margin-top: 8px;
}

.camera-function.main .last .function-detail p span {
  display: inline-block;
  color: #ffffff;
  height: 100%;
  padding: 2px 35px;
  background-color: #b8b8b8;
  font-size: 18px;
}

.camera-function.main .last .function-detail p.mt8 .spanbg {
  background-color: #868686;
}

.camera-function.main .last .function-detail p.mt40 {
  margin-top: 40px;
}

.camera-function.main .main-bg .function-detail {
  margin-top: 530px;
}

.function-txt-icon {
  width: 140px;
  height: 80px;
  background: #fff url(../images/cam-li-txt-icon1.png) no-repeat left center;
  float: left;
  margin-bottom: 20px;
}

.function-txt-icon.icon2 {
  background-image: url(../images/cam-li-txt-icon2.png);
}

.function-txt-icon.icon3 {
  background-image: url(../images/cam-li-txt-icon3.png);
}

.function-txt-icon.icon4 {
  background-image: url(../images/cam-li-txt-icon4.png);
}

.function-txt-icon.icon5 {
  background-image: url(../images/cam-li-txt-icon5.png);
}

.function-txt-icon.icon6 {
  background-image: url(../images/cam-li-txt-icon6.png);
}

.function-txt-icon.icon7 {
  background-image: url(../images/cam-li-txt-icon7.png);
}


/****camera end***/
.system-li {
  padding-bottom: 50px;
}

.system-detail li {
  margin-bottom: 80px;
}

.system-detail li>div {
  width: 340px;
  height: 518px;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 7px 35px 0px rgba(35, 24, 21, 0.2);
}

.system-detail li img {
  margin-top: 70px;
}

.system-detail div span {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  height: 140px;
}

.system-detail div span h4 {
  height: 50px;
  margin: 0;
  width: 100%;
  line-height: 50px;
}

.system-detail div p {
  line-height: 26px;
  width: 100%;
}

.system-function .function-detail {
  margin-top: 120px;
}

.system-function .function-detail:nth-of-type(odd) .function-img {
  text-align: left;
}

.system-function .function-detail:nth-of-type(even) .function-img {
  text-align: right;
}

.advantage-img {
  height: 300px;
}

.advantage-text {
  font-size: 28px;
  font-weight: 400;
  margin: 65px 0 0 100px;
  height: fit-content;
  color: rgba(255, 255, 255, 1);
}

.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}