@charset "UTF-8";
.topbar { height: 1.36rem; width: 100%; z-index: 1000; background: #d8f2f9; box-shadow: 0 0.02rem 0.02rem 0.02rem rgba(162, 197, 210, 0.8); position: fixed; top: 0; }
.topbar .logo { width: 2.03rem; height: 0.94rem; position: relative; top: 0.17rem; left: 0.58rem; float: left; }
.topbar .logo img { width: 100%; height: auto; }
.topbar .nav-button { float: right; width: 3.05rem; height: 1.11rem; background: url("../img/topbar-menu.png") no-repeat; background-size: contain; position: relative; right: 0.15rem; }
.topbar .nav-button a { display: inline-block; height: 0.36rem; font-size: 14px; color: #d8f2f9; position: absolute; left: 0.72rem; top: 0.45rem; line-height: 0.36rem; letter-spacing: 0.5em; }
.topbar .nav-button i { display: inline-block; width: 0.5rem; height: 0.33rem; background: url("../img/nav-icon.png") no-repeat; position: absolute; right: 0.60rem; top: 0.47rem; background-size: contain; }

.navbar { width: 100%; height: 0rem; position: fixed; transition: display 1s; top: 1.36rem; z-index: 1000; background: url("../img/navbar.png") no-repeat; background-size: contain; background-position: 0 -4.0rem; display: block; }
.navbar .nav_items { margin-left: 0.2rem; margin-top: 0.57rem; }
.navbar .nav_items li { display: none; width: 2.18rem; height: 0.94rem; background: #a9e5f6; float: left; margin-left: 0.33rem; border-radius: 0.14rem; box-shadow: 0 0.06rem 0.06rem rgba(0, 0, 0, 0.8); }
.navbar .nav_items li a { display: inline-block; width: 100%; height: 0.94rem; color: #184874; text-align: center; line-height: 0.94rem; font-size: 0.3196rem; }
.navbar .close_btn { display: none; position: absolute; right: 0.37rem; top: 2.5rem; width: 1.4rem; height: 1.4rem; }
.navbar .close_btn img { width: 100%; height: 100%; }

.main-wrap { width: 100%; overflow: hidden; }

.topnav { padding-top: 1.36rem; width: 100%; height: 6.55rem; z-index: 90; background: url("../img/topnavbg.png") no-repeat; background-size: 200%; background-position: center bottom; }
.topnav .banner { height: 3.55rem; position: relative; }
.topnav .banner .active { background: #184874; color: #fff; }
.topnav .banner img { width: 100%; height: 100%; }

.nav-item { margin: 0 auto; }
.nav-item li:nth-child(1) { background: url("../img/topnav-1.png"); background-size: cover; }
.nav-item li:nth-child(2) { background: url("../img/topnav-2.png"); background-size: cover; }
.nav-item li:nth-child(3) { background: url("../img/topnav-3.png"); background-size: cover; }
.nav-item li { display: inline-block; width: 2.9rem; height: 1.73rem; margin-left: 0.54rem; margin-top: 0.53rem; position: relative; }
.nav-item li a { display: inline-block; height: 100%; width: 100%; }
.nav-item li a p { color: #fff; font-size: 14px; position: relative; left: 0.7rem; top: 1.10rem; }

.recommend { position: relative; margin-top: 0.65rem; width: 100%; padding-bottom: 1.9rem; }
.recommend .line-wrap { width: 100%; height: 0.42rem; margin: 0 auto; position: relative; }
.recommend .line-wrap .line1 { display: inline-block; width: 4.16rem; height: 0.07rem; position: absolute; left: 0; background: #bbdeec; }
.recommend .line-wrap .line2 { display: inline-block; width: 4.16rem; height: 0.07rem; position: absolute; right: 0; background: #bbdeec; }
.recommend .line-wrap .re_best { display: inline-block; width: 1.7rem; position: absolute; left: 50%; margin-left: -0.75rem; font-size: 14px; color: #5badb5; line-height: 0.12rem; }
.recommend .text { margin: 0 auto; width: 7.80rem; font-size: 0.3rem; font-weight: 0.27rem; color: #9f9f9f; }
.recommend .recommend_box { width: 10.53rem; }
.recommend .recommend_box .box_text { position: absolute; top: 2rem; left: 0.55rem; }
.recommend .recommend_box .box_text a { font-size: 12px; }
.recommend .recommend_box .box_text a p { margin-bottom: 5px; }
.recommend .recommend_box li { float: left; width: 4.66rem; height: 4.64rem; margin-left: 0.53rem; margin-top: 0.58rem; border-radius: 0.37rem; border: 0.01rem solid #f8f8f8; box-shadow: 0 0.03rem 0.10rem #ccc; position: relative; }
.recommend .recommend_box li .arrowicon { width: 0.27rem; height: 0.46rem; position: absolute; top: 0.37rem; right: 0.38rem; }
.recommend .recommend_box li .arrowicon i { display: inline-block; width: 100%; height: 100%; background: url("../img/right-arrow.png") no-repeat; background-size: contain; }
.recommend .recommend_box li h3 { position: absolute; left: 0.54rem; top: 0.30rem; font-size: 14px; color: #fff; }
.recommend .recommend_box .box3 { background: #c1d42d url("../img/rec_1.jpg") no-repeat bottom; background-size: 4.66rem 3.47rem; }
.recommend .recommend_box .box4 { background: #5d1fe5 url("../img/rec_2.jpg") no-repeat bottom; background-size: 4.66rem 3.47rem; }
.recommend .recommend_box .box7 { background: #ff960e url("../img/rec_3.jpg") no-repeat bottom; background-size: 4.66rem 3.47rem; }
.recommend .recommend_box .box15 { background: #a2e3f3 url("../img/rec_4.png") no-repeat bottom; background-size: 4.66rem 3.47rem; }

.footer { width: 100%; height: 1.44rem; z-index: 1000; background: linear-gradient(to bottom, #5aadb5 0%, #0187b0 100%); position: fixed; bottom: 0; }
.footer div { display: flex; width: 100%; }
.footer a { text-align: center; display: inline-block; flex: 1; font-size: 14px; color: #fff; position: relative; margin-top: 0.18rem; }
.footer a:first-child i { display: inline-block; background: url(../img/home.png) no-repeat center; background-size: 0.48rem 0.45rem; width: 0.48rem; height: 0.45rem; }
.footer a:nth-child(2) i { display: inline-block; background: url(../img/product.png) no-repeat center; background-size: 0.53rem 0.48rem; width: 0.53rem; height: 0.48rem; }
.footer a:nth-child(3) i { display: inline-block; background: url(../img/news.png) no-repeat center; background-size: 0.48rem 0.50rem; width: 0.48rem; height: 0.50rem; }
.footer a:nth-child(4) i { display: inline-block; background: url(../img/phone.png) no-repeat center; background-size: 0.39rem 0.50rem; width: 0.39rem; height: 0.50rem; }
.footer a p { font-size: 14px; line-height: 0.36rem; padding-top: 0.01rem; }

.bgcover { width: 100%; background: #dcf3fa; opacity: 0.9; position: absolute; top: 0; display: none; z-index: 800; }

.clearfix:after { clear: both; content: ''; display: block; height: 0; overflow: hidden; visibility: hidden; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/*产品*/
.main { width: 100%; margin: 0 auto; padding: 1.36rem  0 2.74rem 0; overflow: visible; }
.main .title { width: 9.94rem; margin: 0 auto; margin-top: 0.85rem; position: relative; }
.main .title h3 { margin-left: 0.36rem; float: left; display: inline-block; font-size: 14px; }
.main .title a { z-index: 3000; margin-right: 0.36rem; display: inline-block; float: right; width: 0.50rem; height: 0.38rem; }
.main .title a img { width: 100%; height: auto; }
.main .categorylist { position: absolute; top: 3.2rem; width: 10.80rem; margin: 0 auto; background: #59b4cd; padding-bottom: 0.70rem; display: none; }
.main .categorylist .trangle { position: absolute; right: 0.90rem; top: -0.25rem; width: 0; height: 0; border-left: 0.30rem solid transparent; border-right: 0.30rem solid transparent; border-bottom: 0.3rem solid #59b4cd; }
.main .categorylist ul li { float: left; border-left: 0.01rem solid #fff; border-bottom: 0.01rem solid #fff; padding: 0.36rem 0; width: 33%; text-align: center; }
.main .categorylist ul li a { color: #fff; font-size: 0.36rem; }
.main .boxwrap { width: 9.94rem; margin: 0 auto; }
.main .boxwrap .box1, .main .boxwrap .box2 { margin-top: 0.82rem; margin-bottom: 0.82rem; width: 9.90rem; }
.main .boxwrap .box1 dl, .main .boxwrap .box2 dl { box-shadow: 0 0.05rem 0.1rem #d5d5d5; background: #f6f6f6; border: 1px #e8e8e8 solid; border-radius: 3%; }
.main .boxwrap .box1 dl dt, .main .boxwrap .box2 dl dt { padding: 0.40rem 0.34rem; float: left; font-size: 14px; }
.main .boxwrap .box1 dl dt a, .main .boxwrap .box2 dl dt a { color: #59b4cd; }
.main .boxwrap .box1 dl dd, .main .boxwrap .box2 dl dd { padding: 0.40rem 0 0.40rem 2.6rem; border-bottom: 1px #e8e8e8 solid; border-left: 1px #e8e8e8 solid; }
.main .boxwrap .box1 dl dd:last-child, .main .boxwrap .box2 dl dd:last-child { border-bottom: none; }
.main .boxwrap .box1 dl dd a, .main .boxwrap .box2 dl dd a { color: #323232; font-size: 12px; line-height: 0.51rem; }
.main .page { width: 9.94rem; margin: 0 auto; display: flex; }
.main .page a { flex: 1; text-align: center; border-radius: 0.20rem; padding: 0.25rem 0.50rem; background: #f6f6f6; margin-right: 0.32rem; border: 0.01rem solid #efefef; font-size: 12px; color: #49a5b4; box-shadow: 0 0.05rem 0.1rem #d5d5d5; }
.main .page a:last-child { margin-right: 0; }

/* 详情页*/
.item-detail { width: 9.94rem; margin: 0 auto; }
.item-detail h3 { color: #59b4cd; font-size: 0.36rem; margin-bottom: 0.73rem; }
.item-detail p { color: #323232; font-size: 12px; line-height: 0.51rem; }
.item-detail img,
.item-detail p img{ max-width:95%; margin:0 auto;}
.item-detail .backBtn { padding: 0.26rem 0.73rem; background: #f6f6f6; display: inline-block; border: 1px solid #efefef; border-radius: 0.17rem; margin-left: 4.20rem; margin-top: 2rem; }
.item-detail .backBtn a { font-size: 12px; color: #59b4cd; }

/*技术支持页*/
.tech-banner { padding-top: 1.36rem; width: 100%; height: 2.50rem; margin-bottom: 0.80rem; }
.tech-banner img { width: 100%; height: 2.5rem; }

.tech-banner_news { margin-bottom: 0.62rem; }

.form { width: 9.76rem; margin: 0 auto; padding-bottom: 2.83rem; font-size: 13px; }
.form div { position: relative; height: 1.19rem; width: 9.64rem; border: 1px #e6e6e6 solid; border-radius: 0.17rem; overflow: hidden; margin-bottom: 0.47rem; }
.form div label { display: inline-block; text-align: center; line-height: 1.19rem; width: 1.74rem; height: 100%; background: #59b4cd; position: absolute; bottom: 0; color: #fff; }
.form div input { margin-left: 1.74rem; display: inline-block; line-height: 1.19rem; width: 7.50rem; height: 100%; border: 0; text-indent: 2em; color: #2d2d2d; font-size: 0.3196rem; }
.form button { height: 0.94rem; width: 5.48rem; background: #f6f6f6; color: #49a5b4; border: #efefef 1px solid; margin-left: 2.10rem; border-radius: 0.17rem; box-shadow: 0 0.45rem 0.5rem #d2d2d2; outline: none; }

/*新闻*/
.newsmain { padding: 0 0 2.74rem 0; width: 100%; overflow: hidden; }
.newsmain .newswrap { width: 9.92rem; border: #efefef 1px solid; border-radius: 0.12rem; margin: 0 auto; box-shadow: 0.05rem 0.05rem 0.1rem #f4f4f4, -0.05rem -0.05rem 0.1rem #f4f4f4; margin-bottom: 0.65rem; }
.newsmain .newswrap div { text-align: left; line-height: 2.32rem; border-bottom: 0.01rem solid #efefef; }
.newsmain .newswrap div a { padding: 0.87rem 0 0.87rem 0.87rem; width: 100%; height: 100%; display: inline-block; font-size: 12px; color: #303030; line-height: 0.51rem; }
.newsmain .newswrap div a p { width: 6.28rem; }
.newsmain .newswrap div a:active { background: #eaf8fc; }
.newsmain .page { width: 9.94rem; margin: 0 auto; display: flex; }
.newsmain .page a { flex: 1; text-align: center; border-radius: 0.20rem; padding: 0.25rem 0.50rem; background: #f6f6f6; margin-right: 0.32rem; border: 0.01rem solid #efefef; font-size: 12px; color: #49a5b4; box-shadow: 0 0.05rem 0.1rem #d5d5d5; }
.newsmain .page a:last-child { margin-right: 0; }

/*新闻详情*/
.newsdetail { border: none; }
.newsdetail h3 { text-align: center; padding: 0.5rem; }
.newsdetail h2{ text-align:center; font-size:1.2em;}
.newsdetail p { text-indent: 2em; padding: 0.5rem; }

/*联系我们*/
.contact { padding: 0 0 2.74rem 0; width: 100%; font-size: 14px; }
.contact .icon { display: flex; }
.contact .icon div { flex: 1; font-size: 0.24rem; text-align: center; }
.contact .icon div img { width: 2.02rem; height: 2.02rem; }
.contact .icon div p { visibility: hidden; }
.contact .company_message { width: 100%; padding: 0 0 1rem 20%; border-bottom: #e8ece2 0.08rem solid; }
.contact .company_message h2 { margin-bottom: 0.4rem; }
.contact .company_message p { margin-bottom: 0.2rem; }
.contact .other_number { width: 100%; padding: 1rem 0 0 20%; }
.contact .other_number div { margin-bottom: 0.5rem; }
.contact .other_number div h2 { margin-bottom: 0.2rem; }

/*合作伙伴*/
.partner { padding: 0 0 2.74rem 0; width: 100%; overflow: hidden; }
.partner .part_content div { float: left; width: 50%; text-align: center; margin-bottom: 0.5rem; text-align:center; }
.partner .part_content div img { width: 80%;  height:auto; margin:0 auto; border:1px solid #ccc;}