@font-face {font-family:"BebasNeue Bold";src:url("../fonts/BebasNeue.ttf") format("woff");font-weight:normal;font-style:normal;}

/*css reset*/
html,body {font-family: "PingFang SC","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;padding:0;margin:0;font-size:12px;line-height:1;}
ol,ul {list-style:none;padding:0;margin:0;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
th,td {vertical-align:middle;padding:0;}
a {text-decoration:none;outline:none;}
input,select {vertical-align:middle;padding:0;border:0 none;outline:none;}
img,iframe {border:none;text-decoration:none;}
img {vertical-align:top;}
strong {font-weight:bold;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
:focus {outline:0;}
::-webkit-input-placeholder {/* WebKit browsers */  color:#999;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */  color:#999;opacity:1;}
::-moz-placeholder {/* Mozilla Firefox 19+ */  color:#999;opacity:1;}
:-ms-input-placeholder {/* Internet Explorer 10+ */  color:#999;}
.container {width:1400px;margin:0 auto;max-width:90%;}
.container-left {margin-left:5%;}
.container2 {width:1400px;margin:0 auto;max-width:90%;}
.main-container {width:1400px;margin:0 auto;max-width:90%;}
.d-pc-none {display: none;}
.d-flex {display: flex;}
.font-blod {font-weight: bold;}
.font-lighter {font-weight: lighter;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-end {justify-content: flex-end;}
.align-center {align-items: center;}
.align-end {align-items: flex-end;}
.w-100 {width:100%;}
.text-white {color: #fff;}
.text-white2 {color: #f2f2f2;}
.text-black {color: #000000;}
.text-383838 {color: #383838;}
.text-010101 {color: #010101;}
.text-303030 {color: #303030;}
.text-2c2c2c {color: #2c2c2c;}
.text-565252 {color: #565252;}
.text-blue {color: #0083db;}
.text-2a71b9 {color: #2a71b9;}
.text-707070 {color: #707070;}
.bg-blue {background: #0083db;}
.bg-f0f0f0 {background: #f0f0f0;}
.bg-f9f9f9 {background: #f9f9f9;}
.bg-727272 {background: #727272;}
.bg-e4d5cc {background: #e4d5cc;}
.bg-e7e9ec {background: #e7e9ec;}
.bg-edf6fc {background: #edf6fc;}
.bg-faf9f9 {background: #faf9f9;}
.bg-black {background: #000000 !important;}
.bg-black-50 {background: rgba(0, 0, 0, 0.5);}
.line {display: block;width: 100%;height: 2px;}
.position-relative {position: relative;}
.flex-wrap {flex-wrap: wrap;}
.m-auto {margin: 0 auto;}
.img-auto {width: auto;height: auto;max-width: 100%;max-height: 100%;}

/*.hangye{width: 1300px;max-width: 90%;margin:0px auto;}*/

.banner-logo {margin-bottom: 20px;}

.font1 {font-size: 72px;}
.font2 {font-size: 48px;}
.font3 {font-size: 30px;}
.font4 {font-size: 20px;line-height: 26px;}
.font5 {font-size: 12px;}
.font6 {font-size: 16px;}
.font7 {font-size: 18px;}
.font8 {font-size: 16px;line-height: 18px;}
.font9 {font-size: 14px;}
.font10 {font-size: 40px;}
.font11 {font-size: 30px;}
.font12 {font-size: 12px;line-height: 20px;}

.title1 {font-size: 56px;}

.mt-1 {margin-top: 95px;}
.mt-2 {margin-top: 25px;}
.mt-3 {margin-top: 20px;}
.mt-4 {margin-top: 30px;}
.mt-5 {margin-top: 50px;}
.mt-6 {margin-top: 80px;}
.mt-7 {margin-top: 140px;}
.mt-8 {margin-top: 10px;}
.mt-9 {margin-top: 15px;}
.mt-10 {margin-top: 40px;}

.mr-1 {margin-right: 20px;}
.mr-2 {margin-right: 40px;}
.pb-1 {padding-bottom: 95px;}
.pb-2 {padding-bottom: 60px;}
.pb-3 {padding-bottom: 35px;}
.banner-btn {width: 320px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 18px;border-radius: 24px;}
.banner-btn img {margin-right: 20px;}

/* main */
.main {width: 100%;height: auto;background: #fff;margin-top: 116px;}


.banner {width: 100%;height: auto;position: relative;overflow: hidden;}
.banner video {width: 100%;}
.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.banner-text-container .container {height: 100%;display: flex;flex-direction: column;justify-content: center;}
.banner-text-container .container h1{line-height: 80px;}
.banner-text-container .banner-btn {margin: 50px auto;}
.icon-about {width: 26px;height: 26px;}

.index-img8 .swiper-button-next, .index-img8 .swiper-button-prev {width: 40px;height: 40px;background-size: 40px;}
.index-img8 .swiper-button-prev,.index-img8 .swiper-container-rtl .swiper-button-next {background-image:url(../images/icon-left.png);left: 0;}
.index-img8 .swiper-button-next,.index-img8  .swiper-container-rtl .swiper-button-prev {background-image:url(../images/icon-right.png);right: 0;}
.index-pagination {position: relative;width: fit-content;border: 1px solid #f2f2f2;border-radius: 50px;margin: 0 auto;display: flex;}
.index-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin-right:8px;display: block;}
.index-pagination .swiper-pagination-bullet-active {background: #000;}
.index-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}

/* service */
.service-container {padding-left: 50px;padding-right: 50px;}
.service-container2 {padding-left: 80px;padding-right: 80px;}
.service-container3 {padding-left: 100px;padding-right: 100px;}
.service1-text {line-height: 40px;text-align: justify;}
.service-icon-container {display: flex;flex-wrap: wrap;align-items: flex-start; justify-content: center;width: 100%;}
.service-icon-container .icon-item{width: 33%;text-align: center;}
.service-icon-container .icon-img{width: 150px;height: 110px;margin:0 auto;display: inline-flex;align-items: flex-end;justify-content: center;}
.service-icon-container .icon-img img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.service1-icontext {margin-top: 5px;}
.service3-title {position: absolute;top: 0;width: 100%;}
.service3-container {position: relative;}
.service4-icon-container {display: flex;align-items: center;justify-content: space-between;}
.service4-icon-container .icon-item{width: 170px;height: 180px; border: 1px solid #aaaaaa;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .5s ease;}
.service4-icon-container .icon-item:hover {box-shadow: 0 0 30px rgb(0 0 0 / 20%);border-color: transparent;}
.service4-icon-container .icon-item img{height: 80px;}
.service4-icon-container .icon-item .icon-text{margin-top: 10px;}
.service5-icon-container {display: flex;align-items: center;justify-content: space-between;}
.service5-icon-container .icon-item{display: inline-flex;align-items: center;cursor: pointer;}
.service5-icon-container .icon-item .active-img {display: none;}
.service5-icon-container .icon-item.active .active-img,
.service5-icon-container .icon-item:hover .active-img{display: block;}
.service5-icon-container .icon-item.active .normal-img,
.service5-icon-container .icon-item:hover .normal-img{display: none;}
.service5-icon-container .icon-item:hover,
.service5-icon-container .icon-item.active {color: #0083db;}
.service5-icon-container .icon-item img{margin-right: 10px;}
.service5-icon-container .icon-item .font3::after{content: "";width: 0;height: 3px;background-color: #0083db;margin-top: 5px;display: block;transition: all .5s ease;}
.service5-icon-container .icon-item:hover .font3::after,
.service5-icon-container .icon-item.active .font3::after {width: 100%;}
.service5-table th,.service5-table td{border: 1px solid #aaaaaa;height: 70px;color: #161616;}
.service5-table th:first-child {width: 15%;max-width: 190px;}
.service5-table th:nth-child(2) {width: 45%;max-width: 585px;}
.service5-table th:last-child {width: 40%;max-width: 525px;}
.service5-table tr td:nth-child(2) .service5-text{padding-left: 16%;padding-right: 16%;}
.service5-text {padding-left: 58px;padding-right: 58px;}
.service5-table .ul-circle {padding-top: 30px;padding-bottom: 30px;}
.ul-circle li{display: flex;align-items: flex-start;line-height: 30px;}
.ul-circle li .li-circle{height: 30px;display: inline-flex;margin-right:5px;align-items: center;justify-content: flex-end;}
.li-circle-content {width: 5px;height: 5px;background-color: #000000;border-radius: 50%;}
.nav {display: flex;align-items: center;justify-content: center;}
.nav li{padding-left: 50px;cursor: pointer;}
.nav li:hover, .nav li.active {color: #0083db;}
.nav li::after {content: "";width: 0;height: 2px;background-color: #0083db;display: block;transition: all .5s ease;}
.nav li:hover:after, .nav li.active:after {width: 100%;}
.nav li:first-child{padding-left: 0;}
.nav-content {display: block;}
.nav-content .nav-content-item{display: none;}
.nav-content .nav-content-item.active{display: block;}
.service7-container {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.service7-item {width: 30%;border: 1px solid #aaaaaa;text-align: center;padding: 50px 0;}
.service7-text {display: flex;align-items: flex-end;justify-content: center;}
.service7-text img {height: 50px;margin-right: 10px;}
.service7-container .service7-item:last-child .service7-bottom:last-child {align-items: flex-end;}
.service7-bottom {height: 120px;display: flex;align-items: center;justify-content: center;}
.service7-bottom img{width: 120px;height: 120px;margin-right: 10px;}
.service-btn {width: 165px;height: 60px;line-height: 60px;letter-spacing: 2px;color: #fff;background-color: #2a88e7;text-align: center;font-size: 26px;font-weight: bold;}
.service9-text-container {display: flex;align-items: center;justify-content: center;}
.service9-text-container .service9-text{width: 60%;line-height: 40px;}
.service10-container {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.service10-item {width: 30%;border: 1px solid #aaaaaa;text-align: center;padding: 50px;display: inline-flex;justify-content: space-between;text-align: left;line-height: 30px;}
.service10-item i {width: 30px;height: 30px;}

/* download1 */
.download1 {border-bottom: 2px solid #dfdfdf;padding-bottom: 17px;align-items: flex-end;}
.download-search-container {border: 1px solid #000;display: flex;align-items: center;justify-content: center;width: 320px;height: 35px;border-radius: 17px;padding: 8px 13px;}
.download-search-container img {width: 20px;flex: 0 0 20px;margin-right: 10px;}
.download-search-container input{width: 100%; color: #303030;font-size: 16px;}
.download-search-container input::placeholder{color: #303030;font-size: 16px;}
.download-search-btn {width: 60px; color: #2a71b9;font-size: 16px;}

.download-nav {flex-wrap: wrap;justify-content: space-around;}
.download-nav li{padding-left: 0;}
.download-nav li::after {margin-top: 5px;}
.download-container1 {width: 100%;/**display: flex;align-items: flex-start;justify-content: flex-start;**/}
.download-container1 .download-item1_1{width: 98%;border-left: 1px solid #dfdfdf;font-size: 18px;}
.download-container1 .download-item1{width: 33%;border-left: 1px solid #dfdfdf;font-size: 18px;float:left;margin-top:50px;}
.download-container1 .download-item1:first-child {border-left: none;}
.download-container1 .download-content {display: flex;flex-wrap: wrap;padding: 0 50px;}
.download-container1 .download-item2 {width: 50%;height: 30px;font-size: 18px;display: flex;align-items: center;justify-content: center;padding-bottom: 5px;margin-top: 30px;color: #303030;position: relative;}
.download-container1 .download-item2_1 {height: 30px;font-size: 18px;display: flex;align-items: center;justify-content: center;padding-bottom: 5px;margin-top: 30px;color: #303030;position: relative;}
.download-container1 .download-item2 .active-img,
.download-container1 .download-item2 .normal-img {margin-left: 10px;}
.download-container1 .download-item2 .active-img{display: none;}
.download-container1 .download-item2.active .active-img,
.download-container1 .download-item2:hover .active-img{display: block;}
.download-container1 .download-item2.active,
.download-container1 .download-item2:hover {font-size: 20px;color: #2a71b9;transition: all .5s ease;}
.download-container1 .download-item2:hover::after {width: 110px;}
.download-container1 .download-item2::after {content: ""; width: 0;height: 2px;background-color: #2a71b9;position: absolute;bottom: -5px;}
.download-container1 .download-item2.active .normal-img,
.download-container1 .download-item2:hover .normal-img{display: none;}
.download-pagination {position: relative;width: fit-content;padding: 10px;border-radius: 50px;margin: 0 auto;display: flex;align-items:center;border: 1px solid #f2f2f2;}
.download-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin-right:8px;display: block;}
.download-pagination .swiper-pagination-bullet-active {background: #2a71b9;}
.download-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}


.download-img2-container {position: relative;}
.download-img2-container .swiper-button-next,.download-img2-container .swiper-button-prev {width: 33px;height: 57px;background-size: 33px;}
.download-img2-container .swiper-button-prev,.download-img2-container .swiper-container-rtl .swiper-button-next {background-image:url(../images/download/icon-left.png);left: -60px;top: 120px;}
.download-img2-container .swiper-button-next,.download-img2-container  .swiper-container-rtl .swiper-button-prev {background-image:url(../images/download/icon-right.png);right: -60px;top: 120px;}
.download-img2-item {width: 100%;max-height: 250px;overflow: hidden;position: relative;display: block;}
a:hover.download-img2-item {box-shadow: 1px 0 12px #828282;}
.download-img2-item .download-img2-item-img{width: 100%;transition: all .5s ease;}
.download-img2-item:hover .download-img2-item-img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.download-img2-item .icon-play{width: 82px;height: 82px;}
.download-content3 {display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.download-item3 {width: 49%;margin-bottom: 2%;display: flex;align-items: center;border: 1px solid #aaaaaa;height: 77px;justify-content: center;color: #303030;font-size: 18px;transition: all .3s ease;}
.download-item3 img {margin-right: 10px;}
.download-item3:hover {color: #0083db;font-size: 24px;-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);box-shadow: 1px 0 10px #d9d9d9;}
.download-item3 .active-img,
.download-item3:hover .normal-img {display: none;}
.download-item3 .normal-img,
.download-item3:hover .active-img {display: block;}
.download-container4 {display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.download-item4 {width: 32%;margin-bottom: 2%;}
.download-img4 {overflow: hidden;}
.download-img4 img{transition: all .5s ease;}
.download-img4:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.download-text4 {padding: 20px;}
.icon-download {width: 18px;height: 22px; margin-left: 5px;}
.download-text4 a:hover{color:#0a0e19;}

.downHtml{padding:50px 0px;}
.down10{display: flex;}
.down {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;}
.down li{margin-left: 10px;cursor: pointer;font-size:16px;}
.down li:hover{color: #0083db;}
.down li.active{color: #0083db;height:40px;line-height: 40px; border-bottom: 2px solid #0083db;}
/*.down li.active::after {content: "";width: 0;height: 2px;background-color: #0083db;display: block;transition: all .5s ease;}*/
/*.down li::after {content: "";width: 0;height: 2px;background-color: #0083db;display: block;transition: all .5s ease;}*/
.down li:hover:after, .nav li.active:after {width: 100%;}
.down li:first-child{margin-left: 0;}
.downDiv2{width:90%;padding-top:20px;}
.downDiv2 a{float:left;text-align:center; width:33%;margin:10px 0px;color:#333333;font-size: 14px;padding-top:10px;}
.downDiv2 .active-img,.downDiv2 .normal-img {margin-left: 10px;}
.downDiv2 .active-img,.downDiv2 a:hover .normal-img{display: none;}
.downDiv2 a:hover .active-img{display: block;}
.downDiv2 a:hover{color: #2a71b9;transition: all .5s ease;}

.downDiv3{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;padding-top:30px;}
.downDiv3 a{float:left;width:calc(50% - 10px);margin:10px 5px;color:#333333;font-size: 14px;}
.downDiv3 .active-img,.downDiv3 .normal-img {margin-left: 10px;}
.downDiv3 .active-img,.downDiv3 a:hover .normal-img{display: none;}
.downDiv3 a:hover .active-img{display: block;}
.downDiv3 a:hover{color: #2a71b9;transition: all .5s ease;}



/* solution */
.solution1 {display: flex;align-items: center;justify-content: space-between;}
.solution1 .solution1-left {flex: 0 0 60%;}
.solution1 .solution1-right {flex:0 0 35%;}
.solution1 .solution1-right,.solution2 {line-height: 48px;}
.solution2-bottom {display: flex;align-items: center;justify-content: space-between;}
.solution2-bottom .icon-container{margin-right: 5%;width: 65%;justify-content: flex-start;display: flex;flex-wrap: wrap;}
.solution2-bottom .icon-item{width: 105px;height: 65px;margin-right: 22px;}
.solution2-bottom .icon-item img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.solution1 .icon-container {width: 374px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.solution1 .icon-item,.solution2 .icon-item {width: 80px;height: 50px;background-color: #fff;border-radius: 10px;display: inline-flex; align-items: center;justify-content: center;margin-bottom: 18px;}
.solution1 .icon-item img,.solution2 .icon-item img {width: auto;height: auto;max-width: 100%;max-height: 100%;}

/* product15 */
.product15-1 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product15/1.jpg) center no-repeat;background-size: cover;padding: 50px 0;}
.product15-1 .container {display: flex;align-items: center;justify-content: space-between;}
.product15-icon-container1 {width: 416px; display: flex;justify-content: space-between;flex-wrap: wrap;}
.product15-icon-container1 .product15-item1{width: 49%;margin-top: 2%;border: 1px solid #474747;padding: 12px;text-align: center;}
.product15-icon-container1 .product15-item1 .product15-img1{height: 77px;display: inline-flex;align-items: center;justify-content: center;}
.product15-icon-container1 .product15-item1 .product15-img1 img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.product15-icon-container1 .product15-item1 .font5{margin-top: 5px;}
.product1-right {width: 60%;}

.product15-2 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product15/2.jpg) center no-repeat;background-size: cover;padding: 20px 0 10px;}
.product15-2 .container {display: flex;align-items: center;justify-content: space-between;}
.product2-left {width: 60%;}
.product2-right {width: 40%;}
.product15-2 .product15-icon-container1 {width: 580px;}
.product15-2 .product15-icon-container1 .product15-item1{width: 31%;}
.product15-2 .product15-icon-container1 .product15-item1 .product15-img1 {height: 183px;}


.product15-3 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product15/3.jpg) center no-repeat;background-size: cover;padding: 200px 0 150px;}
.product3-left {width: 100%;}
.product15-3 .product15-icon-container1 {width: 575px;}
.product15-3 .product15-icon-container1 .product15-item1{width: 177px;height: 177px;border-radius: 50%;background-color: #ffffff;border: none;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 10px 15px;margin-top: 0;}
.product15-3 .product15-icon-container1 .product15-item1 .product15-img1 {height: 124px;}
.product15-3 .product15-icon-container1 .product15-item1:last-child .product15-img1 {align-items: flex-start;}

.product15-4 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product15/4.png) center no-repeat;background-size: cover;padding: 200px 0 150px;}
.product15-4 .container {display: flex;align-items: flex-end;justify-content: flex-end;}
.product4-left {width: 50%;text-align: center;}
.product15-4 .product15-icon-container1 {width: 570px;margin-left:auto;margin-right:auto;}
.product15-4 .product15-icon-container1 .product15-item1{width: 260px;height: auto;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-top: 0;margin-bottom:30px;padding:15px;}
.product15-4 .product15-icon-container1 .product15-item1 .product15-img1 {width:44px;height: 44px;margin-right: 10px;}
.product15-4 .product15-icon-container1 .product15-item1:last-child .product15-img1 {align-items: flex-start;}
.product15-4 .product15-icon-container1 .product15-item1 .font9 {line-height:24px;}

.product15-5 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product/product15/5.jpg) center no-repeat;background-size: cover;padding: 200px 0 150px;}
.product15-5 .container {display: flex;align-items: center;justify-content: flex-end;}
.product5-left {width: 50%;}
.product15-5 .product2-right img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.product15-5 .product15-icon-container1 {width: 610px;}
.product15-5 .product15-icon-container1 .product15-item1{width: 244px;height: 70px;border-radius: 10px;background-color: #ffffff;border: 1px solid #ffffff;display: flex;align-items: center;justify-content: flex-start;padding: 10px;margin-top: 0;background:transparent;margin-bottom:15px;}
.product15-5 .product15-icon-container1 .product15-item1 .product15-img1 {height: 44px;margin-right: 15px;}
.product15-4 .product15-icon-container1 .product15-item1 .product15-img {width: 60px;}

.download1-right a{ cursor: auto;}
.download1-right a:last-child{ margin-right:0px;}


@media only screen and (max-width: 1024px) {
  .nav2-content3 {bottom: 0px;}
  /* common */
  .d-mobile-flex {display: flex;}
  .d-pc-none {display: block;}

  .d-mobile-none {display: none;}
  .font1 {font-size: 40px;}
  .banner-btn {width: 140px;height: 35px;font-size: 14px;}
  .banner-btn img {margin-right: 10px;}
  .font1 {font-size: 30px;}
  .font2,.font11 {font-size: 28px;}
  .font3 {font-size: 20px;line-height: 20px;}
  .font4,.font7 {font-size: 16px;line-height: 20px;}
  .font5 {font-size: 12px;line-height: 20px;}
  .font6 {font-size: 24px;}
  .font8,.font9 {font-size: 14px;}
  .font10 {font-size: 20px;}

  .mt-1,.mt-7 {margin-top: 40px;}
  .pb-1 {padding-bottom: 40px;}
  .mt-2 {margin-top: 15px;}
  .mt-3 {margin-top: 10px;}
  .mt-4 {margin-top: 15px;}
  .mt-5 {margin-top: 30px;}
  .mt-6 {margin-top: 30px;}
  .pb-3 {padding-bottom: 15px;}

  .mr-1 {margin-right: 10px;}



  /*!* footer *!*/
  /*.footer1 {padding: 25px 0;flex-wrap: wrap;}*/
  /*.footer2 {padding: 25px 0;}*/
  /*.footer3 {padding: 15px 0;}*/
  /*.footer4 {padding: 15px 0;}*/
  /*.footer1 .footer1-item:nth-child(1),.footer1 .footer1-item:nth-child(2) {margin-top: 0;}*/
  /*.footer1-item {width: 50%; font-size: 16px;flex-wrap: wrap;margin-top: 15px;}*/
  /*.footer1-item img {margin-right: 10px;}*/
  /*.footer4 .container {flex-wrap: wrap;line-height: 25px;}*/
  /*.footer2 .ewm-img {width: 100px;height: 100px;margin-right: 15px;}*/
  /*.footer2 .ewm-text {margin-top: 10px;margin-right: 15px;}*/
  /*.footer2-title2 {margin-top: 10px;margin-bottom: 10px;}*/

  /* main */
  .main {margin-top: 130px;}
  .banner-text-container .container h1{line-height: 50px;}
  .banner-text-container .banner-btn {margin-top: 20px;}
  .icon-about {width: 15px;height: 15px;}
  .icon-play {width: 15px;height: 15px;}

  /* serice */
  .service-container3 {padding-left: 50px;padding-right: 50px;}
  .banner-logo {}
  .service-icon-container .icon-img {width: 120px;height: 80px;}
  .service4-icon-container .icon-item {width: 120px;height: 130px;}
  .service4-icon-container .icon-item img {height: 50px;}
  .service1-text {line-height: 20px;}
  .service5-icon-container {flex-wrap: wrap;}
  .service5-icon-container .icon-item img {width: 50px;}
  .service5-icon-container .icon-item {width: 50%;padding-bottom: 15px;}
  .service5-table th:first-child {width: 14%;}
  .service5-table th:nth-child(2) {width: 50%;}
  .service5-table th:last-child {width: 36%;}
  .service5-table tr td:nth-child(2) .service5-text{padding-left: 8%;padding-right: 8%;}
  .service5-text {padding-left: 18px;padding-right: 18px;}
  .service-container {padding-left: 30px;padding-right: 30px;}
  .service7-item {padding: 30px 0;}
  .service7-bottom {height: 80px;display: flex;align-items: center;justify-content: center;}
  .service7-bottom img{width: 80px;height: 80px;margin-right: 10px;}
  .service-btn {width: 115px;height: 40px;font-size: 18px;line-height: 40px;}
  .service9-text-container .service9-text {width: 70%;}
  .service10-item {padding: 20px;}
  .nav2 .icon-search-container {display: none;}
  .nav2-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  /* download */
  .download-container1 .download-content {padding: 0 10px;}
  .download-container1 .download-item2 {font-size: 16px;}
  .download-container1 .download-item2 .active-img, .download-container1 .download-item2 .normal-img {width: 15px;margin-left: 5px;}
  .download-img2-container {width: 90%;margin-left: auto;margin-right: auto;}
  .download-img2-container .swiper-button-next, .download-img2-container .swiper-button-prev {width: 18px;height: 42px;background-size: 18px;}
  .download-img2-container .swiper-button-prev, .download-img2-container .swiper-container-rtl .swiper-button-next{left: -30px;top: 70px;}
  .download-img2-container .swiper-buicon-search-containertton-next, .download-img2-container .swiper-container-rtl .swiper-button-prev {right: -30px;top: 70px;}
  .download-pagination .swiper-pagination-bullet {margin-left: 15px;width: 8px;height: 8px;}
  .download-item4 {width: 49%;}
  .download-content4 {min-height: 75px;}


  /* solution */
  .solution1 .solution1-right {flex:0 0 35%;}
  .solution1 .solution1-right,.solution2 {line-height: 48px;}
  .solution1 .icon-container {width: 270px;}
  .solution1 .icon-item,.solution2 .icon-item {width: 60px;height: 40px;margin-bottom: 10px;}
  .solution1 .icon-item img,.solution2 .icon-item img {width: auto;height: auto;max-width: 90%;max-height: 90%;}
  .solution2-bottom .icon-item{width: 60px;height: 40px;margin-right: 10px;}

  /* product15 */
  .product15-1 .container,.product15-2 .container,.product15-5 .container {flex-wrap: wrap;}
  .product1-right,.product2-right {margin-top: 15px;width: 100%;}
  .product2-left {width: 100%;}
  .product15-icon-container1 {width: 100%;}
  .product15-icon-container1 .product15-item1 {width: 24%;}
  .product15-2 .product15-icon-container1 {width: 100%;}
  .product15-3,.product15-5 {background-position: left;padding: 100px 0;}
  .product15-3 .product15-icon-container1 {width: 440px;}
  .product15-3 .product15-icon-container1 .product15-item1 {width: 140px;height: 140px;}
  .product15-4 {background-position: right;padding: 100px 0;}
  .product4-left {width: 100%;}
  .product15-5 .product2-right {width: 100%;text-align: center;}
  .product15-5 .product2-right img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
  .product15-5 .product15-icon-container1 {width: 520px;}
  .product15-5 .product15-icon-container1 .product15-item1 {width: 165px;}

  .down {justify-content: flex-start;overflow-x: scroll;overflow-y: hidden; flex-wrap:nowrap;}
  .down li {flex: 0 0 30%;padding-left: 0;}
}
@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .banner-btn {
    width: 260px;}
    
  
}
@media only screen and (min-width: 767px)and (max-width: 992px) {
  .banner-btn {
    width: 260px;}
    .download1 {flex-wrap: wrap;}
    .download1-right a {
      cursor: auto;
      margin-top: 20px;
  }
  .fuwu .mobile {display: block;}
  .fuwu .web {display: none;}
  .down li {
    flex: 0 0 35%;}
  
}
@media only screen and (max-width: 767px) {
  .fuwu .mobile {display: block;}
  .fuwu .web {display: none;}
  .banner-logo {
    margin-bottom: 10px;
}
  /* common */
  .font1 {font-size: 20px;}
  .font2 {font-size: 18px;}
  .font3 {font-size: 14px;}
  .font4 {font-size: 14px;}
  .font6 {font-size: 12px;}
  .font7 {font-size: 15px;}
  .font11 {font-size: 21px;}
  .font36 {font-size: 14px;}
  .font16 {font-size: 13px;}
.service1-text {
  line-height: 18px;
}
.service-icon-container .icon-item {
  width: 48%;
  text-align: center;
}

  .mt-1 {margin-top: 30px;}
  .mt-2 {margin-top: 15px;}
  .mt-3 {margin-top: 30px;}
  .mt-4 {margin-top: 15px;}
  .mt-5 {margin-top: 20px;}
  .mt-10 {margin-top: 20px;}
  
  .mr-1 {margin-right: 10px;}
  .mr-2 {margin-right: 0;}
  .pb-1 {padding-bottom: 30px;}
  .pb-2 {padding-bottom: 30px;}
  .pb-3 {padding-bottom: 15px;}
  

  .banner-btn {width: 220px;height: 30px;font-size: 12px;}
  .banner-btn img {width: 10px;}

  .product15-3 .mt-50{margin-top: 50px;}
  .product15-3 .pb-2 {padding-top: 30px; padding-bottom: 10px;}
  .product15-4 .mt-50 {margin-top: 40px;}
  .product15-4 .pb-2 { padding-bottom: 0px;}

  .product15-icon-container1 .product15-item1 .product15-img1 img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
}
  .product15-icon-container1 .product15-item1:nth-child(3) .product15-img1 img {
  width: auto;
  height: auto;
  max-width: 60%;
  max-height: 90%;
}
.service5-icon-container .icon-item {
  width: 100%;
  padding-bottom: 15px;
}
  


  
  /* footer */
  /*.footer1-item {flex-direction: row;align-items: flex-start;font-size: 14px;}*/
  /*.footer1-item span {padding-top: 10px;}*/
  /*.footer2 {flex-wrap: wrap;}*/
  /*.footer2 .footer2-item:nth-child(4) {width: 100%;padding-top: 15px;}*/
  /*.footer2-item {width: 33.33%;}*/


  /* main */
  .banner-text-container .container h1 {line-height: 25px;}
  .banner video {width: auto;height: 90vh;}
  .main {margin-top: 70px;}

  /* serive */
  .banner-logo {width: 120px;}
  .service5-table th:first-child {width: 16%;}
  .service5-table .ul-circle{padding-top: 18px;padding-bottom: 18px;}
  .service5-text {padding-left: 10px;padding-right: 10px;}
  .service-container,.service-container2,.service-container3 {padding-left: 0;padding-right: 0;}
  .service-icon-container .icon-img {width: 80px;height: 60px;}
  .service4-icon-container {flex-wrap: wrap;}
  .service4-icon-container .icon-item {width: 50%;height: 120px;}
  .service4-icon-container .icon-item:nth-child(1),
  .service4-icon-container .icon-item:nth-child(2) {border-bottom: none;}
  .service4-icon-container .icon-item:nth-child(2),
  .service4-icon-container .icon-item:nth-child(4) {border-left: none;}
  .service7-item, .service10-item {width: 100%;margin-top: 15px;}
  .service7-container .service7-item:first-child,.service10-container .service10-item:first-child {margin-top: 0;}
  .service7-text img {height: 30px;}
  .service7-item {padding: 15px 0;}
  /*.nav li {padding-left: 10px;}*/
  .service9-text-container .service9-text {width: 100%;line-height: 24px;}
  .service7-container .service7-item:nth-child(1) .service7-bottom:last-child,
  .service7-container .service7-item:nth-child(2) .service7-bottom:last-child {height: 60px;}

  /* download */
  .download1 {flex-wrap: wrap;}
  .download1-right {margin-top: 20px;width: 100%;}

  .download-search-container {width: 100%;height: 30px;padding: 5px 10px}
  .download-search-container img {width: 15px;flex: 0 0 15px;}
  .download-search-container input::placeholder {font-size: 14px;}
  .download-nav {justify-content: flex-start;overflow-x: scroll;overflow-y: hidden; flex-wrap:nowrap;}
  .download-nav li {
    flex: 0 0 30%;
    padding-left: 0;
  }
  .download-container1 {flex-wrap: wrap;}
  .download-container1 .download-item1 {width: 100%;border-left: none;margin-bottom: 15px;}
  .download-container1 .download-item2 {margin-top: 15px;}
  .download-item3 {width: 100%;height: 55px;font-size: 13px;}
  .download-img2-container {width: 100%;}
  .download-img2-container .swiper-button-next, .download-img2-container .swiper-button-prev {top: 40%;}
  .download1-right {justify-content: space-between;}
  .download-item4 {width: 100%;}
  .download-content4 {min-height: auto;}
  .download-text4 {padding: 15px;}
  .icon-download {width: 12px;height: auto;}

  ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  /* solution */
  .solution {flex-direction: column-reverse;}
  .solution1,.solution2-bottom {flex-wrap: wrap;}
  .solution1 .solution1-right,.solution1 .solution1-left {flex:0 0 100%;margin-top: 5px;}
  .solution1 .solution1-right,.solution2 {line-height: 48px;}
  .solution1 .icon-container {width: 270px;}
  .solution1 .icon-item,.solution2 .icon-item {width: 60px;height: 40px;margin-bottom: 10px;}
  .solution1 .icon-item img,.solution2 .icon-item img {width: auto;height: auto;max-width: 90%;max-height: 90%;}
  .solution2-bottom .icon-item{width: 60px;height: 40px;margin-right: 10px;}
  .solution2-bottom .icon-container{width: 95%;}
  

  /* product15 */
  .font11 {font-size: 20px;}
  .font10 {
    font-size: 16px;
}
.font7 {font-size: 13px;}
.font8, .font9 {
  font-size: 12px;
}
.font9 {font-size: 12px;}
.service5-text {font-size: 12px;}
.down li {
  flex: 0 0 32%;
  padding-left: 0;
  font-size: 14px;
  margin-left: 20px;
}
.product15-1 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product22/1-mobile.jpg) center no-repeat;background-size: cover;padding: 50px 0;}
.product15-1 {padding: 30px 0 260px 0;text-align: center;margin-top: 0px;}
.product15-2 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product22/2-mobile.jpg) center no-repeat;background-size: cover;padding: 20px 0 10px;}
.product15-2 {padding: 70px 0 60px 0;background-color: #faf9f7;margin-top: 0px;}
.product15-3 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product22/3-mobile.jpg) center no-repeat;background-size: cover;padding: 20px 0 200px;}
.product15-3 {background-color: #faf9f7;margin-top: 0px;text-align: center;}
.product15-3 .mt-3 {margin-top: 10px;text-align: left;}
.product15-4 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product22/4-mobile.jpg) center no-repeat;background-size: cover;padding: 40px 0 340px;}
.product15-4 {margin-top: 0px;}
.product15-5 {display: flex;background: url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product22/5-mobile.jpg) center no-repeat;background-size: cover;padding: 40px 0 340px;margin-top: 0px;text-align: center;}
.product15-5 .product15-icon-container1 .product15-item1 {
  height: 56px;margin: 0 6px;}

.product15-icon-container1 {
  width: 346px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
  .product15-3 .mt-50{margin-top: 20px;}
  .product15-3 .pb-2 {padding-top: 30px; padding-bottom: 30px;}
  .product15-4 .mt-50 {margin-top: 20px;}
  .product15-4 .pb-2 { padding-bottom: 0px;}
  .product15-icon-container1 .product15-item1 .font5 {
    margin-top: 0px;
}
.product15-2 .product15-icon-container1 .product15-item1 {
  width: 18%;
  margin-right: 10px;
}
  .product15-icon-container1 .product15-item1 .product15-img1 img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
}
  .product15-icon-container1 .product15-item1:nth-child(3) .product15-img1 img {
  width: auto;
  height: auto;
  max-width: 60%;
  max-height: 90%;
}
  
  .product15-icon-container1 .product15-item1 .product15-img1 {height: 36px;}

  .product15-icon-container1 .product15-item1 .item1bt {
   margin-top: 0px;
}
  .product15-icon-container1 .product15-item1 {padding: 4px;}
  .product15-2 .product15-icon-container1 .product15-item1 .product15-img1 {height: 70px;}
  
  .product15-2 .product2-right img {height: 300px;}
  .product15-3 .product15-icon-container1 {width: 370px;}
  .product15-3 .product15-icon-container1 .product15-item1 {width: 90px;height: 90px;margin: 0 10px;}
  .product15-4 .product15-icon-container1,
  .product15-5 .product15-icon-container1 {width: 100%;}
  .product15-4 .product15-icon-container1 .product15-item1 {width: 80%;padding:6px 8px;margin-bottom: 2%;margin-left: 10%; justify-content: flex-start;}
  .product15-4 .product15-icon-container1 .product15-item1 img {margin-left: 30px;}
  .product15-4 .product15-icon-container1 .product15-item1 .font9 {margin-left: 30px;}
  .product15-5 .product15-icon-container1 .product15-item1 {width: 100%;margin-bottom: 2%;}
  .product15-5 .product15-icon-container1 .product15-item1:nth-child(4) {padding: 10px 2px;}
  .product15-5 .product15-icon-container1 .product15-item1:nth-child(4) .product15-img1{margin-right: 8px; max-width: 22%;}
  .product15-5 .product15-icon-container1 .product15-item1:nth-child(2n-1) {width: 38%;margin-bottom: 2%;margin-right: 2%;}
  .product15-5 .product15-icon-container1 .product15-item1:nth-child(2n) {width: 54%;margin-bottom: 2%;}
  .product15-5 .product15-icon-container1 .product15-item1 .product15-img1 {
    height: 44px;
    margin-right: 6px;
}
.product15-4 .container {max-width: 100%;}


.kehushuofuwu {width:100%;margin:0px auto;}
    .kehushuofuwu .d-flex {flex-wrap: wrap;}
    .kehushuofuwu .mk1{margin:10px 10px;}
    .kehushuofuwu .line35 {line-height: 14px; padding:5px 0px;}
    .kehushuofuwu .mk1 .span {margin-top: 10px;}
}