/* 南京新突破网络 */

/* 网址：https://www.x-tp.cn/ */

@charset "utf-8";

/* 首页 */

a {

  color: #333;

  transition: all .4s;

}

a:hover {

  color: #00A0E9 !important;

}

.colorHC {

  color: #00A0E9;

}

.G_index {

  width: 100%;

  padding: 0 5.2vw;

  box-sizing: border-box;

}

.swiper-button-next,

.swiper-button-prev {

  outline: none;

}

/* 头部信息开始 */

.headshaow {

  box-shadow: 0 5px 10px rgba(0, 0, 0, .08);

}

.header {

  width: 100%;

  height: 90px;

  /* padding-right: 0; */

  background-color: #fff;

  position: fixed;

  top: 0;

  left: 0;

  padding-left: 5.2vw;

  box-sizing: border-box;

  justify-content: flex-start;

  z-index: 999;

  transition: all .4s;

}

.navActive {

  color: #00A0E9;

  font-weight: bold;

}

.navActive::after {

  content: "";

  display: block;

  height: 3px;

  background: #00A0E9;

  width: 70%;

  position: absolute;

  left: 50%;

  bottom: 30px;

  margin-left: -35%;

}

.header .logo {

  left: 5.2vw;

  width: 15%;

}

.header .nav {

  width: 70%;

}

.header .logo h1 {

  text-indent: -9999px;

}

.header .logo a {

  display: block;

  width: 210px;

  height: 90px;

  background: url(../images/logo_top.png) no-repeat center;

  background-size: 100%;

}

.header .nav ul {

  justify-content: center;

}

.header .nav .navlist {

  font-size: 18px;

  padding: 0 1.2vw;

  position: relative;

}

.header .nav .navlist>a {

  display: block;

  line-height: 90px;

  height: 90px;

  word-break: keep-all;

}

.header .subnav {

  position: fixed;

  left: 0px;

  top: 90px;

  width: 100%;

  text-align: center;

  box-shadow: 0 5px 10px rgba(0, 0, 0, .08);

  border-radius: 0 0 5px 5px;

  overflow: hidden;

  /* padding: 5px 0; */

  background: #fff;

  transition: all .4s;

  height: 0;

  z-index: 1001;

}

.header .subnav ul {

  display: flex;

  border-top: 1px solid #eee;

}

.header .subnav li {

  font-size: 16px;

  padding: 0px 15px;

  line-height: 70px;

  box-sizing: border-box;

}

.header .proSubnav dl {

  height: 0;

  text-align: left;

  font-size: 16px;

  border-top: 1px solid #eee;

  box-sizing: border-box;

}

.header .proSubnav .prolist {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  width: 70%;
  margin: 0 auto;
  height: 100%;
  overflow: auto;
}

.header .proSubnav dl {

  padding-top: 10px;

  width: 22%;

  max-width: 195px;

  margin-right: 3vw;

}

.header .proSubnav dl:last-child {

  margin-right: 0;

}

.header .proSubnav dl dt {

  font-size: 18px;

  border-bottom: 1px solid #eee;

  line-height: 50px;

  margin-bottom: 10px;

  font-weight: bold;

}

.header .proSubnav dl dd {

  line-height: 2.2;

}

.header .proSubnav dl dd a {

  display: block;

  padding-left: 10px;

  box-sizing: border-box;

  border-radius: 5px;

  white-space: nowrap;

}

.header .proSubnav dl dd a:hover {

  background: #f5f5f5;

}

.navlist>a::after {

  content: "";

  display: block;

  height: 3px;

  background: #00A0E9;

  width: 0%;

  position: absolute;

  left: 50%;

  bottom: 20px;

  margin-left: -35%;

  transition: all .4s;

  word-wrap: break-word;

}

.header .nav .navlist:hover {

  font-weight: bold;

}

.header .nav .navlist:hover a::after {

  width: 70%;

}

