@charset "utf-8";
@media only screen and (max-width:1440px){
  .main-width{width: 92vw; }
  .main-about .introduce .introduce-box .text{width: 50%; left: 0;}
  .main-about .introduce .introduce-box .pic{width: 43.646vw;}
  .function .item .text{width: 30%;}
  .index-solve .solve .item .icon{width: 6.51vw; height: 6.51vw;}
  .index-solve .solve .item .box{padding-top: 4.844vw;}
  .index-solve .solve .item{width: 31.25%; padding-top: 3.28125vw; margin-left: 3.1%;}
  .index-adv .main-width{width: 92vw;}
  .index-adv ul li{width: 25%; }
  .main-width{width:90vw;}
  .index-solve .adv .item{padding-left: 3%;width: 22%;}
}
@media only screen and (max-width:1240px){
  .function .item .pic{width: 40%;}
  .function .item .text a{height: 25px; line-height: 25px; border-radius: 25px; font-size: 12px; margin-top: 20px;}
  .function{height: 350px;}
  .function .slide-fun,.function .item .pic{width: 500px;}
  .function.odd .slide-fun,.function.odd .item .pic{padding-right: 30px;}
  .function.even .slide-fun,.function.even .item .pic{padding-left: 30px;}
  .function .item .text{padding:0 30px; width: 35%;}
  .footer{background-size: cover;}
}

