@charset "utf-8";
/*==========@@HTML默认 起头@@==========*/
/*根基*/
*{padding:0px; margin:0px}
body{font-size:100px;}
*{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:640px;min-width:320px;margin:0 auto;font: .24rem/1.6 'PingFangSC-Light','microsoft yahei',Arial,Helvetica,sans-serif,"Hiragino Sans GB";color:#333;-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: 1rem;}
img{border:0px;}
em{font-style:normal;}
s,i{font-style: normal;}
ul, ol{list-style-type:none;}
li{list-style: none outside none;}
strong,b{font-weight: normal;}
/*表单*/
input,button,select,textarea{outline:none; font-family:"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;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取缔链接高亮 */}
a:focus{outline:none;}
a:hover, a:active{color:#0344a5; outline:none;}
/*标题*/
h1, h2, h3, h4, h5, h6, h7{font-weight: normal;}
.icon,.iconn:before,.iconn:after,.iconbef:before,.iconbef:after{content: "\20"; display:block;}
.icon{background:url(/theme/TF000212/mobile/images/icon_blue.png) no-repeat;display:inline-block;background-size:4rem auto;vertical-align:middle;}
.iconn{background: url(/theme/TF000212/mobile/images/iconn_blue.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}
.iconbef:before{background: url(/theme/TF000212/mobile/images/iconn_blue.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}
/*断根浮动*/
.fl{float:left;}
.fr{float:right;}
.hide{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默认 实现@@==========*/
.header{position:relative;}
#top_main{width: 100%;height: 1rem;z-index: 9999;position: fixed;top: 0px;left: 0px;}
#top{max-width: 640px;min-width: 320px;height: 1rem;margin: 0px auto;position: relative;background: #fff;box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);}
#top .logo{width: 75%;margin: 0 auto;padding-top: .1rem;display: block;text-align: center;}
#top .logo a{display:block;}
#top .logo img{height: .8rem;vertical-align: top;}
#top .topsearch{display: block;position: absolute;left: 0;top: 0px;text-align: center;cursor: pointer;width: .9rem;height: .5rem;margin: .25rem auto;background-position: -.27rem -1.45rem;z-index: 6;}
#top #nav{width: .8rem;height: 100%;position: absolute;right: 0;top: 0;text-align: center;cursor: pointer;z-index: 6;}
#top .nav{width: .5rem;height: .36rem;margin: .33rem auto;background-position:-.56rem -.94rem;}
#top .cur .nav{background-position:0 -.94rem;}
#search{background:#f2f2f2;width:100%;margin:0 auto;height:1rem;position: absolute;left: 0;top: .88rem;padding-top: .2rem;display:none;z-index: 999;}
#search input{display:block;padding: 0;margin: 0;}
#search .txt{border:none;width:80%;height:0.65rem;line-height:0.65rem;margin-left:4%;color:#666;font-size: 0.22rem; background:#fff;text-indent:3%;border-top-left-radius:.3rem;border-bottom-left-radius: .3rem;}
#search .btn{cursor:pointer;border:none;font-size: 0.24rem; width:0.8rem; height:0.65rem;text-align:center;background:#0344a5 url(../images/icon.png) no-repeat 0 -4.6rem;background-size:2.4rem auto;color: #fff;border-top-right-radius:.3rem;border-bottom-right-radius: .3rem;background-size:2.0rem auto;vertical-align:middle;}
/*subNav*/
.subNav{position: fixed;width: 100%;height: 100%;top: 1rem;z-index: 999;max-width: 640px;min-width: 320px;background: #0344a5;display: none;}
.subNavCon{height: 100%;padding-bottom: 2rem;overflow-x: hidden;}
.subNav .closrbox{width:20%;height:0.5rem;line-height:.5rem;background:#fff;position:absolute;right:2%;top:-5%;}
.subNav li{width: 100%;display: block;line-height: .8rem;margin: 0 auto;position: relative;border-top: .01rem solid rgba(0,0,0,.1);}
.subNav li i{float: right;height: .8rem;width: .8rem;position: relative;z-index: 1;cursor: pointer;transition: all .5s;}
.subNav li i:after{content:" ";position: absolute;top: .32rem;left: .25rem;width: .15rem;height: .15rem;border: .02rem solid #fff;border-style: solid solid none none;transform: rotate(45deg);}
.subNav .sub{width: 100%;display: none;}
.subNav .sub a{font-size: .24rem;line-height: .65rem;border-top: .01rem solid rgba(0,0,0,.1);margin-right: 0;background-color: rgba(0,0,0,.2);}
.subNav li a{display: block;color: #fff;font-size: .28rem;padding: 0 .2rem;margin-right: .8rem;}
.subNav li.open i {transform: rotate(90deg);}
/*banner*/
.banner{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.banner img{width:100%;display: block;}
.banner.swiper-container .swiper-pagination{bottom: .2rem;}
.banner.swiper-container .swiper-pagination.sz{bottom: 2.05rem;}
.banner.swiper-container .swiper-pagination .swiper-pagination-bullet{width: .14rem;height: .14rem;background: #000;opacity: .2;margin: 0 .08rem;vertical-align:top;position:relative;transition: all .5s;}
.banner.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: #fff;opacity: 1;}
/* 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;}
/*版权信息*/
.footer_main{text-align:center;width:100%;padding: .2rem;color: #666;border-top: 1px solid #e5e5e5;background: #f5f5f5;}
.copyright{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
.footer_main a{color: #666;}
/*返回顶部*/
#returntop{width: .8rem;height: .8rem;background: #0344a5 url(../images/gotop.png) no-repeat center;background-size: .4rem;position: fixed;bottom:20%;right: 2%;cursor: pointer;z-index:99;border-radius: 50%;opacity: 0;transition: all .5s;}
#returntop.cur{opacity: 1;}
/* 工具栏 */
#toolbar{position:fixed;bottom:0;width:100%;z-index: 888;height:1rem;left: 0;}
#toolbar .list{width:100%;max-width:640px;min-width: 320px;margin: 0 auto;background: #282828;box-shadow: 0 -8px 8px 0px rgb(0 0 0 / 10%);}
#toolbar .list li{float:left;width:25%;text-align:center;border-left: .01rem solid rgba(255,255,255,.1);}
#toolbar .list li:first-child{border-left: 0;}
#toolbar .list a{display:block;height:1.2rem;line-height:0.24rem;font-size: 0.22rem;color: #fff;padding-top: 0.15rem;}
#toolbar .list a.hover{background: #0344a5;}
#toolbar .list a s{margin-left:auto;margin-right:auto;width: 0.42rem;height: 0.46rem;display:block;background-size: 5rem auto;}
#toolbar .list a span{text-align: center;line-height: 0.35rem;display: block;}
#toolbar .list a .too-home{background-position: 0.03rem 0;}
#toolbar .list a .too-qiao{background-position: -1.6rem 0;}
#toolbar .list a .too-map{background-position: -.79rem 0;}
#toolbar .list a .too-tel{background-position: -2.36rem 0;}
.xbg{width:100%; display:block;position: fixed;height:1.05rem;left: 0;bottom: 0;background: #fff;z-index: 880;}
#toolbar .list a s span{color: #fff;padding-top:.9rem;text-transform: initial;font-style:normal;}
/*==========@@页面布局 起头@@==========*/
.index,.floor{width:100%;max-width:640px;min-width: 320px;margin:0 auto;}
.index{padding-top:0;position: relative;}
/*首页导航*/
.inav_t{width:100%;}
.inav_t dl{overflow:hidden;}
.inav_t dl dd{width: 25%;height:0.7rem;float: left;text-align: center;background-color: #0344a5;border-right: .01rem solid rgba(0,0,0,.1);border-bottom: .01rem solid rgba(0,0,0,.1);}
.inav_t dl dd:nth-child(3n){border-right: 0;}
.inav_t dl dd a{display:block;width: 100%;line-height: .7rem;color: #fff;}
/*首页标题*/
.in_title{text-align: center;padding-bottom: .46rem;}
.in_title h3{position: relative;color: #333;font-size: .4rem;font-weight: bold;line-height: .38rem;height: .64rem;background-size: contain;}
.in_title h3 b{color: #f80;font-weight: bold;}
.in_title h3:after{content:" ";position: absolute;top: .62rem;left: 50%;margin-left: -.37rem;width: .74rem;height: .02rem;background: #969393;}
.in_title  p{font-size: .18rem;color: #333;line-height: 1;margin-top: .2rem;}
/*产品中心*/
.m_product{overflow: hidden;background:#f0efef;padding: .5rem 0 .31rem;}
.s_type{width: 100%;overflow: hidden;margin-bottom: .2rem;padding: 0 .15rem;}
.s_menu{ overflow: hidden; }
.s_menu > div{padding: .15rem;border: .01rem dashed #0344a5;overflow: hidden;}
.s_menu h3{font-size: .31rem;font-weight: bold;line-height: .33rem;color: #0344a5;margin-bottom: .12rem;}
.s_menu ul{ box-sizing: border-box; }
.s_menu li a{display: block;width: 33.33%;box-sizing:border-box;padding-right: .1rem;float: left;font-size: .24rem;line-height: .4rem;color: #333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.s_menu li a:hover{ color:#0344a5; }
.m_plist{width: 100%;overflow: hidden;padding: 0 .15rem;}
.m_plist a{ display: block; width: 100%; overflow: hidden; }
.m_plist a .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.m_plist a .img img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.m_plist a .txt{ text-align: center; background: #fff; border:1px solid #e1e1e6; border-top: 0; box-sizing: border-box; padding:6px 18px 18px; }
.m_plist a .txt strong{line-height: .46rem;font-size: .29rem;color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m_plist a .txt span{display: inline-block;margin-top: .16rem;padding: .1rem .2rem;line-height: 1;font-size: .14rem;color: #3e474d;background: #f0f0f0;border: .01rem dashed #c6cdd3;border-radius: .05rem;transition: all .5s;}
.m_plist a:hover .txt span{ background: #0344a5; color: #fff; border-color: #95a9c4; transition: all .5s; }
/*幼banner*/
.m_pshow{padding-top: .4rem;height: 2rem;background: url(/theme/TF000212/mobile/images/pshow.jpg) no-repeat;background-size: cover;}
.m_pshow h3{color: #ffde00;font-size: .53rem;font-weight: bold;line-height: .6rem;text-align: center;}
.m_pshow .tel{color: #fff;font-size: .26rem;line-height: .6rem;margin-left: .35rem;}
.m_pshow .tel s{display: inline-block;width: .27rem;height: .27rem;margin-right: .1rem;background: url(/theme/TF000212/mobile/images/ptel.png) no-repeat left center;background-size: .27rem;vertical-align: middle;}
.m_pshow .tel span{position: relative;top: .05rem;left: -.13rem;font-size: .4rem;font-weight: bold;line-height: 1;}
/*产品优势*/
.m_super{padding: .48rem .15rem 1.16rem;background: url(/theme/TF000212/mobile/images/super_bg.jpg) no-repeat top center;background-size: cover;}
.m_super .hd{text-align: center;padding-bottom: .32rem;}
.m_super .hd h3{display: block;color: #333;font-size: .42rem;font-weight: bold;line-height: .41rem;height: .41rem;}
.m_super .hd h3 b{color: #f80;font-weight: bold;}
.m_super .hd span{position: relative;display: block;width: 6.1rem;height: .02rem;background: #b8b4b4;border-bottom: .01rem solid #fff;margin: 0 auto;margin-top: .21rem;margin-bottom: .16rem;}
.m_super .hd span:after{content:" ";position: absolute;top: 0;left: 50%;margin-left: -.53rem;width: 1.06rem;height: .02rem;background: #f80;}
.m_super .hd p{font-size: .18rem;color: #333;line-height: 1;}
.m_super .bd{ overflow: hidden; }
.m_super .bd .img{width: 90%;box-sizing:border-box;margin:0 auto;height: 6rem;background: url(/theme/TF000212/mobile/images/super_bdg.png) no-repeat top center;position: relative;background-size: contain;}
.m_super .bd .img li{width: .91rem;height: .91rem;border-radius: 50%;background: #cdced0;padding: .08rem;box-sizing: border-box;position: absolute;}
.m_super .bd .img li span{width: 100%;height: 100%;background: #0344a5;color: #fff;font-size: .45rem;display: block;width: 100%;height: 100%;text-align: center;line-height: .75rem;border-radius: 50%;}
.m_super .bd .img li:nth-child(1){top: .5rem;left: .16rem;}
.m_super .bd .img li:nth-child(2){top: .36rem;right: .36rem;}
.m_super .bd .img li:nth-child(3){top: 2.45rem;left: -.29rem;}
.m_super .bd .img li:nth-child(4){top: 2.20rem;right: -.25rem;}
.m_super .bd .img li:nth-child(5){top: 4.4rem;left: .8rem;}
.m_super .bd .img li:nth-child(6){top: 4.1rem;right: .32rem;}
.m_super .bd .txt{ overflow: hidden; width: 100%; }
.m_super .bd .txt li{display: block;width: 50%;float: left;margin-bottom: .6rem;}
.m_super .bd .txt li strong{display: block;height: .54rem;overflow: hidden;position: relative;margin-bottom: .15rem;}
.m_super .bd .txt li strong span{display: inline-block;width: .48rem;height: .54rem;border: .03rem solid #0344a5;font-size: .28rem;color: #333;font-weight: bold;font-family: "Times New Roman";box-sizing: border-box;padding: .15rem 0 0 .06rem;line-height: 1;}
.m_super .bd .txt li strong b{font-size: .29rem;line-height: normal;font-weight: bold;color: #0344a5;background: #eeedee;position: absolute;top: .18rem;left: .39rem;}
.m_super .bd .txt li p{font-size: .23rem;color: #333;line-height: .3rem;padding-right: .1rem;}
.m_super .bd .txt li:nth-child(6){ right:0; text-align: right; }
.m_super .bd .txt li:nth-child(4) strong span, .m_super .bd .txt li:nth-child(2) strong span{float: right;}
.m_super .bd .txt li:nth-child(4) strong b, .m_super .bd .txt li:nth-child(2) strong b{right: .39rem;left: unset;}
.m_super .bd .txt li:nth-child(4) p, .m_super .bd .txt li:nth-child(2) p{text-align: right;padding-left: .1rem;}
.m_super .bd .txt li:nth-child(6) span{font-size: .18rem;color: #0344a5;display: inline-block;padding-right: .34rem;background: url(/theme/TF000212/mobile/images/super_icotel.png) no-repeat center right;background-size: .26rem;line-height: .27rem;}
.m_super .bd .txt li:nth-child(6) strong{display: inline-block;margin-top: .10rem;padding: .1rem .24rem;background: #0344a5;font-size: .27rem;font-weight: bold;height: auto;color: #fff;border-radius: .5rem;}
.m_super .bd .txt li:nth-child(5), .m_super .bd .txt li:nth-child(6){ margin-bottom: 0; }
/*幼banner2*/
.m_kf{color: #fff;margin-top: -.75rem;height: 2.76rem;padding-top: 1.05rem;background: url(/theme/TF000212/mobile/images/kf.png) no-repeat center;background-size: cover;}
.m_kf h3{font-size: .43rem;line-height: .48rem;padding-left: .67rem;}
.m_kf h3 b{color: #fc0;font-weight: bold;}
.m_kf p{font-size: .43rem;line-height: .48rem;padding-left: 1.45rem;}
.m_kf .tel{font-size: .185rem;line-height: .55rem;margin-left: .45rem;}
.m_kf .tel s{display: inline-block;width: .24rem;height: .24rem;margin-right: .06rem;background: url(/theme/TF000212/mobile/images/ptel.png) no-repeat left center;background-size: .24rem;vertical-align: middle;}
.m_kf .tel span{position: relative;top: .03rem;left: -.04rem;font-size: .29rem;font-weight: bold;line-height: 1;}
/*案例展示*/
.m_case{overflow: hidden;padding: .5rem 0 .4rem;}
.m_case .bd{overflow: hidden;padding: 0 .6rem;}
.m_case .bd a{ display: block; overflow: hidden; position: relative; }
.m_case .bd a .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;border: .01rem solid #dedada;}
.m_case .bd a .img img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.m_case .bd a .txt{height: 1.2rem;box-sizing: border-box;padding: .5rem 0 0;}
.m_case .bd a .txt p{text-align: center;font-size: .16rem;color: #fff;line-height: .28rem;background: #0344a5;padding: .12rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m_case .bd a > span{display: inline-block;width: .82rem;height: .82rem;background: #fff;padding: .04rem;border-radius: 50%;position: absolute;left: 50%;margin-left: -.41rem;bottom: .79rem;}
.m_case .bd a > span i{ display: block; height: 100%; background: #0344a5 url(../images/case_ico.png) no-repeat center; border-radius: 50%; background-size: 50%; }
/*定造流程*/
.m_flow{padding: 0 0 1rem;background: #fff;}
.m_flow .hd{text-align: center;padding-bottom: .64rem;}
.m_flow .hd strong{display: block;height: .62rem;text-indent: -9999px;background: url(/theme/TF000212/mobile/images/flow_tit.png) no-repeat center;margin-bottom: .2rem;background-size: contain;}
.m_flow .hd p{font-size: .18rem;color: #333;line-height: 1;}
.m_flow .bd{height: 4.47rem;overflow: hidden;text-align: center;padding-top: .26rem;padding-left: .42rem;width: 90%;margin:0 auto;background: url(/theme/TF000212/mobile/images/flow_img.png) no-repeat center;background-size: cover;}
.m_flow .bd li{float: left;cursor: pointer;overflow: hidden;width: 1.34rem;height: 1.34rem;border-radius: 50%;border: .05rem solid #0344a5;text-align: center;margin-right: .36rem;margin-bottom: .98rem;}
.m_flow .bd li span{display: inline-block;width: .47rem;height: .47rem;padding: .0rem;border: .02rem solid #848484;border-radius: 50%;margin: .2rem 0 0;font-size: .26rem;color: #646464;transition: all .5s;}
.m_flow .bd li strong{display: block;font-size: .2rem;color: #333;font-weight: bold;line-height: 1;margin-top: .12rem;}
.m_flow .bd li:hover span{ color: #0344a5; border-color: #0344a5; }
/*关于js345线路检测*/
.m_about .hd{ background: #fff; overflow: hidden; }
.m_about .hd .fl, .m_about .hd .fr{ width: 100%; text-align: center; }
.m_about .hd .fl{  background: url(/theme/TF000212/mobile/images/about_bg.jpg) no-repeat top center; }
.m_about .hd .fl img{width: 90%;margin: .4rem auto 0;}
.m_about .hd .fr h3{display: block;color: #333;font-size: .4rem;font-weight: bold;line-height: .38rem;height: .38rem;margin-bottom: .16rem;background-size: contain;}
.m_about .hd .fr small{font-size: .18rem;color: #333;line-height: 1;display: block;}
.m_about .hd .fr span{display: inline-block;width: .64rem;height: .02rem;background: #0344a5;margin: .14rem 0;}
.m_about .hd .fl p{padding: .2rem .3rem;font-size: .25rem;color: #666;line-height: .45rem;text-align: justify;}
.m_about .hd .fl a{display: inline-block;padding: .15rem .32rem;background: #0344a5;font-size: .145rem;color: #ffffff;line-height: 1;}
.m_about .bd{overflow: hidden;clear: both;margin: .6rem .2rem 0;}
.m_about .bd li{display: inline-block;cursor: pointer;text-align: center;overflow: hidden;width: 50%;height: 2.5rem;float: left;background: #f0f0f0;}
.m_about .bd li span{display: block;font-size: .42rem;color: #999999;margin: .3rem 0 .15rem;}
.m_about .bd li strong{display: block;font-size: .18rem;font-weight: bold;color: #333;line-height: 1;margin-bottom: .32rem;position: relative;}
.m_about .bd li strong::after{content: "— — —";width: 1rem;font-size: .07rem;position: absolute;left: 50%;margin-left: -.5rem;top: .26rem;color: #a9a9a9;text-align: center;}
.m_about .bd li p{font-size: .145rem;color: #666;}
.m_about .bd li:nth-child(1){background: #0344a5;text-align: center;width: 100%;height: 1rem;box-sizing:border-box;text-align: center;padding: .2rem .6rem;}
.m_about .bd li:nth-child(1) img{ width: 12%; float: left;  }
.m_about .bd li:nth-child(1) p{font-size: .415rem;line-height: .625rem;color: #f0f0f0;}
.m_about .bd li:nth-child(3),.m_about .bd li:nth-child(4){ background: #3c7be6; }
.m_about .bd li:nth-child(4) span, .m_about .bd li:nth-child(4) strong, .m_about .bd li:nth-child(4) p, .m_about .bd li:nth-child(4) strong::after{ color: #fff; }
.m_about .bd li:nth-child(3) span, .m_about .bd li:nth-child(3) strong, .m_about .bd li:nth-child(3) p, .m_about .bd li:nth-child(3) strong::after{ color: #fff; }
/*图片展示*/
.m_show{overflow: hidden;margin: .2rem 0 .34rem;padding: 0 .15rem;}
#m_show{ width:100%; overflow: hidden; }
#m_show .hd{height: .45rem;line-height: .45rem;background:#f0f0f0;}
#m_show .hd ul li{display: inline-block;float: left;padding: 0 .24rem;cursor:pointer;font-size: .18rem;color: #333;font-weight: bold;position: relative;transition: all .5s;}
#m_show .hd ul li::after{content: "";position: absolute;left: 50%;margin-left: -.11rem;bottom: -.09rem;opacity: 0;display: inline-block;width:0;height:0;border-left: .11rem solid transparent;border-right: .11rem solid transparent;border-top: .09rem solid #0344a5;transition: all .5s;}
#m_show .hd ul li + li{margin-left: .05rem;}
#m_show .hd ul li.on{background:#0344a5;color: #fff;transition: all .5s;}
#m_show .hd ul li.on::after{opacity: 1;}
#m_show .bd{position: relative;height: 2.21rem;margin-top: .48rem;overflow: hidden;}
#m_show .bd ul{position: absolute;top: 0;width: 100%;opacity: 0;z-index: 1;transition: all .5s;}
#m_show .bd ul.on{opacity: 1;z-index: 2;}
#m_show .bd a{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
#m_show .bd a img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
#m_show .bd a p{height: .36rem;line-height: .36rem;text-align: center;background: rgba(0,0,0,.6);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 .15rem;font-size: .18rem;color: #fff;font-weight: bold;position: absolute;bottom:0;width: 100%;}
/*资质荣誉*/
.m_honor{overflow: hidden;background: #d2e9f9;padding: .45rem 0;}
.m_honor .hd{text-align: center;padding-bottom: .46rem;}
.m_honor .hd strong{display: block;color: #333;font-size: .36rem;font-weight: bold;line-height: .36rem;height: .36rem;margin-bottom: .15rem;background-size: contain;}
.m_honor .hd p{font-size: .16rem;color: #333;line-height: 1;}
.m_honor .bd{position: relative;overflow: hidden;padding: 0 .52rem;}
.m_honor .bd a{ display: block; width: 100%;  }
.m_honor .bd a .img{display: block;width: 100%;padding-top: 142%;position: relative;overflow: hidden;}
.m_honor .bd a .img img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
.m_honor .bd a p{font-size: .25rem;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*新闻中心*/
.m_news{overflow: hidden;background: #fff;padding: .4rem .15rem 0;}
#m_news .hd{text-align: center;}
#m_news .hd ul li{display: inline-block;width: 1.5rem;text-align: center;border: .01rem solid #e4e3e3;cursor:pointer;font-size: .18rem;line-height: .44rem;color: #333;position: relative;transition: all .5s;}
#m_news .hd ul li + li{margin-left: .08rem;}
#m_news .hd ul li.on{background:#0344a5;border-color: #0344a5;color: #fff;}
#m_news .bd{margin-top: .25rem;}
#m_news .bd .fr{ width: 100%; }
#m_news .bd .fr li{padding-bottom: .3rem;overflow: hidden;margin-bottom: .3rem;border-bottom: .01rem solid #babbbb;}
#m_news .bd .fr .img{width: 30%;height: 1.37rem;float: left;margin-right: .15rem;overflow: hidden;}
#m_news .bd .fr .img img{width: 100%;height: 100%;display: block;}
#m_news .bd .fr .txt{ overflow: hidden; width: 66%; float: left; }
#m_news .bd .fr .txt span{display: block;font-size: .18rem;color: #666666;line-height: 1;padding: .15rem 0;}
#m_news .bd .fr .txt strong{font-size: .22rem;font-weight: bold;color: #333;line-height: .25rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#m_news .bd .fr .txt p{color: #999;font-size: .18rem;line-height: .32rem;text-align: justify;height: .63rem;overflow: hidden;}
/*联系js345线路检测*/
.f-contact{background: url(/theme/TF000212/mobile/images/f_bg.jpg) no-repeat center;background-size: cover;}
.f-contact .in_title{margin-top: .48rem;padding: 0;}
.f-contact .in_title p{color: #ff8800;font-size: .31rem;font-weight: bold;margin: .3rem 0;}
.f-contact .bd{padding: 0 .3rem .12rem;overflow: hidden;}
.f-contact .bd .fl{width: 1.8rem;text-align: center;}
.f-contact .bd .fl img{width: 100%;height: 100%;display: block;}
.f-contact .bd .fr{width: 4rem;box-sizing: border-box;padding-left: .3rem;}
.f-contact .bd .fr p{font-size: .22rem;line-height: .45rem;color: #333;}
/*内页形状*/
/*menu*/
.menubox .iconn{width:.4rem; height:.4rem;display: inline-block;cursor: pointer;}
.menubox .goHome{margin-right:.16rem;}
.menubox .iconn:before{width:.4rem; height: .4rem; background-size:1.4rem;}
.menubox .goBack{background:none;}
.wrapper{width:100%;overflow: hidden;max-width: 640px;min-width: 320px;position: relative;padding-top: .2rem;}
.productPage{padding: 3% 0 .5rem;}
.productPage .gridlist{padding: 0 3%;}
.productPage .erro{padding: 0 3%;}
.erro{text-align: center;color: red;padding: 3% 0;}
/*cateList*/
.cateList{width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #666;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;}
.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 #e6e6e6;}
.cateList .box a{width: 32%;margin-right: 2%;margin-bottom: .15rem;line-height: .6rem;font-size: .24rem;text-align: center;display: block;float: left;border-radius: .05rem;border: 1px solid #e6e6e6;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList .box a:nth-child(3n){margin-right: 0;}
.cateList .box a.on{background: #0344a5;border-color: #0344a5;color: #fff;}
.gridlist{padding: 0 3%;}
.gridlist .item{width:calc(48.5%); margin-right: 3%; margin-bottom: .05rem; float: left; position: relative;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item h3{width: 100%; line-height: .35rem; height: .7rem; overflow: hidden; text-align: center;font-size: .24rem;}
.gridlist .item figure{width: 100%;position: relative;padding-top: 76%;margin-bottom: .1rem;overflow: hidden;}
.gridlist .item figure img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist.gridlist34 .item figure{padding-top: 133%; padding-bottom: 0;}
.newsPage{padding: .1rem 3% 0.6rem;}
.newsPage .item{width: 100%;padding-right: .1rem;display: block;padding: .3rem 0 .3rem;border-bottom: 1px dotted #b0b0b0;margin: 0 auto 0;}
.newsPage .item img{width: 2rem;height: 1.5rem;display: block;margin-right: .22rem;}
.newsPage .item h3{font-size: .28rem;line-height: 0.48rem;color: #333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsPage .item p{font-size: .22rem;line-height: 0.33rem;color: #999999;overflow: hidden;}
.newsPage .item .time{color: #b7b7b7;font-size: .2rem;}
.newsPage .item:last-child{border-bottom: 0px;}
.wrapper .caselist{padding:3%;}
.wrapper .caselist .item{margin-right: 2%;}
.wrapper .caselist .item:nth-child(2n){margin-right: 0;}
.showInfo .showtit{margin: 0 3% 0;font-size: .36rem;color: #333333;line-height: .44rem;text-align: center;}
.showInfo .showtit.showtit2{margin: .3rem 0;margin-top: 0;line-height: 0.8rem;color: #0344a5;font-weight: bold;border-bottom: 1px dotted #dedede;}
.showInfo .showContxt{padding: .2rem 3% .3rem;}
.showInfo .showContxt *{line-height: .42rem !important;font-size: .24rem !important;color: #666;}
.showInfo .showContxt img,
.showInfo .showContxt iframe{max-width: 100%; height: auto !important;}
.showInfo .contxt{padding: .2rem 4% .4rem;line-height: .42rem;color: #666666;}
.showInfo .contxt img{max-width: 100%; margin: 0px auto; height: auto !important; display: inline;}
.showInfo .contxt p{line-height:.4rem;}
.showInfo .contxt .biao td{padding:.09rem; border:1px solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}
.showInfo .showTab{width: 94%;padding: .3rem 0 0 0;margin-left: 3%;}
.showInfo .showTab .title2{border-bottom: 1px solid #ededed;padding-bottom: .2rem;position: relative;}
.showInfo .showTab .title2 h3{font-size: .32rem;font-weight: normal;}
.showInfo .showTab .title2 s{width: 1.3rem;height: .05rem;display: block;position: absolute;left: 0;bottom: -.02rem;background:#0344a5;}
.showproduct .reLink{margin: .2rem 0 .1rem;}
.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);}
.aboutPage{padding: .3rem 0 .5rem;}
.aboutPage .txtcon{color: #666;line-height: .4rem;padding: 0 3% .3rem;text-align: justify;}
.aboutPage .txtcon img{max-width: 100%;}
.singlePage{padding: .3rem 3%; border-bottom: .2rem solid #f1f1f1;}
.singlePage img{max-width: 100%;}
.contactPage{overflow: hidden;}
.contactPage .t{color: #000; padding: 0 3% .2rem; font-size: .3rem;}
.contactPage .txtcon{padding: 0 3% .3rem;}
.contactPage .txtcon img{max-width: 100%;}
.contactPage .mapArea{width: 100%; height: 3rem;}
.contactPage .messagePage{padding: .4rem 3% .5rem;}
.teamPage{padding-bottom: .6rem;padding-top: .3rem;}
.teamPage .list{padding:0 3%;}
.teamPage .item{padding:.3rem 0 .3rem; width:49%; display: block;margin-right: 2%;}
.teamPage .item:nth-child(2n){margin-right: 0;}
.teamPage .item figure{width:100%; position: relative; padding-top:56%;overflow: hidden;}
.teamPage .item figure img{position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
.teamPage .item h3{font-size: .26rem; height: 0.34rem; line-height: 0.34rem;overflow: hidden; color: #000;}
.yewuPage .item .txt{font-size: .2rem; line-height: .3rem; height: .6rem; color: #333;overflow: hidden;}
.yewuPage .item .time{font-size: .2rem;color: #999;display: block;}
.yewuPage .item:first-child{padding-top: 0;}
.yewuPage .moreBtn{margin-top: 0;}
.yewuPage .erro{padding: 3%;}
.moreBtn{width:100%;margin: .3rem auto 0;text-align: center;color: #fff;height: 0.88rem;line-height: 0.88rem;display: block;background: #0344a5;box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.moreBtn a{display: block;color: #fff;}
.newsPage .moreBtn{width:100%;}
.infobox{padding: 3%;}
.infobox img{max-width: 100% !important;}
.nfoot{padding:0.3rem 0 0.6rem;background:#fff;display:block;font-size:12px;text-align: center;}
.content{width:100%;overflow: hidden;max-width: 640px;min-width: 320px;}
.singlepage{padding-top: 0;background: #f1f1f1;}
.singlepage .floor_1,.singlepage .floor_2,.singlepage .floor_3,.singlepage .floor_4{padding:.2rem 0 .4rem;}
.singlepage .title2{padding: 0 3%;}
.singlepage .title2 h3{color:#333;font-size:.3rem;font-weight:bold;}
.singlepage .title2 h4{color: #999;text-transform: uppercase;font-size: .24rem;display: block;}
.singlepage .info{padding: 3%;}
.erro{text-indent: 1em;}
.wrapper .honor{background: #fff;padding-bottom: 0;}
/*sitepath*/
.sitepathbox{width:100%;padding:0; height:.8rem;font-size:.26rem;margin:0;line-height: .8rem;background: #fff;position:relative;color:#666;}
.sitepath{padding-right:3%;}
.sitepath a{color:#666;display:inline-block;}
.sitepathbox em{width:.14rem;height:.2rem;display:inline-block;margin:0 .16rem;background-position:-2.04rem 0;}
.goBack{padding-left:2%;display: block;}
.floor{padding:.3rem 0;}
/*product.html*/
.listProduct{padding-bottom: 3%;}
.listProduct .list{width: 100%;}
.listProduct li{width:47%;margin-left:2%;box-sizing:border-box;display:block;padding-top:3%;float: left;margin-bottom: 3%;border-bottom: 1px dotted #ccc;}
.listProduct li a{display: block;}
.listProduct li figure{width:100%; padding-top:75%; position: relative; overflow: hidden;}
.listProduct li figure img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.listProduct li h3{height: .5rem; line-height: .5rem;font-size: 0.26rem;overflow: hidden;font-weight:normal;color:#000; text-align: center;}
.listProduct li:hover h3{color:#ff0505;}
.listProduct li p{white-space:normal;word-wrap:break-word;color:#333}
/*news.html*/
.newsList .list{width: 100%; margin-bottom: .3rem;}
.newsList .item{overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3;}
.newsList .item:nth-child(2n){background: #f9f9f9;}
.newsList .item:nth-child(2n) span:after{background: #f9f9f9;}
.newsList .item:last-child{border:0px;}
.newsList .item a{width:92%; height: 1.5rem; padding:.2rem 5% .2rem 2%; display: block;}
.newsList .item h3{font-size: .3rem; line-height: .38rem; font-weight: normal; margin-bottom: .08rem; color:#093c84;}
.newsList .item .txt{color:#666666; font-size: .22rem; line-height: .28rem;}
/*showInfor*/
.showInfo{padding: 0 0 .2rem;width: 100%;}
.showInfo .title{font-size: .4rem;text-align: center;line-height: .46rem;margin-bottom: .2rem;color: #333333;padding: .3rem 3% 0;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem;line-height: 0.5rem;text-align: center;color: #666666;border-top: 1px dashed #e5e5e5;border-bottom: 1px dashed #e5e5e5;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .contxt{padding: .2rem 3% .4rem; 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;}
/*字体*/
@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;}}<!--耗时1776096373.2844秒-->