.header .nav .navlist:hover .subnav {

  height: 70px;

}

.header .nav .navlist:hover .proSubnav {

  height: 450px;

}

.header .headR {

  position: absolute;

  top: 0;

  right: 0;

}

.header .Telnumber {

  font-size: 18px;

  font-weight: bold;

  margin-right: 35px;

}

.header .Telnumber a {

  color: #00A0E9;

  word-break: keep-all;

  word-wrap: break-word;

}

.searchBox .search {

  width: 90px;

  height: 100%;

  background: #00A0E9;

  font-size: 26px;

  text-align: center;

  line-height: 90px;

  color: #fff;

  cursor: pointer;

  transition: all .4s;

}

.searchBox .searchClose {

  background-color: #27262C;

  display: none;

}

.searchBox .searchCon {

  width: 100%;

  height: 0;

  background-color: #27262C;

  position: fixed;

  left: 0;

  top: 90px;

  overflow: hidden;

  transition: all .4s;

}

.searchBox .SearchInput {

  width: 50vw;

  height: 64px;

  background: #fff;

  margin: 100px auto 20px;

  border-radius: 10px;

  overflow: hidden;

  box-sizing: border-box;

}

.searchBox input {

  height: 64px;

  width: 85%;

  padding: 0 20px;

  box-sizing: border-box;

}

.searchBox .SearchInput button {

  width: 15%;

  height: 100%;

  line-height: 64px;

  text-align: center;

  color: #fff;

  font-size: 24px;

  background: #00A0E9;

  cursor: pointer;

  border: none;

}

.searchBox .searchkeywords {

  width: 50vw;

  margin: 0 auto;

  justify-content: left;

}

.searchBox .searchkeywords li {

  margin-right: 15px;

}

.searchBox .searchkeywords a {

  color: #aaa;

}

.searchBox .SearchInput:hover {

  box-shadow: 0 0px 20px rgba(0, 174, 255, 0.35);

}

.searchBox:hover .searchIcon,

.searchBox .SearchInput span:hover {

  background: #008ddf;

}

.Head-R {

  display: none;

}

/* 头部信息结束 */

/* banner信息开始 */

.banner {

  width: 100%;

  height: 100vh;

  box-sizing: border-box;

  position: relative;

}

.bannerBox li {

  width: 100%;

  background: #fff;

}

.bannerBox {

  margin-right: 89px !important;

  overflow: hidden;

}

.bannerBox .swiper-button-next {

  right: 100px;

}

.bannerBox li img {

  width: 100%;

  height: 100vh;

  object-fit: cover;

}

.rightNav {

  background: #fff;

  position: absolute;

  top: 0;

  right: 0;

  width: 90px;

  height: 100vh;

  padding-top: 90px;

  z-index: 1;

}

.rightNav ul {

  flex-wrap: wrap;

  height: 100%;

  padding-top: 19vh;

  box-sizing: border-box;

}

.rightNav a {

  color: #666;

}

.rightNav ul li,

.rightNav li>div {

  width: 100%;

  text-align: center;

  font-size: 32px;

  color: #ccc;

  cursor: pointer;

}

.rightNav .menu>div {

  color: #666;

}

.rightNav li>div:hover {

  color: #008ddf;

}

.rightNav .email {

  transform: rotate(90deg);

  white-space: nowrap;

  position: relative;

  top: 60px;

  left: 00px;

  width: 100%;

}

.QQ a {

  display: block;

  position: relative;

}

.QQ a span {

  font-size: 32px;

  color: #ccc;

}

.QQ a:hover span {

  color: #00A0E9;

}

.ewmFix {

  position: absolute;

  top: -50px;

  right: 70px;

  width: 160px;

  height: 160px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, .1);

  height: 0;

  overflow: hidden;

  transition: all .4s;

}

.ewmFix img {

  width: 100%;

}

.QQ a:first-child:hover .ewmFix {

  height: 160px;

}

/* banner信息end */

