@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box; }
.trans{ transition: all .3s ease-in;}
html {width:100%;min-height:100%;}
body {width:100%;min-height:100%; max-width:750px; min-width:320px; margin:0 auto;font-size:0.24rem!important;font:.24rem/1.5 "PingFang SC",Helvetica,"Helvetica Neue","microsoft yahei",Tahoma,Arial,sans-serif; color:#666; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;background: #fff;position: relative;}
body:before, body:after { content:""; width:100%; display:block; }
body:before{ height: 1rem;}
body:after{ height: 0;}
img { border:0px; }
em{ font-style:normal;}
s,i{font-style: normal;}
ul, ol { list-style-type:none; }
li{ list-style: none outside none;}
b{ font-weight: normal;}
/*表单*/
input,button,select,textarea { outline:none; font-family:"PingFang SC","Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;} 

/*公用样式*/
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity: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:#008bcb; outline:none; }

/*标题*/
h1, h2, h3, h4, h5, h6, h7 {font-weight: normal;}

.icon{ background:url(../images/icon.png) no-repeat;display:inline-block;background-size:4rem auto;vertical-align:middle; }
.icon,.icobef:before,.icobef:after{ content: "\20"; display:block; }
.icobef:before{background: url(../images/icon.png) no-repeat;background-size:4rem auto;vertical-align: middle;}
/*清除浮动*/
.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默认  结束@@==========*/
.wrapper{width:100%;}
/*==========@@公共模块 开始@@==========*/
.header {background-size:100% 1.04rem;}
#top_main {width: 100%; height: 1rem;  *zoom: 1;z-index: 99; position: fixed; top: 0px; left: 0px;background-color: #FFFFFF;}
#top { max-width: 750px; min-width: 320px; height: 1rem; margin: 0px auto; position: relative;border-bottom:1px solid #ddd;}
#top .logo { display: block;width: 3rem;height:0.6rem;padding-top:0.24rem;margin:0 auto;}
#top .logo a {display: block;}
#top .logo img {display:block;width: 3rem;height:0.6rem;}
#top .topsearch{display: block; position: absolute; top:0.36rem;left:0.3rem;text-align: center; cursor: pointer;width:0.38rem; height:0.38rem;}
#top .topsearch span{display:block;width:0.38rem;height:0.38rem;background-position:0rem -1.19rem;}
#top_main .tsearch *{ box-sizing: border-box;}
#top_main .tsearch{ position: absolute; height: 1rem; width:100%; padding: .2rem 5%; left:0; top: 1rem; z-index: 99; background: #f5f5f5;box-sizing: border-box; display:none;border-top:1px solid #008bcb;}
#top_main .tsearch input{  -webkit-appearance: none; }
#top_main .tsearch .txt{ width: 76%; color:#000; text-indent: .3rem; font-size:.22rem;  height:.64rem;background: #fff; border:1px solid #fff; border-radius: 0.1rem; position: absolute; left: 5%; top:.2rem; border-top-left-radius: .6rem;border-bottom-left-radius: .6rem;}
#top_main .tsearch .btn{ color:#fff; font-size:.22rem; width: 16%; height:.66rem; line-height: .6rem; text-align: center; border:0px; background: #008bcb; position: absolute; right: 5%; top:.2rem; border-top-right-radius: .6rem;border-bottom-right-radius: .6rem;}
#top_main .tsearch .btn .btn_icon{display:block;width:0.34rem;height:0.34rem;margin-left:.32rem;margin-top:.14rem;background-position:-1.08rem -1.2rem;}
#top_main .btn_close_main {width: .88rem;height: 1rem;background-color: #008bcb;position: absolute;top: 0;left: 0;z-index:101;display:none;}
#top_main .btn_close_main .btn_close{width: .34rem;height: .33rem;margin-top: .32rem;margin-left: .26rem;background-position: -2rem -1rem;}
#top #nav { width: .4rem;height: .4rem;background-position: -.5rem -1.2rem;position: absolute; right: 0.3rem;  top: 0.36rem;text-align: center; cursor: pointer;}
#top .close{background-position: -2.06rem 0;  width: .34rem;height: .34rem;cursor: pointer; position: absolute; right: 12%; top: -0.06rem; text-align: center; }

/*subNav*/
.subNav { position: fixed; width: 100%; height: 100%; right: 0%; top: 0; z-index: 9999; max-width: 750px; min-width: 320px;background:#fff;display:none;overflow:scroll;}
.subNavCon {margin: 0px; width: 100%;}
.subNav .subTop{height:1rem;background:#fff;z-index:400;position:relative;border-bottom:1px solid #ddd;}
.subNav .subTop .nylogo{display:block;width: 3rem;height: 0.6rem;}
.subNav .subTop .nylogo img{display: block;width: 3rem;height: 0.6rem;margin-left: .2rem;margin-top: .2rem;}
.subNav .subTop .close{width:.34rem;height:.34rem;position:absolute;z-index:1;right:.4rem;top:.28rem;background-position:0rem -2.5rem;display:inline-block;vertical-align:middle;}
.subNav .subBottom{height:100%;margin:0 0.2rem;}
.subNav .subBottom li{border-bottom: 1px solid #ddd;position:relative;}
.subNav .subBottom li a{display:block;font:normal .36rem "AvantGarde Bk BT";color:#696464;width:100%;}
.subNav .subBottom li a .txt{height:.9rem;line-height:.9rem;}
.subNav .subBottom li a .tit{display: inline-block;font-size:.36rem;line-height:.8rem;font-family:"AvantGarde Bk BT";color:#333;}
.subNav .subBottom li em{ width: .28rem;height: .28rem; display:none; background-position: 0rem -.5rem; vertical-align: middle; position: absolute; right: 0;  top: .32rem;}
.subNav .subBottom .list{padding-top:0.2rem;}
.subNav .subBottom li.hover,.subNav .subBottom li:hover{border-bottom:1px solid #31b2eb;}
.subNav .subBottom li.hover a .txt,.subNav .subBottom li:hover a .txt{color:#31b2eb;}
.subNav .subBottom li.hover a .tit,.subNav .subBottom li:hover a .tit{color:#31b2eb;}
.subNav.show { display: block!important;}
.subNavShow { -webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block; }
.subNav .subnav2{margin-top:.2rem;display:none;}
.subNav .subnav2 a{ height: .6rem;font-size: .24rem;box-sizing:border-box;
 line-height: .6rem; text-align: left;color: #fff;display: block; 
 padding:0; background: none; border-bottom: 1px solid #ddd; font-size: .24rem!important;
 margin-bottom: .2rem;}
.subNav li.hover em{width:.31rem;height:.03rem;top:.46rem;background-position:-2.06rem -1.54rem;}
.subNav .subTel{margin-left: .4rem; margin-top: .3rem;}
.subNav .subTel span{font-size: 0.26rem; line-height: .28rem; color: #333333;}
.subNav .subTel a{color:#2c9cd1; font-size: 0.5rem; display: block; font-weight: normal;}

/* banner */
#banner_main{width:100%;overflow:hidden;position:relative;z-index:1;height:4.5rem;background-size: 1px auto;}
.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 a{display:block;}
.banner .list li img{width:100%; height:4.5rem;}
#banner .tip {width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;position:absolute;left:0%;bottom:0.3rem;z-index:12;font-size: 0;}
#banner .tip span {display:inline-block;vertical-align:middle; width:0.4rem; height:0.05rem;margin:0 0.08rem;vertical-align:middle;background-position:0 0;border-radius:100%;}
#banner .tip span.cur {background-position:0 -0.06rem;}

/*版权信息*/
#footer_main{width: 100%;height: 1.98rem; background:url("../images/ftBg.png") no-repeat center center;background-size:100% 1.98rem;}
#copyright{padding-top:0.6rem;padding-left:0;text-align:center;}
#copyright a{font:normal .26rem "microsoft yahei";color:#ccc;line-height:.26rem;}
#copyright p{font:normal .26rem "microsoft yahei";color:#ccc;line-height:.26rem;}
#copyright .copy2{margin-top:0.16rem;}
#copyright span{margin:0 0.09rem;}
#fix-sider{width:1rem;height:1rem;position:fixed;right:2%;bottom:29%;background:url(../images/tel.png) no-repeat center top;background-size:1rem auto;cursor: pointer;z-index:999;}
#returntop{width:1rem;height:1rem;background:url(../images/gotop.png) no-repeat center top;background-size:1rem auto;position: fixed;bottom:20%;right: 2%; cursor: pointer;z-index:99;}

/*==========@@页面布局  开始@@==========*/
#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;font-family: "微软雅黑";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;}

/*index css*/
.index{position:relative;overflow: hidden;}
.index .indexTit{padding-top:0.54rem;}
.index .indexTit .tit{font-size:0.45rem;line-height: 0.45rem;text-align:center;color:#333;}
.index .indexTit .tit em{font-weight:bold;color:#008bcb;}
.index .indexTit .subtit{width:5.09rem;height:0.32rem;margin:0 auto;margin-top:0.3rem;background:url("../images/titLine1.png") no-repeat center center;background-size:5.09rem 0.32rem;}

.gap{width:100%;height:0.2rem;background:#f5f5f5;}
.telfix{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 2.6rem; z-index: 999; background:url("../images/gTel.png") no-repeat center center;background-size:1rem 1rem;}
.toTop{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 1.5rem; z-index: 999; background:url("../images/goTop.png") no-repeat center center;background-size:1rem 1rem;}

/*iQuick_nav*/
.iQuick_nav{background: #fff; width: 100%; margin: 0 auto; margin-bottom:0; border-bottom:1px solid #d0d0d0;box-shadow: 0 1px 3px #e7e7e7;}
.iQuick_nav ul{padding: 0.5rem 0;}
.iQuick_nav li{float: left; width: 25%; text-align: center; display: block;}
.iQuick_nav li a{display: block;}
.iQuick_nav li .tb{width: 1.2rem; height: 1.2rem; margin: 0 auto; background: url("../images/menu.png") no-repeat 0 -0.1rem; background-size: 5.2rem auto; display: block;}
.iQuick_nav li h3{margin-top:0.24rem;line-height: .3rem; font-size: .3rem; font-weight: normal;color:#333;}
.iQuick_nav li:nth-child(2) .tb{background-position: -1.3rem -0.1rem;}
.iQuick_nav li:nth-child(3) .tb{background-position: -2.6rem -0.1rem;}
.iQuick_nav li:nth-child(4) .tb{background-position: -3.9rem -0.1rem;}

/*产品中心*/
.index .floor1{padding-bottom:0.7rem;border-bottom:1px solid #e4e4e4;background:#fff;}
.index .floor1 .menu{position:relative;padding:0 0.3rem;margin-top:0.4rem;}
.index .floor1 .menu .item{float:left;display:block;width:3.32rem;height:0.73rem;font-size:0.26rem;line-height:0.73rem;text-align:center;color:#333;background:#f8f8f8;border:1px solid #ddd;border-radius: 0.12rem;}
.index .floor1 .menu .item:nth-child(2n){margin-left:0.2rem;margin-bottom:0.2rem;}

/*产品列表*/
.index .floor1 #ipro {padding-top:.1rem;padding-bottom: 0; width: 6.9rem; margin: 0 auto; }
.index .floor1 #ipro .swiper-slide{display:block;width: 6.rem!important;height:7.8rem;border:1px solid #ddd;border-radius: 0.12rem;margin-right:0.2rem;}
.index .floor1 #ipro a {text-align: center; display: block; width: 100%; height:7.8rem;}
.index .floor1 #ipro a .img{position:relative;display:block;width: 100%;height:5.17rem;}
.index .floor1 #ipro a img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;width: 100%;height:5.17rem;margin:0 auto;display:block;border-top-left-radius:0.1rem;border-top-right-radius:0.1rem;}
.index .floor1 #ipro a .txt{width:6.9rem;}
.index .floor1 #ipro a .txt h3{width:6.2rem;margin:0 auto;margin-top:0.4rem;line-height:0.36rem;font-size:0.34rem; color: #171e36; text-align: center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.index .floor1 #ipro a .txt .cont{width:6rem;margin:0 auto;margin-top:0.3rem;font-size:0.26rem;line-height:0.36rem;text-align:center;color:#666;}
.index .floor1 #ipro .swiper-container { padding-bottom:0.5rem;}
.index .floor1 #ipro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
width: .14rem; height: .14rem; display: inline-block; vertical-align: top; margin: 0 .08rem;border:0.04rem solid #999;border-radius:100%;background:#fff;opacity:1;}
.index .floor1 #ipro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width:.4rem;height:.14rem;background:#008bcb;border-color:#008bcb;border-radius:.07rem; }
.index .floor1 #ipro .swiper-pagination{margin-top:-0.6rem;}
.index .floor1 .proList{padding:0 0.3rem;}
.index .floor1 .proList .item{float:left;display:block;width:3.32rem;height:3.26rem;border:1px solid #ddd;border-radius:0.1rem;}
.index .floor1 .proList .item a{display:block;}
.index .floor1 .proList .item .img{display:block;width:3.3rem;height:2.47rem;overflow:hidden;}
.index .floor1 .proList .item .img img{display:block;width: 3.29rem;height:2.47rem;margin: 0 auto;border-top-left-radius:0.1rem;border-top-right-radius:0.1rem;}
.index .floor1 .proList .item .txt{height:0.78rem;}
.index .floor1 .proList .item .txt .tit{font-size:0.26rem;line-height:0.78rem;text-align:center;color:#171e36;}
.index .floor1 .proList .item:nth-child(2n){margin-left:0.26rem;}


/*询盘*/
.enquiry{position:relative;width:6.9rem;height:3.42rem;margin:0 auto;margin-top:0.6rem;background:url("../images/enquiryBg.png") no-repeat center center;background-size:6.9rem 3.42rem;}
.enquiry .txt{padding:0.44rem 0.36rem 0;}
.enquiry .txt .tit{margin-bottom:0.3rem;font-weight:bold;font-size:0.32rem;line-height:0.36rem;text-align:left;color:#fff;}
.enquiry .txt .tit em{color:#4bc3ff;}
.enquiry .txt .subtit{padding-left:0.3rem;margin-top:0.14rem;font-size:0.24rem;line-height:0.26rem;color:#fff;background:url("../images/point.png") no-repeat left center;background-size:0.14rem 0.14rem;}
.enquiry .btns{position:absolute;bottom:0.31rem;width:100%;height:0.96rem;}
.enquiry .btns a{float:left;display:block;width:50%;height:0.95rem;font-size:0.3rem;line-height:0.95rem;color:#fff;}
.enquiry .btns a.tel{text-indent:1.5rem;background:url("../images/telIco.png") no-repeat 0.94rem center;background-size:0.25rem 0.28rem;} 
.enquiry .btns a.online{text-indent:1.44rem;border-left:1px solid #134b72;background:url("../images/onIco.png") no-repeat 1rem center;background-size:0.28rem 0.28rem;} 

/*经典案例*/
.index .floor2{height:19.31rem;background:url("../images/caseBg.png") no-repeat top center;background-size:100% 19.31rem;}
.index .floor2 .indexTit{padding-top:0.9rem;}
.index .floor2 .indexTit .tit{color:#fff;}
.index .floor2 .indexTit .tit em{color:#fff;}
.index .floor2 .indexTit .subtit{background:url("../images/titLine2.png") no-repeat center center;background-size:5.09rem 0.32rem;}
.index .floor2 .caseList{padding:0 0.3rem;margin-top:0.6rem;}
.index .floor2 .caseList .item{display:block;width:7.06rem;height:4.89rem;background:url("../images/caseItemBg.png") no-repeat center center;background-size:7.06rem 4.89rem;border-radius:0.1rem;}
.index .floor2 .caseList .item a{display:block;padding-top:0.3rem;}
.index .floor2 .caseList .item .img{display:block;width:6.3rem;height:3.53rem;margin:0 auto;}
.index .floor2 .caseList .item img{display:block;width:6.3rem;height:3.53rem;}
.index .floor2 .caseList .item .txt{height:0.9rem;}
.index .floor2 .caseList .item .txt .tit{height:0.9rem;font-size:0.34rem;line-height:0.9rem;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;color:#333;}
.index .floor2 .cMore{display: block;width: 7.06rem;height: .96rem;margin: 0 auto;margin-left:0.28rem;margin-top:0.3rem;background:url("../images/moreM.png") no-repeat center center;font-size: .34rem;color: #333;text-align: center;line-height: .8rem;background-size:7.06rem 0.96rem;}

/*六大优势*/
.index .floor3{position:relative;background:#fff;}
.index .floor3 .indexTit{padding-top:0.8rem;}
.index .floor3 .advantList{margin-top:0.4rem;}
.index .floor3 .advantList .item{position:relative;display:block;width:7.1rem;height:2.87rem;margin:0 auto;margin-bottom:0.16rem;background:url("../images/sixItemBg.png") no-repeat center center;background-size:7.1rem 2.87rem;}
.index .floor3 .advantList .item a{display:block;}
.index .floor3 .advantList .item .txt{width:5.2rem;}
.index .floor3 .advantList .item .txt .tit{font-weight:bold;font-size:0.4rem;line-height:0.5rem;color:#333;}
.index .floor3 .advantList .item .txt .tit em{display:block;color:#008bcb;}
.index .floor3 .advantList .item .txt .cont{margin-top:0.3rem;font-size:0.24rem;line-height:0.36rem;text-align:justify;color:#666;}
.index .floor3 .advantList .item .txt .cont em{display:block;}
.index .floor3 .advantList .item .sIco{display:block;width:1rem;height:1rem;}
.index .floor3 .advantList .item:nth-child(odd) .txt{padding-top:0.4rem;margin-left:0.5rem;}
.index .floor3 .advantList .item:nth-child(odd) .sIco{position:absolute;top:0.4rem;right:0.5rem;}
.index .floor3 .advantList .item:nth-child(even) .txt{padding-top:0.4rem;margin-left:1.8rem;}
.index .floor3 .advantList .item:nth-child(even) .sIco{position:absolute;top:0.4rem;left:0.5rem;}
.index .floor3 .enquiry{margin-top:0.4rem;}

/*公司介绍*/
.index .floor4{padding-bottom:0.8rem;margin-bottom:0.16rem;border-bottom:1px solid #d0d0d0;background:#fff;}
.index .floor4 .indexTit{padding-top:0.8rem;}
.index .floor4 .about{margin-top:0.7rem;}
.index .floor4 .about .aImg{display:block;width:6.9rem;height:4.17rem;margin:0 auto;}
.index .floor4 .about .aImg img{display:block;width:6.9rem;height:4.17rem;border-radius:0.12rem;}
.index .floor4 .aCont{padding:0 0.6rem;margin-top:0.6rem;}
.index .floor4 .aCont .aTit{font-size:0.34rem;line-height:0.34rem;color:#333;} 
.index .floor4 .aCont .aTxt{margin-top:0.3rem;font-size:0.26rem;line-height:0.46rem;text-align:justify;color:#666;}
.index .floor4 .aCont .kMore{display:block;width:6.3rem;height:1.24rem;margin:0 auto;margin-top:0.6rem;font-size:0.34rem;line-height:0.96rem;text-align:center;color:#fff;background:url("../images/aMore.png") no-repeat center center;background-size:6.3rem 1.24rem;}

/*新闻中心*/
.index .floor5{padding:0.3rem 0.3rem 0.8rem;background:#fff;}
.index .floor5 .newsList{margin-top:0.6rem;}
.index .floor5 .newsList .item{margin-top:0.3rem;}
.index .floor5 .newsList .item:first-child{margin-top:0;}
.index .floor5 .newsList .item .txt{float:left;width:3.4rem;height:1.8rem;border-bottom:1px solid #ddd;}
.index .floor5 .newsList .item .txt .tit{height:0.88rem;font-size:0.32rem;line-height:0.44rem;text-align:justify;color:#333;}
.index .floor5 .newsList .item .txt .time{margin-top:0.4rem;font-size:0.26rem;line-height:0.2rem;color:#666;}
.index .floor5 .newsList .item .img{float:right;display:block;width:3.2rem;height:1.8rem;}
.index .floor5 .newsList .item img{display:block;width:3.2rem;height:1.8rem;border-radius:0.1rem;}
.index .floor5 .moreNews{display:block;width:6.3rem;height:1.24rem;margin:0 auto;margin-top:0.6rem;font-size:0.34rem;line-height:0.96rem;text-align:center;color:#fff;background:url("../images/aMore.png") no-repeat center center;background-size:6.3rem 1.24rem;}

/*index css end*/

/*ny css start*/
.content{padding: 0 0 .8rem; min-height: 6rem;background:#fff;}
.content .non{padding-left: 4%; display: block;}
.location{width: 100%; padding: 0 3%; position: relative; margin-bottom: .2rem; border-bottom: 1px solid #dddddd; height: .9rem; line-height: .88rem; background: #ffffff;}
.location .goBack{width: .7rem; height: .88rem; position: absolute; padding-top: .28rem; left: 0; top: 0;}
.location .goBack:before{width: .34rem; height: .38rem; background-position: -3.8rem 0; display: block; margin: 0 auto;}
.location .sitepath{font-size: .34rem; text-align: center; color: #333; text-transform: capitalize;}
.location .sitepath:before{width: .38rem; height: .18rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background-position: -2.53rem -0.48rem;}
.noinfo{width: 100%; padding: 0 3%;}
.noinfo img{display: block; max-width: 80%; margin: .2rem auto;}
.cateList{width: 100%; text-align: center; background: #fff;}
.cateList .con{width: 7.1rem; padding: .15rem 0 .15rem; margin: 0 auto;}
.cateList li{width: 48.5%; position: relative; margin-right: 3%; float: left;}
.cateList li > a{width: 100%; height: .7rem; line-height: .68rem; overflow: hidden; background: #f3f3f3; text-align: center; display: block; position: relative; margin-bottom: .15rem; border: 1px solid #eee;border-radius:0.06rem;}
.cateList li > a s{width: .25rem; height: .25rem; display: block; text-align: center; color: #333; font-size: .24rem; position: absolute; right: .12rem; top: .18rem; background-position: -2rem -0.54rem;}
.cateList li > a.cur{color: #008bcb;}
.cateList li > a.cur s{background-position: -1.62rem -0.54rem;}
.cateList li .box{width: 6rem; z-index: 111; padding: .2rem 3%; position: absolute; background: #f3f3f3; left: 0; top: .7rem; display: none; min-height: 2rem;}
.cateList li .box s{width: 48.5%; height: .2rem; display: block; position: absolute; left: 0; top: -0.1rem; z-index: 10; background: #f3f3f3;}
.cateList li .box a{width: 47%; padding-left: 3%; height: 0.6rem; line-height: 0.6rem; float: left; text-align: left;}
.cateList li .box a:nth-child(3n){margin-right: 0;}
.cateList li .box a:before{width: .12rem; height: .12rem; display: inline-block; margin-right: .1rem; background-position: -1.51rem -0.58rem;}
.cateList li .box a.hover{color: #008bcb; border-color: #008bcb;}
.cateList li .box a.hover:before{background-position: -1.74rem -0.58rem;}
.cateList li:nth-child(2n){margin-right: 0;}
.cateList li:nth-child(2n) .box{left: auto; right: 0;}
.cateList li:nth-child(2n) .box s{left: auto; right: 0;}
.cateList li.hover > a{background: #008bcb; color: #fff;}
.cateList.cateList2 li a{color: #333; font-weight: normal;}
.cateList.cateList2 li a.cur{color: #333; font-weight: normal;}
.cateList.cateList2 li a.cur s{background-position: -0.73rem -0.54rem;}

/*reLink*/
.reLink{margin: .2rem 3% .3rem;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .7rem; line-height: .7rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}

#seeMore{width: 94%; margin: 0 auto 0; position: relative; text-align: center; color: #fff; height: 0.74rem; line-height: 0.74rem; display: block; background: #008bcb; font-weight: bold; font-size: .26rem; box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1);border-radius:0.08rem;}
#seeMore:link,
#seeMore:visited{color: #fff;}

/*二维码弹窗*/
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: .3;}
.ewmbox{width: 3.6rem;height: 3.8rem;padding-top: 0.2rem;background: #fff;z-index: 999999;position: fixed;left: 50%;top: 50%;margin: -1.7rem 0 0 -1.5rem;text-align: center;font-size: 0.24rem;display: none;border-radius: 0.12rem;}
.ewmbox .close{width: 0.32rem;height: 0.32rem;position: absolute;top: 3.8rem;right: 1.8rem;cursor: pointer;border-radius: 100%;background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 3rem;height: 3rem;display: block;margin: 0 auto 0.1rem;/* padding-top: 0.1rem; */}
.ewmbox .tit{font-size:0.24rem;}


/*二维码弹窗*/
.g_wximg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; max-width: 750px; min-width: 320px; display: none;}
.g_wximg .close{background: url(../images/close.png) no-repeat center; background-size: .4rem auto; width: .4rem; height: .4rem; cursor: pointer; position: fixed; right: 18%; top: 18%; text-align: center; display: block; z-index: 12;}
.g_wximg .bdtel img{width: 4.0rem !important; display: block;}
.bdtel{position: fixed; top: 22%; z-index: 10; padding: 0 0 .1rem; max-width: 750px; min-width: 320px;}
.bdtel .upIn{width: 6.4rem; display: block; text-align: center; color: #fff; padding: 4%; margin: 0 auto;}
.bdtel p{padding: 2%; text-align: center; color: #fff;}
.bdtel img{margin: 0 auto; display: block; max-width: 80% !important;}
.bdtelbg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; max-width: 750px; min-width: 320px; display: none;}
.bga{background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%;}

/*产品中心*/
.productPage {padding: 0 0 .8rem;min-height:6rem;}
.prolist{padding: 0 3% .2rem;}
.prolist .item{width: 48.5%;float: left;margin-right: 3%;margin-bottom: .26rem;background: #fff;/* box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1); */}
.prolist .item a{width: 100%; display: block;}
.prolist .item:nth-child(2n){margin-right: 0;}
.prolist .item figure{width: 100%; padding-top: 75%; position: relative; border: 1px solid #eee; overflow: hidden;}
.prolist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.prolist .item h3{width: 100%;height: 0.7rem;line-height: 0.7rem;overflow: hidden;text-align: center;border: 1px solid #eee;color: #333;border-top: none;}

/*产品详情*/
.showProduct{width: 100%;border-top:1px solid #ddd;}
.showProduct .caseimg{width: 6rem; height: auto; margin: 0 auto;}
.showProduct .caseimg img{max-width: 100%; display: block; margin: 0 auto;}
.showProduct .imgtog{width: 6rem; height: 4.5rem; margin: .1rem auto .1rem;}
.showProduct .imgtog .list{height: 4.5rem;}
.showProduct .imgtog .list .item{height: 4.5rem;}
.showProduct .imgtog .list .item img{width: 100%; height: 4.5rem;}
.showProduct .n-tit{width: 94%; margin: .4rem auto .3rem; height: .7rem; border-bottom: 2px solid #eee;}
.showProduct .n-tit h3{display: inline-block; height: .7rem; line-height: .68rem; font-size: .3rem; border-bottom: 2px solid #008bcb;}
.showProduct .n-tit .more{float: right; text-transform: uppercase; padding-top: .18rem; font-size: .22rem;}
.showProduct .protit{padding: .2rem 3%; font-size: .3rem; color: #000;text-align:center;border-top: 1px solid #ddd;}
.showProduct .tit2{font-size: .28rem; color: #008bcb; padding: .2rem 0 .2rem;}
.showProduct .txt2{padding: 0 3% .25rem; color: #666; font-size: .22rem;}
.showProduct .txt2 strong{display: block; margin-bottom: .08rem; color: #333;}
.showProduct .txt3{padding: 0 3% .25rem; color: #666; font-size: .22rem;}
.showProduct .txt3 strong{margin-bottom: .08rem; color: #333;}
.showProduct .price{color: #ff0036; padding: 0 3% .2rem;}
.showProduct .price span{font-size: .36rem;}
.showProduct .showTel{width: 100%; height: 1rem; line-height: 1rem; margin-bottom: .25rem; font-size: .28rem; color: #666666; background: #f8f8f8; border-top: 1px solid #dbd7d7; border-bottom: 1px solid #dbd7d7; text-align: center; box-sizing: border-box; color: #000; margin-top: 0;}
.showProduct .showTel s{width: .8rem; height: .8rem; background-position: 0.1rem -1.48rem;}
.showProduct .showpCon{padding: 0 0 .3rem;}
.showProduct .showpCon .tit{color: #008bcb; font-weight: bold; padding: .2rem 0; font-size: .26rem;}
.showProduct .showpCon .showp_img,
.showProduct .showpCon .showp_txt{margin-bottom: .2rem; padding: 0 3%;}
.showProduct .showpCon .showp_img .n-tit,
.showProduct .showpCon .showp_txt .n-tit{margin: 0 0 .3rem;}
.showProduct .showpCon .showp_img img,
.showProduct .showpCon .showp_txt img{max-width: 100%; display: block; height: auto !important;}
.showProduct .showpCon .txtcon{font-size: .24rem; color: #333;}
.showProduct .showpCon .txtcon img{max-width: 100% !important;}
.showProduct .showpCon .showpCase{border-top: .2rem solid #f1f1f1; margin-top: .2rem; padding-right: 0;}
.showProduct .showpCon .showpCase .projectList{padding-left: 0;}
.showProduct .showpCon .showpCase .gridlist{padding: 0;}
.showProduct .ourTeam{width: 100%; margin: 0; padding-top: .2rem;}
.showProduct .ourTeam .team_tit{width: 100%; height: 0.7rem; line-height: 0.7rem; margin-bottom: .3rem; background: #008bcb; color: #fff;}
.showProduct .ourTeam .team_tit strong{font-size: .26rem; font-weight: bold; margin: 0 .15rem 0 .15rem;}
.showProduct .ourTeam img{width: 100%; display: block;}
.showProduct .ourTip .tip_tit{color: #ff0036; font-size: .26rem; margin-top: .24rem; font-weight: bold; margin-bottom: .08rem;}
.showProduct .ourTip .list{line-height: .34rem;}
.showProduct .ourTip .list li{margin-bottom: .15rem; position: relative;}
.showProduct .ourTip .list li s{width: .08rem; height: .08rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background: #008bcb; border-radius: 100%;}
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 5.6rem; text-align: center; display: block;}
.showimg a img{height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%;}
.showimg span.left{right: auto; left: 50%; margin-left: -3rem;}
.showimg span{display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer;}
.showimg span.left::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showProduct .showpCon table{width:100%!important;}
.showProduct .showpCon .txtcon td{ padding:4px; border:1px solid #ccc; text-align:center; vertical-align:middle;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;}

/* imgtog */
.showProduct .imgtog{width: 94%; margin: 0 auto; position: relative; overflow: hidden; height: 3.85rem;}
.showProduct .imgtog .list{float: left; width: 500%; height: 3.85rem;}
.showProduct .imgtog .list .item{float: left; width: 20%; height: 3.85rem;}
.showProduct .imgtog .list .item img{width: 100%;}
.showProduct .imgtog .prev,
.showProduct .imgtog .next{width: .3rem; height: .45rem; position: absolute; top: .9rem; z-index: 20;}
.showProduct .imgtog .prev{left: .1rem; background-position: -0.98rem 0;}
.showProduct .imgtog .next{right: .1rem; background-position: -1.4rem 0;}
.showProduct .imgtog .tip{height: .2rem; width: 100%; position: absolute; left: 0; bottom: .2rem; margin-left: 0; text-align: center; z-index: 10;}
.showProduct .imgtog .tip span{width: .3rem; height: .12rem; margin: 0 .08rem; border-radius: .2rem; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; background: #c9c9c9;}
.showProduct .imgtog .tip span.cur{background: #008bcb;}
.showProduct .imgtog.banner{height: 5.0rem;width: 7.2rem;margin: 0 auto .3rem;padding-bottom: .5rem;}
.showProduct .imgtog.banner .list{height: 5.0rem;}
.showProduct .imgtog.banner .list .item{width: 6.2rem;height: 5.0rem;}
.showProduct .imgtog.banner .list .item a{width: 100%; display: block;}
.showProduct .imgtog.banner .list .item img{width: 7.02rem;height: 5rem;margin: 0 auto;display: block;border-radius: .08rem;box-shadow: 0 0.03rem 0.16rem rgba(4, 127, 204, 0.2);}
.showProduct .imgtog.banner .tip{bottom: .25rem;}
.showProduct .banner_main{padding: .3rem 0 0;}

/*新闻列表*/
/*newslist*/
.newsPage{min-height:7.5rem;}
.newslist{padding: 0 3% .2rem;}
.newslist .item{width: 100%; display: block; padding: .22rem 0; border-bottom: 1px solid #dddddd; margin: 0 auto;}
.newslist .item img{width: 2.66rem; height: 1.5rem; border-radius: .1rem; display: block; margin-left: .22rem; float: right;}
.newslist .item h3{font-size: .28rem; line-height: 0.4rem; height: 0.8rem; margin-bottom: .32rem; overflow: hidden; color: #333333;}
.newslist .item .time{color: #999999; font-size: .22rem; line-height: .26rem; display: block; margin-top: .15rem;}
.newslist .item .time:before{width: .28rem; height: .3rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background-position: -2.56rem 0;}
.newslist .item:first-child{padding-top: 0;}
.newslist .item:last-child{border-bottom: 0px;}

/*新闻详情页*/
/*showInfo*/
.showInfo{padding: 0 0 .8rem; width: 100%;}
.showInfo .title{font-size: .4rem; text-align: center; line-height: .48rem; color: #333333; padding: .1rem 3% .2rem;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem; text-align: center; color: #666666; padding-bottom: .1rem; border-bottom: 1px solid #dbd7d7;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .contxt{padding: .2rem 3% .4rem; font-size: .24rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.showInfo .reLink{margin: .2rem 3% .1rem;}
.showInfo .showRelate{margin-top: .1rem;}
.showInfo .showRelate .sitepath{padding: .18rem 0 0;}
.showInfo .showRelate .sitepath h3{font-weight: bold;}
.showInfo .showRelate .item{margin-bottom: .2rem;}
.showInfo .n-tit{width: 94%; margin: .4rem auto .3rem; height: .7rem; border-bottom: 2px solid #eee;}
.showInfo .n-tit h3{display: inline-block; height: .7rem; line-height: .68rem; font-size: .3rem; border-bottom: 2px solid #008bcb;}
.showInfo .n-tit .more{float: right; text-transform: uppercase; padding-top: .18rem; font-size: .22rem;}

/*工程案例*/
.casePage{min-height:7.5rem;width: 100%;background:#fff;padding-top:0.2rem;padding-bottom:0.8rem;}
.caselist{padding: .1rem 3% .2rem;}
.caselist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; border: 1px solid #d5e0e8;}
.caselist .item a{width: 100%; display: block;}
.caselist .item:nth-child(2n){margin-right: 0;}
.caselist .item figure{width: 100%; padding-top: 56.25%; position: relative; border-bottom: 1px solid #d5e0e8; overflow: hidden;}
.caselist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.caselist .item h3{width: 100%; height: .6rem; line-height: .6rem; overflow: hidden; text-align: center;}
/*ny css end*/

/*荣誉资质*/
.honorPage{min-height:7.5rem;width: 100%;background:#fff;padding-top:0.5rem;padding-bottom:0.8rem;}
.honorPage .companyList .list .item{width: 45.5%; margin-left: 3%; margin-bottom: .3rem; float: left; background: #fff;}
.honorPage .companyList .list .item a{display: block; width: 100%;}
.honorPage .companyList .list .item figure{width: 100%; padding-top: 75%; overflow: hidden; position: relative;}
.honorPage .companyList .list .item img{width: 100%; min-height: 100%; position: absolute; left: 0; top: 0;}
.honorPage .companyList .list .item .tit{font-size:0.24rem;text-align: center; line-height: .5rem; height: .5rem;background:#0195df;color:#fff;}
.honorPage .companyList .list .item:hover .tit{background:#fff;color:#333;}


/*关于我们*/
.aboutPage{padding: .3rem 0;}
.aboutPage .txtcon{color: #666666; padding: 0 3% .3rem; line-height: .42rem;}
.aboutPage .txtcon img{max-width: 100%;}
.singlePage{padding: .1rem 3% 1rem;min-height:7.5rem;}
.singlePage img{max-width: 100%; height: auto !important;}

/*联系我们*/
.contactPage{padding-bottom: 0; width: 100%; overflow: hidden;}
.contactPage .t{color: #000; padding: 0 3% .2rem; font-size: .3rem;}
.contactPage .n-tit{font-size: .3rem; color: #008bcb; padding: 0 3% .2rem;}
.contactPage .txtcon{padding: 0 3% .3rem;}
.contactPage .txtcon img{max-width: 100%;}
.contactPage .mapArea{width: 100%; height: 3.7rem; overflow: hidden;}
.contactPage .mapArea .con{height: 3.5rem; width: 100%; display: block;}
.contactPage .mapArea .BMap_bubble_content{line-height: .3rem; font-size: .2rem;}
.contactPage .messagePage .title{text-align: center; font-size: .32rem; padding: .2rem 0 0;}
.contactPage .imsg{margin: .4rem 3% .4rem;}
.contactPage .imsg .item{width: 100%; height: .8rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .68rem; border: 1px solid #dcdcdc; background: #fff;}
.contactPage .imsg .txt{width: 100%; height: .78rem; text-indent: .18rem; font-size:0.26rem;line-height: .78rem; border: 0px; background: none; outline: none; color: #666;}
.contactPage .imsg .red{color: red; position: absolute; right: .2rem; top: 0;}
.contactPage .imsg .liuyan{width: 100%; height: 1.58rem; margin-bottom: .2rem; height: 2.08rem;}
.contactPage .imsg .liuyan textarea{width: 100%; color: #666; overflow: hidden; box-sizing: border-box; padding: .15rem .18rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.contactPage .imsg .submit{width: 100%; height: .8rem; cursor: pointer; border: 0; font-size:0.3rem;line-height: .8rem; text-align: center; color: #fff; display: block; background: #008bcb;}
.contactPage .messagePage{padding: .4rem 0 .5rem;}

/*在线咨询*/
.msgPage .imsg{margin: .4rem 3% .4rem;}
.msgPage .imsg .item{width: 100%; height: .8rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .68rem; border: 1px solid #dcdcdc; background: #fff;}
.msgPage .imsg .txt{width: 100%; height: .78rem; text-indent: .18rem; font-size:0.26rem;line-height: .78rem; border: 0px; background: none; outline: none; color: #666;}
.msgPage .imsg .red{color: red; position: absolute; right: .2rem; top: 0;}
.msgPage .imsg .liuyan{width: 100%; height: 1.58rem; margin-bottom: .2rem; height: 2.08rem;}
.msgPage .imsg .liuyan textarea{width: 100%; color: #666; overflow: hidden; box-sizing: border-box; padding: 0; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.msgPage .imsg .submit{width: 100%; height: .8rem; cursor: pointer; border: 0; font-size:0.3rem;line-height: .8rem; text-align: center; color: #fff; display: block; background: #008bcb;}
.msgPage .messagePage{padding: .4rem 0 .5rem;}

/*合作伙伴*/
.productPage .gridlist{padding: .1rem 3% .2rem;}
.productPage .gridlist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; border: 1px solid #d5e0e8;}
.productPage .gridlist .item a{width: 100%; display: block;}
.productPage .gridlist .item:nth-child(2n){margin-right: 0;}
.productPage .gridlist .item figure{width: 100%; padding-top: 75%; position: relative; border-bottom: 1px solid #d5e0e8; overflow: hidden;}
.productPage .gridlist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.productPage .gridlist .item h3{width: 100%; height: .6rem; line-height: .6rem; overflow: hidden; text-align: center;}
.productPage .gridlist.gridlist3 .item figure{padding-top: 100%;}
.productPage .gridlist.gridlist9 .item{border: 1px solid #dcdcdc; box-shadow: none;}
.productPage .gridlist.gridlist9 .item figure{padding-top: 56.25%;}

/**/

#nativeShare{margin:0 auto; width: 100%;padding-top: 0.3rem;}
#nativeShare .label{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
#nativeShare .list {width:83%;float:right;}
#nativeShare .list span {height:0.9rem;width:0.8rem;padding:0;display:inline-block;}
#nativeShare .list span i {height:0.6rem; width:0.6rem;display: block;margin:0 auto;}
#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.72rem;}

#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/weixin.png) no-repeat center;background-size:100% 100%;}
#bdfx .d2{background:url(../images/weibo.png) no-repeat center;background-size:100% 100%;}


#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;}

/*导航动画*/
@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;}}


/*字体*/
@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;
    }
}