@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: 1.5rem;}
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;}
/**/
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
/**/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
/*==========@@HTML @@==========*/
.header{position:relative;}
#top_main{width: 100%;height: 1rem;z-index: 300;position: fixed;top: 0;left: 0;}
.head_top{max-width: 640px;min-width: 320px;width: 100%;height: .5rem;margin: 0 auto;background-color:#0344a5;text-align: center;line-height: .5rem;}
.head_top div{display: inline-block;padding-left: .5rem;background: url(../style/tel.png) no-repeat left center;background-size: .4rem;color: #fff;font-size: .24rem;}
#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{float: left;display: block;padding-top: .1rem;margin-left: .1rem;}
#top .logo a{display:block;}
#top .logo img{display: block;height: .8rem;}
#top .topsearch{display: block;position: absolute;right: .8rem;top: 0;text-align: center;cursor: pointer;width: .9rem;height: .45rem;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: 1rem;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;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: 1.5rem;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,.1);}
.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 .swiper-slide img{width: 100%;display:block;}
.banner.swiper-container .tipcon{width: 100%;position: absolute;left: 0;bottom: .3rem;z-index: 10;text-align: center;}
.banner.swiper-container .swiper-pagination{position: relative;width: auto;display: inline-block;vertical-align: top;height: .38rem;padding: 0 .14rem .08rem;border-radius: .5rem;text-align: center;background: rgba(0,0,0,.3);}
.banner.swiper-container .swiper-pagination .swiper-pagination-bullet{width: .18rem;height: .18rem;margin: .1rem;display: inline-block;cursor: pointer;background: none;border: .04rem solid #fff;opacity: 1;border-radius: 50%;transition: all .5s;outline: none;}
.banner.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
/* 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 0;color: #fff;font-size: .22rem;line-height: .4rem;background: #373737;}
.copyright{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
.toTop{width:0.9rem;height:0.9rem;background:url(../style/gotop.png) no-repeat center top;background-size:0.9rem auto;position: fixed;bottom:20%;right: 2%;cursor: pointer;z-index: 10;display: none;}
.footer_main a{color: #e8e8e8;}
/**/
#returntop{width: .8rem;height: .8rem;background: #0344a5 url(../style/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: #0344a5;box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);}
#toolbar .list li{float:left;width:25%;text-align:center;border-left: .01rem solid rgba(0,0,0,.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 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;}
#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{line-height: 1.5;padding-top:0;position: relative;}
/**/
.index .swiper-container .swiper-pagination {position: relative;bottom: 0;margin-top: .1rem;}
.index .swiper-container .swiper-pagination-bullet {width: .14rem;height: .14rem;opacity: 1;background-color: #333;transition: all .5s;}
.index .swiper-container .swiper-pagination-bullet-active {background-color: #0344a5;}
/**/
.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); margin:0;}
.inav_t dl dd:nth-child(4n){border-right: 0;}
.inav_t dl dd a{display:block;width: 100%;line-height: .7rem;color: #fff;}


.index{background: #fff;overflow: hidden;}
/**/
.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(../style/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(../style/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(../style/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 .img{width: 5.5rem;height: 5.5rem;box-sizing:border-box;margin:0 auto;margin-bottom: .5rem;background: url(../style/super_bdg.png) no-repeat top center;position: relative;background-size: contain;transform: scale(.95);}
.m_super .bd .img li{width: .9rem;height: .9rem;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: -.03rem;left: .92rem;}
.m_super .bd .img li:nth-child(2){top: -.03rem;right: .92rem;}
.m_super .bd .img li:nth-child(3){top: 2.3rem;left: -.45rem;}
.m_super .bd .img li:nth-child(4){top: 2.3rem;right: -.45rem;}
.m_super .bd .img li:nth-child(5){bottom: -.03rem;left: .92rem;}
.m_super .bd .img li:nth-child(6){bottom: -.03rem;right: .92rem;}
.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(../style/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(../style/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(../style/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(../style/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(../style/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(../style/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; }
/**/
.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(../style/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: 75%;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;}
/**/
.f-contact{background: url(../style/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;}

/**/
.index .partner{padding: 0 .15rem;padding-bottom: .2rem;}
.index .partner .swiper-container{margin-top: .4rem;}
.index .partner .img{float:left;width: 50%;border: .02rem solid #ddd;}
.index .partner .img figure{width: 100%;padding-top: 44.5%;position: relative;overflow: hidden;}
.index .partner .img figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;transition: all .5s;}

/**/
/*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:block;}
.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: .01rem 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: .6rem;overflow: hidden;text-align: center;font-size: .24rem;}
.gridlist .item figure{width: 100%;position: relative;padding-top: 75%;margin-bottom: .1rem;overflow: hidden;}
.gridlist .item figure img{position: absolute; width: 100%; min-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: .2rem 0;border-bottom: .01rem solid rgba(0,0,0,.06);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: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.newsPage .item p{font-size: .22rem;line-height: 0.33rem;color: #666;overflow: hidden;}

.newsPage .item .time{color: #999;font-size: .2rem;}
.newsPage .item:last-child{border-bottom: 0;}
.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: .01rem solid #f3f3f3;}
.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: #666;text-align: justify;}
.showInfo .contxt img{max-width: 100%; margin: 0 auto; height: auto !important; display: inline;}
.showInfo .contxt p{line-height:.4rem;}
.showInfo .contxt .biao td{padding:.09rem; border:.01rem solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}
.showInfo .showTab{width: 94%;padding: .1rem 0 0 0;margin-left: 3%;}
.showInfo .showTab .title2{border-bottom: .01rem 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: 0 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: 0 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);transition: all .5s;}
.moreBtn a{display: block;color: #fff;}
.moreBtn:active, .moreBtn:hover{background: #333;}
.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;font-weight: bold;text-align: center;line-height: .46rem;margin-bottom: .2rem;color: #333;padding: .3rem 3% 0;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem;line-height: 0.5rem;text-align: center;color: #999;border-bottom: .01rem solid #f3f3f3;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .contxt{padding: .2rem 3% .4rem;color: #666;text-align: justify;}
.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;}}

/**/
#tip{padding: 5% 0;min-height: 300px;}
#tip b{color: #0344a5;font-weight: bold;}
/**/
.zutu.swiper-container{width: 94%;margin: 3% auto;position:relative;overflow:hidden;}
.zutu img{width:100%;display: block;}
.zutu .swiper-pagination-fraction{color: #fff;bottom: .1rem;text-align: right;padding-right: .2rem;text-shadow: 0 0 0.05rem #000;}
.zutu .swiper-prev,.zutu .swiper-next{width: .4rem;height: .4rem;border: .04rem solid #fff;transform: rotate(45deg);box-sizing: border-box;position: absolute;top: 50%;margin-top: -.2rem;z-index: 22;outline: none;}
.zutu .swiper-prev{left: 4%;border-style: none none solid solid;}
.zutu .swiper-next{right: 4%;border-style: solid solid none none;}
.zutu h3{position: absolute;left: .1rem;bottom: .1rem;color: #fff;font-size: .24rem;z-index: 11;padding-left: .35rem;background: url(../style/click.png) no-repeat center left;background-size: .3rem auto;text-shadow: 0 0 .05rem #000;}
/**/
.tags_list{overflow:hidden;line-height: 0.4rem;padding: 2% 0;border-bottom:1px solid #ddd;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;min-width: 32%;}
.tags_list dt:nth-child(3n){margin-right: 0;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size: 0.2rem;line-height: 0.7rem;font-weight:normal;}
.tags_list dt a:hover{background: #ccc;color:#fff;}
.tags{overflow:hidden;font-size: 0.2rem;margin: 0 3% .1rem;}
.tags span{float: left;display: block;line-height: 0.6rem;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 0.4rem;padding: 0 0.1rem;margin: 0.08rem;background: #fff;border: 1px solid #dadada;}
.tags a:hover {background: #0344a5;border-color: #0344a5;color: #fff;}

/**/
#wxnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 5rem;height: 5rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr img{width: 2.3rem;height: 2.3rem;display: block;margin: 0 auto;}
#wxnr p{font-size: 0.24rem;line-height: 0.45rem;text-align:center;}
#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.3rem;height: 0.3rem;font-size: 0.2rem;line-height: 0.3rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #0344a5;color:#fff;border-radius: 0.05rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.4rem;background-image: url(../style/wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}
/**/
#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}
/**/
video {width: 100%;height: 4rem;background-color: #000;}

.digsup{display:flex;justify-content:center;margin:30px 0 10px 0;}
.digsup a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.digsup a i{font-size:30px;color:#999;}
.digsup a em{display:block;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.digsup a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.digsup a:hover i{color:#f60;}
.ui-list li { padding: 10px;}