/* 主体内容 */

/* 公共标题 */

.titleBox {

  padding: 100px 0 80px;

}

.titleBox .textL h3 {

  font-size: 42px;

  margin-bottom: 10px;

  font-weight: bold;

}

.titleBox .textL p {

  font-size: 16px;

  color: #777;

}

.titleBox .textR {

  color: #666;

  text-decoration: underline;

}

.titleBox .textR span {

  font-size: 14px;

}

/* 01产品 */

.productCon {

  align-items: flex-start;

}

.product .proMenu {

  width: 10%;

  font-size: 18px;

}

.product .proMenu li {

  position: relative;

  margin-bottom: 24px;

}

.product .proMenu li a {

  position: relative;

  white-space: nowrap;

}

.product .proMenu li a::after {

  content: "";

  display: block;

  height: 3px;

  width: 0%;

  background: #00A0E9;

  position: absolute;

  left: 0;

  bottom: -8px;

  transition: all .4s;

}

.product .proMenu li:hover a {

  font-weight: bold;

}

.product .proMenu li:hover a::after {

  width: 100%;

}

.product .productList {

  width: 85%;

  position: relative;

  overflow: hidden;

  padding-left: 5px;

}

.product .productList li {

  width: 33%;

  /* height: 29.5vw; */

  margin-right: 25px !important;

  border-radius: 10px;

  overflow: hidden;

  background: #F5F5F5;

  border: 2px solid transparent;

}

.product .productList li:last-child {

  margin-right: 0 !important;

}

.product .productList .proimg {

  height: 0;

  padding-bottom: 100%;

  position: relative;

}

.product .productList .proimg img {

  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

  transition: all .4s;

}

.product .productList .proimg img:hover {

  transform: scale(1.1);

}

.product .productList .protitle {

  padding: 20px 25px;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

}

.product .productList .protitle h4 {

  font-size: 20px;

}

.product .productList .protitle p {

  font-size: 14px;

  color: #999;

}

.product .productList .protitle .R span {

  color: #ddd;

  font-size: 20px;

}

.product .productList li:hover {

  border-color: #00A0E9;

}

.product .productList li:hover .protitle {

  background-color: #00A0E9;

  color: #fff !important;

}

.product .productList li:hover .protitle p {

  color: #fff;

}

/* 解决方案 */

.solution {

  background: #f5f5f5;

  padding-bottom: 5.2vw;

}

.solutionCon {

  position: relative;

  width: 100%;

}

.solution .solutionCon .swiper-pagination {

  bottom: -45px;

}

.solutionList {

  overflow: hidden;

}

.solutionList li {

  background-color: #fff;

  width: 100%;

  align-items: flex-start;

  border-radius: 10px;

  overflow: hidden;

  height: 29.6vw;

}

.solutionList .solimg {

  width: 50%;

  overflow: hidden;

}

.solutionList .solimg img {

  width: 100%;

  border-radius: 10px;

  transition: all .4s;

}

.solutionList .solimg img:hover {

  transform: scale(1.1);

}

.solutionList .soltext {

  width: 50%;

  height: 100%;

  padding: 6%;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

}

.solutionList .soltext .tit h4 {

  font-size: 32px;

}

.solutionList .soltext .tit p {

  color: #666;

  margin-top: 10px;

}

.solutionList .soltext .text {

  margin-top: 2vw;

  color: #666;

  line-height: 1.8;

  height: 108px;

  overflow: hidden;

}

.btn {

  display: inline-block;

  padding: 0.75vw 2.8vw;

  border: 2px solid #00A0E9;

  border-radius: 10px;

}

.soltext .btn {

  position: absolute;

  bottom: 2.5vw;

  left: 5vw;

}

.btn:hover {

  background: #00A0E9;

  color: #fff !important;

}

/* 新闻中心 */

.news {

  width: 100%;

  background: #fff url(../images/newsbj.jpg) no-repeat top center;

  background-size: cover;

  padding-bottom: 5.2vw;

}