@media only screen and (max-width:980px){
.header.flow,.header.searchbg{height: 50px;}
.header .logo{height: 36px; padding: 6px 0;}
.header.flow .logo{margin-top: 7px;}
.header.flow .nav .one > li.search{padding: 10px 25px}
.main-width{width:92vw;}
.m-Top{margin-top:50px;}
.index-adv .main-width{width: 92vw;}
.index-solve .adv .item{width: 50%; padding-left: 0;}
.index-solve .adv .item .icon{margin: 0 auto 15px;}
.index-solve .adv .item .box span{text-align: center;}
.index-solve .adv .item .box p{text-align: center;}
.index-adv{background-size: cover;}
.index-adv ul li{width: 50%;}
.flow-video .box{width:92.7vw;height:52.14375vw;margin:-26vw 0 0 -46.35vw;transform:translate(0,0);}
.flow-video .box iframe{width:92.7vw;height:52.14375vw;}
.flow-video .box i{right:0;top:-40px;width:40px;height:40px;background-size:100% 100%;}
.main-about .introduce .introduce-box .text a{width: auto; padding: 0 15px; height: 25px; line-height: 25px; border-radius: 25px; font-size: 12px;}
.contact-box .enter .sub{padding: 0 20px; height: 25px; line-height: 25px; border-radius: 25px;}
.contact-box .enter .txt{height: 30px;}
.contact-box .mes{width: 45%;}
.contact-box .mes .logo{width: 120px;}
.contact-box .mes h3{font-size: 16px; line-height: 18px;}
.contact-box .mes p{font-size: 12px; line-height: 20px;}
.contact-box .mes p span{font-size: 12px; flex: 0 0 65px;}
.function { height: 280px; }
.function .item .text{padding: 0 30px; width: 40%;}
.function .item .pic{width: calc(50% - 30px);}
.function .slide-fun{width: calc(50% - 30px);}
.function.even .slide-fun{padding-left: 30px; padding-right: 0;}
.function.even .pic{padding-left: 30px; padding-right: 0;}
.function .item .text ul li{font-size: 12px;}
/*搜索*/
.search-results .cont{float:none;width:100%;}
.search-results .probox{display:none;}
}
@media only screen and (max-width:780px){
  .header .phone-menu{display: block;}
  .header .nav{display: none;}
  .header.active{background-color: #1769ff;height: 50px;}
  .header.active .nav{position: fixed;left: 0;top: 50px; display: block; width: 100%;box-sizing: border-box; transition: all .5s; z-index: 999; background-color: rgb(23,105,255,.8);}
  .header.active .nav .one {border-top: 1px solid rgba(255,255,255,.5);}
  .header.active .nav .one > li{float: none; padding: 0 5%; margin: 0; text-align: left; line-height: 45px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.5);}
  .header .nav .one > li.search{width: auto; padding: 10px;}
  .header .nav .one > li.search .box{width: 100%; height: 30px;}
  .header .nav .one > li.search .box .text{background-color: #fff;display: block !important;}
  .header .nav .one > li.search .box .btn{display: none;}
  .header .nav .one > li.search .box .sub{display: block;}
  .header .nav .one > li{position: initial;}
  .header .nav .one > li > a{display: block; position: initial;}
  .header.active .nav .one > li.active{border-bottom: 1px solid #fe9900;}
  .index-main .slidebox .slideshow ul li .text{top: 35%; left: 5%;}
  .index-main .slidebox .slideshow ul li .text h2 {font-size: 16px; padding-bottom: 2px; line-height: 18px;}
  .index-main .slidebox .slideshow ul li .text p{font-size: 12px; line-height: 16px;}
  .index-main .slidebox .slideshow ul li .text span{width: 70px; height: 20px; line-height: 20px; border-radius: 20px; font-size: 12px; text-align: center;}

  .index-adv{padding: 40px 0;}
  .index-adv .title{font-size: 24px;line-height: 26px; margin-bottom: 8px;}
  .index-adv ol{margin: 8px auto;}
  .index-adv ul li{width: 50%; padding: 30px 0;}
  .index-adv ul li .pic{width: 60px; height: 60px; margin: 0 auto 15px;}
  .index-adv ul li h3{font-size: 16px; margin-bottom: 10px;}
  .index-solve{padding: 40px 0;}
  .index-solve .adv .item{width: 100%;}
  .index-solve .title{font-size: 24px; line-height: 26px; margin-bottom: 8px;}
  .index-solve ol{margin: 8px auto 15px;}
  .index-solve .solve .item{width: 100%; margin-left: 0;padding-top: 30px; margin-top: 20px;}
  .index-solve .solve .item .icon{width: 60px;height: 60px;}
  .index-solve .solve .item .box{padding: 45px 0 15px;}
  .index-solve .solve .item .box p{padding-top: 15px;}
  .index-solve .adv .item .box span{font-size: 20px;}
  .main-about h2{font-size: 18px; line-height: 18px;margin-bottom: 15px;}
  .main-about .introduce .introduce-box .pic{float: initial; width: 100%;}
  .main-about .introduce .introduce-box .text{position: initial; width: calc(100% - 30px); padding: 15px; transform: translateY(0);}
  .main-about .introduce .introduce-box .text .logo{width: 120px;}
  .main-about .introduce .introduce-box .text p{line-height: 18px; font-size: 12px; margin: 15px 0;}
  .history-box img{display: none;}
  .history-box .step-container{display: flex;}
  .history-box .step-container .box{display: flex; flex: 1; flex-direction: column;}
  .history-box .step-container .bar{background-color: #E6EFFB; width: 1px; min-width: 1px; position: relative; opacity: 0.8;}
  .history-box .step-container .left{text-align: right; padding-right: 15px; position: relative;}
  .history-box .step-container .right{text-align: left; padding-left: 15px; position: relative;}
  .history-box .step-container .item .dot{position: absolute; width: 10px; height: 10px; background-color: #E2EEFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 2;}
  .history-box .step-container .item .dot::after{content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #1769ff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
  .history-box .step-container .left .dot{right: -5px;}
  .history-box .step-container .right .dot{left: -5px;}
  .history-box .step-container .left .item{margin-top: 80px;}
  .history-box .step-container .left .item:nth-child(1){margin-top: 0;}
  .history-box .step-container .right .item{margin-top: 80px;}
  .history-box .step-container .item time{font-size: 12px; color: #999;}
  .history-box .step-container .item .text p{font-size: 12px; color: #333; line-height: 22px;}
  .contact-box{flex-direction: column;}
  .contact-box .mes{width: 100%; margin-bottom: 20px;}
  .contact-box .mes .logo{margin-bottom: 10px;}
  .contact-box .mes h3{margin-bottom: 10px;}
  .contact-box .enter{width: 100%; padding: 0;}
  .contact-box .enter h2{font-size: 18px;}
  .contact-box .enter .txt{margin-bottom: 8px; padding: 0 8px; width: calc(100% - 18px); font-size: 14px;}
  .function{height: auto;}
  .function .slide-fun{position: initial; width: 100%; float: initial; padding: 0; height: auto;}
  .slide-fun .slide-pic{margin: 0 auto;}
  .function .item .text{float: initial;width: 100%; padding: 0; margin-bottom: 20px;}
  .function .item .text .top{padding: 15px 0;}
  .function .item .text .num{font-size: 100px;line-height: 45px;}
  .function .item .text .num img{width: 80px;}
  .function .item .pic{float: initial; width: 100%; padding: 0;}
  .function .item .text .title{font-size: 20px;}
  .function.even .slide-fun{padding: 0;}
  .function.even .slide-fun, .function.even .item .pic{padding: 0;}
  .other-banner{/*height: 170px;*/ width: 100%;}
  .other-banner img{width: 100%; height: auto;}
  .other-banner .text{top: 36%;}
  .other-banner .text h2{font-size: 20px; line-height: 22px; padding-bottom: 5px;}
  .other-banner .text p{line-height: 20px;}
  .other-banner.about .text p{font-size: 12px; line-height: 14px;}
  .footer{padding: 20px 0; background-size: cover;}
  .footer .main-width{flex-direction: column;}
  .footer .logo{width: 250px; margin-bottom: 40px;}
  .footer .menu{flex: 1 auto;}
  .footer .copy-right{padding-top: 20px;}
  .footer .copy-right .main-width{align-items: center;}
  .index-adv ul li p{padding: 0 10px}
  .footer .menu .item a{font-size: 12px;}
  .footer .menu .item a:first-child{font-size: 16px;}
}

@media only screen and (max-width:640px){
  /* .other-banner{height: 170px; width: 100%;}
  .other-banner img{width: auto; height: 100%;} */
/*搜索*/
.search-results{padding:20px 0 30px;}
.search-results h1{line-height:25px;font-size:18px;padding-bottom:15px;margin-bottom:20px;}
.search-results .seabox input[type="text"]{width:70%;}
.search-results .seabox input[type="submit"]{width:30%;}
.search-results .cont li{margin-bottom:15px;}
.search-results .cont li h3{margin-bottom:0;}
}