/* 南京新突破网络 */
/* 网址：https://www.x-tp.cn/ */

@charset "utf-8";

@media all and (max-width:1440px) and (min-height:667px) {
  .banner {
    height: auto;
  }

  .bannerBox li img {
    height: auto;
  }

  .rightNav {
    height: 100%;
  }
}

@media all and (max-width:1440px) {
  .header .nav .navlist {
    font-size: 16px;
  }

  .rightNav ul {
    height: 90%;
  }

  .G_index {
    padding: 0 6%;
  }

  .bannertext {
    width: 100%;
    padding: 0 6%;
  }

  .bannertext p {
    font-size: 40px;
  }

  .bannertext span {
    font-size: 16px;
  }

  .solutionList .soltext {
    padding: 4%;
  }

  .footerCon {
    padding: 100px 6%;
  }

  /* 内页 */
  .innerW {
    padding-left: 6%;
    padding-right: 6%;
  }

  .aboutInner .text,
  .chejian .text {
    line-height: 1.5;
  }

  .aboutInner,
  .chejian {
    padding: 4.2vw 6%;
  }
  .newsCon .newsR a{
    padding: 16px 0;
  }
}

@media all and (min-width:1200px) {


}

@media all and (max-width:1200px) {
  .header {
    /* height: 60px; */
  }

  .header .nav {
    display: none;
  }

  .header .language .nav {
    display: block;
  }

  .menu {
    display: block;
  }

  .header .logo a {
    width: 170px;
    height: 50px;
  }

  .searchCon {
    top: 60px;
  }

  .headshaow .logo h1 a {
    width: 170px;
    height: 50px;
  }

  .header .headR {
    display: none;
  }

  .banner {
    margin-top: 60px;
  }

  .rightNav,
  .Head-R {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    height: 60px;
    padding-top: 0;

  }

  .rightNav ul,
  .Head-R ul {
    padding-top: 0;
    height: 100%;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: end;
    margin-right: 24px;
  }

  .rightNav ul li,
  .Head-R ul li {
    width: 100%;
    line-height: 60px;
    /* margin-right: 15px; */
  }

  .Head-R ul li>div {
    font-size: 30px;
    text-align: center;
    color: #666;
  }

  .newsCon .newslist {
    width: 32%;
    margin-right: 2%;
  }

  .newsCon .newslist:nth-of-type(3n) {
    margin-right: 0;
  }

  .newsCon .newslist:nth-of-type(4n) {
    margin-right: 2%;
  }

  /* 内页 */
  /* 关于我们 */
  .menuLift {
    display: none;
  }

  .ListRight {
    width: 100%;
  }

  .aboutCon {
    float: none;
    width: 100%;
    padding: 4vw;
    box-sizing: border-box;
  }

  .aboutText {
    max-height: 70vh;
    overflow-y: auto;
  }

  /* 内页banner */
  .innerBnner {
    height: 250px;
  }

  .innerProduct .productList {
    box-sizing: border-box;
  }

}