.newsCon>ul {

  flex-wrap: wrap;

  justify-content: flex-start;

}

.newsCon .newslist {

  width: 23.6%;

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  margin-right: 1.56vw;

  margin-bottom: 1.56vw;

  transition: all .4s;

  /* min-height: 23vw; */

}

.newsCon .newslist:nth-of-type(4n) {

  margin-right: 0;

}

.newslist .img {

  width: 100%;

  height: 0;

  padding-bottom: 66.86%;

  overflow: hidden;

  position: relative;

}

.newslist .img img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transition: all .4s;

}

.newslist .text {

  padding: 10px 20px 20px;

  box-sizing: border-box;

}

.newslist .img img:hover {

  transform: scale(1.1);

}

.newslist .newsT {

  position: relative;

  justify-content: flex-start;

  white-space: nowrap;

}

.newslist .newsT li:nth-of-type(1) {

  background: #00A0E9;

  color: #fff;

  text-align: center;

  padding: 8px 10px 10px;

  border-radius: 5px;

  position: absolute;

  top: -42px;

  left: 0;

  line-height: 1.2;

}

.newslist .newsT .day {

  font-size: 24px;

}

.newslist .newsT .month {

  font-size: 14px;

}

.newslist .newsT li:nth-of-type(2) {

  padding-left: 30%;

  margin-right: 10%;

}

.newslist .newsT li:nth-of-type(2),

.newslist .newsT li:nth-of-type(3) {

  font-size: 14px;

  color: #999;

}

.newslist .text .newsTit {

  font-size: 18px;

  margin: 10px 0 20px;

  height: 50px;

  overflow: hidden;

}

.newslist .text .more {

  font-size: 14px;

  color: #999;

}

.newslist .text .more:hover {

  color: #00A0E9;

}

.newslist:hover {

  box-shadow: 0 5px 20px rgba(0, 0, 0, .08);

}

/* 底部样式 */

.footer {

  background-color: #202129;

  color: rgba(255, 255, 255, .5);

}

.footer a {

  color: rgba(255, 255, 255, .5);

}

.footTop {

  align-items: flex-start;

}

.footTop .footL {

  width: 70%;

  /* border-right: 1px solid rgba(255, 255, 255, .12); */

  padding-top: 2vw;

  position: relative;

}

.footTop .footR {

  width: 30%;

}

.footTop .footL .flogoimg {

  width: 160px;

}

.footTop .footL .flogoimg img {

  width: 100%;

}

.footTop .footlogo {

  padding-bottom: 1.8vw;

  border-bottom: 1px solid rgba(255, 255, 255, .12);

}

.footTop .QQ {

  padding-right: 3vw;

}

.footTop .QQ a {

  font-size: 32px;

  margin-left: 20px;

  display: inline;

}

.footer .QQ .ewmFix {

  right: 40px;

}

.footNav {

  margin-top: 1.8vw;

  align-items: flex-start;

  padding-right: 3vw;

}

.footNav dt {

  font-size: 18px;

  color: #fff;

  margin-bottom: 1.5vw;

}

.footNav dd {

  line-height: 2.2;

}

.footR {

  padding-left: 3vw;

  padding-top: 2vw;

  padding-bottom: 3vw;

  box-sizing: border-box;

  border-left: 1px solid rgba(255, 255, 255, .12);

}

.footR .tel {

  color: #fff;

  font-size: 18px;

}

.footR .add {

  margin-top: 20px;

}

.footR .btn {

  background: #2B2B30;

  border-color: transparent;

  margin: 20px 0;

}

.footR .btn:hover {

  background: #00A0E9;

}

.email,

.mobile {

  line-height: 2;

}

.footR .ewm {

  width: 160px;

  text-align: center;

  line-height: 2.5;

  margin-top: 30px;

}

.footR .ewm img {

  width: 100%;

  height: 100%;

  border-radius: 5px;

}

