@charset "utf-8";
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer,figure {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none; font-weight:400; }
html{width: 100%;height: 100%;}
body { width: 100%;min-height: 100%;max-width: 750px;min-width: 320px;margin: 0 auto;font: 0.24rem/1.6 "Microsoft Yahei", Arial;color: #333;background: #fff;overflow-x: hidden; position: relative; margin: 0 auto;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
body:before, body:after { content: ""; width: 100%; display: block; }
.dis{display:none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color:#333;}
a:hover,a:active,a:focus{text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
a{blur:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after{clear:both;}
.clearfix:after,.cf:before{content:" ";display:table}
.clear{clear:both;}
img {vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,select{outline:none;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;background: none;font-family: "Microsoft Yahei";font-size: 0.24rem;color: #333;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{cursor: pointer;-webkit-appearance:none;-moz-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
.left{float: left;}
.right{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
.ico,.icobef:before,.icobef:after {background: url(../images/ico.png) no-repeat;display: inline-block;background-size: 5rem auto;vertical-align: middle;}
.icobef:before,.icobef:after {content: "\20";display: block;}
/*webcss reset end*/
.icon2 { background: url(../images/icon2.png) no-repeat;display:inline-block;background-size:1.46rem auto; vertical-align: middle;}
.icon2,.iconbef::before,.iconbef::after { content: "\20"; display: block;}
.trans {transition: all .3s ease-in;}a, a:link, a:visited, a:hover, a:active {color: #666;text-decoration: none;}a:focus {outline: none;}a:hover, a:active {color: #00a2ea;outline: none;}/*标题*/
.icon {background: url(../images/icon.png) no-repeat;display: inline-block;background-size: 2.4rem auto;vertical-align: middle;}.icon, .iconbef:before, .iconbef:after {content: "\20";display: block;}/*清除浮动*/.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;}.mWrap .floor_3 .proAdvant {margin-top:0.4rem;}
.mWrap .floor_3 .proAdvant .list li {display: block;width:100%;margin: 0 auto;}
.mWrap .floor_3 .proAdvant .list li:first-child {border-top: none;}
.mWrap .floor_3 .proAdvant .list li .img {width: 100%;}
.mWrap .floor_3 .proAdvant .list li .img img {display: block;width: 100%;height: 100%;}
.mWrap .floor_3 .proAdvant .list li .txt {padding:15px;overflow:hidden;}
.mWrap .floor_3 .proAdvant .list li .txt .tit {font-size:.35rem;color:#00a2ea;text-transform:capitalize;}
.mWrap .floor_3 .proAdvant .list li .txt .cont {margin-top:.12rem;font-size:.26rem;color: #000;line-height:.45rem;text-align:left;}
.mWrap .mb2 {width:100%;overflow:hidden;}
.mWrap .mb4 .caseList {margin-top: .3rem;overflow: hidden;position: relative;}
.mWrap .mb4 .caseList .bd {position: relative;width: 6.6rem;margin: 0 auto;overflow: hidden;}
.mWrap .mb4 .caseList .list li {position: relative;float: left;display: block;width: 6.6rem;height: 6.92rem;box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);}
.mWrap .mb4 .caseList .bd .list li a {display: block;width: 6.6rem;height: 3.15rem;}
.mWrap .mb4 .caseList .bd .list {display: inline-block;;}
.mWrap .mb4 .caseList .bd .list li .img {display: block;width: 6.6rem;height: 4.2rem;}
.mWrap .mb4 .caseList .bd .list li .txt {width: 6.6rem;background:#fff;padding:.2rem .4rem;box-sizing:border-box;z-index: 9;}
.mWrap .mb4 .caseList .bd .list li .txt .tit {margin-bottom:.2rem;font-size:.36rem;color: #00a2ea;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mWrap .mb4 .caseList .bd .list li .txt .cont {font-size:.24rem;color: #333;line-height:.4rem;margin-bottom:.8rem;}
.mWrap .mb4 .caseList .hd {width: 100%;height: .2rem;position: absolute;bottom: .2rem;margin-top:.4rem;}
.mWrap .mb4 .caseList .hd ul {max-width: 100%;text-align: center;}
.mWrap .mb4 .caseList .hd li {display: inline-block;float: none;width: .16rem;height: .16rem;background-color: #999;border-radius: 100%;margin-right: .16rem;font-size: 0px;cursor: pointer;}.mWrap .mb4 .caseList .hd li.on {background-color: #00a2ea;}/*新闻动态*/.mWrap #floor_5_main {width: 100%;background: #fff;}.mWrap .floor_5 {height: auto;padding-bottom:.8rem;}.mWrap .floor_5 .inews {margin-top:.1rem;}.mWrap .floor_5 .inews .list li {display: block;width: 5.6rem;margin: 0 auto;border-top:.02rem solid #ddd;line-height: 1rem;overflow: hidden;}.mWrap .floor_5 .inews .list li:first-child {border-top: none;}.mWrap .floor_5 .inews .list li .tit {float: left;width: 74%;font-size: .26rem;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.mWrap .floor_5 .inews .list li .time {float: right;width: 25%;font-size: .26rem;color: #999;}
.mWrap .floor_5 .look_more {background: #f6f6f6;}
.jsBox {background:#f4f4f4;padding-top:30px;overflow:hidden;}
.jsBox  ul{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: stretch;-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;
}
.jsBox  ul li{width:100%;padding: 0;margin:0 15px 24px;display: inline-block;vertical-align: top;background: #fff;border-radius: 6px;overflow: hidden;-webkit-box-shadow: rgba(0,0,0,0.12) 0 0 22px;box-shadow: rgba(0,0,0,0.12) 0 0 22px;
}
.jsBox  ul li a {padding:5%;display:block;overflow:hidden;}
.jsImg {overflow:hidden;}
.jsBox  ul li:hover {box-shadow: 0 12px 16px 0 rgba(51,62,72,.3);}
.jsImg img{display:inline-block;transition: all .4s;-webkit-transition: all .4s;width:100%;}
.jsTit h3{    font-size:22px;  font-weight: 600;  line-height: 22px;  color: #333;  font-family: 'Frank Ruhl Libre', serif !important;  text-transform: capitalize;margin-top:15px;margin-bottom:10px; text-align:center;}.jsBox  ul li:hover h3 {color:#3498db;}.jsBox  ul li:hover img {transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
.jsTit span{    display: inline-block;  margin-top: 9px;  max-width: 100%;  line-height: 1;  font-size: 14px;  color: #b5b5b5;}
.jsTit p{    margin-top: 18px;  font-size: 14px;  color: #666;  line-height: 1.7;}/* 搜索 */#top .search {margin: 0.1rem auto;width: 4.6rem;height: 0.56rem;line-height: 0.56rem;border-radius: 0.5rem;background: #fff;}#top .search input {border: none;}#top .search .txt {width: 80%;display: block;background: none;height: 0.56rem;line-height: 0.56rem;text-indent: 0.08rem;color: #333;font-size: 0.22rem;}#top .search .searchbtn {background-position: -1.2rem -1.7rem;width: 0.4rem;height: 0.4rem;display: block;margin: 0.05rem 0.2rem 0 0;}.searchinfo {background: #fff;padding: 0.4rem 2%;height: 100%;}.searchinfo h2 {color: #000;}.searchinfo .searchlist {padding: 0.2rem 0;}.searchinfo .searchlist a {display: inline-block;margin: 0 1.0rem 0.3rem 0;color: #fff;background: #093c84;font-size: 0.24rem;text-align: center;height: 0.64rem;line-height: 0.64rem;padding: 0 0.2rem;border-radius: 0.5rem;}/*******************content*************/.dialog-layout {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 101;background: #000;opacity: .5;}.mWrap .hd {padding: 0 3%;}.mWrap .hd li {width: 25%;float: left;background: #ccc;color: #fff;font-size: .3rem;height: .56rem;line-height: .56rem;text-align: center;}.mWrap .hd li.on {background: #2b5899;}/*内页样式*/.content {width: 100%;padding-bottom: 0.2rem;padding-top: 0.2rem;background:#fff;}.iconn {background: url(../images/iconn.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}/*recom*/.recom {padding-top: .2rem;background: #f1f1f1;transition: none;}.recom * {transition: none;}.recom .recomCon {width: 100%;overflow: hidden;background: #fff;box-sizing: border-box;}.recom .recomConList {width: 200%;}.recom .list {float: left;width: 50%;}.recom .list li {border-bottom: 1px solid #eeeeee;}.recom .list li a {display: block;padding: .16rem .2rem .16rem .3rem;}.recom .list li.item {position: relative;}.recom .list li.item .img {width: 1.2rem;height: .9rem;float: left;margin-right: .15rem;padding: .04rem;border: 1px solid #f1f1f1;}.recom .list li.item h3 {color: #000;height: .4rem;overflow: hidden;}.recom .list li.item .txt {font-size: .2rem;color: #aaaaaa;line-height: .28rem;}.recom .list li.item .time {color: #aaaaaa;position: absolute;right: .25rem;font-size: .18rem;bottom: .2rem;}.recom .list li.item .time:before {width: .22rem;height: .22rem;display: inline-block;background-position: -1.4rem 0;}.recom .list li .tit {color: #2b5899;}.recom .list li .tit:after {width: 1px;height: .28rem;content: "\20";display: inline-block;margin: 0 .18rem;vertical-align: middle;background: #eeeeee;}.newslist {padding: 0 3%;}.newslist .item {width: 100%;border-bottom: 1px solid #eeeeee;}.newslist .item * {transition: all .3s linear;}.newslist .item a {padding: .3rem 0;width: 100%;display: block;}.newslist .item img {width: 1.44rem;height: .96rem;display: block;margin-top: .06rem;float: right;margin-right: .1rem;}.newslist .item h3 {font-size: .3rem;line-height: .36rem;max-height: .72rem;overflow: hidden;color: #000000;}.newslist .item .dec {color: #999999;font-size: .2rem;margin-top: .08rem;}.newslist .item .dec span {margin-right: .2rem;}.newslist .item.pic4 h3 {height: .36rem;margin-bottom: .08rem;}.newslist .item.pic4 img {float: left;margin-right: .06rem;}.newslist .item.pic4 img:last-child {margin-right: 0;}.g-top {width: 0.68rem;height: .68rem;position: fixed;bottom: 15%;z-index: 998;right: 2%;cursor: pointer;background: url(../images/ico-top.png) no-repeat;background-size: 100% auto;}/*subCate*/.subCate {padding: 0rem 0 .2rem;}.subCate a {width: 48%;margin: 0 1%;font-size: .22rem;height: .5rem;overflow: hidden;display: block;float: left;line-height: .5rem;text-align: center;color: #666;border: 1px solid #ddd;box-sizing: border-box;margin-bottom: .1rem;}.subCate a.on {border-color: #00a2ea;color: #00a2ea;}/*cateList*/.iconbef:before {background: url(../images/iconn.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}.cateList {width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #00a2ea;position: relative;}.cateList .goBack {width: .8rem;height: .8rem;padding-top: .23rem;position: absolute;left: .1rem;top: 0;z-index: 12;}.cateList .goBack:before {width: .4rem;height: .4rem;display: block;margin: 0 auto;background-position: -1.0rem -0.64rem;}.cateList h3 {position: relative;font-size: .3rem;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}.cateList h3 s {position: absolute;top: 0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}.cateList .box {width: 100%;padding: .2rem 3% .0;z-index: 11;background: #fff;display: none;border-bottom: 1px solid #ddd;}.cateList .box a {width: 48.5%;margin-right: 3%;margin-bottom: .15rem;height: .62rem;line-height: .6rem;border: 1px solid #dddddd;font-size: .26rem;text-align: center;display: block;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.cateList .box a:nth-child(2n) {margin-right: 0;}.cateList .box a.on {background: #00a2ea;border-color: #00a2ea;color: #fff;}/*pager*/.pager {width: 100%;text-align: center;background: #f6f6f6;padding: .2rem 0;font-size: .2rem;}.pager a, .pager span {width: 1.6rem;height: .4rem;line-height: .4rem;display: inline-block;background: #e59f19;color: #fff;border-radius: 5px;}.pager .yem {height: .4rem;display: inline-block;margin: 0px .1rem;line-height: .4rem;}/*reLink*/.reLink {margin: .2rem 4% .1rem;width: 92%;}.reLink .prevLink, .reLink .nextLink {display: block;height: .6rem;line-height: .6rem;font-size: .3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}.reLink a {color: #333333;}/*m-share*/.m-share {margin-left: 3%;margin-bottom: .2rem;}.showInfo .showTit {width: 92%;margin: 0 4%;line-height: .3rem;padding:.6rem 0 .5rem;border-bottom: 1px solid #ededed;text-align: center;}.showInfo .showTit h1 {color: #333333;font-size: .5rem;line-height: .6rem;margin-bottom: .1rem;
font-weight:600;
text-align:center;
 text-transform:capitalize;}.showInfo .showTit .mark {font-size: .3rem;color: #999;margin-top: .3rem;}/*showInfor*/.showInfo {width: 100%;background: #fff;overflow: hidden;}.showInfo .showSubTit {width: 100%;height: .65rem;line-height: .65rem;
margin: .2rem 0 .1rem;background: #f6f6f6;border-bottom: 1px solid #00a2ea;font-size: .24rem;text-indent: .15rem;}/*recomNew*/.recomNew {width: 96%;padding: 0.1rem 0 2%;margin: 0 auto;}.recomNew li {width: 100%;height: .6rem;line-height: .6rem;border-bottom: 1px solid #eeeeee;overflow: hidden;}.recomNew li a {font-size: .24rem;display: block;position: relative;padding-left: 2%;}.recomNew li a:before {content: "";position: absolute;background: #cccccc;width: 3px;height: 3px;left: 0;top: 0.28rem;z-index: 11;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}/*showSubTit*/.showInfo .contxt {font-size: .35rem;line-height:1.6;padding:4% 4% 5%;    vertical-align: baseline;  word-wrap: break-word;}
.showInfo .contxt p{margin-bottom:25px;  word-break: break-word;}
.showInfo .contxt strong{line-height:0.45rem;display:block;margin:.3rem 0;}
.showInfo .contxt .caseVideo video{width:100%;}
.p-bht li p {font-size: 16px;text-align: center;background: #f2f2f2;font-weight: bold;padding: 10px 0;
}
.p-img { text-align:center;margin:30px 0;overflow:hidden;}
.p-img h3 {  font-size: 20px;  text-align: center;  font-weight: bold;  padding: 10px 0;
}.pCon h2 {font-size:26px;font-weight:400;margin-bottom:20px;margin-top:20px; font-family:'Lora';color:#419dd8;}.pCon p {font-size: 18px;color: #333;line-height:180%; text-indent:2em;}
.showInfo .conPh h2 {font-size:22px;font-weight:500;line-height:130%;background: url(../images/line.jpg) repeat-x center center; margin:20px 0px 20px;color:#00a2ea;clear: both;}
.showInfo .conPh h2 span {display: inline-table;width:auto;background-color: #FFF; text-align:center;padding:0 20px;}
.showInfo .conPh h2 s{width: 4px; height: 22px; background:#00a2ea; display: inline-block; vertical-align: middle; text-decoration:none;}.showInfo .contxt img {max-width: 100%;margin: 0px auto;height: auto !important;display: inline;}
.showInfo .contxt .biao td {padding:.09rem;border: 1px solid #ccc;vertical-align: middle;WORD-WRAP: break-word;table-layout: fixed;word-break: break-all;}.showmenu {width: 100%;padding: 0.1rem 0 .2rem;background: #fff;}.showmenu a {width: 48%;height: .6rem;display: block;float: left;line-height: .6rem;text-align: center;border-radius: .04rem;color: #333;background: #fff;margin: 0 1% 2%;border: 1px solid #ddd;box-sizing: border-box;}.showmenu a.hover {border: 1px solid #00a2ea;color: #fff;background: #00a2ea;}.erro {padding: 0.2rem;}/*news.html*/.newsList .list {width: 100%;margin-bottom: .3rem;}.newsList .item {padding: 0.3rem 0.2rem;overflow: hidden;position: relative;border-bottom: 1px solid #f3f3f3;}.newsList .item:nth-child(2n) {background: #f9f9f9;}.newsList .item:nth-child(2n) {background: #fff;}.newsList .item:nth-child(2n) span:after {background: #f9f9f9;}.newsList .item:last-child {border: 0px;}.newsList .item a {width: 100%;display: block;}.newsList .item img {width: 1.6rem;height: 1.2rem;margin-right: .2rem;float: left;}.newsList .item h3 {font-size: .26rem;line-height: .38rem;
margin-bottom: .2rem;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.newsList .item .txt {color: #666666;font-size: .23rem;line-height: .35rem;}
.videoF .btn1 { display:block; width:130px; height:45px;transition: all .6s ease 0s; z-index:55; background-color:#00a2ea; border-radius:20px; text-align:center; line-height:45px; color:#fff; margin-top:8px; float:left;cursor:pointer;}
.videoF .btn1:hover{ width:140px; color:#fff;background:#C00;text-indent:6px;transition: all ease 600ms; }.addimglist .item img {width: 1.2rem;height: 1.48rem;margin-right: .1rem;float: left;}.addimglist .item h3 {width: 4.7rem;font-size: .3rem;line-height: .38rem;margin-bottom: .28rem;color: #000;margin-top:.02rem;float: left;}.addimglist .item .txt {color: #666666;font-size: .22rem;line-height: .28rem;width: 4.7rem;float: left;}.newsList .item:hover h3 {color: #00a2ea;}/*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 {background-image: url('../images/weibo.png');background-size: cover;}#nativeShare .weixin i {background-image: url('../images/weixin_friend.png');background-size: cover;}#nativeShare .weixin_timeline i {background-image: url('../images/weixin.png');background-size: cover;}#nativeShare .qq i {background-image: url('../images/qq.png');background-size: cover;}#nativeShare .qzone i {background-image: url('../images/qqzone.png');background-size: cover;}#nativeShare .more i {background-image: url('../images/more.png');background-size: cover;}#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 {}#bdfx a {height: 0.6rem;width: 0.6rem;margin: 0;padding: 0;margin: 0px 0.08rem;display: inline-block;}#bdfx .d1 {background: url(../images/qqzone.png) no-repeat center;background-size: 100% 100%;}#bdfx .d2 {background: url(../images/weibo.png) no-repeat center;background-size: 100% 100%;}/*catelist*/
.caselist {padding-bottom: 0.3rem;  padding-top: 0.3rem;}.catelist .item span {display: block;width: 9px;height: 16px;position: absolute;top: 28%;margin-top: -8px;right: 2%;}.catelist .item span:before {content: "";position: absolute;background: #ccc;width: 11px;height: 11px;right: 0;top: 0;z-indx: 10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}.catelist .item span:after {content: "";position: absolute;background: #fff;width: 11px;height: 11px;right: 4px;top: 0;z-indx: 11;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}.caselist .list-loop li {width: 44%;margin-left: 4%;margin-bottom:4%;float: left;  background:#fff;box-sizing: border-box;box-shadow: 0 0 15px #ccc;}.caselist .list-loop li a {display: block;}.caselist .list-loop li figure {width: 100%;padding-top: 75%;position: relative;overflow: hidden;}.caselist .list-loop li figure img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}.caselist .list-loop li h3 {height: .8rem;line-height: .8rem;text-align: center;font-size: 0.3rem;
font-family: "microsoft yahei";text-overflow: ellipsis;  color:#000;white-space: nowrap;overflow: hidden;font-weight:400;}/*.list_imgH li figure{padding-top: 133.333333%;}*/.list_4 li figure {padding-top: 75%;}.messagePage {padding: 3% 3% 5%;}.messagePage .mWrapTit {margin-bottom: .4rem;text-align: center}.messagePage .mWrapTit h3 {font-size: .3rem;text-align: center;}.messagePage .item {width: 100%;height: 0.7rem;line-height: 0.7rem;position: relative;-webkit-border-radius: 0.06rem;border-radius: 0.06rem;margin-bottom: .18rem;border: 1px solid #dedede;}.messagePage .item label {width: 1rem;color: #333;display: block;float: left;text-align: center;height: 0.7rem;line-height: 0.7rem;}.messagePage .item input {width: 4.5rem;height: 0.7rem;line-height: 0.7rem;border: 0;background: none;color: #999;}.messagePage .item select {width: 4.5rem;height: 0.7rem;line-height: 0.7rem;border: 0;background: none;background: #fff url(../images/mess.jpg) right no-repeat;background-size: auto 100%;}.messagePage .item .b {position: absolute;right: .12rem;color: #ff9f00;}.messagePage .item.con {height: 2.8rem;}.messagePage .item.con textarea {width: 100%;height: 2.1rem;padding: .1rem .16rem .1rem;resize: none;background: none;border: 0px;}.messagePage .item.con .b {top: 0;}/*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/.messagePage .btn input {width: 100%;height: 0.68rem;line-height: 0.68rem;text-align: center;display: block;float: right;background: #00a2ea;color: #fff;font-size: .28rem;border: 0;}.showtel {position: fixed;width: 5rem;height: 2rem;top: 60%;left: 50%;margin-left: -2.5rem;z-index: 999;display: none;text-align: center}.showtel a {display: inline-block;width: 5rem;height:.8rem;line-height:.8rem;border-radius: 5px;background: #00633d;color: #fff;font-size:.3rem;margin-bottom:.2rem}/*产品导航*/.m-navwrap {position: relative;width: 100%;margin-top:-.2rem;padding-bottom:.2rem;}#navwrap {width: 100%;float: right;top: 38px;background-color: #f6f6f6;z-index: 2;display: none;left: 0;}#navwrap .tit {display: block;width: 100%;padding: 0 17% 0 5%;height: .8rem;line-height: .8rem;font-size: .24rem;color: #fff;background: url("../images/ico_down1.png") no-repeat 92% center #fff;background-size: auto 42%;cursor: pointer;border-bottom: 1px solid #e8e8e8;}#navwrap a {color: #333;display: block;}#navwrap .sub-box {width: 100%;background: #f6f6f6;display: none;}#navwrap .sub-box a {display: block;width: 100%;padding: 0 6.4% 0 4.6%;height: .7rem;line-height: .7rem;border-top: 1px solid #e8e8e8;color: #333;font-size: .2rem;text-indent:.3rem;background: url("../images/ico_right1.png") no-repeat 92% center;background-size: auto 35%;}.nav-ico {position: absolute;top:.1rem;right:.2rem;width:.4rem;height:.36rem;background-position: -.5rem -1.2rem;}#navwrap .sub-box a:first-child {border-top: none;}#navwrap .sub-box a:hover {background: url("../images/ico_right.png") no-repeat 92% center #00a2ea;color: #fff;}/*字体*/@media only screen and (min-width:641px) {html {font-size: 100px;}}@media only screen and (max-width:640px) {html {font-size: 100px;}}@media only screen and (max-width:540px) {html {font-size: 84.375px;}}@media only screen and (max-width:480px) {html {font-size: 75px;}}@media only screen and (max-width:414px) {html {font-size: 64.6875px;}}@media only screen and (max-width: 400px) {html {font-size: 62.5px;}}@media only screen and (max-width: 375px) {html {font-size: 58.5938px;}}@media only screen and (max-width: 360px) {html {font-size: 56.25px;}}@media only screen and (max-width: 320px) {html {font-size: 50px;}}#topnav.menu-btn .menu-line {background: #000;height: 4px;position: absolute;width: 24px;right: 0;}#topnav.menu-btn #menu-line1 {top: 0;}#topnav.menu-btn #menu-line2 {top: 50%;}#topnav.menu-btn #menu-line3 {top: 100%;}#topnav.menu-btn .menu-line {animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: 1;animation-direction: normal;animation-delay: 0;animation-play-state: running;animation-fill-mode: forwards;}#topnav.menu-btn.inactive #menu-line1 {animation: 800ms ease 0s normal none 2 running menu;}#topnav.menu-btn.inactive #menu-line2 {animation: 800ms ease 0.16s normal none 2 running menu;}#topnav.menu-btn.inactive #menu-line3 {animation: 800ms ease 0.32s normal none 2 running menu;}.process {  padding:30px 0;  overflow: hidden;background:#fff;
}
.process .brief {} 
.process  .nVideo {width:100%;margin:20px auto; text-align:center;}.process .brief .pic {width:100%}
.process  .brief .txt {padding:6%;overflow:hidden;font-size:.34rem;}
.process  .brief .txt h3 {font-size:0.46rem;margin-bottom:10px;margin-top:10px;line-height:120%; font-weight:400;color:#359adc;font-family: "sourceBold_en"; }
.process .brief img {width:100%;}
.lcTit {text-align:center;}
.lcTit h1{font-family: "sourceBold_en";  font-weight: normal;  line-height: 120%;  font-size:0.65rem; text-transform: capitalize;color:#000;margin-bottom:30px; }
.lcTit p { margin-bottom:10px;font-size:20px; text-align:center;  line-height: 160%;  font-weight: 300;  text-transform: capitalize;  font-family: 'Open Sans',sans-serif !important;}.lcImg { text-align:center;}
.lcImg img {margin:30px 0;width:100%;}
.lc {    font-size: .35rem;  line-height: 1.6;  padding:0 5% 3%;  vertical-align: baseline;  word-wrap: break-word;}/*导航动画*/@keyframes menu-line1-hover {0% {}50% {transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}100% {top:50%;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}}@keyframes menu-line2-hover {0% {opacity: 1}50% {opacity: 1}51% {opacity: 0}100% {opacity: 0}}@keyframes menu-line3-hover {0% {}50% {transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}100% {top:50%;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}}@keyframes menu-line1 {0% {top:50%;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}50% {top:50%;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}100% {top:0%;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}}@keyframes menu-line2 {0% {opacity: 0}50% {opacity: 0}51% {opacity: 1}100% {opacity: 1}}@keyframes menu-line3 {0% {top:50%;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}50% {top:50%;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}100% {top:100%;}}@-webkit-keyframes menu {0% {width: 24px;}45% {width: 6px;}90% {width: 24px;}100% {width: 24px;}}@keyframes menu {0% {width: 24px;}45% {width: 6px;}90% {width: 24px;}100% {width: 24px;}}
.moreBtn{ display:block; width:3.3rem; height:0.66rem; margin:0 auto; margin-top:0.5rem;}
.moreBtn a{ display:block; width:3.3rem; height:0.66rem; text-align:center; line-height:0.66rem; font-size:0.28rem;  font-weight:normal;color:#fff; line-height:0.66rem; background-color:#00a2ea;border-radius:20px;}
/**head**/
.mheader { width: 100%; height: 1.1rem; z-index: 300;background:#fff;position:fixed;top:0px;left:0px;-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);}
.mheader.fix { position: fixed;}
.mlogo { display: block; height: 0.4rem; width:2.6rem; color: #4da352;background-size:100%;  z-index:111; padding-top:0.2rem; margin-left:0.3rem;}
.mheader .mlogo .logoImg { display: block;width:2.4rem;}
.mheader .navBtn { width:1rem; height:1rem; position: absolute; right: 0; top: 0; z-index: 10; cursor:pointer;}
.mheader .navBtn s { width:0.33rem; height:0.31rem; display: block; margin: 0 auto; background-position: -0.52rem -0rem; margin-top:0.38rem;}
.mheader   .cur {display:none;}
/*subNav*/
.subNav { position: fixed; max-width: 640px; min-width: 320px; width: 100%; margin: 0 auto; height: 100%; top:1.1rem; bottom: 0; z-index: 9999; display: none;}
.subNav .snavCon { width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #fff;text-transform:capitalize;}
.subNav ul { width: 100%; padding: 0 0 .5rem; overflow-y: auto; height: 100%; padding-bottom: 1rem;}
.subNav li { width:100%;display: block; line-height:1rem;position: relative;border-bottom:1px solid #f0f0f0}
.subNav li a { display: block; color: #333; font-size: 0.34rem; width: 80%; float: left;font-weight:300;}
.subNav li a.icobef {padding-left:6%;}
.subNav li s { width: .45rem; height: .35rem; display: block; text-align: center; color: #333; font-size: .24rem; background-position: -1.05rem -0.48rem; margin-top: .25rem; margin-right: .5rem; float: right; position: relative; z-index: 11; cursor:pointer;}
.subNav li .snavBox { display: none;padding-left:10%;padding-right:10%;background-color:#efeff4;overflow:hidden;width:80%;}
.subNav li .snavBox a { border-color: #f9f9f9; width: 100%; line-height: 0.4rem;padding:15px ;color: #333 !important; font-size: .32rem;font-weight:300;border-top: 1px solid #ddd;}
.subNav li .snavBox a:first-child{border-top:0 none;}
.subNav li.on {background:#f6f6f6}
.subNav li.on > a { color:#00a2ea;}
.subNav li.on s {background-position: -0.66rem -0.48rem;}
.subNav li.hover a { color:#00a2ea;}
.subNav .xBtn {  background-position: 0 -0.48rem;  cursor:pointer; position: absolute; right: 0.3rem; top:-0.7rem; width: .46rem; height: .4rem; display: block; margin: 0 auto;}
.snavShow { display: block;}
.subNav li.li5 s{ display:none;}
#banner_main {width: 100%;overflow: hidden;position: relative;z-index: 1;height: 4.5rem;background-size: 1px auto;margin-top:1.1rem;
}
.banner {margin: 0 auto;width: 100%;
*zoom: 1;overflow: hidden;position: relative;height: 4.5rem;
}
.banner .list {width: 100%;overflow: hidden;
}
.banner .list li {float: left;width: 100%;overflow: hidden;
}
.banner .list li img {width: 100%;height: 4.5rem;
}
#banner .tip {width: 100%;height: 0.35rem;line-height: 0.35rem;clear: both;position: absolute;left: 6%;bottom: 10%;z-index: 2;font-size: 0;
}
#banner .tip span {display: inline-block;vertical-align: middle;width: 0.12rem;height: 0.12rem;margin: 0 0.05rem;vertical-align: middle;  background:#fff;border-radius:50%;
}
#banner .tip span.cur {
width:.2rem;
height:.2rem;background:#1048a0;border-radius:50%;
}
.showInfo #banner .tip {width: 100%;text-align: center;margin-left: 0;left: 0;
bottom: .2rem;
}.proBox {background-color:#fff;width:100%;margin:0 auto;}
.proClass {overflow:hidden;border-bottom:solid 1px #f1f1f1;}
.proClass ul li {width:33.333%; float:left; text-align:center;cursor:pointer;}
.proTimg {position:relative;}
/*.proTimg span{display:block; position:relative; z-index:1; opacity:1;  margin: 0px;  width: 180px;  height: 180px;  top: 0;  left: 0;  bottom: 0;  right: 0;  position: absolute;  z-index: 100;  background: rgba(0,0,0,0.04);  border-radius: 50%;
}*/
.proTimg span{display:block; position:relative; z-index:1; opacity:1;}
.proTimg img {max-width:100%; width:180px;transition: all .4s;-webkit-transition: all .4s;}
.proClass ul li .proTit {font-size:14px;}
.proClass ul li .proTit p {display:inline-block; position:relative;line-height:22px; vertical-align:middle; overflow:hidden; padding:0 0 15px;}
.proClass ul li .proTit p:after {content:""; width:100%; height:5px; overflow:hidden; background-color:#3498db; position:absolute; bottom:0; left:0; border-radius:5px; transform:scale(0, 1);}
.proClass ul li:hover .proTit p, .proClass ul li.on .proTit p {color:#3498db;font-weight:bold;}
.proClass ul li:hover .proTimg span{opacity:1; transform:translateY(0); transform:scale(1.5, 1.5); -webkit-transform:scale(1.5, 1.5);}
.proShow {position:relative;}
.proImg {width:50%; text-align:center; background-color:#fff; position:relative;}
.proImg img {max-width:100%; width:100%; padding:0;}
.proInfo {width:50%; height:100%; position:absolute; top:0; right:0; background-color:#fff;}
.proTits {line-height:40px; font-weight:600; padding-bottom:20px; font-size:36px; font-family: "Graphik-Regular";}
.proLine {width:60px; height:4px; background-color:#3498db; overflow:hidden; display:block;}
.proInfo .proWrap {position:absolute;width:84%; margin:0 auto; top:50%; left:50%; transform:translate(-50%, -50%);}
.proShow .swiper-button-prev,.proShow .swiper-button-next {width:40px;height:40px;background-size:12px;color:#000;border-radius:50%;box-shadow: 0 6px 6px rgba(0,0,0,.16);  opacity: .75;}
.proShow .swiper-button-disabled{}.proCon {font-size:16px; line-height:26px; overflow:hidden; margin:25px 25px 25px 0;}
.proMore {padding-top:10px;}
.proMore a, .proMore span {line-height:33px; padding:0 16px; border:2px solid #3498db; display:inline-block; font-size:15px; color:#fff; background-color:#3498db; border-radius:22px;}
.proMore a i,.proMore span i{color:#fff; font-size:20px; position:relative; top:1px;}
.proMore a:hover, .proMore span:hover {background-color:#fff; color:#3498db; text-decoration:none;}
.proMore a:hover i, .proMore span:hover i {color:#3498db;}@media (max-width: 1300px) {.proTits {margin-top:10px; font-size:22px;}.proInfo .proWrap {width:90%;}.proCon {display:none;}
}
@media (max-width: 1000px) {.proBox {padding-top:10px; padding-bottom:20px;}.proImg {width:auto;}.proInfo {width:auto; position:static; padding:0 0 20px;}.proInfo .proWrap {width:84%;}.proTits {line-height:30px; font-size:18px;}.proTits{padding-bottom:5px;}.proCon {margin:10px 0; height:52px;font-size:16px;line-height:24px;height:48px;display:block;}.proClass ul li .proTit p {color:#000; height:20px;font-size:9px;line-height:12px;}.proImg>img {max-width:80%;}.proClass ul li:hover .proTit p {color:#09F;font-weight:bold;}.proClass ul li:hover proTimg .span {opacity:1;}.proClass ul li.on .proTit p  {color:#09F;font-weight:bold;}.proTits {margin-top:10px;}.proLine {height:4px;margin:0 auto;}.proTimg img {max-width:90%;}.proInfo .proWrap {position:static; transform:translate(0, 0); text-align:center;}.swiper-button-next, .swiper-button-prev {background-size:40%;}.caseBox .swiper-button-next {right:0;}.caseBox .swiper-button-prev {left:0;}
}@keyframes mousemove { 0% {
 transform: translateY(-5px);
}
 25% {
 transform: translateY(0px);
}
 50% {
 transform: translateY(5px);
}
 75% {
 transform: translateY(0px);
}
 100% {
 transform: translateY(-5px);
}
}
#fBox{position: fixed;right:15px;bottom: 100px;z-index:9996;}
#fBox .fMenu a{width: 50px;height: 50px;display: block;border-radius: 100%;margin-bottom: 6px;background:#07bb8a  url(/images/icon_chat_menu.png) no-repeat 0 0;}
#fBox .fMenu #goTop{visibility: hidden;opacity: 0;background: url(/images/arrow-up-nightrider.svg) 50% 50% no-repeat rgba(229,229,229,.75);}
#fBox .fMenu #goTop.show{visibility: visible;opacity: 1;}
#fBox .fMenu .top {background-position: 0 -50px;background-color: #b0b0b0;transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.mWrap{ background-color:#fff; width:100%; overflow:hidden;}.mTit{ text-align:center; width:100%; padding-top:0.8rem;}
.mTit h3{ font-size:0.46rem; color:#333; line-height:0.46rem; font-weight:300;text-transform:capitalize;}
.mTit i{ display:inline-block; width:0.5rem; height:0.23rem; background:url(../images/mbt.png) center center no-repeat; background-size:100%; margin-top:0.18rem;}.pClass{ margin:0 0.2rem; margin-top:0.4rem;height:14.64rem; position:relative;overflow:hidden;}
.pClass ul{ display:inline-block; width:100%;}
.pClass ul li{ width:3.45rem; float:left; margin-right:0.2rem; margin-top:0.2rem; height:3.46rem; position:relative; float:left;}
.pClass ul li img{ display:block; width:100%;}
.pClass ul li:nth-child(2n){ margin-right:0;}
.pClass ul li:nth-child(2){ margin-left:3.64rem;}
.pClass ul li p{font-size: 0.32rem;color: #fff;position: absolute;bottom: 0rem;left: 0rem;background: url(../images/pBg.png) left bottom repeat-x;background-size: cover;height: 0.96rem;width: 94%;line-height: 1.3rem;padding:0 3% 0.1rem;}
.pClass ul li:nth-child(1){ position:absolute; left:0; top:0;}
.pClass ul li:nth-child(5) p,.pClass ul li:nth-child(6) p {height:auto;line-height:0.35rem;}
.pClass ul li:nth-child(7){ width:7.1rem; position:absolute; left:0; bottom:0;}.mb4{ width:100%;background:#f3f3f9;overflow:hidden;}
.mb4 .mTit{ padding-top:0.8rem;}
.mb4 .mTit h3{ color:#000;}
.mb2 .mTit{ padding:0.8rem 0;}.caseBox {margin-top:30px;position: relative;z-index:2;padding:0 0 20px;overflow:hidden;}
.caseLi {border-radius:8px;background:#fff;overflow:hidden;margin:0 27px 10px;}
.caseImg {overflow:hidden;}
.caseImg img {width:100%;}
.caseInfo {text-align:center; padding:25px 20px;}
.caseInfo a {font-size:22px;font-weight:600;line-height:26px;color: #333;font-family: 'Frank Ruhl Libre', serif !important; letter-spacing:-1px;}
.caseLi:hover .caseInfo a{ color:#3498db;text-decoration:none;}
.caseInfo p {color:#333; font-size:16px; line-height:24px;margin-top:10px;word-break:break-all;}.caseBox .swiper-button-prev,.caseBox .swiper-button-next {width:26px;height:40px;background-size:12px;color:#000;border-radius:0;box-shadow: 0 6px 6px rgba(0,0,0,.16);  opacity: .9;background-color:#fff;}.about h2 { font-size:0.32rem; color:#00a2ea; line-height:0.5rem; font-weight:600; text-align:center;margin:.3rem auto .4rem;}
.aboutBox {padding:0.4rem 0.6rem;overflow:hidden;}
.about p{ font-size:0.3rem; color:#666; line-height:0.45rem;}.about .aNum{ width:100%; margin:0 auto; display:inline-block; padding-top:0.5rem;}
.about .aNum dl{ float:left; width:33.3%;text-align:center;}
.about .aNum dl dt{ font-size:0.4rem; color:#00a2ea; line-height:0.5rem; font-weight:600; }
.about .aNum dl dt span{ display:inline-block;font-size:0.5rem;line-height:0.5rem;font-family:"Arial";}
.about .aNum dl dd{ font-size:0.2rem; color:#333; line-height:0.24rem;  padding-top:0.08rem; text-transform:uppercase;}
.mb6{ background-color:#fff; width:100%; padding-bottom:.8rem;}
.hzBox {padding:.8rem .4rem 0;}
.hzList{box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);}
.hzList .item{position: relative; width: 2.23rem;height: 2.23rem;float: left;background-color: #FFFFFF; text-align:center;}
.hzList .item img{padding-top: 0.4rem; width:90%;background-size: 0.59rem 0.59rem;}
.hzList .item.hz1,.hzList .item.hz3,.hzList .item.hz5,.hzList .item.hz7,.hzList .item.hz9{background: #f3f3f3;}.mb5{ background-color:#f3f3f9; width:100%; padding-bottom:.8rem;}
.newsL{ padding:0.1rem 0.5rem;}
.newsL ul{ display:inline-block; width:100%;}
.newsL ul li{ display:block; width:100%;margin-top:0.6rem; overflow:hidden;box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);}
.newsL ul li img{ display:block;width:100%; height:4.5rem;}
.newsL ul li .tBg{background:#fff; width:100%;overflow:hidden;padding:0.3rem; box-sizing:border-box;}
.newsL ul li .tBg i{ display:block; font-size:0.24rem; color:#999; line-height:0.24rem; font-family:"Arial";}
.newsL ul li .tBg h3{ display:block; font-size:0.32rem; color:#333; line-height:0.45rem;padding-top:0.18rem;font-weight:300; text-transform:capitalize;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}.footer{ width:100%; margin:0 auto; padding-bottom:0.5rem; text-align:center; background-color:#24272d; }
.footer .fWrap{ padding:0 0.6rem; padding-top:0.3rem;}
.footer .fWrap span{ display:block; font-size:0.26rem; color:#b3b6bc; font-family:"Arial"; padding-top:0.1rem;}
.footer .fWrap p{ display:block; font-size:0.26rem; color:#b3b6bc; padding-top:0.1rem;}
.footer .fWrap p a{ display:inline-block; padding-right:0.15rem; color:#b3b6bc;}
.footer .fWrap .fLogo{ display:block;width:3rem;margin:0.42rem auto 0.2rem;}
.footer .fWrap .fLogo img{height: 0.6rem;}.footer .fNav{ width:100%; display:inline-block; padding-bottom:0.5rem; border-bottom:#373c46 solid 1px;}
.footer .fNav a{ display:block; float:left; width:33.3%;font-size:0.3rem; color:#fff; line-height:0.3rem; padding-top:0.28rem;}.footer dl{ padding:0 0.3rem;}
.footer dl dt{ display:inline-block; width:6.9rem;}
.footer dl dt i{ display:block; float:left; width:0.7rem; height:0.7rem; background-position:0rem -1.26rem;}
.footer dl dt p{ width:5.9rem; float:right;}
.footer dl dt p span{ color:#a5b0c5; display:block; font-size:0.26rem;}
.footer dl dt p em{ display:block; font-size:0.36rem; color:#fff; font-family:"Arial"; line-height:0.46rem; padding-top:0.1rem;}
.footer dl dd{ display:inline-block; width:6.9rem; padding-top:0.4rem;}
.footer dl dd i{ display:block; float:left; width:0.7rem; height:0.7rem; background-position:-0.86rem -1.26rem;}
.footer dl dd p{ width:5.9rem; float:right;}
.footer dl dd p span{ color:#a5b0c5; display:block; font-size:0.26rem;}
.footer dl dd p em{ display:block; font-size:0.26rem; color:#fff; line-height:0.26rem; padding-top:0.1rem;}
.wInfo h2 {height: 30px;font-size:22px;font-weight:500;background: url(../images/line.jpg) repeat-x center center; margin:30px 0px 30px;color:#00a2ea;clear: both;}
.wInfo h2 span {display: inline-table;width:auto;background-color: #FFF; text-align:center;padding:0 20px;}
.wInfo h2 s{width: 4px; height: 22px; background:#00a2ea; display: inline-block; vertical-align: middle; text-decoration:none;}
.gWrap{width: 100%;overflow: hidden; background-size:100%;}
.gWrap:before {
background: #020610 url(../images/nAd.jpg) top center no-repeat;
content: "";
background-size:100%;
position: fixed;
top:0rem;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}.pNav{ display:inline-block; padding:0.3rem 0.5rem; width:6.5rem;text-align:center;text-transform:capitalize; position:relative; z-index:3;}
.pNav ul{ display:inline-block; width:100%;}
.pNav ul li{ display:block; width:3.2rem; height:0.7rem; line-height:0.7rem; background-color:rgba(0,0,0,0.6); margin-top:0.06rem; margin-right:0.06rem; float:left;}.pNav ul li a{ display:block;width:100%; height:0.7rem; color:#fff; font-size:0.26rem; overflow:hidden;}
.pNav ul li a.on{background-color:rgba(0,162,234,0.6);}
.pNav ul li:nth-child(2n){ margin-right:0;}.newsPage{padding:0.4rem; position:relative; z-index:3;background:#f4f4f4;overflow:hidden;}
.news_2 a{display:block;background-color:#fff;padding:.4rem;box-shadow: 0 4px 15px -4px rgba(0,0,0,.12);margin-bottom:.4rem;overflow:hidden;}
.news_2 a img{ display:block; width:100%;} 
.news_2 a i{ display:block; font-size:0.24rem; color:#999; line-height:0.24rem; font-family:"Arial"; padding-top:0.28rem;}
.news_2 a h3{ display:block; font-size:0.32rem; color:#333; line-height:0.45rem; padding-top:0.16rem;font-weight:300;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}.mPath{ padding-top:0.5rem; padding-left:0.5rem; display:inline-block;text-transform:capitalize;margin-top:1.1rem;}
.mPath h3{ font-size:0.6rem; color:#fff; line-height:0.6rem; text-transform:capitalize; padding-right:0.6rem;}
.mPath .pathTit{ display:block;padding-top:0.38rem;}
.mPath .pathTit i{ display:block; width:0.21rem; height:0.27rem; background-position:-1.25rem 0rem; float:left; margin-top:0.05rem; }
.mPath .pathTit p{ display:block; padding-left:0.2rem; float:left; font-size:0.26rem; color:#fff; }
.mPath .pathTit p a{ display:inline-block; font-size:0.26rem; color:#fff;}
.nbanner {margin:0 auto;width: 100%;  *zoom: 1;overflow: hidden;position: relative;height: auto;
}
.nbanner .list {width: 100%;overflow: hidden;
}
.nbanner .list li {float: left;width: 100%;overflow: hidden;
}
.nbanner .list li img {width: 100%;height:auto;
}
#nbanner .tip {width: 100%;height: 0.35rem;line-height: 0.35rem;clear: both;position: absolute;left: 6%;bottom: 10%;z-index: 2;font-size: 0;
}
#nbanner .tip span {display: inline-block;vertical-align: middle;width: 0.12rem;height: 0.12rem;margin: 0 0.05rem;vertical-align: middle;
background:#fff;
border-radius:50%;
}
#nbanner .tip span.cur {
width:.2rem;
height:.2rem;
background: #39C;
border-radius:50%;
}
.showInfo #nbanner .tip {width: 100%;text-align: center;margin-left: 0;left: 0;
bottom: .2rem;
}
.pathBox{}.aboutW{  background:#fff url(../images/aboutbg.png) no-repeat center top;background-size:100%; padding:0.8rem 0.6rem; overflow:hidden;}
.aboutBn h3{ font-size:0.48rem; color:#333; line-height:0.48rem; font-weight:600;text-transform:capitalize; text-align:center;}
.aboutBn p{ font-size:0.28rem; color:#333; line-height:0.35rem;  padding-top:0.34rem;text-align:center;}
.aboutBn .aNum{ width:100%; margin:0 auto; display:inline-block; padding-top:0.5rem;}
.aboutBn .aNum dl{ float:left; width:33.3%;text-align:center;}
.aboutBn .aNum dl dt{ font-size:0.5rem; color:#00a2ea;line-height:0.5rem; font-weight:600;}
.aboutBn .aNum dl dt span{ display:inline-block;font-size:0.5rem; line-height:0.5rem;font-family:"Arial";font-weight:bold;}
.aboutBn .aNum dl dd{ font-size:0.2rem; color:#333; line-height:0.24rem;  padding-top:0.08rem; text-transform:uppercase;}
.aboutInfo{ font-size:0.3rem; color:#333; line-height:0.45rem; padding-top:0.6rem;}
.aboutH{ background-color:#fff; position:relative; z-index:2;}
.aboutH img{ display:block; width:100%; position:relative;}
.aboutHt {display:inline-block;padding:0 0.6rem; background-color:#f6f6f6;position:relative; z-index:3; padding-bottom:0.8rem;padding-top:0.8rem;}
.aboutHt a{ display:block; width:100%; display:inline-block;}
.aboutHt h3{ font-size:0.45rem; color:#333; font-weight:600; line-height:0.6rem; }
.aboutHt b{ display:block; width:100%; height:0.02rem; background-color:#333; margin-top:0.4rem;}
.aboutHt p{ font-size:0.3rem; color:#666; line-height:0.45rem; padding-top:0.5rem;}
.aboutHt ul{font-size: 0.3rem;color: #333;line-height: 0.5rem;margin-top:0.5rem;}
.aboutHt ul li {margin-bottom:0.3rem;}.aboutY{ background-color:#fff; display:inline-block;}
.aboutY .aboutYz{padding:0 0.6rem; padding-top:0.2rem; display:inline-block; }
.aboutY .aboutYz{ display:inline-block;}
.aboutY .aboutYz i{ display:block; font-size:0.45rem; color:#333; line-height:0.28rem;padding-top:0.7rem; text-transform:capitalize; font-weight:600;}
.aboutY .aboutYz p{ display:block; font-size:0.34rem; color:#333; line-height:0.45rem; padding-top:0.3rem; width:100%;}
.aboutY .aboutYz em{ display:block; font-size:0.3rem; color:#666; line-height:0.45rem; padding-top:0.5rem;}
.aboutY .aboutYm img{ display:block; width:100%;}
.aboutY .aboutYm a{ display:block; background:url(../images/c25_03.jpg) center center no-repeat; width:1.5rem; height:1.5rem; position:absolute; left:0; top:0;transition: all .36s ease; background-size:100%;}.aboutHz{ width:100%; display:inline-block; background-color:#fff;margin-top:1rem; }
.aboutRy{ width:100%; display:inline-block; background-color:#fff;  padding-bottom:1rem; margin-top:1rem; }
.aboutWp{ width:100%; position:relative; z-index:2;}
.aboutWp img{ display:block; width:100%;}
.aboutWt{ padding:0 0.6rem; padding-top:0.8rem; position:relative;}.aboutWt h3{ font-size:0.45rem; color:#333; line-height:0.45rem; font-weight:600;text-transform:capitalize;}
.aboutWt p{ font-size:0.32rem; color:#333; line-height:0.45rem; padding-top:0.46rem;}
.aboutWt em{ display:block; font-size:0.28rem; color:#666; line-height:0.5rem;  padding-top:0.5rem;}
.contactW{ background-color:#fff;padding-bottom:0.8rem; position:relative; z-index:3;}
.contactW img{ display:block; width:100%; height:5.64rem;}
.contactBox{ display:block; width:100%; position:relative; z-index:2;}
.contactBox h3{ background:url(../images/cBg.jpg) center top no-repeat; background-size:100%; width:100%; height:2.2rem;}
.contactBox h3 span{ display:block; padding-left:0.5rem; padding-top:0.5rem; font-size:0.36rem; color:#fff; line-height:0.4rem; }
.contactBox h3 i{ display:block; width:0.5rem; height:0.02rem; background-color:#6c6f78; margin-top:0.28rem; margin-left:0.5rem;}
.contactBox h3 p{color:#f5f5f5; display:block;margin-top:0.18rem; margin-left:0.9rem;} 
.contactBox ul{ display:inline-block; width:6.8rem; padding-top:0.5rem; padding-left:0.6rem;padding-bottom:0.5rem;}
.contactBox ul li{ display:inline-block; width:100%; padding-top:0.2rem; font-size:0.3rem; color:#333; line-height:0.24rem;font-family:"Arial"; }
.contactBox ul li span{ display:block; float:left; color:#333; width:1.9rem;}
.contactBox ul li i{ display:block; color:#333; float:left; width:4.5rem;font-size:0.3rem;}
.contactBox ul li.li2 i{ color:#c00; font-family:"Arial"; font-size:0.4rem;}
.contactBox ul li.li1 i{ line-height:0.34rem;}
.aboutBn p,.aboutHt p,.aboutY .aboutYz,.aboutBn,.info,.aboutBn .aNum dl dd,.about p,.about .aNum dl dd,.aboutY .aboutYz em,.about .aNum dl dt,.contactBox ul li{font-family:"Microsoft Yahei";}
.dtWrap {padding:20px;}.fangan {padding:15px;overflow:hidden;background:#fff;}
.faInfo  {padding:20px 0;}
.faImg {width:100%;}
.faImg img {width:100%;}
.faTit {margin:60px 0;}
.faInfo h3{ font-size:0.5rem; color:#000; line-height:120%;font-weight:700; text-align:center;}
.faInfo h3 span{ font-size:16px; color:#666666; line-height:20px; display:block; font-weight:normal;padding-top:14px; font-family: Arial, Helvetica, sans-serif;}
.faInfo h3 i{ width:50px; height:5px; background-color:#00a2ea; display:block;margin:10px auto;}
.faInfo  p{ font-size:16px; color:#66; line-height:28px;}
.faInfo .xq {margin-top:35px;}
.faInfo:hover  .xq {width:160px;background:#00a2ea;color:#Fff;}
.faPro {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: stretch;-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;
}
.faPbox {width:calc(50% - 16px);padding: 0;margin:8px;display: inline-block;vertical-align: top;background: #fff;overflow: hidden
}.faPbox  a {border:solid 1px #fff;overflow:hidden;padding:1px;display:block;}
.faPbox  a:hover{border:solid 1px #e77600;box-shadow: 0 0 3px 2px rgba(228,121,17,.5);}
.faPbox img {width:100%;transition: all ease 300ms;}
.faPbox:hover img{transform: translateX(-6px);-webkit-transform: translateX(-6px);-webkit-filter:brightness(105%);filter:brightness(105%);transform:scale(1.05);transition:all ease 0.36s;}
.faPtit {font-size:12px; text-align:center;padding:2px 3px;}
.faPimg {overflow:hidden;}
.xq{ width:140px;height:40px;margin:10px auto 0;border-radius:50px;background-color:#00a2ea;text-align:left;transition:all 0.6s ease 0s;font-family:"Microsoft Yahei";overflow:hidden;}	
.xq span{ font-size:14px;color:#fff;line-height:40px;padding-left:36px;line-height:40px;float:left;}
.xq .icon{display: block;float:right;width:14px;height:11px;background-position:14px -20px;margin-top: 14px;margin-right:20px;transition: all ease 600ms;}
.xq:hover .icon{margin-right: 50px;transition: all ease 600ms;}.faInfo .xq {margin-top:35px;}.status:before {  content: "";  display: block;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  background-color: rgba(0,0,0,.1);
}.status i {  display: block;  position: absolute;  right: 0;  bottom: 0;  margin: 8px;  color: #fff;  font-size: 14px;  line-height: 1;  padding: 2px 5px 3px 5px;  background-color: rgba(0,0,0,.6);  border-radius: 3px;
}.status:after {  content: "";  display: block;  position: absolute;  width: 32px;  height: 32px;  background: url(../images/play-circle.svg) no-repeat 50% 50%;  left: 0;  bottom: 0;  margin: 8px;color:#fff;
}
.casesBox  ul{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: stretch;-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;padding:0 5px;
}.casesBox  ul li{width:calc(33.333333333333% - 10px);padding: 0;margin:24px 8px 0;display: inline-block;vertical-align: top;background: #fff;overflow: hidden;-webkit-box-shadow: rgba(0,0,0,0.12) 0 0 22px;box-shadow: rgba(0,0,0,0.12) 0 0 22px
}.casesBox  ul li a {padding:5%;display:block;overflow:hidden;}
.casesImg {overflow:hidden; position:relative;}
.casesImg img{display:inline-block;width:100%;}
.casesTit h3{font-size: 16px;  font-weight:400;  color: #333;  line-height: 24px;  text-transform: capitalize;margin-top:20px;}.casesBox  ul li:hover h3 {color:#3498db;}
.casesTit span{    display: inline-block;  margin-top: 9px;  max-width: 100%;  line-height: 1;  font-size: 14px;  color: #b5b5b5;}
.casesTit p{    margin-top: 18px;  font-size: 14px;  color: #666;  line-height: 1.7;}
.casesM{max-width: 100%;float: right;display: block;position: relative;width: 40px;height: 28px;overflow: hidden
}
.casesM:before {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 30px;height: 28px;background: url(../images/vbg01.png) -23px -324px;-webkit-transition: all .36s ease;transition: all .36s ease
}
.casesM:after {content: "";display: inline-block;position: absolute;left: -30px;top: 0;width: 30px;height: 28px;background: url(../images/vbg01.png) -23px -324px;-webkit-transition: all .36s ease;transition: all .36s ease;opacity: 0
}
.casesBox  ul li:hover .casesM:before {left: 30px;opacity: 0
}
.casesBox  ul li:hover .casesM:after {left: 0;opacity: 1
}
.caseClass {padding-bottom:30px;overflow:hidden;background:#fff;}
.casecTit {overflow:hidden;}
.casecTit h2{ font-size:26px; color:#000; line-height:120%;font-weight:600; text-align:center;width:100%;margin:30px auto 20px;}
.casecTit h2 span{ font-size:16px; color:#666666; line-height:20px; display:block; font-weight:normal;padding-top:14px; font-family: Arial, Helvetica, sans-serif;}
.casecTit h2 i{ width:50px; height:2px; background-color:#00a2ea; display:block; margin-top:16px;}
.casecTit  p{ font-size:16px; color:#66; line-height:28px; padding-top:38px;}
.casecTit .xq {width:125px;margin:0 auto;}
.casecBox ul li {  width: calc(50% - 10px);  padding: 0;  margin:10px 5px 0;  display: inline-block;  vertical-align: top;  background: #fff;  border-radius: 6px;  overflow: hidden;
}.news {padding:30px 25px 0;}
.news li {overflow:hidden;}
.news li .img {width:34%;float: left;height:auto;overflow: hidden;margin-right:5%;}
.news li .img img {width:100%;transition: .9s;max-height:210px;}
.news li .info {width:61%;float: right;}
.news li .info h3 {color:#000;font-size:16px;line-height:120%;font-weight:400; text-transform:capitalize;}.news li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dedede; cursor:pointer;}.news li:hover h3{color:#1f6eb1;}
.news li .info p {color: #777;font-size:12px;line-height:120%;padding-bottom:15px;}
.news li .ndate {font-size: 0.24rem;color: #999;line-height: 0.24rem;font-family: "Arial";margin:5px 0;}
.casecBox .casesTit p {  margin-top: 18px;margin-bottom:10px;  font-size: 14px;  color: #666;  line-height: 1.7;
}
.paging { padding:30px 0;text-align:center;overflow:hidden;}
.paging:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.paging { *zoom:1;}
.paging p { height:34px;line-height:34px;float:left;display:none;}
.paging  { overflow:hidden;margin:0 auto;text-align:center;}
.paging li {display:inline-block;margin:0 5px;width:auto;min-width:46px;height:38px;line-height:38px;border:1px solid #edebeb;color:#ddd;background:#fff;}
.paging  li a { display:block;width:100%;}
.paging   li:first-child {min-width:69px;}
.paging  li.thisclass {text-decoration:none;background-color:#00a2ea;border-color:#00a2ea;color:#fff;}
.paging  li.thisclass a {color:#fff;}
.paging  a:hover { background-color:#00a2ea;border-color:#00a2ea;color:#fff;}
@media only screen and (min-width:751px) {  html {      font-size:100px;  }
}
@media only screen and (max-width:750px) {  html {      font-size:100px;  }
}
@media only screen and (max-width:640px) {  html {      font-size:85.3333px;  }
}
@media only screen and (max-width:540px) {  html {      font-size:72px;  }
}
@media only screen and (max-width:480px) {  html {      font-size:64px;  }
}
@media only screen and (max-width:414px) {  html {      font-size:55.2px;  }
}
@media only screen and (max-width: 400px) {  html {      font-size:53.3333px;  }
}
@media only screen and (max-width: 375px) {  html {      font-size:50px;  }
}
@media only screen and (max-width: 360px) {  html {      font-size:48px;  }
}
@media only screen and (max-width: 320px) {  html {      font-size:42.6667px;  }
}