@media all and (max-width:1000px) {
  .G_index {
    padding: 0 4vw;
  }

  .searchAndMember {
    margin-right: 36px;
  }
  .indexNav{
    flex-wrap: wrap;
    margin: 24px auto;
  }
  .indexNav .item{
    width: 100%;
    margin-bottom: 16px;
    height: 80px;
  }
  .indexNav .item img{
    width: 50px;
  }
  .indexNav .item p{
    font-size: 20px;
  }
  .titleBox {
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
  .titleBox h2{
    font-size: 24px;
  }
  .NewsTab{
    margin-top: 30px;
  }
  .sectionBox{
    padding: 16px;
    margin: 24px auto;
  }
  .indexNews .newsCon,.ZhaobiaoCon{
    flex-wrap: wrap;
  }
  .newsCon .newsL,.newsCon .newsR{
    width: 100%;
    margin-bottom: 24px;
  }
  .ZhaobiaoCon .zbL,.ZhaobiaoCon .zbR{
    width: 100%;
    margin-bottom: 24px;
  }
  .ZhaobiaoCon .zbL{
    display: flex;
  }
  .ZhaobiaoCon .zbL a{
    width: 33%;
    flex: 1;
  }
  .ZhaobiaoCon .zbL .active::after{
    top:  auto;
    bottom: -20px;
    left: 50%;
    margin-left: -12px;
    border-color:transparent;
    border-top-color: var(--main-color);
  }
  .ZhaobiaoCon .zbL a:nth-child(1)::after{
    border-color:transparent;
    border-top-color: var(--main-color);
  }
  .ZhaobiaoCon .zbL a:nth-child(2)::after{
    border-color:transparent;
    border-top-color: #518BD6;
  }  .ZhaobiaoCon .zbL a:nth-child(3)::after{
    border-color:transparent;
    border-top-color: #8cb7ee;
  }
  .ZhaobiaoCon .zbL a{
    height: 120px;
    padding-top: 24px;
  }
  .ZhaobiaoCon .zbL a p{
    font-size: 20px;
  }
  .ZhaobiaoCon .zbL a img{
    width: 32px;
  }
  .caigouCon .data{
    font-size: 14px;
    color: #999;
  }

  .indexCase{
    padding: 16px 0;
  }
  .caseCon.swiper-case-M{
    display: block;
  }
  .caseCon.swiper-case{
    display: none;
  }
  .link .flex{
    flex-wrap: wrap;
    padding: 12px 0;
  }
  .link li{
    width: 100%;
    padding: 8px 0;
  }
  .footL{
    width: 100%;
    text-align: center;
  }
  .footR{
    display: none;
  }
  .footer .ewm{
    margin: 20px auto;
  }
  .flogoimg{
    margin: auto;
  }
  /* 内页 */
  /* 关于我们 */
  .innerW {
    padding: 6vw 4vw;
    box-sizing: border-box;
  }

  .innerNav {
    display: none;
  }

  .innerBnner h2 {
    font-size: 28px;
  }

  .innerTitle {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .innerTitle h2 {
    font-size: 32px;
  }

  .honorList li {
    width: 48%;
  }

  .honorList li:nth-of-type(3n) {
    margin-right: 2%;
  }

  .honorList li:nth-of-type(2n) {
    margin-right: 0;
  }

  .cultureList .text {
    width: 100%;
  }

  .cultureList .img {
    width: 100%;
  }

  /* 内页产品列表 */
  .innerProduct .productList li {
    width: 49%;
  }

  .innerProduct .productList li:nth-of-type(3n) {
    margin-right: 2% !important;
  }

  .innerProduct .productList li:nth-of-type(2n) {
    margin-right: 0% !important;
  }

  /* 内页产品详情页 */
  .productDes {
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .productRight h3 {
    font-size: 25px;
  }

  .productRight .des {
    line-height: 1.5;
  }

  .productLeft,
  .productRight {
    width: 100%;
  }

  .productRight {
    margin-top: 40px;
    height: auto;
    padding-bottom: 0;
  }

  .innerProductCon {
    padding-top: 20px;
  }

  .productNav .ProActive {
    width: 40%;
    padding: 0% 6%;
    line-height: 44px;
  }

  .productNav ul {
    margin-bottom: 0;
    border-width: 2px;
  }

  .ProBtn {
    width: 100%;
    position: static;
    margin-top: 40px;
  }

  .ProBtn a {
    width: 48%;
    margin-right: 0;
  }

  .ProBtn a:last-of-type:hover .ewm {
    height: auto;
    z-index: 100;
  }

  .ProBtn p {
    text-align: center;
  }

  .videoList li {
    width: 100%;
  }

  .videoBox {
    width: 85%;
    max-height: 75vh;
  }

  /* 下载 */
  .downloadList li {
    margin-bottom: 15px;
  }

  .downloadList .pdf {
    font-size: 36px;
    margin-right: 15px;
  }

  .downloadList .tit {
    font-size: 16px;
  }

  .downloadList .downicon {
    /* color: #999; */
    font-size: 16px;
  }

  /* 内页新闻 */
  .innerNews .newsCon .newslist {
    width: 48%;
  }

  .innerNews .newsCon .newslist:nth-of-type(3n) {
    margin-right: 2%;
  }

  .innerNews .newsCon .newslist:nth-of-type(2n) {
    margin-right: 0%;
  }

  .innerNews {
    padding-bottom: 30px;
  }

  .newsMain {
    padding: 30px 20px;
  }

  .newsMain .tit h2 {
    font-size: 26px;
  }

  .newsPage {
    flex-wrap: wrap;
    font-size: 14px;
  }

  .return {
    margin: 20px auto 0;
  }

  .contact {
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .message {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
  }

  .message .inptext {
    width: 100%;
  }

  .contactCon {
    width: 100%;
    margin-top: 60px;
  }

  .interflow {
    margin-bottom: 40px;
  }

  .contactText {
    font-size: 18px;
  }

  .contactText .iconfont {
    font-size: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .lingdao .flex{
    flex-wrap: wrap;
  }
  .lingdaoL{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .lingdaoL span{
    width: 50%;
    margin: 0px 0 10px;
  }
  .lingdaoR{
    width: 100%;
    padding-left: 0;
    border: none;
  }
  .lingdaoR .lingdaoImg{
    width: 75%;
    height: auto;
  }
  .lingdaoText{
    width: 100%;
  }
  .zuzhi img{
    max-width: 100%;
  }
  .case, .caigou, .news, .about{
    padding: 24px 16px;
  }
  .caselist{
    flex-wrap: wrap;
  }
  .caselist li{
    width: 48.8%;
    margin-right: 2%;
  }
  .caselist li:nth-of-type(2n){
    margin-right: 0;
  }
  .caselist li:nth-of-type(3n){
    margin-right: 2%;
  }
  .NewsTitBox span{
    font-size: 12px;
  }
  .contactBox{
    flex-wrap: wrap;
  }
  .contactL{
    width: 100%;
  }
  .contactR{
    width: 100%;
  }
}

@media all and (max-width:750px) {
  body {
    overflow-x: hidden;
  }

  .topright {
    display: none;
  }

  .header {
    height: 60px;
    line-height: 60px !important;
  }

  .header .subnav {
    top: 60px;
  }

  .header .nav .navlist>a {
    height: 60px;
  }

  .header .logo a {
    width: 170px;
  }

  .searchBox .searchIcon {
    font-size: 16px;
  }

  .searchBox .SearchInput,
  .searchBox .searchkeywords {
    width: 88%;
  }

  .searchBox .searchkeywords {
    font-size: 14px;
  }

  .searchBox .SearchInput button {
    width: 35%;
  }

  .banner {
    /* margin-top: 50px; */
  }

  .bannertext p {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .bannertext span {
    font-size: 14px;
  }

  .titleBox {
    align-items: flex-start;
  }

  .titleBox .textL h3 {
    font-size: 25px;
  }

  .titleBox .textL {
    width: 100%;
  }

  .titleBox .textL p {
    font-size: 13px;
  }

  .titleBox .textR {
    font-size: 14px;
    margin-top: 10px;
    position: absolute;
    right: 4vw;
    text-decoration: none;
  }

  .product .productList li {
    width: 49%;
    margin-right: 2%;
  }

  .product .productList li:nth-of-type(2n) {
    margin-right: 0;
  }

  .product .productList .protitle {
    padding: 10px 15px;
  }

  .product .productList .protitle h4 {
    font-size: 16px;
  }

  .aboutIndexCon {
    flex-wrap: wrap;
  }

  .aboutIndexCon .l,
  .aboutIndexCon .r {
    width: 100%;
  }

  .aboutIndexCon h3 {
    font-size: 25px;
    margin: 0 0 20px;
  }

  .aboutIndexCon .more {
    margin: 30px 0 40px;
  }

  .aboutNumber {
    margin-top: 30px;
  }

  .aboutNumber ul {
    flex-wrap: wrap;
  }

  .aboutNumber p {
    font-size: 24px;
  }

  .aboutNumber span {
    font-size: 14px;
  }

  .iconBox ul {
    flex-wrap: wrap;
  }

  .iconBox li {
    width: 100%;
    padding: 0 24px;
    flex: none;
    box-sizing: border-box;
    border: none;
    margin-bottom: 40px;
  }

  .iconBox li img {
    width: 90px;
    height: 90px;
  }

  .iconBox li p {
    font-size: 22px;
    margin: 12px 0 2px;
  }

  .newsCon .ul {
    flex-wrap: wrap;
  }

  .newsCon .newslist {
    width: 100%;
    flex: none;
    margin-bottom: 30px;
  }

  .newslist .text {
    padding: 20px 0;
  }

  .newslist .text .newsTit {
    font-size: 18px;
  }

  .footerCon {
    flex-wrap: wrap;
    padding: 40px 6% 40px;
    font-size: 15px;
  }

  .footlogo,
  .footNav,
  .communicationBox {
    width: 100%;
    margin-top: 30px;
  }

  .flogoimg {
    width: 50%;
    margin-bottom: 30px;
  }

  .footContact a {
    width: 50%;
    margin-bottom: 12px
  }

  .communicationBox span {
    margin: 5px 0 20px;
  }

  .footBottom {
    padding: 6vw 0 7vw;
    text-align: center;
  }

  .product .productList li:hover {
    border-color: #f5f5f5;
  }

  .product .productList li:hover .protitle {
    background-color: #f5f5f5;
    color: #333 !important;
  }

  .product .productList li:hover .protitle p {
    color: #333;
  }

  .banner .swiper-button-next,
  .banner .swiper-button-prev,
  .product .swiper-button-next,
  .product .swiper-button-prev,
  .solution .swiper-button-next,
  .solution .swiper-button-prev {
    display: none;
  }

  .product .productList,
  .solution .solutionCon {
    overflow: visible;
  }

  .product .productList .swiper-pagination,
  .solution .solutionCon .swiper-pagination {
    display: block;
    bottom: -35px;
  }


  /* 内页 */

  /* 关于我们 */
  .aboutInner,
  .chejian {
    padding: 6.2vw 4vw;
    flex-wrap: wrap;
  }

  .aboutInner .aboutimg,
  .chejian .aboutimg {
    width: 100%;
  }

  .aboutList {
    width: 100%;
    margin-top: 40px;
  }

  .aboutInner .innerTitle,
  .chejian .innerTitle {
    padding-bottom: 20px;
  }

  .innerTitle h2 {
    font-size: 25px;
  }

  .honorList li {
    margin-right: 2%;
  }

  .honorList li p {
    font-size: 14px;
  }

  .cultureList .fangzhen {
    flex-wrap: wrap;
  }

  .cultureList .fangzhen {
    padding-bottom: 10px;
  }

  .cultureList .fangzhen li {
    width: 100%;
    margin: 10px 0;
  }

  .cultureList .fangzhen li h4 {
    font-size: 20px;
  }

  .innerBnner {
    height: 200px;
  }

  /* 内页产品列表 */

  .product .productList .protitle p {
    font-size: 12px;
  }

  /* 内页产品详情页 */
  .productNav ul {
    justify-content: space-between;
  }

  .productNav ul li {
    margin-right: 0;
    font-size: 18px;
  }

  /* 内页-解决方案 */
  .solution .productList li {
    width: 100%;
  }


  /* 内页新闻 */
  .innerNews .newsCon .newslist {
    width: 100%;
    margin-right: 0%;
  }

  .innerNews .newsCon .newslist:nth-of-type(3n) {
    margin-right: 0%;
  }

  .innerNews .newsCon .newslist:nth-of-type(2n) {
    margin-right: 0%;
  }
  .position{
    height: auto;
    line-height: 56px;
  }
  .position .flex{
    flex-wrap: wrap;
    padding: 0;
  }
  .positionL{
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    text-align: center;
  }
  .positionL a{
    padding: 0 6px;
    width: 25%;
    box-sizing: border-box;
    background: #f1f1f1;
    flex: 1;
  }
  .positionR{
    display: none;
  }
  .firstNews a{
    flex-wrap: wrap;
  }
  .firstNews a .newsText p{
    width: 100%;
  }
  .firstNews .newsImg{
    width: 100%;
    height: auto;
  }
  .firstNews .newsText{
    width: 100%;
  }
  .firstNews a .dis{
    margin: 10px 0;
  }
  .caigoulist li p{
    width: 72%;
  }

  /* 会员 */
  .registerL{
    display: none;
  }
  .registerR{
    padding: 24px;
    width: 100%;
  }
  .login .registerR{
    width: 100%;
    padding: 24px;
  }
  .registerR h3{
    font-size: 32px;
  }
  .registerR .inputBox{
    width: 100%;
    box-sizing: border-box;
  }
  .formBottom{
    flex-wrap: wrap;
  }
  .formBottom>span{
    margin-top: 24px;
  }

  .userCenter .container{
    flex-wrap: wrap;
    padding: 80px 4vw;
  }
  .userCenterL, .userCenterR{
    width: 100%;
    min-height: auto;
    padding: 16px;
  }
  .userCenterL{
    padding-left: 24px;

  }
  .userCenterR{
    width: 100%;
  }
  .userCenterL dt{
    font-size: 20px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .userCenterL dt .iconfont{
    font-size: 24px;
  }
  .userCenterL dd a{
    line-height: 44px;
  }
  .userCenterR_top{
    flex-wrap: wrap;
    text-align: left;
  }
  .userCenterR_top .tuichu{
    color: var(--main-color)!important;
    background: transparent;
    padding: 0;
  }
  .userCenterR_main{
    max-height: none;


  }
  .firstPage .userCenterR_main ul{
    margin-left: 0;
  }
  .umodifyBtn{
    position: static;
  }
  .read{
    display: inline-block;
    color: #999;
    margin-bottom: 12px;
  }
  .companyInfo{
    padding: 24px 0;
  }
  .logoW{
    margin-bottom: 20px;
  }
  .logoW img{
    width: 65%;
  }
  .infoForm .infoTop{
    text-align: left;
  }
  .companyInfo .infoBox{
    padding: 16px 12px;
  }
  .companyInfo .form-group{
    margin-bottom: 8px;
  }
  .inputBox{
    flex-wrap: wrap;
  }
  .infoBox h3{
    margin: 16px 0;
  }
  .companyInfo .form-group{
    width: 100%;
    flex-wrap: wrap;
  }
  .inputBox .tit,.infoForm .form-control{
    width: 100%!important;
    margin-left: 0;
    margin-bottom: 8px;
  }
  .infoForm .textareaBox .form-control{
    height: 100%;
    max-height: 250px;
  }
  .form-control .grey{
    font-size: 12px;
  }
  .ziliaoh4{
    display: block!important;
    margin-bottom: 0px;
  }
  .fileBox .text{
    width: 100%;
    margin-bottom: 12px;
  }
  .companyInfo .fileBox{
    margin: 20px 0;
  }
  .cascader-container .tit{
    width: 100%!important;
    text-align: left;
  }
  .umodifyBox .inputBox label{
    text-align: left;
  }
}