.footBottom {

  border-top: 1px solid rgba(255, 255, 255, .12);

  font-size: 14px;

  padding: 1.5vw 0;

  position: relative;

}

.footBottom h1 {

  font-size: 14px;

  display: inline-block;

}

.footBottom .link {

  color: rgba(255, 255, 255, .3);

  font-size: 14px;

  position: absolute;

  left: 0;

  top: -2vw;

}

.footBottom .link a {

  color: rgba(255, 255, 255, .3);

  margin-right: 10px;

}

/* 侧栏 */

.gotop {

  position: fixed;

  right: 1.2vw;

  bottom: 5vw;

  cursor: pointer;

  background: #00A0E9;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #fff;

  border-radius: 5px;

  opacity: 0.65;

  transition: all .4s;

}

.gotop:hover {

  opacity: 1;

}

/* Mnav */

.Mnav {

  position: fixed;

  top: 60px;

  left: 0;

  background: #fff;

  height: 0%;

  width: 100%;

  box-sizing: border-box;

  overflow-y: auto;

  transition: all .4s;

  z-index: 1000;

}

.Mnav ul {

  flex-wrap: wrap;

  border-top: 1px solid #eee;

}

.Mnav .navlist {

  width: 100%;

}

.Mnav .navlist .navone {

  height: 44px;

  line-height: 44px;

  border-bottom: 1px solid #eee;

}

.Mnav .navlist .navone {

  padding: 15px 25px;

  box-sizing: border-box;

}

.Mnav .navlist .navone>a {

  display: block;

  width: 50%;

}

.Mnav .fold {

  width: 50%;

  text-align: right;

  color: #999;

  display: none;

}

.Mnav .show .fold {

  display: block;

}

.Mnav .subnav {

  position: static;

  height: initial;

  box-shadow: none;

  display: none;

  transition: none;

}

.Mnav .subnav .fold {

  display: none;

}

.Mnav .subnav .show .fold {

  display: block;

}

.Mnav .subnav ul {

  display: block;

  border: 0;

  background: #f5f5f5;

  text-align: left;

}

.Mnav .subnav ul li {

  line-height: 44px;

  padding: 0 25px;

  box-sizing: border-box;

}

.Mnav .subnav .navtow {

  border-bottom: 1px solid #e1e1e1;

}

.Mnav .subnav ul li a {

  display: block;

}

.M_prosubnav .navtow a {

  width: 50%;

}

.M_prosubnav .navthree {

  display: none;

}

.M_prosubnav .navthree li {

  font-size: 14px;

  border-bottom: 1px solid #e1e1e1;

}

.footer {

  display: block;

}

.footer-M {

  display: none;

}

.product .productList .swiper-pagination {

  display: none;

}

/* 内页------------------------------------------------------------ */

.innerH {

  margin-top: 90px;

}

.innerW {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

}

/* 面包屑 */

.innerNav {

  background: #fff;

  border-bottom: 1px solid #eee;

  height: 66px;

  line-height: 66px;

  font-size: 16px;

}

.innerNavlsit {

  width: 70%;

  justify-content: flex-start;

}

.innerNavlsit li {

  margin-right: 36px;

  position: relative;

}

.innerNavlsit li::after {

  content: "";

  display: block;

  height: 3px;

  width: 0%;

  background: #00A0E9;

  position: absolute;

  bottom: 0;

  left: 0;

  transition: all .4s;

}

.innerNavlsit li:hover::after {

  width: 100%;

}

.innerNavlsit .innerNavActive a {

  color: #00A0E9;

}

.innerNavlsit .innerNavActive::after {

  content: "";

  display: block;

  height: 3px;

  width: 100%;

  background: #00A0E9;

  position: absolute;

  bottom: 0;

  left: 0;

}

.crumbs {

  font-size: 14px;

  justify-content: flex-end;

}

.crumbs a {

  color: #666;

}

