@charset "utf-8";
/*==========@@HTML默认 开始@@==========*//*基本*/
.slideBox{ position:relative; width:100%;  height:auto; overflow:hidden; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1;text-align: center; width: 100%}
.slideBox .hd li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px;}
.slideBox .hd li.on{ background:red;width: 30px;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ width:100%;  height:auto; display:block;   }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;  color:#fff;   }


#location {width:100%;margin:0px auto;line-height:20px;font-size:12px;color:#999}
#location a,#location i {font-size:12px;color:#999}
.article,.single,.picture,.download,.video,.job,.guestbook,.feedback,.product {;margin:10px 10px;min-height:330px;border:1px solid #d0d1d4;padding:8px 8px;border-radius:5px 5px 10px 10px;-moz-border-radius:5px 5px 10px 10px;-webkit-border-radius:5px 5px 10px 10px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);background:url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;background-size:2px auto;}
#pn {width:100%;height:40px;border:#CCC 1px solid;border-radius:10px;line-height:40px;margin:0 0 15px 0}
#pre {height:40px;text-align:center;width:50%;border-right:#CCC 1px solid;display:block;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pre a {width:98%;height:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1%}
#next {height:40px;text-align:center;width:50%;display:block;float:left;overflow:hidden}
#next a {width:98%;height:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1%}
/*=============================*/
.blue {color:#28a5f4;}
/*链接*/
a,a:link,a:visited,a:hover,a:active {color:#666;text-decoration:none;}
a:focus {outline:none;}
a:hover,a:active {color:#333;outline:none;}
/*标题*//*清除浮动*/
.fl {float:left;}
.fr {float:right;}
.hidden {display:none;}
.clearfix:after {content:"";display:block;clear:both;width:100%;height:0;line-height:0;font-size:0;}
.clear,.clearfix:after {content:"";display:block;clear:both;width:100%;height:0;line-height:0;font-size:0;}
/*==========@@HTML默认  结束@@==========*//*==========@@HTML默认  结束@@==========*/
.wrapper {width:100%;}
/*==========@@公共模块 开始@@==========*//* banner */
#banner_main {width:100%;overflow:hidden;margin-top:.14rem;position:relative;z-index:1;height:4rem;background-size:1px auto;}
.banner {margin:0 auto;width:100%;*zoom:1;overflow:hidden;position:relative;height:4rem;}
.banner .list {width:100%;overflow:hidden;}
.banner .list li {float:left;width:100%;overflow:hidden;}
.banner .list li img {width:100%;height:4rem;}
#banner .tip {width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;position:absolute;left:0%;bottom:8%;z-index:12;font-size:0;}
#banner .tip li {display:inline-block;vertical-align:middle;width:0.2rem;height:0.2rem;margin:0 0.06rem;vertical-align:middle;background-color:#fff;border-radius:100%;}
#banner .tip li.on {width:.2rem;height:.2rem;background-color:#30b7ef;}
/*版权信息*/
#footer_main {text-align:center;width:100%;background:#fff;padding:0.1rem 0 0.1rem;}
#returntop {width:1rem;height:1rem;background-size:1rem auto;position:fixed;bottom:20%;right:2%;cursor:pointer;z-index:99;}
#footer_main .bottomNav {padding-left:.4rem;padding-right:.4rem;}
#footer_main .bottomNav .list {padding-top:.3rem;}
#footer_main .bottomNav .list li {width:100%;height:.8rem;border-bottom:1px solid #ccc;}
#footer_main .bottomNav .list li a {display:block;height:0.8rem;line-height:0.8rem;}
#footer_main .bottomNav .list li .tit {display:block;font:normal 0.26rem "AvantGarde Bk BT";color:#333;line-height:0.8rem;float:left;}
#footer_main .bottomNav .list li em {display:block;float:right;width:0.28rem;height:0.32rem;margin-top:0.25rem;background-position:-2.08rem -.5rem;}
#footer_main .bottomNav .list li:hover .tit {color:#8ABC29;}
.caseList1 {width:100%}
.caseList1 .list {}
.caseList1 .list li {float:left;width:46%;margin:2% 2% 1%;border-radius:5px;overflow:hidden;background:#fff;border:1px solid #ddd;}
.caseList1 .list li:nth-child(even) {float:right;}
.caseList1 .list li .img {display:block;width:100%;height:2.1rem;}
.caseList1 .list li .img img {width:100%;height:100%;object-fit:cover;}
.caseList1 .list li .txt {width:100%;height:.6rem;}
.caseList1 .list li .txt .tit {text-align:center;font-size:.24rem;color:#fff;line-height:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseList1 .list li .txt .cont {width:2.56rem;margin-left:.2rem;font-size:.22rem;color:#999;line-height:.4rem;}
.caseShow {border-bottom:1px solid #e3e3e3;padding-bottom:.5rem;margin-bottom:.2rem;background:#fff;}
.caseShow .menu1 {text-align:center;margin-top:.3rem;}
.caseShow .menu1 a {display:inline-block;width:1.8rem;padding:0 0.1rem;height:0.5rem;margin:0 0.05rem;font-size:.22rem;text-align:center;line-height:0.5rem;color:#fff;background:#30b7ef;border-radius:0.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.caseShow .caseList .list {padding:0;margin:0 auto;margin-top:.2rem;}
.caseShow .caseList .list li {float:left;width:100%;box-sizing:border-box;}
.caseShow .caseList .list li .img {display:block;width:100%;height:200px;text-align:center;}
.caseShow .caseList .list li .img img {object-fit:cover;width:96%;height:100%;border-radius:4px;box-shadow:4px 4px 2px #666}
.caseShow .caseList .list li .txt {width:100%;height:0.8rem;}
.caseShow .caseList .list li .txt .tit {padding-top:.24rem;margin-left:.2rem;font-size:.28rem;color:#666;line-height:.36rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.caseShow .caseList .list li .txt .cont {width:2.56rem;margin-left:.2rem;font-size:.22rem;color:#999;line-height:.4rem;}
.casebt ul {text-align:center;padding-top:10px}
.casebt ul li {display:inline-block;width:15px;height:15px;background:#333;border-radius:50%;text-indent:9999px;margin:0 2px;}
.casebt ul li.on {width:30px;border-radius:8px}
/* 工具栏 */#toolbar {position:fixed;bottom:0;width:100%;z-index:88;height:1.12rem;background:#fff;left:0;border-top:1px solid #e6e6e6;}
#toolbar .list {width:100%;max-width:640px;min-width:320px;margin:0 auto;}
#toolbar .list li {float:left;width:25%;text-align:center;border-right:1px solid #ddd;}
#toolbar .list li:last-child {border-right:none;}
#toolbar .list a {display:block;height:1.12rem;line-height:0.24rem;font:bold 0.26rem;padding-top:0.2rem;}
#toolbar .list a span {text-align:center;color:#666;margin-top:.06rem;display:block;font-size:.2rem;}
#toolbar .list a s {margin-left:auto;margin-right:auto;width:0.44rem;height:0.44rem;display:block;background-position:-.0rem -.0rem;margin-bottom:.02rem;}
#toolbar .list li:nth-child(2) s {background-position:-.5rem -.0rem;}
#toolbar .list li:nth-child(3) s {background-position:-0.99rem .0rem;}
#toolbar .list li:nth-child(4) s {background-position:-1.5rem .0rem;width:.47rem;height:.44rem;}
#toolbar .list li:nth-child(1):hover s {background-position:-.0rem -.44rem;width:.44rem;height:.44rem;}
#toolbar .list li:nth-child(2):hover s {background-position:-.5rem -.44rem;}
#toolbar .list li:nth-child(3):hover s {background-position:-1rem -.44rem;width:.41rem;height:.44rem;}
#toolbar .list li:nth-child(4):hover s {background-position:-1.5rem -.44rem;width:.47rem;height:.44rem;}
#toolbar .list li:hover span {color:#30b7ef;}
/*==========@@页面布局  开始@@==========*/
#search {background:#fff;width:96%;margin:0.2rem auto;height:0.6rem;-moz-border-radius:0.5rem;-webkit-border-radius:0.5rem;border-radius:0.5rem;padding:0;-webkit-box-shadow:1px 1px 1px #e7e9e9;-moz-box-shadow:1px 1px 1px #e7e9e9;box-shadow:1px 1px 1px #e7e9e9;}
#search input {display:block;padding:0;margin:0;}
#search .txt {border:none;width:66%;height:0.5rem;line-height:0.6rem;margin-right:1%;padding:0 4%;color:#666;font-size:0.22rem;background:none;}
#search .searchbtn {cursor:pointer;border:none;font-size:0.24rem;width:0.8rem;height:0.6rem;text-align:center;background-position:-0.63rem 0;}
/*首页导航*/
.inav_t {width:100%;height:1.4rem;background:-moz-linear-gradient(top,#009423 0%,#006B31 100%);background:#30b7ef;}
.inav_t dl {height:1.4rem;overflow:hidden;}
.inav_t dl dd {width:25%;height:0.7rem;float:left;text-align:center;border-right:1px #57c3f0 solid;border-bottom:1px #57c3f0 solid;}
.inav_t dl dd:nth-child(5),.inav_t dl dd:nth-child(6),.inav_t dl dd:nth-child(7),.inav_t dl dd:nth-child(8) {border-bottom:1px #57c3f0 solid;}
.inav_t dl dd a {display:block;width:100%;height:.69rem;line-height:.69rem;color:#fff;}
/*index*/
.index {background:#f5f5f5;overflow:hidden;}
.index .top_tit {position:relative;padding-top:.6rem;}
.index .top_tit .enName {font-size:.24rem;color:#666;line-height:.2rem;text-align:center;text-transform:uppercase;}
.index .top_tit .cName {margin-top:.08rem;font-size:.32rem;color:#333;text-align:center;line-height:.32rem;background:url(../images/titLine1.png) no-repeat center center;background-size:6.08rem .2rem;}
.index .more {display:block;width:2.19rem;height:.59rem;margin:20px auto 0;font-size:.24rem;line-height:.6rem;text-align:center;color:#fff;border-radius:20px}
/*解决方案*/
.solution {padding-bottom:.5rem;border-bottom:1px solid #e3e3e3;margin-bottom:.2rem;background:#fff;}
.solution .solute .h3tab {width:100%;margin:5px 0;margin-top:.3rem;}
.solution .solute .h3tab ul {text-align:center;}
.solution .solute .h3tab li {width:32%;display:inline-block;margin:0;border-radius:5px;overflow:hidden;}
.solution .solute .h3tab a {position:relative;display:block;height:.6rem;background:#333;width:100%}
.solution .solute .h3tab a .tit {font-size:.24rem;font-weight:bold;color:#fff;line-height:.6rem;text-align:center;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.solution .solute .h3tab .on a .etit {color:#333;}
.solution .solute .togCon {width:6.1rem;margin:0 auto;margin-top:.5rem;margin-bottom:.3rem;}
.solution .solute .togCon .img {width:2.96rem;height:2.32rem;}
.solution .solute .togCon .txt {width:2.92rem;margin-left:.2rem;}
.solution .solute .togCon .txt .tit {margin-top:.12rem;font-size:.28rem;color:#333;line-height:.36rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.solution .solute .togCon .txt .cont {margin-top:.14rem;font-size:.24rem;color:#666;line-height:.4rem;}
/*news*/
.news {width:100%;background:#fff;display:inline-block;padding-bottom:10px}
.news .newsList {margin-top:.4rem;}
.news .newsList .newstab {width:100%;margin:5px 0;margin-top:.3rem;}
.news .newsList .newstab ul {text-align:center;}
.news .newsList .newstab li {width:32%;display:inline-block;margin:0;border-radius:5px;overflow:hidden;}
.news .newsList .newstab a {position:relative;display:block;height:.6rem;background:#333;width:100%}
.news .newsList .newstab a .tit {font-size:.24rem;font-weight:bold;color:#fff;line-height:.6rem;text-align:center;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .newsList .newstab .on a .etit {color:#333;}
.newscon {width:96%;margin:0 auto;}
.news .newsList .list {width:100%}
.news .newsList .list li {width:100%;float:left;background:#fff;padding-bottom:.2rem;}
.news .newsList .list li:first-child {padding-top:none;}
.news .newsList .list li a {display:block;height:auto;margin:0 auto;}
.news .newsList .list li .img {float:left;width:1.68rem;height:1.26rem;}
.news .newsList .list li .img img {display:block;width:100%;height:100%;}
.news .newsList .list li .txt {margin-top:.02rem;float:left;width:100%;}
.news .newsList .list li .txt .tit {font-size:.3rem;color:#666;line-height:.4rem;height:.4rem;overflow:hidden;text-overflow:ellipsis;}
.news .newsList .list li .txt .cont {margin-top:0;font:normal .24rem arial;color:#999;}
.news .newsList .list li:hover .txt .tit {color:#333;}
/*about*/
.about {width:100%;background:#fff;padding-bottom:20px;margin-bottom:.2rem;border-bottom:1px solid #e3e3e3;}
.about .aboutCont {width:96%;margin:0 auto;}
.about .aboutImg {position:relative;width:6.1rem;height:3.96rem;margin-top:.3rem;}
.about .aboutImg .aboutBg {position:absolute;top:0;left:0;width:2.8rem;height:3.96rem;background:#30b7ef;z-index:2;}
.about .aboutImg .aImg {position:relative;z-index:3;}
.about .aboutImg .aImg .img {margin-left:.5rem;display:block;width:5.59rem;height:3.45rem;}
.about .aboutImg .aImg .tit {padding-left:.24rem;margin-top:.12rem;font-size:.24rem;margin-left:.2rem;color:#fff;text-transform:uppercase;background-size:.17rem;}
.about .aboutCont .cont {margin:.2rem 0;font-size:.24rem;color:#666;line-height:.4rem;}
.about .aboutCont .more {margin:0 auto;}
/**************category****************//*showPage*/
.showPage {width:100%;padding-bottom:5%;}
.showPage .item {width:45.5%;margin-left:3%;margin-bottom:.3rem;float:left;background:#fff;}
.showPage .item a {display:block;width:100%;}
.showPage .item figure {width:100%;padding-top:56.25%;overflow:hidden;position:relative;}
.showPage .item img {width:100%;min-height:100%;position:absolute;left:0;top:0;}
.showPage .item h3 {text-align:center;line-height:.6rem;height:.6rem;}
.searchPage .list {width:100%;padding:0;}
.searchPage .list .item img {height:auto;}
.seeMore {width:94%;margin:0 auto;height:0.7rem;line-height:0.7rem;display:block;text-align:center;background:#333;color:#fff;}
.seeMore a {color:#fff;}
/*reLink*/
.reLink {margin:.2rem .4rem .2rem;border:1px solid #dddddd;color:#333;}
.reLink .prevLink,.reLink .nextLink {width:100%;height:0.6rem;line-height:0.6rem;position:relative;overflow:hidden;text-indent:.18rem;border-bottom:1px solid #ddd;background:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.reLink .prevLink:before,.reLink .nextLink:before {width:0.16rem;height:0.26rem;position:absolute;right:.18rem;top:.18rem;background-position:-4.45rem 0;}
.reLink .nextLink {border-bottom:0;}
.reLink .nextLink:hover a {color:#0362ab;}
/*proPage*/.proPage .item {margin:0 3% .4rem;background:#fcfafb;border-bottom:.04rem solid #e7e5e6;}
.proPage .item a {display:block;width:100%;}
.proPage .item a img {width:100%;display:block;}
.proPage .item h3 {height:1rem;line-height:1rem;color:#333333;font-size:.28rem;font-weight:bold;padding-left:.2rem;}
/*fenx*/
#nativeShare {margin:0 auto;width:100%;padding-top:0.3rem;max-width:640px;min-width:320px;}
#nativeShare .label {margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
#nativeShare .list {width:5.4rem;float:right;}
#nativeShare .list span {height:0.9rem;width:0.9rem;padding:0;display:inline-block;}
#nativeShare .list span i {margin:0 auto;width:0.63rem;height:0.63rem;display:block;}
#nativeShare .weibo i {}
#nativeShare .weixin i {}
#nativeShare .weixin_timeline i {}
#nativeShare .qq i {}
#nativeShare .qzone i {}
#nativeShare .more i {}
#nativeShare .list span.qzone,#nativeShare .list span.more {width:0.73rem;}
#fenxiang {display:none;}
.fenx {height:1.0rem;width:100%;}
.fenx .tt {margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
.fenx .bdsharebuttonbox {width:80%;float:right;}
.fenx .bdsharebuttonbox a {margin-left:0.2rem;}
#bdfx a {height:0.6rem;width:0.6rem;margin:0;padding:0;margin:0px 0.08rem;display:inline-block;}
#bdfx .d1 {}
#bdfx .d2 {}
embed {width:100% !important;height:auto !important;}