@charset "UTF-8";

ul,
ol,
li,
dl,
dd,
dt {
  list-style-type: none;
  line-height: normal;
}
address,
caption,
cite,
code,
dfn,
i,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  cursor: pointer;
}
img {
  border: 0;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
input,
table,
tr,
td {
  margin: 0;
  padding: 0;
  border: none;
}
p {
  margin: 0;
  padding: 0;
}
button,
table {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
select {
  margin: 0;
  padding: 0;
  outline: none;
}
textarea {
  border: 0;
  background: none;
  resize: none;
  outline: 0;
}
input {
  outline: 0;
  border: 0;
  background: none;
}
button {
  outline: none;
  border: 0;
  background: none;
}
body {
  text-align: justify;
}

.w_1600{ display: block; position:relative; z-index:6;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;}
.w_1200 {
  display: block; position:relative; z-index:6;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.ctext { float:left;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width:1024px) {
  .ctext {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.head{width: 100%;position: fixed;left: 0;top: 0;z-index: 18;}
.amdh .head{background:url(../_im_g/dh.jpg) center no-repeat;background-size:cover;}
.head.active,
.head.Active{  background: #fff; box-shadow: 0 6px 18px rgba(166,166,168,0.13);}
.head .box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.head .logo{ float:left;
  line-height: 0;
}
.head .logo .show{ display:none;}
.head .logo .hide{ display:block;}
.head.active .logo .show,
.head.Active .logo .show{ display:block;}
.head.active .logo .hide,
.head.Active .logo .hide{ display:none;}
.head .logo img {
  max-width: none;
  height:41px;
}
.head .tel{ float:left;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 44px;
  white-space: nowrap; padding-left:34px; background:url(../_im_g/foot1.png) left center no-repeat;
}
.head .email{ float:left;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    line-height: 44px;
   margin-left: 20px;
    white-space: nowrap; padding-left:34px; background:url(../_im_g/foot3.png) left center no-repeat;
  }
.head.active .tel,
.head.Active .tel{ color:#3180f6; background:url(../_im_g/foot1.png) left center no-repeat;}
.head.Active .email{ color:#3180f6; background:url(../_im_g/foot3.png) left center no-repeat;}
.head .right {
  display: flex;
  align-items: center;
}


.menu { margin:0 1.6875% 0 9.6875%;
  display: flex;
  /*width: 45.875%;*/ 
  width: 56%;
}
.menu .ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.menu .nli {
  display: flex;
  position: relative;
}
.menu .nli span a {
  display: flex;
  position: relative;
  color: #fff;
  font-size: 16px;
  line-height: 100px;
}
.head.active .menu .nli span a,
.head.Active .menu .nli span a{ color:#333;}
.menu .nli:hover span a { opacity:0.8;}
.menu .sub{
  display:none;
  position: absolute; float:left; transform:translateX(-50%); -ms-transform:translateX(-50%);
  left:50%;
  top:72px;
  background: #fff;
  z-index: 6; 
  width:200px; 
  padding:5px;
  border-radius:8px;
}
.menu .sub:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:100%; margin-left:-7px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fff; }
.menu .sub li{
 float:left; width:100%;
}
.menu .sub[data-m="3"]{ width:320px; transform:translateX(-25%); -ms-transform:translateX(-25%);}
.menu .sub[data-m="3"]:after{ left:25%;}
.menu .sub[data-m="3"] li{ width:50%;}
.menu .sub li a {
 float:left; margin:10px 0;
  color: #546175;
  font-size: 16px;
  line-height:28px;
  padding:0 10px 0 48px; position:relative;
}
.menu .sub li img{ position:absolute; left:10px; top:1px; max-width:none; height:25px;}
.menu .sub li a:hover {
  color: #0080ff;
}


/*数据产品服务*/
.menu .sub li a i{display: inline-block;width: 25px; height: 25px;background: url(../_im_g/nav.png) no-repeat left;background-size: 25px;transition: 0.3s;
  position:absolute; left:10px; top:1px;}
.menu .sub_1 li:nth-child(1) a i{background-position: 0 0;}
.menu .sub_1 li:nth-child(2) a i{background-position: 0 -25px;}
.menu .sub_1 li:nth-child(3) a i{background-position: 0 -50px;}
.menu .sub_1 li:nth-child(4) a i{background-position: 0 -75px;}
/*行业解决方案*/
.menu .sub_2 li:nth-child(3),.menu .sub_2 li:nth-child(4),.menu .sub_2 li:nth-child(6),.menu .sub_2 li:nth-child(7){display:none;}
.menu .sub_2 li:nth-child(1) a i{background-position: 0 -100px;}
.menu .sub_2 li:nth-child(2) a i{background-position: 0 -125px;}
.menu .sub_2 li:nth-child(3) a i{background-position: 0 -150px;}
.menu .sub_2 li:nth-child(4) a i{background-position: 0 -175px;}
.menu .sub_2 li:nth-child(5) a i{background-position: 0 -200px;}
.menu .sub_2 li:nth-child(6) a i{background-position: 0 -225px;}
.menu .sub_2 li:nth-child(7) a i{background-position: 0 -250px;}
.menu .sub_2 li:nth-child(8) a i{background-position: 0 -275px;}
.menu .sub_2 li:nth-child(9) a i{background-position: 0 -300px;}
.menu .sub_2 li:nth-child(10) a i{background-position: 0 -325px;}
/*指纹技术*/
.menu .sub_3 li:nth-child(1) a i{background-position: 0 0;}
.menu .sub_3 li:nth-child(2) a i{background-position: 0 -25px;}
.menu .sub_3 li:nth-child(3) a i{background-position: 0 -75px;}
.menu .sub_3 li:nth-child(4) a i{background-position: 0 -325px;}
.menu .sub_3 li:nth-child(5) a i{background-position: 0 -350px;}





.menuph {
  display: none;
  float: right;
  width: 28px;
  height: 22px;
  cursor: pointer;
  text-align: center;
  margin: 0 0 0 15px;
}
.menuph .point {
  float: left;
  width: 28px;
  height: 22px;
  position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
  width: 28px;
}
.menuph .navbtn{
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after,
.menuph .navbtn::before {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 2px;
  content: "";
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after {
  top: -10px;
}
.menuph .navbtn::before {
  top: 10px;
}
.menuph .point.active .navbtn {
  background: transparent !important;
}
.menuph .point.active .navbtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}
.menuph .point.active .navbtn::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0px;
}
.head.active .menuph .navbtn,
.head.active .menuph .navbtn::after,
.head.active .menuph .navbtn::before{  background: #3180f6;}

.head.Active .menuph .navbtn,
.head.Active .menuph .navbtn::after,
.head.Active .menuph .navbtn::before{  background: #3180f6;}

 .xialaph{ display:none; position:fixed; left: 0; top:56px; float: left; width: 100%; height:-webkit-calc(100% - 56px); height:-moz-calc(100% - 56px); height:calc(100% - 56px); overflow:auto; padding:0 15px 56px 15px; display: none; z-index:999; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.xialaph .ul2,
.xialaph .ul3,
.xialaph .ul4{ display: none;}
.xialaph li{ float: left; width:100%;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:50px;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:8px; height:8px; position:absolute; right:5px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #133a9c; border-right:1px solid #133a9c; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #46657f;}
.xialaph h5:hover a{ color: #46657f;}
.xialaph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph h5 a{ float: left; width:100%; color: #666666; font-size:14px; line-height:41px; position:relative; text-transform: uppercase; padding-left:36px;}
.xialaph h5 a img{ position:absolute; left:0; top:8px; max-width:none; height:25px;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#ccc;}
.xialaph h5 i{ float:left; width:8px; height:8px; position:absolute; right:12px; top:50%; border-top:1px solid #111111; border-right:1px solid #111111; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #133a9c; border-right:1px solid #133a9c; opacity:1}
.xialaph .ul2{ float: left; width: 100%; padding:0 15px;}

@media screen and (max-width: 1500px) {
    .menu { margin:0 0 0 2%;}
    .menu .nli span a{ font-size:16px;}
    .head .tel{ font-size:18px; padding-left:26px;}

}
@media screen and (max-width:1350px) {
.head .tel{ display:none;}
.menu{ /*width:58%;*/width:66%;}
}
@media screen and (max-width:1024px) {
  .menuph {
    display: block;
  }
  .menu{ display:none;}
  .head .box{ padding:13px 0;}
  .head {
    padding-left: 15px;
    padding-right: 15px;
  }
  .head.active {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  }
  .head .logo img{ height:30px;}
  .head .tel{ display:none;}

}

.footerT {
  overflow: hidden;
  background: #39415c;
}
.foot1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding:70px 0 35px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}
.foot1 .left {
  display: flex;
  flex-direction: column;
}
.foot1 .logo {
  display: flex;
  line-height: 0;
  margin-bottom:17px;
}
.foot1 .logo img {
  max-width: none;
  height:41px;
}
.foot1 .addr {
  display: flex; position:relative;
  color: #fff;
  font-size: 16px;
  line-height:26px;
  margin-top:12px;flex-wrap:wrap; display: flex; align-items: center;
}
.foot1 .addr img {
  max-width: none; margin-right:14px;
  width:38px;
  height: 38px; padding:5px; border-radius:50%; background:rgba(255,255,255,0.13);
}
.foot1 .line {
  float: left;
  width: 1px;
  position: relative;
  height:270px;
  background: rgba(255, 255, 255, 0.28);
}
.foot1 .nav {
  display: flex;
  flex-direction: column;
}
.foot1 .nav h5 {
  display: flex;
  margin:10px 0 18px 0;
}
.foot1 .nav h5 a {display: flex;
  color: #fff;
  font-size: 16px;
  line-height:26px;
}
.foot1 .nav ul {
  display: flex;
  flex-wrap: wrap; flex-direction:column;
}
.foot1 .nav ul li {
  display: flex;
}
.foot1 .nav ul li a {
  display: flex;
  color: #fff;
  font-size: 14px;
  line-height:36px;
}
.foot1 .nav ul li a:hover {
  color: #3180f6;
}
.foot1 .er { margin-top:32px; float:left;
}
.foot1 .er i { margin-right:44px; float:left; width:88px;
  line-height: 0;
}
.foot1 .er i:last-child{ margin-right:0;}
.foot1 .er i img {
  width: 100%;
}
.foot1 .er span {
  display: flex;
  justify-content: center;
  color: #fff;
  font-size:16px;
  line-height:26px; white-space:nowrap;
  margin-top:7px;
}
.foot2 {
  width: 100%;
  padding:15px 0 22px 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.foot2 .nav {
  display: flex;
}
.foot2 .nav ul {
  display: flex;
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
  align-items: center;
}
.foot2 .nav ul li {
  display: flex;
  position: relative;
  line-height:26px;
}
.foot2 .nav ul li a {
  display: flex;
  position: relative;
  color: #fff;
  font-size: 16px;
}
.foot2 .nav ul li a:hover {
  color: #3180f6;
}
.foot2 .nav .links {
  padding-right: 35px;
}
.foot2 .nav .links:after {
  float: left;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  right: 0;
  top: 50%; margin-top:-3px;
 border-left: 7px solid transparent; border-right:7px solid transparent;border-top:6px solid #e7e7f1; opacity:0.71;
}
.foot2 .nav .links.active:after {
  transform: rotateX(180deg);
  -ms-transform:rotateX(180deg);
}
.foot2 .nav dl {
  display: none;
  width: 8.6rem;
  position: absolute;
  right: 0;
  bottom: 100%;
  background: #fff;
  flex-direction: column;
  padding: 8px 0;
}
.foot2 .nav dl dd{float: left;}
.foot2 .nav dl dd a{color: #333;font-size: 14px;line-height: 1.7;padding: 0 12px;}
.Copyright {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  font-size: 16px;
  line-height:26px;
}
.Copyright a {
  color: #fff;
}
.Copyright a:hover {
  color: #3180f6;
}

@media screen and (max-width: 1350px) {
.foot1 .addr{ font-size:14px;}
.foot1 .er span{ font-size:14px; line-height:24px;}
}
@media screen and (max-width: 1024px) {
  .foot1 {justify-content: center;
    padding:30px 0 25px 0;
    flex-wrap: wrap;
  }
  .foot1 .left { margin-bottom:20px;
  }
  .foot1 .logo{ margin-bottom:10px;}
  .foot1 .addr {
  }
  .foot1 .addr img { margin-right:8px; width:32px; height:32px; padding:2px;
  }
  .foot1 .line { display:none;
  }
  .foot1 .nav ul{ display:none; flex-direction:row; padding:8px 0 2px 0;}
    .foot1 .nav ul li{ float:left; width:25%;}
  .foot1 .nav ul li a{ line-height:26px;}
  .foot1 .nav { margin:3px 0;
    width: 100%;
  }
  .foot1 .nav h5 { width:100%; display:block; background:rgba(255,255,255,0.1); padding:5px 10px; border-radius:3px; position:relative;
    margin:0;
  }
    .foot1 .nav h5::after{float: left;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    right:10px;
    top: 50%;
    margin-top: -3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #e7e7f1;
    opacity: 0.5;
}
  .foot1 .er {flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;
    width: 100%; margin-top:15px;
  }
  .foot1 .er i{ margin-right:20px;}
  .foot2 {
    padding: 16px 0;
  }
  .Copyright{ font-size:14px; line-height:24px;}
  .foot2 .nav ul li a{ font-size:14px; line-height:24px;}
  .foot2 .nav .links{ padding-right:24px;}
  .foot2 .nav dl, .foot2 .nav .links{display: none!important;}
  .foot1 .nav h5 a{ font-size:15px;}
  .foot1 .addr{justify-content:flex-start;}
}
@media screen and (max-width: 767px) {
  .foot1 .nav ul {
    flex-wrap: wrap;
  }
  .foot1 .nav ul li {
    width: 33.33%;
  }
  .foot1 .logo,
  .foot1 .nav h5,
  .foot1 .nav ul li,
  .foot2 {
    justify-content: center;
  }
}

/*banner*/
.slide_banner { float:left;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 100px;
}
.slide_banner .div{ float:left;
  width: 100%; }
.slide_banner .slick-dots {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 52px;
}
.slide_banner .slick-dots li {
  width: 50px;
  height: 2px;
  z-index: 6;
  margin: 0 5px;
  background: #888888;
  opacity: 0.65;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.slide_banner .slick-dots li.slick-active {
  background: #ea3e41;
  opacity: 1;
}
@media screen and (max-width: 1024px) {

}


.indexZh,
.indexEn { float:left;
  width: 100%;
  position: relative;
  z-index: 6;
  color: #2c2f43;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}
.indexEn {
  margin-top: 14px;
  font-weight: normal;
}
.indexEn span {
  opacity: 0.44;
}
.indexCont {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 6;
  color: #666666;
  font-size: 18px;
  line-height: 1.7;
  text-align: center;
  margin-top: 30px;
}

.More {
  display: flex;
  position: relative;
  z-index: 6;
}
.More a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #fff; padding:0 14px; white-space:nowrap;
  font-size:18px;
  line-height:44px;
  border-radius:6px; background:#3180f6;
}
.More a:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1500px) {
.More a{ font-size:16px;}
}
@media screen and (max-width: 1024px) {
  .indexZh,
  .indexEn {
    font-size: 22px;
  }
  .indexEn {
    margin-top: 6px;
  }
  .indexCont {
    font-size: 14px;
    margin-top: 15px;
  }
  .More a {
    font-size: 14px;
    line-height: 30px; padding:0 10px;
  }
}

.main1 {
  padding-top:48px;
  padding-bottom:46px;
}
.main1 .indexZh1{ font-weight:normal;}
.main1 .More1{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;
  margin-top:37px;
}
.main1 .More1 a{ float:left; width:150px; text-align:center; background:#fff; color:#0080ff; font-size:18px; line-height:50px; border-radius:50px;}
.main1 .More1 a:hover{ background:rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media screen and (max-width: 1024px) {
.main1 {
  padding-top:30px;
  padding-bottom:30px;
}
.main1 .More1 { margin-top:15px;}
.main1 .More1 a{ width:120px; font-size:14px; line-height:36px; border-radius:36px;}

}

.crumbs{ border-bottom:1px solid #dddddd; padding-top:30px; padding-bottom:25px; margin-top:100px;}
.crumbsL{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-left:28px; background:url(../_im_g/ico1.png) left 3px no-repeat;}
.crumbsL a{ color:#333;}
.crumbsL a:hover{ color:#0080ff;}
.inbanner, .banner_bj{ float:left; width:100%; position:relative; overflow:hidden; line-height:0; background:#03082c}
.inbanner .slick-list, ._banner .slick-dots{z-index: 5;}
/*20220701sttart*/
.inbanner .slick-slide{ float:left; width:100%;height:4.2rem; position:relative;}
.inbanner .slick-slide video, .banner_bj video{width:100%;height: 100%;float:left;position: absolute;top: 50%; z-index:3;left: 50%;
transform: translate(-50%,-50%);object-fit: cover;}
/*20220701end*/
.inbanner img{ position:relative; z-index:1; opacity:0.57;}
.inbanner .text{ float:left; position:absolute; left:0; top:50%; width:100%; z-index:3; text-align:center; transform:translateY(-50%);-ms-transform:translateY(-50%);}
.inbanner .text h1, .inbanner .text .h1{display:inline-block; color:#fff; font-size:36px; line-height:1;}
.inbanner .text .h1 h4{font-size:36px;}
.inbanner .text p{ float:left; width:100%;}
.inbanner .text p a{ display:inline-block; margin:0 auto; color:#fff; font-size:18px; line-height:38px; border-radius:48px; padding:5px 34px; border:1px solid #fff;}
.inbanner .text p a:hover{ border:1px solid #3180f6; background:#3180f6; color:#fff;}
.inbanner .text h5{ float:left; width:100%; text-align:center; color:#fff; margin:2.6% 0 3.5% 0; padding:0 10%; font-size:22px; line-height:1.6em;}
.inbanner1 .text{ top:61%;}
._banner{ background:#000000;}
._banner img{ opacity:0.8;}
._banner .slick-dots{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; bottom:6%;}
._banner .slick-dots li{ background:#4873ec; margin:0 7px; width:8px; height:8px; border-radius:8px; opacity:0.6; background:#fff;}
._banner .slick-dots li.slick-active{ background:#0080ff; opacity:1; width:24px;}


@media screen and (max-width:1360px) {
.inbanner .text h1, .inbanner .text .h1{ font-size:34px;}
.inbanner .text p a{ font-size:16px; line-height:30px;}
.inbanner .text h5{margin:1.8% 0 2.7% 0; padding:0 6%;}
.inbanner .slick-slide{height:5rem;}
}
@media screen and (max-width: 1024px) {
.crumbs{ padding-top:12px; padding-bottom:12px; margin-top:60px;}
.crumbsL{ font-size:14px; line-height:20px; padding-left:22px; background:url(../_im_g/ico1.png) left 0 no-repeat;}
.inbanner .text{ margin-top:20px;}
.inbanner .text h1, .inbanner .text .h1{ font-size:30px;}
.inbanner .text p a{ font-size:12px; line-height:26px; padding:0 15px;}
.inbanner .text h5{margin:8px 0 10px 0; padding:0;}
.inbanner1 .text{ top:50%;}
._banner .slick-dots li{ margin:0 5px;}

}
@media  screen and (max-width:767px){
.inbanner .text h1, .inbanner .text .h1{ font-size:24px;}
.inbanner .text h5{ font-size:16px;}
.inbanner .slick-slide{height:7rem;}

}

.Honor{ padding-top:100px; padding-bottom:100px;}
.Honor .list{float: left;width: 100%;margin-top:50px;}
.Honor .list .slick-dots{ position:static;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin-top:50px;}
.Honor .list .slick-dots li{ margin:0 7px; width:8px; height:8px; border-radius:8px; padding:0 !important; background:#c5c9cf;}
.Honor .list .slick-dots li.slick-active{ background:#0080ff; width:24px; }

@media screen and (max-width: 1024px) {
.Honor{ padding-top:30px; padding-bottom:30px;}
.Honor .list{ margin-top:15px;}
.Honor .list .slick-dots{ margin-top:15px;}
.Honor .list .slick-dots li{ margin:0 5px;}

}


.Contact{ background:#f7f7f7; padding-top:62px; padding-bottom:82px; margin-top:100px;}
.root{ float:left; width:100%; background:#fff; overflow:hidden; border-radius:8px;flex-wrap:wrap; display: flex; box-shadow:0 9px 27px rgba(185,185,185,0.23);}
.root .title{ float:left; width:31.58%; text-align:center; padding:70px 40px;}
.root .title h1{ float:left; width:100%; color:#3180f6; font-size:36px; line-height:1.1;}
.root .title h3{ float:left; width:100%; color:#3180f6; font-size:24px; line-height:1.2; text-transform:uppercase; margin-top:16px;}
.root .content{ float:left; width:68.42%; padding:54px 40px;}
.root .heading{ float:left; width:100%; color:#121212;font-size:20px; line-height:1.2;}
.root .heading span{ display:inline-block; vertical-align:top; color:#3180f6; font-size:30px; border-bottom:3px solid #3180f6; margin-right:12px; padding:8px 0;}
.root .heading font{ display:inline-block; vertical-align:top; margin-top:18px; }
.root .description { float:left; width:100%; color:#666666; border-bottom:1px dashed #dddddd; margin-bottom:5px; padding:26px 0; font-size:18px;line-height:28px;}
.root .field{ float:left; width:48.64%; border-radius:0;position: relative; margin-top:27px;}
.root .field.right{ float:right;}
.root .styled_input { float:left; width: 100%;height:44px; line-height:32px;font-size:16px;color: #333333;background: #fff;border: 1px solid #dddddd; border-radius:3px;padding:5px 20px;}
.root .styled_label{ float:left; color: #666;font-size:12px; line-height:44px; position: absolute;left:20px;top:-36px; }
.root .styled_label span{ color:#ff0000; margin-left:5px;}
.root .w100 { width:100%;}
.root .styled_textarea{height:100px;}
.root .styled_input:placeholder-shown + label{top:0;font-size:16px; color: #333333;}
.root i{ float:right; width:10px; height:10px; content:''; position:absolute; right:20px; top:14px; border-right:1px solid #999999; border-bottom:1px solid #999999; transform:rotate(45deg); -ms-transform:rotate(45deg); }
.root .submit{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin:48px 0 0 0;}
.root .Button{ float:left; color:#fff; font-size:16px; border-radius:3px;width:294px; background:#3180f6;height:44px; line-height:44px;}
.root .Button:hover { box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.root dl{ display:none; float:left; position:absolute; left:0; top:100%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); z-index:6; width:100%; padding:15px 0;}
.root dl.on{ display:block;}
.root dl dd{ float:left; width:100%; color:#333; font-size:14px; line-height:26px; padding:0 20px; cursor:pointer;}
.root dl dd:hover{ color:#3180f6;}


@media  screen and (max-width:1024px){
.Contact{ padding-top:30px; padding-bottom:40px; margin-top:60px;}
.root .title{ padding:60px 15px;}
.root .title h1{ font-size:24px; }
.root .title h3{ font-size:16px; margin-top:8px; }
.root .content{ padding:28px 15px;}
.root .heading{font-size:16px;}
.root .heading span{font-size:22px;border-bottom:2px solid #3180f6;margin-right:6px;}
.root .heading font{ margin-top:16px; }
.root .description{font-size:14px; line-height:24px; padding:15px 0; }
.root .styled_input {font-size:14px;padding:5px 15px;}
.root .styled_input:placeholder-shown + label{font-size:14px; left:15px;}

}
@media  screen and (max-width:767px){
.root .title{ width:100%;}
.root .content{ width:100%;}
.root .field{ width:100%;}
.root .submit{margin:30px 0 0 0;}
.root .Button{width:160px;}

}

.Service{ padding-top:78px; padding-bottom:105px;}
.Service .list{ float:left; width:100%; line-height:0; margin-top:55px;}

@media  screen and (max-width:1024px){
.Service{ padding-top:30px; padding-bottom:30px;}
.Service .list{ margin-top:25px;}
}

@media  screen and (max-width:767px){
.Service{display:none;}
}

.Case{ background:#f3f5f9; padding-top:95px; padding-bottom:92px;}
.Case .list{ float:left; width:100%; line-height:0; margin-top:45px;}
.Case .list ul{ margin:0 -10px;}
/*20220701start*/
.Case .list ul li{ float:left; width:16.66%; padding:0 10px;}
/*20220701end*/
.Case .list ul li a{ float:left; width:100%; line-height:0; overflow:hidden; box-shadow:0 0 5px rgba(166,166,166,0.23); border-radius:6px; margin:10px 0;}
.Case .list ul li a:hover{ box-shadow:0 0 18px rgba(0,128,255,0.2);}
.Case .list .slick-dots{ position:static;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin:50px 0 0 0;}
.Case .list .slick-dots li{ background:#4873ec; margin:0 7px; width:8px; height:8px; border-radius:8px; opacity:0.26; padding:0 !important;}
.Case .list .slick-dots li.slick-active{ background:#0080ff; opacity:1; width:24px;}

@media  screen and (max-width:1024px){
.Case{ padding-top:30px; padding-bottom:35px;}
.Case .list{ margin-top:19px;}
.Case .list ul{ margin:0 -6px;}
.Case .list ul li{ padding:0 6px;}
.Case .list ul li a{ margin:6px 0;}
.Case .list ul li a:hover{ box-shadow:0 0 9px rgba(0,128,255,0.2);}
.Case .list .slick-dots{ margin:15px 0 0 0;}
.Case .list .slick-dots li{ margin:0 5px;}
}

.Existing,
.Collection,
.Tagging{ padding-top:70px; padding-bottom:70px;}
.Existing,
.Tagging{ background:#f3f5f9;}
.data-list{ float:left; width:100%; margin-top:45px;}
.data-list ul{flex-wrap:wrap; display: flex; margin:0 -12px;}
.data-list ul li{ float:left; width:25%; padding:10px 12px;}
.data-list ul li a{ float:left; width:100%; overflow:hidden; background:#fff; position:relative; min-height:100%; text-align:center;  border-radius:5px; color:#2c2f43; font-size:16px; line-height:26px;}
.data-list ul li a span{ float:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:17px 10px;}
.data-list ul li a i{ float:left; width:100%; line-height:0; overflow:hidden;}
.data-list ul li a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.data-list ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.data-list ul li a:hover{ color:#3180f6;}

.Collection .data-list ul li a{box-shadow:0 6px 18px rgba(188,188,188,0.13);}

@media  screen and (max-width:1024px){
.Existing,
.Collection,
.Tagging{ padding-top:30px; padding-bottom:30px;}
.Case .list{ margin-top:19px;}
.data-list{ margin-top:18px;}
.data-list ul{ margin:0 -6px;}
.data-list ul li{ padding:6px 6px;}
.data-list ul li a{ font-size:14px; line-height:24px;}
.data-list ul li a span{ padding:8px 8px;}
}
@media  screen and (max-width:767px){
.data-list ul li{ width:50%;}

}


.zwjieshao{background: #f3f5f9;}
.zwjieshao .tu{float: right;width: 40%;}
.zwjieshao .wen{float: left;width: 58%;}
.zwjieshao .wen h2{text-align:left; padding-bottom: 25px;}
.zwjieshao .wen p{font-size:16px;line-height: 1.8em;}
@media  screen and (max-width:1024px){
.zwjieshao .wen p{font-size:14px;}
}
@media  screen and (max-width:767px){
.zwjieshao .tu{width: 100%;padding-top:15px;}
.zwjieshao .wen{width: 100%;}
.zwjieshao .wen h2{text-align:center;}

}



.Driving{ padding-top:82px; padding-bottom:94px;}
.Driving .list{ float:left; width:100%; margin-top:29px;}
.Driving .list ul{flex-wrap:wrap; display: flex; margin:0 -9px;}
.Driving .list ul li{ float:left; width:33%; padding:9px;}
.Driving .list ul li i{ float:left; width:100%; line-height:0; overflow:hidden;  border-radius:5px;}
.Driving .list ul li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Driving .list ul li i:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Driving .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px;}
.Driving .title{ float:left; width:100%; border-bottom:1px solid #dddddd; margin-top:40px;}
.Driving .title ul{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.Driving .title ul li{ float:left; color:#2c2f43; cursor:pointer; position:relative; font-size:20px; line-height:40px; padding:20px 30px; margin:0 5.4%;}
.Driving .title ul li::after{ float:left; width:100%; height:2px; content:''; position:absolute; left:0; bottom:-1px; z-index:3;}
.Driving .title ul li.on{ color:#0080ff;}
.Driving .title ul li.on::after{ background:#0080ff;}
.Driving .cont{ float:left; width:100%; margin-top:35px;}
.Driving .cont .li{ float:left; width:100%;}

@media  screen and (max-width:1024px){
.Driving{ padding-top:30px; padding-bottom:30px;}
.Driving .list{ margin-top:10px;}
.Driving .list ul{ margin:0 -5px;}
.Driving .list ul li{ padding:5px;}
.Driving .p{ font-size:14px; line-height:26px;}
.Driving .cont{ margin-top:15px;}
.Driving .title{ margin-top:15px;}
.Driving .title ul li{ font-size:14px; line-height:30px; padding:6px 5px; margin:0 5px;}
}
@media  screen and (max-width:767px){


}

.About1{ float:left; width:100%; height:123px;}
.About{ padding-top:95px;}
.About .p{ float:left; width:100%; position:relative; color:#333333; font-size:16px; line-height:30px; margin:9.8% 0 44px 0;}
.About .p1{ padding:0 24.6% 31px 0;}
.About .more{ position:absolute; right:0; top:0; float:left; }
.About .more a{ float:left; width:150px; text-align:center; background:#0080ff; color:#fff; font-size:18px; line-height:50px; border-radius:50px;}
.About .more a:hover{ background:#fff; color:#0080ff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.About .font24{ color:#0080ff; font-weight:bold; font-size:24px;}
.About .list{ float:left; width:100%; background:#fff; text-align:center; border-radius:8px; box-shadow:0 0 27px rgba(0,128,255,0.13); margin-bottom:-123px;}
.About .list ul{ float:left; width:100%; padding:34px 0 25px 0;}
.About .list ul li{ float:left; width:20%; padding:10px;}
.About .list ul li h4{ float:left; width:100%; color:#0080ff; font-weight:bold; line-height:1; font-size:36px;}
.About .list ul li h6{ float:left; width:100%; color:#333333; white-space:pre-line; line-height:24px; font-size:18px; margin-top:12px;}
.About .list .slick-dots{ position:static;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin:5px 0 0 0 !important; padding:0 !important;}
.About .list .slick-dots li{ margin:0 5px; width:8px; height:8px; border-radius:8px; background:#c5c9cf; padding:0 !important;}
.About .list .slick-dots li.slick-active{ background:#0080ff; width:24px; }


@media  screen and (max-width:1360px){
.About .list ul li h6{  font-size:16px;}
}
@media  screen and (max-width:1024px){
.About1{ height:75px;}
.About{ padding-top:30px; padding-bottom:50px;}
.About .p{ font-size:14px; line-height:26px; margin:20px 0 15px 0;}
.About .p1{ padding:0 140px 0 0;}
.About .more a{ width:120px; font-size:14px; line-height:36px; border-radius:36px;}
.About .font24{ font-size:16px;}
.About .list{ margin-top:10px;}
.About .list ul{ padding:15px 5px;}
.About .list ul li{ padding:5px;}
.About .list ul li h4{ font-size:24px;}
.About .list ul li h6{  font-size:14px; line-height:20px; margin-top:5px; }
}
@media  screen and (max-width:767px){
.About .p1{ padding:0;}
.About .more{ position:static; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin-top:15px;}
}

.Develop{ padding-top:95px; padding-bottom:105px;}
.Develop .list{ float:left; width:100%; margin-top:46px;}
.Develop .list ul{ float:left; width:100%; position:relative; padding:23px 0 0 0;}
.Develop .list ul::after{ float:left; width:1px; height:23px; content:''; position:absolute; left:50%; top:0; z-index:2; background:#3180f6;}

.Develop .list ul li{ float:left; width:100%; position:relative; padding:32px 0 14px 0;}
.Develop .list ul li::after{ float:left; width:1px; height:100%; content:''; position:absolute; left:50%; top:0; z-index:2; background:#3180f6;}
.Develop .list ul li::before{ float:left; position:absolute; left:50%; top:0; margin:27px 0 0 -20px; content:''; width:40px; height:40px; z-index:1; border-radius:50%; background:#3180f6; border:13px solid #cce6ff;}
.Develop .list ul li .text{ float:left; width:50%; position:relative; text-align:right; padding:0 70px 0 0; z-index:6; }
.Develop .list ul li .text::after{ float:left; width:58px; height:1px; content:''; position:absolute; right:0; top:15px; border-bottom:1px dashed #3180f6;}
.Develop .list ul li:nth-child(2n) .text{ float:right; text-align:left; padding:0 0 0 70px;}
.Develop .list ul li:nth-child(2n) .text::after{ right:auto; left:0;}
.Develop .list ul li .text h4{ float:left; width:100%; color:#3180f6; font-weight:bold; line-height:1; font-size:30px; margin-bottom:10px;}
.Develop .list ul li .text h6{ float:left; width:100%; color:#333333; line-height:26px; font-size:16px; position:relative; padding:0 18px; margin-top:10px;}
.Develop .list ul li .text h6:after{ float:left; width:6px; height:6px; content:''; position:absolute; right:0; top:10px; border-radius:8px; background:#3180f6;}
.Develop .list ul li:nth-child(2n) .text h6:after{ right:auto; left:0;}
.Develop .brn{ float:left; width:100%; text-align:center; line-height:0; margin-top:43px;}
.Develop .brn img{ width:26px;}

@media  screen and (max-width:1024px){
.Develop{ padding-top:30px; padding-bottom:35px;}
.Develop .list{ margin-top:25px;}

.Develop .list ul li{ padding:12px 0;}
.Develop .list ul li::before{ margin:9px 0 0 -13px; width:26px; height:26px; border:7px solid #cce6ff;}
.Develop .list ul li .text{ padding:0 45px 0 0;}
.Develop .list ul li .text::after{ width:34px; top:10px;}
.Develop .list ul li:nth-child(2n) .text{ padding:0 0 0 45px;}
.Develop .list ul li .text h4{ font-size:22px; margin-bottom:5px;}
.Develop .list ul li .text h6{ font-size:14px; line-height:24px; padding:0 15px; margin-top:3px;}
.Develop .brn{ text-align:left; padding:0 3px; margin-top:10px;}
.Develop .brn img{ width:20px;}
}
@media  screen and (max-width:767px){
.Develop .list ul::after{ left:13px;}
.Develop .list ul li::after{ left:13px;}
.Develop .list ul li::before{ left:0; margin:9px 0 0 0;}
.Develop .list ul li .text{ width:100%; text-align:left; padding:0 0 0 50px !important;}
.Develop .list ul li .text::after{ width:28px; left:13px !important;}
.Develop .list ul li:nth-child(2n) .text{ padding:0 0 0 25px;}
.Develop .list ul li .text h6:after{ right:auto; left:0;}

}


.Founder { padding-top:93px;}
/*20220701start*/
.Founder .list{ float:left; width:100%; margin-top:45px;}
.Founder .list ul{flex-wrap:wrap; justify-content: space-between; display: flex;}
.Founder .list li{flex-wrap:wrap; /*display: flex;*/ float:left; width:49%; background:#fff; box-shadow:0 6px 27px rgba(165,165,165,0.22); border-radius:10px; overflow:hidden; margin-top:30px;}
/*20220701end*/
.Founder .list li .img{ float:left; width:44.4%;height:100%;overflow:hidden; position:relative; z-index:3; line-height:0;}
.Founder .list li .img img{width: auto;max-width: initial;min-height:100%; position:absolute;left: 50%;top: 50%;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.Founder .list li .text{ float:left; width:55.6%;height: 100%; position:relative; z-index:2; padding:5.5% 5%;z-index: 5;}
/*.Founder .list li .text:before{content:"";display:block;width:100%;height:100%;background:#fff;opacity:0.5; position:absolute;top:0;left:0;z-index: -1;}*/
.Founder .list li .text h4{ float:left; width:100%; color:#333; line-height:1.2em; font-size:32px;}
.Founder .list li .text h5{ float:left; width:100%; color:#666; line-height:1.2em; font-size:22px; margin:6% 0 16% 0;}
.Founder .list li .text h6{ float:left; width:100%; color:#333333; line-height:1.5em; font-size:14px;padding: 5px 0;}
.Founder .list .slick-dots{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; padding:0 0 0 37%; bottom:27px;}
.Founder .list .slick-dots li{ margin:0 7px; width:8px; height:8px; border-radius:8px; padding:0 !important; background:#c5c9cf;}
.Founder .list .slick-dots li.slick-active{ background:#0080ff; width:24px; }
.mt40{ margin-top:40px;}
.mt40 .list .slick-dots{ position:static;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin:10px 0 0 0 !important; padding:0 !important;}
.mt40 .list .slick-dots li{ margin:0 5px; width:8px; height:8px; border-radius:8px; background:#c5c9cf; padding:0 !important; }
.mt40 .list .slick-dots li.slick-active{ background:#0080ff; width:24px; }

@media screen and (max-width: 1360px) {
.Founder .list li .text{ padding:7% 5.2%;} 
.Founder .list li .text h4{ font-size:28px; line-height:38px;}
.Founder .list li .text h5{ font-size:20px; margin:4% 0 8% 0;}
.Founder .list li .text h6{}
}
@media screen and (max-width: 1024px) {
.Founder{ padding-top:30px;}
/*20220701start*/
.Founder .list{ margin-top:10px;}
.Founder .list li{ margin-top:20px;}
/*20220701end*/
.Founder .list li .text{ padding:20px 15px;}
.Founder .list li .text h4{ font-size:20px; line-height:30px;}
.Founder .list li .text h5{ font-size:16px; line-height:26px; margin:2px 0 4px 0;}
.Founder .list li .text h6{}
.Founder .list .slick-dots{ bottom:15px;}
.Founder .list .slick-dots li{ margin:0 5px;}
.mt40{ margin-top:0;}
}
@media  screen and (max-width:767px){
.Founder .list li .img{ width:100%;}
.Founder .list li .img img{ min-height:inherit;}
.Founder .list ul li .text{ width:100%;}
.Founder .list .slick-dots{ padding:0;}
}

.Testimony{ padding-top:95px; padding-bottom:100px; overflow:hidden;}
.Testimony .list{ float:left; width:100%; margin-top:25px;}
.Testimony .list .slick-list{ overflow:visible;}
.Testimony .list ul{ float:left; width:100%;}
.Testimony .list li{ float:left; width:100%; position:relative; margin:30px 0; padding-left:76px; opacity:0;}
.Testimony .list li.slick-current{ opacity:1;}
.Testimony .list li .img{ float:left; width:130px; height:130px; line-height:0; overflow:hidden; border-radius:50%; border:4px solid #0080ff; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:3; background:#fff; padding:20px;}
.Testimony .list li.slick-current .img{ box-shadow:0 6px 18px rgba(0,6,18,0.29);}
.Testimony .list li .text{ float:left; width:100%; position:relative; border-radius:8px; padding:34px 70px 44px 96px; min-height:258px;}
.Testimony .list li.slick-current .text{ box-shadow:0 8px 27px rgba(203,203,203,0.26);}
.Testimony .list li .text h4{ float:left; width:100%; color:#0080ff; line-height:30px; font-size:20px;}
.Testimony .list li .text h5{ float:left; width:100%; color:#0080ff; line-height:28px; font-size:18px; margin:18px 0 14px 0;}
.Testimony .list li .text h6{ float:left; width:100%; color:#2c2f43; line-height:30px; font-size:16px;}
.Testimony .list .slick-dots{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; padding:0 !important; position:static; margin-top:32px;}
.Testimony .list .slick-dots li{ margin:0 7px; width:8px; height:8px; border-radius:8px; padding:0 !important; background:#c5c9cf; opacity:1 !important;}
.Testimony .list .slick-dots li.slick-active{ background:#0080ff; width:24px; }

@media screen and (max-width: 1024px) {
.Testimony{ padding-top:30px; padding-bottom:35px;}
.Testimony .list{ margin-top:15px;}
.Testimony .list li{ margin:15px 0; padding-left:45px;}
.Testimony .list li .img{ width:90px; height:90px; border:2px solid #0080ff; padding:5px;}
.Testimony .list li.slick-current .img{ box-shadow:0 3px 9px rgba(0,6,18,0.29);}
.Testimony .list li .text{ padding:20px 15px 20px 60px; min-height:258px;}
.Testimony .list li.slick-current .text{ box-shadow:0 4px 14px rgba(203,203,203,0.26);}
.Testimony .list li .text h4{ line-height:28px; font-size:18px;}
.Testimony .list li .text h5{ line-height:26px; font-size:16px; margin:5px 0;}
.Testimony .list li .text h6{ line-height:24px; font-size:14px;}
.Testimony .list .slick-dots{ margin-top:10px;}
.Testimony .list .slick-dots li{ margin:0 5px;}

}
@media  screen and (max-width:767px){

}



.ProductFW{/* padding-top:95px;*/ padding-bottom:20px;}
.ProductFW .list{ float:left; width:100%; /*margin-top:47px;*/ padding:35px 0;background: #fff;position: relative;top: -30px;
    border-top-left-radius: 5px;border-top-right-radius: 5px;}
.ProductFW .list ul{flex-wrap:wrap; display: flex;  margin:0 -25px;}
/*20220701start*/
.ProductFW .list li{ float:left; width:33%; text-align:center; padding:10px 15px;}
/*20220701end*/
.ProductFW .list li .text{ float:left; width:100%; }
.ProductFW .list li .text i{ float:left; width:100%; line-height:0;}
.ProductFW .list li .text i img{ width:130px;}
.ProductFW .list li .text h4{ float:left; width:100%; color:#2c2f43; line-height:30px; font-size:20px; margin:0 0 10px;border-radius: 30px;font-weight: 600;}
.ProductFW .list li .text h5{ float:left; width:100%; color:#546175; line-height:30px; font-size:16px;}
.ProductFW .list li .text:hover h4{ color: #0080ff;}

@media screen and (max-width: 1360px) {
.ProductFW .list ul{  margin:0 -15px;}
/*20220701start*/
.ProductFW .list li{ padding:10px 10px;}
/*20220701end*/
}
@media screen and (max-width: 1024px) {
.ProductFW{ padding-top:30px; padding-bottom:35px;}
.ProductFW .list{ margin-top:15px;}
.ProductFW .list ul{  margin:0 -6px;}
/*20220701start*/
.ProductFW .list li{ padding:10px 6px;}
/*20220701end*/
.ProductFW .list li .text h4{ line-height:26px; font-size:16px; margin:0 0 8px 0;}
.ProductFW .list li .text h5{ line-height:24px; font-size:14px;}

}
@media  screen and (max-width:767px){
.ProductFW .list li{ width:50%;}
.ProductFW .list li .text h5{display:none;}
}

.Advantages{ padding-top:95px; padding-bottom:80px;}
.Advantages .list{ float:left; width:100%; margin-top:37px;}
.Advantages .list ul{flex-wrap:wrap; display: flex;  margin:0 -10px;}
.Advantages .list li{ float:left; width:20%; text-align:center; padding:20px 10px;}
.Advantages .list li .text{ float:left; width:100%; position:relative; min-height:100%; border-radius:6px; box-shadow:0 0 5px rgba(166,166,168,0.23); padding:30px 20px 37px 20px; }
.Advantages .list li .text:hover{ box-shadow:0 0 18px rgba(0,128,255,0.29); }
.Advantages .list li .text i{ float:left; width:100%; line-height:0;}
.Advantages .list li .text i img{ width:80px;}
.Advantages .list li .text h4{ float:left; width:100%; color:#2c2f43; line-height:30px; font-size:20px; position:relative; padding:27px 0 18px 0; margin-bottom:14px;}
.Advantages .list li .text h3::after{ float:left; width:32px; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#0277ec; margin-left:-16px;}
.Advantages .list li .text h5{ float:left; width:100%; color:#546175; line-height:30px; font-size:16px;}
.Advantages .list .slick-dots{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; padding:0 !important; position:static; margin-top:20px;}
.Advantages .list .slick-dots li{ margin:0 7px; width:8px; height:8px; border-radius:8px; padding:0 !important; background:#c5c9cf; padding:0 !important;}
.Advantages .list .slick-dots li.slick-active{ background:#0080ff; width:24px; }

@media screen and (max-width: 1024px) {
.Advantages{ padding-top:30px; padding-bottom:35px;}
.Advantages .list{ margin-top:15px;}
.Advantages .list ul{  margin:0 -7px;}
.Advantages .list li{ padding:10px 7px;}
.Advantages .list li .text{ padding:20px 12px;}
.Advantages .list li .text h4{ line-height:26px; font-size:16px; padding:12px 0 10px 0; margin-bottom:8px;}
.Advantages .list li .text h5{ line-height:24px; font-size:14px;}
.Advantages .list .slick-dots{ margin-top:15px;}
.Advantages .list .slick-dots li{ margin:0 5px;}
}
@media  screen and (max-width:767px){
.Advantages .list li{ width:33%;}
/*.Advantages .list li:last-child{ width:100%;}*/
.Advantages .list li .text h5{display:none;}
.Advantages .list li .text h4{font-size:14px;}
}

.jungong{width:100%;float:left; padding:30px 0;}
.jungong .tu{overflow:hidden;}
.jungong .wen{overflow:hidden;padding:20px 0;font-size:16px;line-height:2em;}
@media  screen and (max-width:767px){
.jungong .wen{font-size:14px;padding:20px 2%;}
}


.Solutions{ background:#f3f5f9; padding-top:95px; padding-bottom:100px;}
.Solutions .titel{ float:left;width:100%; margin:57px 0 61px 14%;}
.Solutions .titel ul{ float:left; width:100%;/**border-right:1px solid #dddddd;**/}

.Solutions .titel ul li{ float:left; width:10%; text-align:center; color:#2c2f43; cursor:pointer; font-size:16px; border:1px solid #dddddd; /**border-right:none; **/line-height:28px; padding:10px 2px;}
.Solutions .titel ul li.slick-current{ background:#0080ff; color:#fff;}
.Solutions .list{ float:left; width:100%;}
.Solutions .list ul{float:left; width:100%;}
.Solutions .list li{ float:left; width:100%;}
.Solutions .list li .img{ float:right; width:50%; line-height:0; overflow:hidden; border-radius:8px;}
.Solutions .list li .text{ float:left; width:43.5%;}
.Solutions .list li .text h4{ float:left; width:100%; color:#333333; line-height:40px; font-size:30px; position:relative; padding:4px 0 4px 68px; margin-top:4.6%; }
.Solutions .list li .text h4 img{ float:left; position:absolute; left:0; top:0; background:#0080ff; border-radius:50%; padding:5px; height:48px; width:48px;}
.Solutions .list li .text h5{ float:left; width:100%; color:#666666; line-height:30px; font-size:16px; margin:6.5% 0 10.3% 0;}
.Solutions .list li .text .more{ float:left; width:100%; }
.Solutions .list li .text .more a{ float:left; width:150px; text-align:center; background:#0080ff; color:#fff; font-size:18px; line-height:50px; border-radius:50px;}
.Solutions .list li .text .more a:hover{ background:#fff; color:#0080ff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
@media screen and (max-width: 1360px) {
.Solutions .titel ul li{ font-size:14px;}
}
@media screen and (max-width: 1024px) {
.Solutions{ padding-top:30px; padding-bottom:35px;}
.Solutions .titel{ margin:25px 0;}
.Solutions .titel ul li{ padding:6px 2px;}
.Solutions .list li .text h4{ line-height:28px; font-size:18px; padding:8px 0 8px 54px; margin-top:0; }
.Solutions .list li .text h4 img{ width:44px; height:44px; padding:3px;}
.Solutions .list li .text h5{ line-height:24px; font-size:14px; margin:15px 0;}
.Solutions .list li .text .more a{ width:120px; font-size:14px; line-height:36px; border-radius:36px;}
}
@media  screen and (max-width:767px){
.Solutions .list li .img{ width:100%; margin-top:25px;}
.Solutions .list li .text{ width:100%;}
}


.Dataset{ padding-top:95px; padding-bottom:105px;}
.Dataset .list{ float:left; width:100%; margin-top:78px;}
.Dataset .list ul{ float:left; width:100%;}
.Dataset .list li{ float:left; width:33.33%; position:relative; overflow:hidden; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;flex-direction:column; height:214px; text-align:center; padding:10px; }
/***.Dataset .list li::after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#2c2f43; opacity:0.29; z-index:1;}
.Dataset .list li::before{ float:left; width:0%; height:0%; border-radius:50%; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:#0080ff; opacity:0; z-index:2;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }**/
.Dataset .list li:hover::before{  width:1000px; height:1000px; opacity:0.54;}
.Dataset .list li i{ float:left; width:100%; line-height:0; position:relative; z-index:3; height:64px;}
.Dataset .list li i img{ margin:0 auto; height:64px; width:64px;}
.Dataset .list li i .show{ display:block;}
.Dataset .list li i .hide{ display:none;}
.Dataset .list li:hover i .show{ display:none;}
.Dataset .list li:hover i .hide{ display:block;}
.Dataset .list li h4{ float:left; width:100%; position:relative; z-index:3; color:#fff; line-height:34px; font-size:24px; margin-top:15px; }
.Dataset .list li a{  float:left; width:100%; position:relative; z-index:3; color:#fff; line-height:28px; font-size:18px;}
.Dataset .list li:hover a{ display:block;}
.Dataset .list dl{ display:none; float:left; width:100%; position:relative; z-index:3; margin:20px 0 24px 0; }
.Dataset .list li:hover dl{ display:block;}
.Dataset .list dl dd{ float:left; width:100%; position:relative; cursor:pointer; color:#fff; line-height:32px; font-size:20px; margin:8px 0; }
.Dataset .list dl dd::after{ float:left; width:0; height:1px; content:''; position:absolute; left:50%; bottom:0; background:#fff;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
.Dataset .list dl dd:hover::after{ width:90px;}
.Dataset .slick-dots{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; position:static; margin:20px 0 0 0;}
.Dataset .slick-dots li{ background:#4873ec; margin:0 7px; width:8px!important; height:8px !important; border-radius:8px; padding:0 !important; background:#c5c9cf;}
.Dataset .slick-dots li::after{ display:none !important;}
.Dataset .slick-dots li.slick-active{ background:#0080ff; width:24px !important;}


@media screen and (max-width: 1024px) {
.Dataset{ padding-top:30px; padding-bottom:35px;}
.Dataset .list{ margin-top:25px;}
.Dataset .list li{ padding:25px 15px; height:340px;}
.Dataset .list li h4{ line-height:28px; font-size:16px; margin-top:10px; }
.Dataset .list dl{ margin:8px 0;}
.Dataset .list dl dd{ line-height:26px; font-size:14px; margin:2px 0;}
.Dataset .list dl dd:hover::after{ width:70px;}
.Dataset .list li a{ font-size:13px; line-height:22px;}
.Dataset .slick-dots li{ margin:0 5px;}
}
@media  screen and (max-width:767px){
.Dataset .list li{ width:100%;}
}

.ProductT{ position:relative; border-bottom:1px solid #dddddd; position:relative;}
.ProductT::after{ float:left; width:273px; height:247px; content:''; position:absolute; right:0; top:15px; background:url(../_im_g/main56.png) top center no-repeat; background-size:100% auto;}
.ProductT ul{ float:left; width:100%;}
.ProductT ul li{ float:left; width:10%; text-align:center;}
.ProductT ul li a{ float:left; width:100%; position:relative; color:#666666; font-size:16px; line-height:26px; padding:27px 2px;}
.ProductT ul li a::after{ float:left; width:0%; height:2px; content:''; position:absolute; left:50%; bottom:-1px; background:#0080ff;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.ProductT ul li.on a,
.ProductT ul li:hover a{ color:#0080ff;}
.ProductT ul li.on a::after,
.ProductT ul li:hover a::after{ width:100px;}
@media screen and (max-width: 1360px) {
.ProductT ul li a{ font-size:14px;}
.ProductT ul li.on a::after,
.ProductT ul li:hover a::after{ width:70px;}
}
@media screen and (max-width: 1024px) {
.ProductT::after{ width:100px; height:100px; content:''; position:absolute; right:0; top:5px;}
.ProductT ul{ height:50px; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.ProductT ul li{ float:none; display:inline-block; width:auto;}
.ProductT ul li a::after{ bottom:0;}
.ProductT ul li a{ padding:12px 5px;}
}


.DataService{ background:#f3f7fc; position:relative; overflow:hidden; padding:50px 100px;}
.DataService::after,
.DataService:before{ float:left; width:26%; height:50%; position:absolute; content:''; z-index:1; background-size:contain !important;}
.DataService::after{ left:0; bottom:0; background:url(../_im_g/main71.jpg) left bottom no-repeat;}
.DataService::before{ right:0; top:0; background:url(../_im_g/main70.jpg) right top no-repeat;}
.DataService .list{ float:left; width:100%; background:#fff; border-radius:6px; overflow:hidden; margin:57px 0 61px 0; }  
.DataService .list ul{ float:left; width:100%;}
.DataService .list li{ float:left; width:100%; flex-wrap:wrap; display: flex;}
.DataService .list .img{ float:left; width:58.3%; line-height:0; overflow:hidden;}
.DataService .list .img img{ min-height:100%;}
.DataService .list .text{ float:left; width:41.7%; padding:5.75% 40px;}
.DataService .list .text h4{float:left; width:100%; color:#2c2f43; border-bottom:1px solid #dddddd; font-size:24px; line-height:34px; padding-bottom:6.1%; margin-bottom:5.7%;}
.DataService .list .text h5{float:left; width:100%; color:#666666; letter-spacing:1px; font-size:16px; line-height:30px;}
.DataService .more{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.DataService .more a{ float:left; width:200px; text-align:center; border:1px solid #0080ff; color:#0080ff; font-size:18px; line-height:48px; border-radius:50px; margin:0 26px; }
.DataService .more a.on{ background:#0080ff; color:#fff;}
.DataService .more a:hover{ background:#fff; color:#0080ff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.DataService .one{ float:left; width:100%; margin:57px 0 49px 0;}
.DataService .one ul{ margin:0 -20px; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.DataService .one ul li{ float:left; margin:0 20px; }
.DataService .one ul li a{ float:left; background:#fff;border:1px solid #eee; border-radius:10px;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; color:#9ea4af; font-size:30px; line-height:48px; padding:25px 54px;}
.DataService .one ul li a img{ max-width:none; margin-right:30px; height:40px;}
.DataService .one ul li.on1 a, .DataService .one ul li a:hover{ background:#d3e4ff; border:1px solid #3180f6; color:#0080ff; box-shadow:0 8px 27px rgba(0,128,255,0.13); }
.DataService .two{ float:left; width:100%; position:relative;}
.DataService .two::after{ float:left; width:3000px; height:1px; z-index:1; content:''; position:absolute; left:50%; bottom:0; background:#dddddd; margin-left:-1500px;}
.DataService .two ul{ float:left; width:100%; padding:0 4%; display:none;}
.DataService .two .ul2{ display:block;}
.DataService .two ul li{ float:left; width:25%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.DataService .two ul li a{ float:left; position:relative; z-index:3; color:#2c2f43; font-size:20px; line-height:30px; padding:28px 8px;}
.DataService .two ul li a::after{ float:left; width:0%; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#0080ff;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.DataService .two ul li.on2 a{ color:#0080ff;}
.DataService .two ul li.on2 a::after{ width:100%;}
.DataService .three{ float:left; width:100%; margin-top:50px; }
.DataService .three ul{ float:left; width:100%;}
.DataService .three .slick-list{ padding:0 2.9%;}
.DataService .three ul li{ float:left; width:12.5%; text-align:center;}
.DataService .three ul li a{ float:left; color:#2c2f43; font-size:16px; line-height:26px;flex-wrap:wrap; display: flex;  justify-content:center;}
.DataService .three ul li a i{ display:block; margin:0 auto; width:94px; height:94px; position:relative; border-radius:50%;}
.DataService .three ul li a i img{ position:absolute; left:0; top:0; width:64px; height:64px; margin:15px;}
.DataService .three ul li a i .show{ opacity:1;}
.DataService .three ul li a i .hide{ opacity:0;}
.DataService .three ul li a span{ float:left; width:100%; margin-top:22px;}
.DataService .three ul li.slick-current a i{ background:#fff; box-shadow:0 13px 18px rgba(165,165,165,0.22);}
.DataService .three ul li.slick-current a i .show{ opacity:0;}
.DataService .three ul li.slick-current a i .hide{ opacity:1;}
.DataService .three ul li.slick-current a{ font-weight:bold; color:#0080ff;}
.DataService .three .slick-prev,
.DataService .three .slick-next{ left:0; width:10px; height:10px; border-left:1px solid #686868; border-bottom:1px solid #686868; top:47px; -webkit-transform: translate(0,0) rotate(45deg); -ms-transform: translate(0,0) rotate(45deg); transform: translate(0,0) rotate(45deg);}
.DataService .three .slick-next{ left:auto; right:0; -webkit-transform: translate(0,0) rotate(225deg); -ms-transform: translate(0,0) rotate(225deg); transform: translate(0,0) rotate(225deg);}
.DataService .three .slick-prev:hover,
.DataService .three .slick-next:hover{ border-left:1px solid #b3292c; border-bottom:1px solid #b3292c;}
.DataService .Serv1,
.DataService .Serv2{ float:left; width:100%; position:relative;  }
.DataService .sjul{margin-bottom:30px;}
.DataService .box1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.DataService .box1.on1{ position:relative; z-index:3; opacity:1;}
.DataService .box2{ float:left; width:100%; background:#f3f7fc; position:absolute; left:0; top:0; z-index:1; opacity:0; }
.DataService .box2.active{ position:relative; z-index:3; opacity:1;}
.DataService .box2.on2{ z-index:3; opacity:1;}


@media screen and (max-width: 1024px) {
.DataService{ padding:30px 15px 15px;}
.DataService .list{ margin:25px 0;}
.DataService .list .text{ padding:20px 15px;}
.DataService .list .text h4{ font-size:18px; line-height:28px; padding-bottom:10px; margin-bottom:10px;}
.DataService .list .text h5{ font-size:14px; line-height:24px;}
.DataService .more a{ margin:0 8px; width:130px; font-size:14px; line-height:34px; border-radius:36px;}
.DataService .one{ margin:25px 0 15px 0;}
.DataService .one ul{ margin:0 -7px;}
.DataService .one ul li{ margin:0 7px; }
.DataService .one ul li a{ font-size:17px; line-height:32px; padding:10px 15px;}
.DataService .one ul li a img{ max-width:none; margin-right:6px; height:30px;}
.DataService .one ul li.on1 a{ box-shadow:0 4px 12px rgba(0,128,255,0.13); }
.DataService .two ul li a{ font-size:14px; line-height:24px; padding:12px 0;}
.DataService .three{ margin-top:20px;}
.DataService .three .slick-list{ padding:0 10px;}
.DataService .three ul li a{ font-size:14px; line-height:24px;}
.DataService .three ul li a i{  width:74px; height:74px;}
.DataService .three ul li a i img{ margin:10px; width:54px; height:54px;}
.DataService .three ul li a span{ margin-top:10px;}
.DataService .three .slick-prev,
.DataService .three .slick-next{ top:38px; }
}
@media screen and (max-width: 767px) {
.DataService .list .img{ width:100%;}
.DataService .list .text{ width:100%;}
.DataService .two ul{ padding:0;}


}


.RightP{ position:fixed; right:10px; top:60%; z-index:20; width:60px; }
.RightP ul{ float:left; width:100%;}
.RightP ul li{ float:left; width:100%; position:relative; margin:5px 0;}
.RightP ul li a{ float:left; width:100%; min-height:60px; border-radius:60px; background:#fff; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; box-shadow:0 0 18px rgba(0,128,255,0.2);}
.RightP ul li a img{ max-width:none; width:32px; height:32px;}
.RightP ul li a span{ display:block; color:#fff; font-size:18px; line-height:24px; margin-top:10px;}
.RightP ul li:first-child a{display: none;  /*padding:25px 0; background:#3180f6;*/}
.RightP ul li.da a{display: none; padding:25px 0; background:#3180f6;}
.RightP ul li h6{ float:left; background:#3180f6; color:#fff; font-size:18px; line-height:60px; border-radius:60px; padding:0 30px; white-space:nowrap; position:absolute; right:110%; top:0;}
.RightP ul li i{ float:left; background:#3180f6; width:110px; line-height:0; padding:5px; border-radius:3px; white-space:nowrap; position:absolute; right:110%; top:50%; margin-top:-50px;}
.RightP ul li h6,
.RightP ul li i{-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:95% 50%;
	-moz-transform-origin:95% 50%;
	-ms-transform-origin:95% 50%;
	-o-transform-origin:95% 50%;
	transform-origin:95% 50%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.RightP ul li:hover h6,
.RightP ul li:hover i{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}

@media screen and (max-width: 1024px) {
.RightP{ right:3px; width:38px;}
.RightP ul li{ margin:3px 0;}
.RightP ul li:nth-child(3){ display:none;}
.RightP ul li a{ min-height:38px;}
.RightP ul li a img{ max-width:none; width:26px; height:26px;}
.RightP ul li a span{ font-size:12px; line-height:16px; margin-top:4px;}
.RightP ul li:first-child a{ padding:12px 0;}

}













/*end*/
/*newde*/
.newde{margin-bottom: 100px;}
.newde .newdl{float: left;width: 75%;border-right: 1px solid #DEDEDE;padding-right: 44px;}
.newde .newdl h1{line-height: 50px;font-size: 34px;font-weight: bold; color: #333;padding: 30px 0 25px;text-align: left;}
.newde .newdl .h4{font-size: 30px;color: #121212;text-align: center;line-height: 40px;padding: 45px 0 40px 0;}
.newde .newdl .deicon{display: flex;align-items: center;j/*ustify-content: center;*/}
.newde .newdl .deicon .iconl{margin: 0 15px;display: flex;align-items: center;}
.newde .newdl .deicon .iconl img{margin-right: 8px;}
.newde .newdl .deicon .iconl p{font-size: 16px;color: #666666;}
.newde .newdl .ndecont{margin-top: 40px;border-top: 1px solid #DDDDDD;padding-top: 40px;margin-bottom: 40px;
font-size: 16px;line-height: 30px;color: #333;padding-bottom:60px;border-bottom: 1px solid #DDDDDD;}
.nrong{color:#333;line-height: 2em;}
.nrong h2, .nrong h3{font-size: 18px;font-weight: 700;color: #000;margin: 22px 0;padding-left: 9px;position: relative;}
.nrong h2:before, .nrong h3:before{content: "";display: inline-block;height: 16px;width: 5px;background-color: #ef4341;
position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 2.5px;}
.nrong a{color:#3180f6;}
.nrong a:hover{text-decoration:underline;}
.nrong p{}
.nrong img{width: auto!important;height: auto!important;}
.newde .newdl .ndecont .image{text-align:center;}
.newde .newdl .ndecont .ndefun .pic2{display: none;}
.newde .newdl .ndecont .ndefun{display: flex;justify-content: center;align-items: center;margin-top: 90px;}
.newde .newdl .ndecont .ndefun .nfun1{display: flex;align-items: center;justify-content: center;
margin:0 30px;width: 150px;height: 50px;border-radius:25px;border:1px solid #999999;transition: all .5s ease;}
.newde .newdl .ndecont .ndefun .nfun1:hover{border: 1px solid #007EFE;}
.newde .newdl .ndecont .ndefun .nfun1 img{width: 18px;}
.newde .newdl .ndecont .ndefun .nfun1:hover .pic2{display: block;}
.newde .newdl .ndecont .ndefun .nfun1:hover .pic1{display: none;}
.newde .newdl .ndecont .ndefun h6{margin-left:15px;white-space: nowrap;}

@media screen and (max-width: 1024px){
.newde{margin-bottom: 30px;}
.newde .newdl{width: 100%;padding-right: 0px;}
.newde .newdl .h4{font-size: 22px;line-height: 30px;padding: 25px 0 15px 0;}
.newde .newdl .deicon .iconl{margin:3px 8px;}
.newde .newdl .deicon .iconl img{margin-right:4px;}
.newde .newdl .deicon .iconl p{font-size: 14px}
.newde .newdl .ndecont{margin-top: 20px;padding-top: 20px;margin-bottom: 20px;
font-size: 14px;line-height: 24px;padding-bottom:20px;border-right-width: 0;}
.newde .newdl .deicon{flex-wrap: wrap;}
.newde .newdl{border-right: 0px solid transparent;}
.newde .newdl .ndecont img{width: 100%;vertical-align: bottom;}
.newde .newdl .ndecont .ndefun .pic2{display: none;}
.newde .newdl .ndecont .ndefun{margin-top:20px;}
.newde .newdl .ndecont .ndefun .nfun1{margin:0 15px;width: 120px;height: 40px;border-radius:20px;}
.newde .newdl .ndecont .ndefun .nfun1 img{width: 16px;}
.newde .newdl .ndecont .ndefun h6{margin-left:10px;white-space: nowrap;}
}


.relevantn{margin-top:60px;float: left;width: 100%;}
.relevantn h4{color: #2C2F45;font-size:36px;line-height: 55px;}
.relevantn ul{width: calc(100% + 80px);margin: 0 -40px;float: left;padding:15px 0;}
.relevantn ul li{width: 50%;padding:0 40px;float: left;}
.relevantn ul li a{display:block; padding:10px 0;position: relative;}
.relevantn ul li h5{width: 85%; font-size:18px;line-height:24px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relevantn ul li span{display: inline-block;font-size: 12px;color:#999;line-height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.relevantn ul li .ci{padding-left: 18px;background: url(../_im_g/icon3.png) left no-repeat;background-size: 12px;}
.relevantn ul li:hover h5{color: #007EFE;}
.relevantn ul li:hover h6{border-bottom:1px solid #007EFE}
.newde .newdr{float: right;width: 25%;padding-left: 30px;}
.newde .newdr h3{font-size: 24px;color: #333333;text-align: center;line-height: 30px;
margin: 50px 0 35px 0;float: left}
.newde .newdr li{width: 100%;float: left;padding: 25px 0 30px 0;border-top: 1px solid #DDDDDD;}
.newde .newdr li.li{padding: 15px 0;}
.newde .newdr li.li a{font-size:16px;}
.newde .newdr li.li a:hover{color:#007EFE;}
.newde .newdr li.li .rici{padding-top:8px;display: flex; justify-content: space-between;}
.newde .newdr li.li span{font-size:14px;color:#999; padding-left:22px;}
.newde .newdr li.li .ri{background:url(../_im_g/icon1.png) left no-repeat; background-size:16px;}
.newde .newdr li.li .ci{background:url(../_im_g/icon3.png) left no-repeat; background-size:16px;}
.newde .newdr li:last-child{border-bottom: 1px solid #DDD;}
.newde .newdr li h4{font-size: 18px;color: #121212;line-height: 24px;}
.newde .newdr li .zxfun{display: flex;align-items: center;justify-content:space-between;margin-top:25px;}
.newde .newdr li .zxfun .funl{display: flex;align-items: center;justify-content: center;}
.newde .newdr li .zxfun .funl img{margin-right:8px}
.newde .newdr li .zxfun .funl h4{font-size: 16px;color: #666666;}
.newde .newdr li:hover h4{color:#007EFE;}
@media screen and (max-width: 1024px) {
  .relevantn{margin-top:30px;}
  .relevantn h4{font-size:24px;line-height:30px;}
  .relevantn ul{width: calc(100% + 10px);margin: 0 -10px;}
  .relevantn ul li{width: 50%;padding:0 10px;}
  .relevantn ul li h5{font-size:14px;line-height:24px;margin-top: 15px;margin-bottom:10px;}
  .relevantn ul li h6{font-size: 14px;color:#2c2f43;line-height: 20px;padding-bottom: 10px;}
  .newde .newdr{width: 100%;padding-left: 0px;}
  .newde .newdr h3{font-size: 24px;line-height: 30px;margin: 15px 0 15px 0;float: left}
  .newde .newdr li{padding: 15px 0 15px 0;}
  .newde .newdr li h4{font-size: 14px;}
  .newde .newdr li .zxfun{margin-top:15px;}
  .newde .newdr li .zxfun .funl img{margin-right:5px}
  .newde .newdr li .zxfun .funl h4{font-size: 14px;color: #666666;}
}

/*nfy*/
.nfy{display: flex;align-items: center;justify-content: space-between;}
.nfy .nfyl{display: flex;flex-direction: column;align-items: flex-start;}
.nfy .nfyl a{ float:left; width:100%; color:#666666;font-size: 18px;line-height: 45px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.nfy .nfyl a:hover{ color:#007EFE;}
.nfy .nfyr{width: 150px;height: 50px;background: #007EFE;border-radius: 25px;
display: flex;align-items: center;justify-content: center;}
.nfy .nfyr:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.nfy .nfyr span{font-size: 16px;color:#fff;}
.nfy .nfyr img{margin-right:16px;}
@media screen and (max-width: 1024px) {
  .nfy .nfyl a{font-size: 14px;line-height:24px;}
  .nfy .nfyr{width: 110px;height: 40px;border-radius: 20px;}
  .nfy .nfyr img{ margin-right:6px;}
  .nfy .nfyr span{font-size: 14px;}
  .nfy .nfyl{width: calc(100% - 120px);}

}


.fsubmit{float: left;width: 100%;background: url(../_im_g/pic2.jpg) center no-repeat;
background-size: cover;
display: flex;flex-direction: column;align-items: center;}
.fsubmit h4{color:#333333;font-size: 30px;line-height: 40px;margin:45px 0 30px 0;}
.fsubmit .submit{width: 150px;height: 50px;color: #007EFE;border-radius: 25px;font-size: 18px;
background: #fff;display: flex;align-items: center;justify-content: center;margin-bottom: 45px;}



.main1 {
  padding-top:48px;
  padding-bottom:46px;
}
.main1 .indexZh1{ font-weight:normal;}
.main1 .More1{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;
  margin-top:37px;
}
.main1 .More1 a{ float:left; width:150px; text-align:center; background:#fff; color:#0080ff; font-size:18px; line-height:50px; border-radius:50px;}
.main1 .More1 a:hover{ background:#0080ff; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media screen and (max-width: 1024px) {
.main1 {
  padding-top:30px;
  padding-bottom:30px;
}
.main1 .indexZh1{ font-size:17px;}
.main1 .More1 { margin-top:15px;}
.main1 .More1 a{ width:120px; font-size:14px; line-height:36px; border-radius:36px;}
}






/*newnav*/
.newnav{display: flex;align-items: center;justify-content: center;}
.newnav a{width: 150px;height: 50px;border:1px solid #007EFE;border-radius: 25px;
display: flex;align-items: center;justify-content: center;margin: 0 23px;
transition: all .5s ease;font-size: 18px;color: #007EFE;}
.newnav a:hover{background: #007EFE;color: #fff;}
.newnav a.on{background: #007EFE;color: #fff;}

@media screen and (max-width: 1024px) {
  .newnav a{width: 110px;height: 32px;border-radius: 15px;margin: 0 7px;font-size: 14px;}
}

.newl{padding-top:60px;padding-bottom: 100px;float: left;width: 100%; overflow:hidden; }
.newl .list{margin-top:60px;}
.newl .list ul{width: calc(100% + 60px);margin: -21px -30px;float: left;}
.newl .list ul li{width: 33.3%;float: left;padding: 21px 30px;}
.newl .list ul li a{display: block;width: 100%;float: left;
padding-bottom:25px;border-bottom: 1px solid #DDDDDD;}
.newl .list ul li:hover a{border-bottom:1px solid #007EFE;}
.newl .list ul li .img{position: relative;width: 100%;padding-bottom: 66.7%;overflow: hidden;border-radius: 8px;}
.newl .list ul li .img img{position: absolute;top: 50%;border-radius: 8px;
left: 50%;transform: translate(-50%,-50%);transition: all .5s ease;min-height: 100%;}
.newl .list ul li:hover .img img{transform: translate(-50%,-50%)scale(1.1)}
.newl .list ul li .time{color:#2C2F45;font-size: 16px;line-height: 48px;}
.newl .list ul li h4{color:#2C2F45;font-size: 18px;line-height: 30px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
.newl .list ul li:hover h4{color: #007EFE;}
.newl .list ul li h6{color:#666666;font-size: 16px;line-height: 24px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 48px;}
.newl .fy, .productl .fy{margin-top: 50px;}

@media screen and (max-width: 1024px) {
  .newl .list{margin-top: 20px;}
  .newl{padding-top:20px;padding-bottom: 30px;float: left;width: 100%;}
  .newl .list ul{width: calc(100% + 14px);margin: -7px}
  .newl .list ul li{width: 50%;padding:7px;}
  .newl .list ul li h4{font-size: 16px;line-height: 24px;display: -webkit-box;white-space:normal;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 48px; }
  .newl .list ul li h6{font-size: 14px;line-height: 24px;height: 48px;}
  .newl .list ul li a{padding-bottom: 15px;}
}

.fy{display: flex;align-items: center;justify-content: center;width: 100%;float: left;}
.fy li{border: 1px solid #DDDDDD;height: 48px;width: 48px;border-radius: 24px;margin: 0 5px;overflow: hidden;}
.fy li:first-child, .fy li:last-child{width: 100px;}
.fy a{display: block; color:#333333;line-height: 48px;text-align: center;font-size: 16px;transition:all .5s ease;}
.fy .prev,.fy .next{width:100px;}
.fy .on,.fy .active,.fy .active a,.fy a:hover{background: #007EFE;color: #fff;}
.fy .sl{border: 0px solid #fff;}

/*videocont*/
.videocont .plate1{padding:60px 0 90px 0;float: left;width: 100%;}
.videocont .plate1 .p1top{width: 100%;float: left;margin-bottom: 10px;}
.videocont .plate1 .p1top .tl{width: 50%;float: left;}
.videocont .plate1 .p1top .tl img{width: 100%;vertical-align: bottom;border-radius: 8px;}
.videocont .plate1 .p1top .tr{width: 50%;float: left;padding-left: 68px;}
.videocont .plate1 .p1top .tr h4{color:#2c2f43;font-weight: bold;margin-bottom: 25px;
font-size: 24px;line-height: 30px;margin-top: 55px;padding-bottom: 25px;position: relative;}
.videocont .plate1 .p1top .tr h4:after{content: "";height: 2px;width: 44px;
position: absolute;bottom: 0;left: 0;background: #007EFE;}
.videocont .plate1 .p1top .tr h6{color: #2c2f43;font-size: 16px;line-height: 36px;}
.videocont .plate1 .p1down, .videocont .plate1 .nfy{width: 100%;float: left;}
.videocont .plate1 .nfy{padding-top:40px;}
.videocont .plate1 .p1down .dli{margin-top: 50px;float: left;width: 100%;}
.videocont .plate1 .p1down .dli h4, .rong h2{color:#2c2f43;font-size: 20px;line-height: 24px;
padding-left:14px;position: relative;font-weight: bold;}
.videocont .plate1 .p1down .dli h4:after{content: "";height: 20px;width: 4px;
background: #007EFE;position: absolute;left: 0;top: 2px;border-radius:2px;}
.videocont .plate1 .p1down .dli h6{margin-top: 35px;padding-left:14px;color:#2c2f43;font-size: 16px;line-height: 36px;}
.rong{margin-top: 35px;padding-left:14px;color:#2c2f43;font-size: 16px;line-height: 36px;}
@media screen and (max-width: 1024px){
  .videocont .plate1{padding:25px 0 30px 0;}
  .videocont .plate1 .p1top .tl{width: 100%;}
  .videocont .plate1 .p1top .tr{width: 100%;padding-left: 0;}
  .videocont .plate1 .p1top .tr h4{margin-bottom:15px;
  font-size: 18px;line-height:24px;margin-top: 25px;padding-bottom: 15px}
  .videocont .plate1 .p1top .tr h4:after{width: 30px;}
  .videocont .plate1 .p1top .tr h6{font-size: 14px;line-height: 24px;}
  .videocont .plate1 .p1down .dli{margin-top: 20px;}
  .videocont .plate1 .p1down .dli h6{margin-top: 15px;font-size: 14px;line-height: 24px;}
  .videocont .plate1 .p1down .dli h4{font-size: 18px;line-height: 22px;}
  
}




.videocont .ptitle{font-size: 36px;color: #2c2f43;line-height: 40px;text-align: center;}
.videocont .plate2{float: left;width: 100%;padding: 100px 0;background:#F2F5F9;}
.videocont .plate2 ul{width: calc(100% + 24px);margin: 80px -12px 0 -12px;float: left;}
.videocont .plate2 ul li{width: 25%;padding: 0 12px;float: left;}
.videocont .plate2 ul li .img{width: 100%;border-radius:6px 6px 0 0;
position: relative;overflow:hidden;padding-bottom:66.7%;}
.videocont .plate2 ul li .img img{position: absolute;top: 50%;border-radius: 8px;border-radius:6px 6px 0 0;
left: 50%;transform: translate(-50%,-50%);transition: all .5s ease;min-height: 100%;}
.videocont .plate2 ul li:hover .img img{transform: translate(-50%,-50%)scale(1.1)}
.videocont .plate2 ul li .text{width: 100%;border-radius: 0 0 6px 6px;
padding: 26px 15px;background: #fff;}
.videocont .plate2 ul li .text h4{color: #2C2F45;font-size: 18px;line-height: 30px;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: bold;}
.videocont .plate2 ul li .text h6{color: #666666;font-size: 14px;line-height: 24px;
margin-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.videocont .plate2 ul li:hover h4{color:#007EFE}
.videocont .plate3{padding: 100px 0;float: left;width: 100%;}
.videocont .plate3 .picon{width: 100%;margin-top: 55px;}
.videocont .plate3 .picon img{width: 100%;vertical-align: bottom;}
@media screen and (max-width: 1024px){
  .videocont .plate3{padding: 30px 0;}
  .videocont .ptitle{font-size: 22px;line-height: 30px;}
  .videocont .plate3 .picon{margin-top: 20px;}
  .videocont .plate2 ul{width: calc(100% + 10px);margin: 20px -5px 0 -5px;float: left;}
  .videocont .plate2{padding: 30px 0;}
  .videocont .plate2 ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
  .videocont .plate2 ul li .text{padding:18px 10px;}
}


.videocont .plate4{padding: 100px 0;float: left;width: 100%;background: #F2F5F9;}
.videocont .plate4 ul{width:calc(100% + 18px);margin:80px -9px 0 -9px;float: left;}
.videocont .plate4 ul li{width:25%;float: left;padding: 0 9px;}
.videocont .plate4 ul li .box{width: 100%;float: left;position: relative;
background: #fff;border-radius: 8px;height: 178px;padding: 30px 30px 0 30px;
box-shadow: 0 0 18px rgba(195,195,195,0.19);}
.videocont .plate4 ul li .box .index{position: absolute;top: 50%;
left: 50%;transform: translate(-50%,-50%);font-weight: bold;font-size: 129px;
color:#007EFF;opacity:0.1;}
.videocont .plate4 ul li .cont{font-size: 18px;color: #2c2f43;line-height: 36px;}
.videocont .plate4 ul li:hover .box{box-shadow: 0 0 38px rgba(52,106,207,0.22);}
.videocont .plate4 ul li:hover .box::after{width:100%;content: "";
height: 1px;position: absolute;background: #007EFE;left: 0;bottom: 0;}

@media screen and (max-width: 1400px){

  .videocont .plate4 ul li .cont{font-size: 16px;line-height: 30px;}
  .videocont .plate4 ul li .box .index{font-size: 70px;}
}
@media screen and (max-width: 1024px){
  .videocont .plate4{padding:25px 0 25px 0;}
  .videocont .plate4 ul{width:calc(100% + 10px);margin:20px -5px 0 -5px;}
  .videocont .plate4 ul li{width:50%;float: left;padding: 0 5px;margin-bottom: 10px;}
  .videocont .plate4 ul li .box{height: 150px;padding:15px;}
  .videocont .plate4 ul li .cont{font-size: 14px;line-height: 24px;}
}

.videocont .plate6{padding:100px 0 85px 0;float: left;width: 100%;}


.nbanner {float:left;width: 100%;background: #000; position: relative;overflow: hidden;}
.nbanner img{width: 100%;opacity: 0.8; vertical-align:middle;}
.nbanner .tit{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.nbanner .tit h1{color: #fff;font-size:36px;line-height: 40px;}
.nbanner .tit h6{color: #fff;font-size:20px;line-height: 24px;margin-top:24px;}
.w_12001 {width: 1200px;margin-right: auto;margin-left: auto;}

@media screen and (max-width: 1400px){
.w_12001 {width: 80%;}
.nbanner .tit h1{font-size:24px;line-height:34px;}
.nbanner .tit h6{font-size:16px;line-height:22px;margin-top:12px;}
}
@media screen and (max-width: 1024px){
.w_12001 {width: 100%;padding: 0 15px;}
.nbanner .tit{ top:60%;}
.nbanner .tit h1{font-size:22px;line-height:28px;}
.nbanner .tit h6{font-size:14px;line-height:18px;margin-top:8px;}
}

.sjjcp{float: left;width: 100%;padding: 80px 0 100px 0;}
.sjjcp .cpnav{display: flex;justify-content: space-between;}
.sjjcp .cpnav a{line-height: 68px;color:#2c2f45;text-align: center;display:block;font-size: 20px;
width: calc(33.3% - 2px);background: #E8EFF9;transition: all .5s ease;}
.sjjcp .cpnav a:first-child{border-radius:6px 0px 0px 0px;}
.sjjcp .cpnav a:last-child{border-radius:0px 6px 0px 0px;}
.sjjcp .cpnav a.on,.sjjcp .cpnav a:hover{background: #007EFE;color: #fff;}
.sjjcp .alllm{border-radius: 0 0 6px 6px;overflow: hidden;margin-bottom: 60px;align-items: center;width: 100%;box-shadow: 0 0 29px rgba(195,195,195,0.22);
  /*padding: 30px 20px;*/}
.sjjcp .alllm p{float:left;font-size: 18px;color:#2c2f45;}
.sjjcp .alllm .filter-cen{float:left;display: none;}
.sjjcp .alllm a{color: #2c2f45;font-size: 16px;}
.sjjcp .alllm a.on,.sjjcp .alllm a:hover{color: #007EFE;}
.sjjcp .alllm .filter-bt a{font-size:12px;}
@media screen and (max-width: 1024px){
  .sjjcp{padding:20px 0 30px 0;}
  .sjjcp .cpnav a{line-height:40px;font-size:15px;width: calc(33.3% - 1px);}
  .sjjcp .cpnav a.on,.sjjcp .cpnav a:hover{background: #007EFE;color: #fff;}
  .sjjcp .alllm{height: 40px;padding:0 5px;display: flex;margin-bottom:20px;}
  .sjjcp .alllm p{font-size: 14px;}
  .sjjcp .alllm a{font-size: 14px;margin: 0 5px;}
}




.productl ul{width: calc(100% + 24px);margin: -15px -12px;float: left;}
.productl ul li{width: 25%;padding: 15px 12px;float: left;}
.productl ul li .img{width: 100%;border-radius:6px 6px 0 0;
position: relative;overflow:hidden;padding-bottom:66.7%;}
.productl ul li .img img{position: absolute;top: 50%;border-radius: 8px;border-radius:6px 6px 0 0;
left: 50%;transform: translate(-50%,-50%);transition: all .5s ease;min-height: 100%; min-width:100%;}
/*.productl ul li .img span{position: absolute;right: 0;bottom: 0;padding: 5px 10px;background: #fff;}*/
.productl ul li:hover .img img{transform: translate(-50%,-50%)scale(1.1)}
.productl ul li .text{width: 100%;border-radius: 0 0 6px 6px;
padding: 26px 15px;background: #fff;border: 1px solid #DDDDDD;}

.productl ul li .text h4{color: #2C2F45;font-size: 18px;line-height: 30px;font-weight: bold;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.productl ul li .text h6{height: 3.5em; color: #666666;font-size: 14px;line-height: 24px;margin-top: 5px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.productl ul li:hover h4{color:#007EFE}
.productl ul li:hover .text{background: #fff;}

@media screen and (max-width: 1024px){
  .productl ul{width: calc(100% + 10px);margin:-5px;}
  .productl ul li{width: 50%;padding:7px;}
  .productl ul li .text{padding:15px 10px;}
  .productl ul li .text h4{font-size: 16px;line-height: 24px;}
  .productl ul li .text h6{font-size: 14px;line-height: 18px;margin-top: 4px;}
}




.productl .lfy{margin-top: 60px;}
.lfy{width: 100%;display: flex;align-items: center;justify-content: center;float: left;}
.lfy a{margin: 0 8px; font-size: 18px;line-height: 40px; width:40px; border-radius:50%; text-align:center; }
.lfy a:hover{ background:#3180f6; color:#fff;}
.lfy .prev{height: 40px;width: 40px;border-radius: 50%;position: relative;
background: linear-gradient(to right,#BABABA,#DEDEDE);}
.lfy .next{height: 40px;width: 40px;border-radius: 50%;position: relative;
background: linear-gradient(to right,#BABABA,#DEDEDE);}
.lfy .prev::after{content: "";height: 14px;width: 14px;position: absolute;
top: 50%;left: 50%;transform: translate(-50%,-50%)rotate(225deg);border-top: 1px solid #fff;
border-right: 1px solid #fff;transition: all .5s ease;margin-left: 2px;}
.lfy .next::after{content: "";height: 14px;width: 14px;position: absolute;
top: 50%;left: 50%;transform: translate(-50%,-50%)rotate(45deg);border-top: 1px solid #fff;
border-right: 1px solid #fff;transition: all .5s ease;margin-left: -2px;}
.lfy .prev:hover,.lfy .next:hover{background: #007EFF;}



.text_p{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;display:none;margin-top: 30px;float: left;width: 100%;}
.text_p a{ padding: 5px 25px; background: #007EFE; color: #fff; 
border: transparent;border-radius:16px; overflow: hidden;}
.text_p span{ padding: 5px 20px; color: #333;}
.sjjxq{float: left;width: 100%;padding:60px 0 100px 0;}
.sjjxq .xqt{overflow: hidden;}
.sjjxq .pic{width: 50%;float: left;}
.sjjxq .pic img{width: 100%;vertical-align: bottom;border-radius: 8px;}
.sjjxq .ttxt{margin-bottom:75px;}
.sjjxq .ttxt{width: 50%;float: left;padding-left: 60px;}
.sjjxq .ttxt h2{color: #2c2f43;font-size: 24px;line-height: 36px;font-weight: bold; margin-top:9.2%;margin-bottom: 7.4%;}
.sjjxq .ttxt .li{display: flex;align-items: center;margin-bottom: 2.7%;}
.sjjxq .ttxt .li img{margin-right:10px;}
.sjjxq .ttxt .li span{font-size: 16px;line-height: 20px;}
.sjjxq .ttxt a{width: 150px;height: 50px;background: #007EFE;font-size:18px;margin-bottom:4.6%; color: #fff;border-radius: 25px;margin-top: 6.4%;display: flex;align-items: center;justify-content: center;}
.sjjxq .ttxt a:hover{ background:#fff; color:#0080ff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.sjjxq .ttxt h6{color: #999999;font-size: 14px;line-height: 20px;}

.sjjxq .ttxt .hexin p{display: flex;align-items: center;margin-bottom: 2.7%;font-size: 16px;line-height: 20px; 
  padding-left: 25px;background: url(../_im_g/icon10.png) no-repeat no-repeat left;}

@media screen and (max-width: 1400px){
  .sjjxq .ttxt h4{margin-top:30px;margin-bottom: 30px;}
  .sjjxq .ttxt{padding-left: 30px;}
}
@media screen and (max-width: 1024px){
.sjjxq{padding:25px 0 30px 0;}
.sjjxq .pic{width: 100%;}
.sjjxq .ttxt{margin-bottom:30px;}
.sjjxq .ttxt{width: 100%;padding-left: 0px;}
.sjjxq .ttxt h2{font-size: 18px;line-height: 24px;margin-top:20px;margin-bottom: 20px;}
.sjjxq .ttxt .li{display: flex;align-items: center;margin-bottom: 10px;}
.sjjxq .ttxt .li img{margin-right:10px;}
.sjjxq .ttxt .li span{font-size: 16px;line-height: 20px;}
.sjjxq .ttxt a{width: 120px;height: 38px;background: #007EFE;font-size: 16px;margin-bottom:15px;
border-radius: 20px;margin-top: 15px}
.sjjxq .ttxt h6{font-size: 14px;line-height: 20px;}
}



.crumbs{float: left;width: 100%;}


.xqm{width:100%;float: left;padding-left:15px;margin-top:20px;}
.xqm .xust{font-size: 16px;line-height: 20px;font-weight: bold;color: #2c2f43;
position: relative;margin-bottom: 24px;float: left;width: 100%;}
.xqm .xust.t2{margin-top: 75px;}
.xqm .xinfo{font-size: 16px;line-height: 36px;color: #2c2f43;
margin-bottom: 30px;float: left;width: 100%;}
.xqm .xinfo.t2{margin-top: 60px;}
.xqm .xust::after{content:"";height:20px;width: 4px;background: #007EFE;position: absolute;left: -15px;top: 0;}

.xqm .sjul{width: calc(100% + 40px);margin:-15px -20px;float: left;}
.xqm .sjul .sjli{width: 50%;padding: 15px 20px;float: left;position: relative;}
.xqm .sjul .sjli .sjlr{float: right;width: calc(100% - 80px);height:80px;
border: 1px solid #DDDDDD;border-radius: 12px;padding-left: 65px;padding-right: 15px;
display: flex;align-items: center;color:#2c2f43;font-size: 16px;line-height: 24px;}
.xqm .sjul .sjli .sjll{background: #007EFE;border-radius: 8px;
line-height:40px;padding:0 25px;position: absolute;left: 20px;
top: 50%;transform: translate(0,-50%);color: #fff;font-size: 18px;}
.xqm .videoul{width: calc(100% + 46px);margin: 0 -23px;float: left;}
.xqm .videoul .videol{width: 50%;padding: 0 23px;float: left;position: relative;}
.xqm .videoul .videol img{border-radius: 10px;vertical-align: bottom;width: 100%;margin: 10px 0;}
.xqm .videoul .videol video{border-radius: 10px;position: absolute;height:100%;
top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;width: calc(100% - 46px);}
.xqm .videoul .videol .play{height:66px;width: 66px;border-radius: 50%;position: absolute;
background: #fff;display: flex;align-items: center;justify-content: center;
top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;cursor: pointer;}
.xqm .videoul .videol .play img{max-width: 100%;width: auto;border-radius: 0;}
@media screen and (max-width: 1024px){
  .xqm .xust{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
  .xqm .xust.t2{margin-top: 25px;}
  .xqm .xinfo{font-size: 14px;line-height: 30px;margin-bottom: 12px;}
  .xqm .sjul{width:100%;margin:-5px 0px;}
  .xqm .sjul .sjli{padding: 5px 0px;width: 100%;}
  .xqm .sjul .sjli .sjlr{float: right;width: calc(100% - 50px);height:72px;
  padding-left: 50px;padding-right: 15px;font-size: 14px;line-height: 24px;}
  .xqm .sjul .sjli .sjll{line-height:30px;padding:0 15px;left: 0px;font-size: 14px;}
}





.yuyin{width: 100%;float: left;position: relative;margin-bottom: 70px;}
.yuyin img{width: 100%;}
.yuyin .play{height:66px;width: 66px;border-radius: 50%;position: absolute;
background: #fff;display: flex;align-items: center;justify-content: center;
left: 50%;transform: translate(-50%,0);z-index: 1;cursor: pointer;bottom:-35px;
box-shadow: 0 0 30px rgba(0,126,254,0.1);}
.yuyin .play .pic2{display: none;}
.yuyin .play.act .pic2{display: block;}
.yuyin .play.act .pic1{display: none;}
.yuyin .play img{max-width: 100%;width: 36px;border-radius: 0;}
.yuyin .autime{display: flex;align-items: center;justify-content: center;}
.yuyin .autime>div{color: #000;font-size: 14px;}
@media screen and (max-width: 1024px){
  .yuyin .autime{margin-bottom: 20px;font-size: 14px;}
  .yuyin .play{height:40px;width: 40px;bottom:-20px;}
  .xqm .videoul .videol .play{height:40px;width: 40px;}
  .yuyin .play img{width: 24px;}
  .xqm .videoul .videol .play img{width: 14px;}
  .yuyin{margin-bottom: 30px;}
  .xqm .videoul{width:calc(100% + 20px);margin: 0 -10px;}
  .xqm .videoul .videol{padding: 0 10px;}
  .xqm .xinfo.t2{margin-top: 20px;}
}

/*sjcj*/
.sjcj{width: 100%;float: left;padding:100px 0;}
.sjcj .sjt h2{color: #2c2f45;font-size: 36px;line-height: 40px;text-align: center;}
.sjcj .sjt h6{color: #2c2f45;font-size: 18px;line-height: 36px;
text-align: center;margin-top: 15px;}
.sjcj .sjnav{display: flex;align-items: center;justify-content: space-around;
float: left;width: 100%;margin-top: 45px;position: relative; } 
.sjcj .sjnav::after{height: 1px;width: 100vw;content: "";background: #E9E9E9;
position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}

.sjcj .sjnav .sli{display: flex;flex-direction: column;align-items: center;
position: relative;padding-bottom: 30px;cursor: pointer;}
.sjcj .sjnav .sli.on::after{height: 2px;width: 100px;content: "";background: #007EFE;
position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.sjcj .sjnav .sli img{margin-bottom: 15px;}
.sjcj .sjnav .sli h4{color:#2c2f45;font-size: 20px;line-height: 36px;}

@media screen and (max-width: 1024px){
.sjcj{padding:30px 0;}
.sjcj .sjt h2{font-size: 22px;line-height: 30px;}
.sjcj .sjt h6{font-size: 14px;line-height:22px;margin-top: 10px;}
.sjcj .sjnav{margin-top: 20px} 

.sjcj .sjnav .sli{padding-bottom:15px;}
  .sjcj .sjnav .sli.on::after{height: 2px;width: 60px; bottom:1px;}
  .sjcj .sjnav .sli img{margin-bottom: 10px;}
  .sjcj .sjnav .sli h4{font-size: 14px;line-height: 20px;}
}


.sjul{float: left;width: 100%;position: relative;}
.sjul ul{width: calc(100% + 30px);margin:-15px;float: left;
position: absolute;opacity: 0;z-index: -1;transition: all .5s ease;}


.sjul ul.on{position: relative;opacity: 1;z-index: 1;}
.sjul ul li{width: 33.3%;padding: 15px;float: left;}
.sjul ul li a{display: block;width: 100%;float: left;position: relative; overflow:hidden;border-radius:10px;}
.sjul ul li .pic{position: relative;padding-bottom: 73.7%;width: 100%;overflow: hidden;border-radius:0 0 15px 15px;}
.sjul ul li .picxin{position: relative;height: 200px;width: 100%;overflow: hidden;border-radius:0 0 15px 15px;}
.sjul ul li .pic img{position: absolute;top: 50%;border-radius: 8px;border-radius:10px;
left: 50%;transform: translate(-50%,-50%);transition: all .5s ease;min-height: 100%;}
.sjul ul li .tit{line-height: 60px;background: #EDF0F5;width:100%;transition: all .5s;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: absolute;bottom: 0;
text-align: center;font-size: 16px;color:#2c2f45;}
.sjul ul li .content{position: absolute;height:100%;width: 100%;top: 0;left: 0; opacity:0;-ms-transition: all .5s ease;transition: all .5s ease;background: rgba(0,114,227,0.75);padding:40px 35px 0 35px;}
.sjul ul li .content h4{color: #fff;font-size: 20px;line-height: 30px;
text-align: center;font-weight: bold;margin-bottom: 20px;}
.sjul ul li .content h6{color: #ffffff;font-size: 16px;line-height: 30px; height:60px; overflow:hidden;}
.sjul ul li .content .more{width:150px;height: 44px;border-radius: 22px;font-size: 16px;float: inherit;
background: #fff;margin: 34px auto 0 auto;color: #007EFE;text-align: center;line-height: 44px;}


.sjul ul li:hover .content{opacity: 1;}
.sjul ul li:hover .tit{opacity: 0;}
.sjul ul li:hover .pic{border-radius:0 0 10px 10px;}
.sjul ul li:hover .pic img{transform: translate(-50%,-50%)scale(1.1);}
.sjul{margin-top: 60px;float: left;width: 100%;}

@media screen and (max-width: 1400px){
  .sjul ul li .content{padding: 20px 20px 0 20px;}
}
@media screen and (max-width: 1024px){
  .sjul{margin-top: 20px;float: left;width: 100%;}
  .sjul ul{width: calc(100% + 20px);margin:-10px;}
  .sjul ul li{width: 50%;padding:7px;}
  .sjul ul li .tit{line-height:34px;font-size: 14px}



  .sjul ul li .content{padding:25px 15px 0 15px;}
  .sjul ul li .content h4{color: #fff;font-size: 16px;line-height: 18px;margin-bottom: 8px;}
  .sjul ul li .content h6{font-size: 14px;line-height: 22px; height:44px;}
  .sjul ul li .content .more{width:90px;height: 30px;border-radius: 15px;font-size: 14px;
  margin: 12px auto 0 auto;line-height: 30px;display: none !important;}
    

}



.introduce{align-items: center;font-size: 24px;color: #2c2f45;
font-weight: bold;line-height: 30px;margin-top:55px;width: 100%;float: left;}
.introduce b{padding-right:10px;}
.introduce span{font-size: 18px;color: #2c2f45;line-height: 30px;font-weight:100}
@media screen and (max-width: 1024px){
  .introduce{font-size: 18px;line-height: 24px;margin-top:20px;flex-direction: column;align-items: flex-start;}
  .introduce span{font-size: 14px;line-height: 24px;margin-top: 10px;}
}

.sjull{float: left;width: 100%;}
.sjull li{width: 100%;float: left;padding: 100px 0;background: #F3F5F9;}
.sjull li .w_12001{display: flex;}
.sjull li:nth-child(2n){background: #fff;}
.sjull li:nth-child(2n) .w_12001{flex-direction: row-reverse;}
.sjull li .sjl{width: 50%;float: left;padding-right: 130px;}
.sjull li:nth-child(2n) .sjl{padding-right: 0;padding-left: 130px;}


.sjull li .sjl h4{font-size: 36px;color: #2c2f45;line-height: 40px;margin-bottom:30px;margin-top: 20px;}
.sjull li .sjl h5{font-size: 16px;color: #666666;line-height: 24px;padding-left: 18px;
position: relative;margin-bottom:20px;}
.sjull li .sjl h5::after{content: "";height: 8px;width: 8px;border-radius: 50%;
position: absolute;left: 0px;top:8px;background: #007EFF;}
.sjull li .sjl .more{width: 150px; line-height: 50px;background: #007EFE;font-size: 16px; text-align:center; color: #fff;border-radius: 25px;margin-top: 15px;display:inline-block;}
.sjull li .sjl .more:hover{ background:#fff; color:#0080ff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}

.sjull li .sjr{width: 50%;float: left;}
.sjull li .sjr img{width: 100%;border-radius: 8px;}

@media screen and (max-width: 1400px){
  .sjull li .sjl h4{font-size: 30px;line-height: 34px;margin-bottom:20px;margin-top: 10px;}
  .sjull li .sjl h5{font-size: 14px;line-height: 18px;padding-left: 14px;margin-bottom:15px;}
  .sjull li .sjl h5::after{top:6px}
  .sjull li .sjl{width: 50%;float: left;padding-right: 100px;}
  .sjull li:nth-child(2n) .sjl{padding-right: 0;padding-left: 100px;}
}
@media screen and (max-width: 1024px){
  .sjull li .sjl{width: 100%;padding-right: 0 !important;padding-left: 0 !important;}
  .sjull li .w_12001{flex-direction: column !important;}
  .sjull li{padding: 30px 0;}

  .sjull li .sjl h4{font-size: 22px;line-height: 28px;margin-bottom:15px;margin-top: 0px;}
  .sjull li .sjl h5{font-size: 14px;line-height: 22px;padding-left: 14px;margin-bottom:10px;}
  .sjull li .sjl h5::after{top:6px}
  .sjull li .sjl .more{width:110px; line-height:34px;font-size: 14px;
  color: #fff;border-radius: 34px;margin-top: 15px;margin-bottom:25px;}
  .sjull li .sjr{width: 100%;}
}

.videocont .plate6 ul{width: calc(100% + 40px);margin: 90px -20px 0 -20px;float: left;}
.videocont .plate6 ul li{width: 50%;padding: 0 20px;float: left;}
.videocont .plate6 ul li .box{position: relative;float: left;
width: 100%;border-radius:12px;border: 1px solid #DDDDDD;
padding: 60px 50px 0 50px;height: 300px;}
.videocont .plate6 ul li .ask{line-height: 60px;width: 70%;
position: absolute;top: -30px;left: 50%;transform: translate(-50%,0);
font-size: 24px;text-align: center;border-radius: 30px;color: #2c2f43;
box-shadow:0 0 18px rgba(49,128,246,0.18);z-index: 1;background-color: #fff}
.videocont .plate6 ul li .answer{font-size: 18px;line-height: 48px;color:#666666;}
@media screen and (max-width: 1024px){
  .videocont .plate6 ul{width: 100%;margin: 20px 0px 0 0px;float: left;}
  .videocont .plate6 ul li{width: 100%;padding: 0px;float: left;margin: 20px 0;}
  .videocont .plate6{padding: 30px 0px;}
  .videocont .plate6 ul li .box{border-radius:12px;border: 1px solid #DDDDDD;padding: 30px 15px;height: auto;}
  .videocont .plate6 ul li .ask{line-height: 40px;width: 70%;
  position: absolute;top: -20px;font-size:16px;border-radius: 20px;}
  .videocont .plate6 ul li .answer{font-size:14px;line-height: 26px;color:#666666;}
}
.videocont{float: left;width: 100%;}

.xinjg li{margin: 20px 0;}
.xinjg h3{color: #000;font-size: 20px;line-height: 20px;text-align: center;font-weight: bold;margin: 20px;}
.xinjg p{font-size: 15px;line-height: 1.8em;text-align: center;}
.xinjg img{border-radius: 10px;}
.xinjg li{border-radius: 10px;}
.Driving .list .listxin img{border-radius: 10px;}