.crumbs li {

  margin: 0 5px;

}

.crumbs li span {

  color: #00A0E9;

  margin-right: 5px;

}

/* 内页标题 */

.innerTitle {

  padding: 100px 0 50px;

}

.innerTitle h2 {

  font-size: 42px;

  font-weight: bold;

}

/* 关于我们 */

.about {

  width: 100%;

  height: 46.875vw;

  background: #00A0E9 url(../images/about.jpg) no-repeat top center;

  background-size: cover;

  color: #fff;

}

.aboutCon {

  width: 60%;

  margin-top: 5.2vw;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);

}

.aboutTit {

  color: #fff;

}

.aboutTit p {

  font-size: 40px;

  font-weight: bold;

}

.aboutTit h2 {

  font-size: 24px;

}

.aboutText {

  line-height: 1.8;

  margin-top: 40px;

}

/* 荣誉证书 */

.honor {

  background: #f8f8f8;

  padding-bottom: 50px;

}

.honorList {

  flex-wrap: wrap;

  justify-content: left;

}

.honorList li {

  width: 32%;

  margin-right: 2%;

  margin-bottom: 2%;

  overflow: hidden;

}

.honorList li:nth-of-type(3n) {

  margin-right: 0;

}

.honorList li img {

  width: 100%;

  transition: all .4s;

}

.honorList li:hover img {

  transform: scale(1.05);

}

.honorList li p {

  margin: 10px auto;

}
.honorList .proimg{
  position: relative;
  height: 0;
  padding-bottom: 67%;
}
.honorList .proimg img{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 企业文化 */

.cultureList {

  flex-wrap: wrap;

  align-items: flex-start;

}

.cultureList .text {

  width: 50%;

}

.cultureList .text dt {

  font-weight: bold;

}

.cultureList .text dd {

  margin-bottom: 20px;

}

.cultureList .img {

  width: 50%;

}

.cultureList .img img {

  width: 100%;

  border-radius: 10px;

}

.cultureList .fangzhen {

  width: 100%;

}

.cultureList .fangzhen li {

  background: #f5f5f5;

  padding: 30px;

  width: 32%;

  box-sizing: border-box;

  border-radius: 10px;

  margin: 50px 0 80px;

}

.cultureList .fangzhen li h4 {

  font-size: 24px;

}

/* 内页banner */

.innerBnner {

  width: 100%;

  height: 18.2vw;

  height: 350px;

  background: #000 url(../images/nbanner-search.jpg) no-repeat center;

  background-size: cover;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);

}

/* 内页产品 */

.innerProduct {

  padding-bottom: 100px;

}

.innerProduct .productList {

  width: 100%;

  justify-content: left;

  flex-wrap: wrap;

  padding: initial;

}

.innerProduct .productList li {

  width: 31.5%;

  margin-right: 2% !important;

  margin-bottom: 2%;

}

.innerProduct .productList li:nth-of-type(3n) {

  margin-right: 0 !important;

}

.pageBox {

  /* line-height: 60px; */

}

/* 内页详情 */

.content {

  line-height: 2;

  padding-bottom: 50px;

}

/* .canshu table {

  width: auto;

} */

.canshu .main {

  display: block;

  justify-content: space-between;

  align-items: flex-start;

}

.canshu table,

.canshu tr,

.canshu td {

  /* border: 1px solid #ddd; */

  padding-left: 5px;

}

.ziliao p {

  background: #f5f5f5;

  border-radius: 10px;

  margin-bottom: 10px;

  padding: 0px 15px;

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.ziliao p a {

  display: block;

  line-height: 60px;

  width: 100%;

}

.content img {

  max-width: 100%;

  margin: 1em 0;

  border-radius: 5px;

}

/* 内页产品详情页 */

.productDes {

  margin-top: 80px;

  margin-bottom: 60px;

  align-items: flex-start;

}

.productLeft,

.productRight {

  width: 48%;

  height: 100%;

  overflow: hidden;

  position: relative;

}

.productLeft a {

  display: block;

}

.productLeft li {

  background: #f5f5f5;

  height: 0;

  padding-bottom: 100%;

  width: 100%;

  position: relative;

  border-radius: 5px;

}

.productLeft img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  position: absolute;

  top: 0;

  left: 0;

}

.productRight {

  height: 0;

  padding-bottom: 48%;

  overflow: visible;

}

.productRight h3 {

  font-size: 30px;

  font-weight: bold;

}

.productRight .des {

  color: #666;

  margin-top: 2vw;

}

.ProBtn {

  position: absolute;

  bottom: 10px;

  left: 0;

}

.ProBtn a {

  display: inline-block;

  background: #00A0E9;

  color: rgba(255, 255, 255, .8);

  cursor: pointer;

  text-align: center;

  line-height: 50px;

  width: 180px;

  border-radius: 5px;

  margin-right: 5px;

}

.ProBtn a:last-of-type {

  background-color: #1DC16F;

  position: relative;

}

.ProBtn a .ewm {

  position: absolute;

  bottom: 50px;

  left: 0;

  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

  height: 0;

  overflow: hidden;

  transition: all .4s;

}

.ProBtn a .ewm img {

  width: 100%;

}

.ProBtn a:last-of-type:hover .ewm {

  height: 180px;

}

.ProBtn a:hover {

  color: #fff !important;

}

.ProBtn p {

  margin-top: 25px;

  font-size: 14px;

  color: #666;

}

.ProBtn span {

  color: #00A0E9;

  font-weight: bold;

}

.innerProductCon {

  padding-top: 60px;

  border-top: 10px solid #f5f5f5;

}

.productNav ul {

  justify-content: flex-start;

  border-bottom: 1px solid #eee;

  margin-bottom: 50px;

}

.productNav ul li {

  cursor: pointer;

  font-size: 20px;

  line-height: 60px;

  margin-right: 4vw;

  position: relative;

}

.productNav ul li::after {

  content: "";

  display: block;

  width: 0%;

  height: 3px;

  background-color: #00A0E9;

  position: absolute;

  bottom: 0;

  left: 0;

  transition: all .4s;

}

.productNav ul li:hover {

  color: #00A0E9;

}

.productNav ul li:hover::after {

  width: 100%;

}

.productNav .ProActive {

  color: #00A0E9;

  font-weight: bold;

}

.productNav .ProActive::after {

  width: 100%;

}

/* 相关视频 */

.video {

  background: #f8f8f8;

  padding-bottom: 100px;

}

.videoList ul {

  justify-content: flex-start;

  flex-wrap: wrap;

}

.videoList li {

  width: 32%;

  margin-right: 2%;

  margin-bottom: 2%;

  border-radius: 10px;

  overflow: hidden;

  background: #fff;

}

.videoList li:nth-of-type(3n) {

  margin-right: 0;

}

.videoList li .img {

  position: relative;

  cursor: pointer;

}

.videoList .videoIcon {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -24px;

  margin-top: -24px;

  color: rgba(255, 255, 255, .65);

  font-size: 48px;

  line-height: 1;

  transition: all .4s;

}

.videoList li .img:hover .videoIcon {

  color: #fff;

  transform: scale(1.1) rotate(120deg);

}

.videoList li img {

  width: 100%;

}

.videoList .text {

  padding: 20px;

  box-sizing: border-box;

}

.videoList .text h3 {

  font-size: 16px;

}

.videoPop {

  position: fixed;

  background: rgba(0, 0, 0, .7);

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1002;

  display: none;

}

.videoBox {

  width: 960px;

  max-height: 540px;

  height: 100%;

  margin: 5% auto 0;

  position: relative;

  border-radius: 5px;

  background: #000;

  overflow: hidden;

}

.videoBox video {

  outline: none;

  width: 100%;

  height: 100%;

}

.videoBox span {

  position: absolute;

  top: 10px;

  right: 10px;

  color: #fff;

  font-size: 18px;

  cursor: pointer;

  z-index: 1003;

  opacity: 0.5;

  display: block;

  width: 32px;

  height: 32px;

  line-height: 32px;

  border-radius: 50%;

  text-align: center;

  transition: all .4s;

}

.videoBox:hover span {

  background: #f00;

}

.videoBox span:hover {

  opacity: 1;

  background: #f00;

  transform: rotate(180deg);

}

/* 解决方案 */

/* 与产品雷同 */

.solution .productList .proimg {

  padding-bottom: 66.86%;

}

.solution .productList .protitle {

  background-color: #fff;

}

.solution .productList .protitle h4 {

  font-size: 18px;

  min-height: 50px;

  overflow: hidden;

}

/* 资料下载 */

.download {

  background: #f5f5f5;

  padding-bottom: 100px;

}

.downloadList li {

  background: #fff;

  height: 70px;

  line-height: 70px;

  border-radius: 10px;

  padding: 0 25px;

  box-sizing: border-box;

  margin-bottom: 1.5%;

}

.downloadList .pdf {

  font-size: 42px;

  margin-right: 15px;

}

.downloadList .tit {

  font-size: 20px;

}

.downloadList .downicon {

  /* color: #999; */

  font-size: 18px;

}

/* 内页新闻 */

.innerNews {

  background: #f5f5f5;

  padding-bottom: 100px;

  padding-top: 30px;

}

.innerNews .newsCon {

  flex-wrap: wrap;

  justify-content: start;

}

.innerNews .newsCon .newslist {

  width: 32%;

  margin-right: 2%;

}

.innerNews .newsCon .newslist:nth-of-type(3n) {

  margin-right: 0;

}

.innerNews .newsCon .newslist:nth-of-type(4n) {

  margin-right: 2%;

}

.innerNews .newsCon .newslist:last-of-type {

  margin-right: 0 !important;

}

.innerNews .newsT li {

  width: auto;

}

.newsMain {

  background: #fff;

  padding: 60px 70px;

  box-sizing: border-box;

}

.newsMain .tit {

  padding-bottom: 40px;

  margin-bottom: 40px;

  border-bottom: 1px solid #eee;

}

.newsMain .tit h2 {

  font-size: 32px;

}

.newsMain .tit .subdes {

  font-size: 14px;

  color: #999;

  margin-top: 10px;

}

.newsPage {

  margin-top: 30px;

  padding-top: 30px;

  border-top: 1px solid #eee;

  line-height: 2;

  color: #666;

}

.return a {

  display: block;

  border: 1px solid #00A0E9;

  border-radius: 5px;

  padding: 10px 35px;

  font-size: 14px;

  color: #00A0E9;

}

/* 联系我们 */

.contactCon {

  line-height: 2;

  flex-wrap: wrap;

}

.contactCon li {

  margin-bottom: 30px;

  width: 100%;

}

.contactCon li:last-of-type {

  height: 550px;

  background-color: #f5f5f5;

}

.message input,

.message textarea {

  width: 100%;

  background-color: #f6f7fd;

  padding: 0 25px;

  height: 60px;

  margin-bottom: 15px;

  box-sizing: border-box;

  border-radius: 5px;

}

.inptext,

.VeCode {

  position: relative;

}

.liuyanRed {

  color: #eb4444 !important;

  background-color: #ffdede !important;

}

.inptext span {

  position: absolute;

  line-height: 60px;

  right: 20px;

  top: 0;

  font-size: 14px;

  color: #eb4444;

}

.message textarea {

  height: 180px;

}

.VeCode img {

  position: absolute;

  top: 8px;

  right: 15px;

}

.message #submit {

  width: 100%;

  height: 65px;

  border: none;

  background-color: #00A0E9;

  color: #fff;

  border-radius: 5px;

}

#name,

.inptext {

  width: 49%;

}