*{ margin:0; padding:0;}body {font:12px/1.4 "PingFang regular",arial,helvetica,sans-serif; color:#555}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal; line-height:100%}table {font-size:inherit;font:100%;}input,select {font:100% arial,helvetica,clean,sans-serif; color:#555555;}button {overflow:visible}th,em,b,address,cite {font-style:normal;font-weight:normal;}li{list-style:none;}img,fieldset {border:0;}ins {text-decoration:none;}

.mainboxm{ z-index: 1;position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.mainboxm > h2{ text-indent: .2rem; font-size: .35rem; color: #fff; text-align: center; letter-spacing: .17rem;  margin: 2.3rem auto 0;}
.mainboxm > p{ font-size: .18rem; text-align: center; color: #fff; padding-top: .17rem; font-weight: normal;}
.viewmorex{ width: 1.3rem; text-align: center; border: 1px solid #fff; border-radius: .25rem; margin: auto; height: .3rem; line-height: .3rem; color: #fff; left: 0;right: 0; font-size: .14rem; position: absolute; bottom: 1.2rem;}

.mindex{background: url("/images/mobile-in.jpg") no-repeat center top #000;background-size: 100% auto;}
.mabout{background: url("/images/1.jpg") no-repeat center top;background-size: 100% auto;}
.mhistory{background: url("/images/2.jpg") no-repeat center top;background-size: 100% auto;}
.mvi{background: url("/images/4.jpg") no-repeat center top;background-size: 100% auto;}
.mqyry{background: url("/images/5.jpg") no-repeat center top;background-size: 100% auto;}
.mws8810{background: url("/images/3.jpg") no-repeat center top;background-size: 100% auto;}

.mabout > h2{ letter-spacing: 0rem; text-indent: 0; font-size: .4rem;}
.mvi > h2,.mqyry >h2{ font-size: .3rem;letter-spacing: 0rem;}
.mws8810 >h2{ font-size: .28rem;letter-spacing: 0rem;}

.zhanwei{ position: relative; height: 100%;}
.menuicon{ position: absolute; top: .15rem; right: .1rem; width: .35rem; height: .3rem; z-index: 2;}
.menuicon::after{ content: "";width: .3rem; height: 1px; background-color: #fff; display: block; position: absolute; top: .1rem;}
.menuicon::before{ content: "";width: .3rem; height: 1px; background-color: #fff; display: block; position: absolute; top: .2rem;}
.menuicon i{ width: .3rem; height: 1px; background-color: #fff; display: block;}

.arrowobt{ content: ""; background: url("/images/arrowbot.png") no-repeat; width: .34rem; height: .18rem; display: block; position: absolute; left: 0; right: 0; bottom: .3rem; margin: auto; background-size: auto 100%;}
.mlogo{ background: url("/images/logom.png") no-repeat; margin: .69rem auto .58rem; width:1.24rem; height:.5rem;}
.mopromain >h3{font-size: .16rem; font-weight: 500; text-align: center;}
.mopromain >p{ margin: .6rem 0 0; font-size: .13rem; text-align: center; line-height: .25rem;}

.engpro{ position: relative; font-size: .1rem; padding: .93rem 0 1.12rem 0; text-align: center;}
.engpro::after{ width: .23rem; content: ""; height: 2px; background-color: #3195D0; position: absolute; left:0; right: 0; margin: auto; top: .5rem; }
.listproduct >h4{ font-size: .16rem; text-indent: .2rem; height: .4rem; line-height: .4rem;}

.mainprolist img{ width: 100%; display: block;}
.mainproTextbox{ height: 1.05rem;background-color: #419fce;}
.mainproTextbox span{ width: 1rem; border-right: 1px solid #fff; height: .8rem; margin-top: .1rem; float: left; display: inline-block; background: url() }
.mainproTextbox p{ float: left; font-size: .14rem; color: #fff; padding-top: .2rem; width: 2.5rem; display: inline-block; padding-left: .15rem;}
.safemain{ margin-top: 1rem; padding: 0 .3rem;}
.safemain >h3{font-size: .16rem; font-weight: 500; text-align: center;}
.safemain >p{ margin: .6rem 0 0; font-size: .12rem; text-align: center; line-height: .25rem;}

.listprotedia{ clear: both;}
.listprotedia ul{ display: block; height: auto; overflow: hidden;}
.listprotedia ul li{ width: 33.33%; height: 1.9rem; padding-top: .3rem; display: inline-block; background-color: #ededed; overflow: hidden; float: left;}
.listprotedia ul li.current{ background-color: #fff;}
.icontd{  width:.7rem; height: .7rem; display: block;  margin: 0 auto; }
.t1{background: url("/images/protd.png") no-repeat center;background-size: auto 100%;}
.t2{background: url("/images/projy.png") no-repeat center;background-size: auto 100%;}
.t3{background: url("/images/kjhy.png") no-repeat center;background-size: auto 100%;}

.listprotedia ul li h4,.listprotedia ul li p{ font-size: .14rem; color: #3195d0; text-align: center;padding-top: .1rem; }
.listprotedia ul li h4{padding-top: .3rem; color: #033a89;}

.proText{ height: 1.3rem; background-color: #fff; padding: .3rem .5rem;}
.proText >div{ font-size: .12rem; display: none; line-height: .25rem;}
.proText >div.current{ display: block;}

.thesensemain{ background: url("/images/mo_pro6.jpg") no-repeat; height: 1.7rem; background-size: 100% auto;}
.thesensemain h3{ font-size: .24rem; color: #409ccf; text-indent: .2rem; padding-top: .12rem;}
.thesensemain h4{font-size: .24rem; color: #fff; padding: .3rem 0 0 .2rem; line-height: .3rem; margin-bottom: .1rem;}
.thesensemain span{ font-size: .1rem; padding: .04rem .1rem; border: 1px solid #fff; border-radius: .25rem; color: #fff; margin: .7rem 0 0 .2rem;}

.mobilefooter{
    padding: .3rem 0;
     text-align: center;
    background-color: #161C35;
}
.footnav{ line-height: .4rem; font-size: .14rem; color: #fff; margin: .2rem auto;}
.footnav strong{ display: block; font-weight: 500;font-size: .18rem; }
.footnav h3{ font-size: .24rem; color: #fff; padding-top: .2rem;}
.footnav span{ color: #3cb7ff;}
.mobcopyright{ font-size: .12rem; padding-top: .3rem; line-height: .25rem; color: #fff;}
.fixNavlist{ display: none;  position:fixed; width: 100%; height: 100%;background-color: #0A132E; z-index: 99; left: 0; top: 0; padding:.5rem 0 0 .5rem;}
.fixNavlist h3{  height: .6rem; position: absolute; width: 100%; top: 0; left: 0; color: #fff; font-size: .16rem; line-height: .6rem; text-align: center;}
.closeFixed{ position: absolute; display: block; width: .3rem; height: .3rem; right: .6rem; top: .12rem;}
.closeFixed::after{ content: "";width: .12rem; height: .12rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); display: block; position: absolute; right: .18rem; top: 0; bottom: 0; margin: auto; z-index: 102;}
.closeFixed::before{ content: "";width: .12rem; height: .12rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-135deg); display: block; position: absolute; right: 0rem; top: 0; bottom: 0; margin: auto; z-index: 102;}


.fixNavlist ul{ display: block;}
.fixNavlist ul li{ clear: both; position: relative; width: 100%; min-height: .55rem; color: #fff; }
.fixNavlist ul li > a{ display: block; color: #fff; text-decoration: none; padding: .1rem 0;}
.fixNavlist ul li.aricon .mlistpro{ display: none;}
.fixNavlist ul li.aricon .linex > a{color: #fff; text-decoration: none;}
.fixNavlist ul li.aricon .linex{ position: relative; padding: .15rem 0;}
.fixNavlist ul li.aricon .linex::after{ content: ""; width: .08rem; height: .08rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); display: block; position: absolute; right: .9rem; top: 0; bottom: 0; margin: auto; z-index: 101;}

.fixNavlist ul li.aricon .xcurrent::after{ content: ""; width: .08rem; height: .08rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); display: block; position: absolute; right: .9rem; top: 0; bottom: 0; margin: auto; z-index: 101;}

.fixNavlist ul li.current{ color: #3CB7FF}
.fixNavlist ul li span{ display: block; font-size: .2rem;}
.mlistpro{ display: block; height: auto; overflow: hidden;}
.mlistpro > a{ height: .45rem; line-height: .45rem; font-size: .16rem; display: block; color: #fff; text-decoration: none; position: relative; text-indent: .2rem;}
.mlistpro > a::after{ content: ""; position: absolute; width: .02rem; height: .2rem; background-color: #3995D0; left: .0rem; top: 0; bottom: 0; margin: auto;}

.maboutmain{ height: auto; overflow: hidden; }
.listmabout h3{ font-size: .25rem; padding-bottom: .3rem;}
.listmabout h4{ font-size: .17rem; position: relative; line-height: .22rem; padding-bottom: .2rem;}
.listmabout h4::after{ content: ""; position: absolute; width: .4rem; height: .04rem; background-color:#3195d0; left: 0; bottom: .0rem; }
.listmabout p{ line-height: .32rem; padding-top: .5rem;}
.abicon{ text-align: center; padding: .25rem 0;}
.linelis{ border-bottom: 1px solid #ececec; padding-top: .2rem;}

.abTextmain{ padding: .5rem .25rem .3rem;}
.listmabout img,.whychuxian img{ display: block; height: auto; overflow: hidden; width: 100%;}
.noptop{ padding-top: 0rem;}

.whychuxian h4{ font-size: .14rem; line-height: .25rem; text-align: center;}
.whychuxian h3{ font-size: .25rem;line-height: .25rem;text-align: center; padding-bottom: .4rem;position: relative;}
.whychuxian h3::after{ content: ""; position: absolute; width: .4rem; height: .04rem; background-color:#3195d0; left: 0; bottom: .2rem; right: 0; margin: auto; }
.whychuxian h5{ font-size: .18rem;}
.whychuxian .abTextmain > p{ font-size: .12rem; line-height: .24rem; padding-top: .25rem;}

.aboutslogan{ padding-top: .3rem; text-align: center;}
.aboutslogan h3{ font-size: .2rem; line-height: .3rem; font-weight: 500;}
.aboutslogan h4{font-size: .18rem;line-height: .3rem;}
.aboutslogan p{ padding: .5rem 0; font-size: .14rem; text-align: center; line-height: .25rem;}


.hism{ padding-top: .65rem; color: #fff; text-align: center;}
.hism h5{ font-size: .24rem;}
.hism p{ font-size: .16rem; padding-top: .06rem;}
.mhistorymain{ height: 5.3rem; overflow-y: scroll;}
.mhistorymain ul{ display: block; position: relative; padding-top: .4rem;}
.mhistorymain ul li{ padding-left: 1rem; padding-right: .3rem; position: relative; padding-bottom: .4rem;}
.mhistorymain ul li span{ position: absolute; width: .2rem; height: .2rem; background-color: rgba(255, 255, 255, .3); border-radius: 100%; display: block; left: .3rem; top: .1rem;}
.mhistorymain ul li span i{ position: absolute; width: .08rem; height: .08rem; background-color:#fff; border-radius: 100%; display: block; left: .06rem; top: .06rem;}
.hismin{ color: #fff;}
.hismin h3{ font-size: .18rem; font-weight: 500;}
.hismin p{ font-size: .16rem; line-height: .3rem; }

.mhistorymain ul::after{ content: ""; width: 1px; background-color:rgba(255, 255, 255, .3); height: 10.3rem; position: absolute; left: .4rem; top: .6rem;}
.moreyear{text-align: center; color: rgba(255, 255, 255, .3)}
.vimain h3{font-size: .25rem; line-height: .25rem; padding-top: .4rem; padding-left: .3rem;}
.vimain h4{font-size: .17rem; line-height: .25rem; padding-top: .3rem; padding-left: .3rem; position: relative;}
.vimain h4::after{ content: ""; position: absolute; width: .4rem; height: .04rem; background-color:#3195d0; left: .3rem; bottom: -.15rem; }

.visy{ width: 78%; display: block; margin: .2rem auto;}
.vihx{ width: 1.2rem; height: 1.4rem; margin: .3rem auto; }
.vimain img{ text-align: center; display: block; }
.visun,.vifun{ width: 1.4rem; height: 1.4rem; margin: .3rem auto;}
.vilogo{ width: 1.9rem; height: 1.9rem;margin: .3rem auto;}
.joinhao{ font-size: .6rem; text-align: center;}
.joinline{ width: 1px; height: .4rem; background-color:#3195d0; margin: .3rem auto; }

.vishuye{width: 1.4rem; height: .8rem;margin: .3rem auto;}
.vizhvi{width: 1.9rem; height: 1.9rem;margin: .3rem auto;}

.vimain p{ padding: .35rem .25rem ; font-size: .12rem; line-height: .24rem; }

.viqyry{ padding-top: .6rem;}
.viqyry h2{ font-size: .25rem; text-align: center; line-height: .35rem;}
.viqyry >p{ font-size: .12rem; padding-top: .3rem;line-height: .2rem; text-align: center;}
.mediabd h4{ text-align: center; font-size: .18rem; padding: .3rem 0;}
.mediabd img{ width: 80%; display: block; margin: 0 auto;}
.mediabd >p,.mediabd span{ font-size: .12rem; padding-top: .2rem; text-align: center;}
.mediabd span{ display: inline-block;}
.zstext{ padding: 0 0 0 .3rem;}
.zstext span{  text-align: center;}
.zstext span:nth-child(1){width: 1rem;}
.zstext span:nth-child(2){width: 1.2rem;}
.zstext span:nth-child(3){width: .8rem;}
.zhenshu{ margin-top: .3rem!important;}

.zsmid span:nth-child(1){ width: 1.15rem;}
.zsmid span:nth-child(2){ width: .8rem;}
.zsmid span:nth-child(3){ width: 1.15rem;}

.zsmid{ margin-bottom: .6rem;} 

.techmain{ background-color: #fff; display: block; height: auto; overflow: hidden;}
.technav{ display: block; height: auto; overflow: hidden;}
.technav ul li{ float: left; font-size: .18rem; text-align: center; height: .5rem; line-height: .5rem; display: inline-block; position: relative; margin: 0 .1rem;}
.technav ul li.current::after{ content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; background-color: #3995D0; }
.technav ul li:nth-child(1){ width: .9rem;}
.technav ul li:nth-child(2){ width: 1.3rem;}
.technav ul li:nth-child(3){ width: .9rem;}
.techmws8810{ padding-top: .2rem; height: auto; overflow: hidden; clear: both;}
.mwsText h3{ font-size: .25rem; line-height: 1rem; padding-left: .2rem;}
.mwsText h4{ font-size: .17rem; line-height: .25rem; padding-bottom: .4rem;padding-left: .2rem; position: relative;}
.mwsText h4::after{  content: "";position: absolute;bottom: .3rem; left: .2rem; height: .04rem; width: .5rem; background-color: #3995D0; }
.mwsText p{ padding-left: .2rem; line-height: .28rem; font-size: .13rem;}
.marpd{ margin: 0 .2rem;}
.mwsText img{ width: 100%; display: block; margin-bottom: .3rem;}

.listws ul li{ height: 1.67rem; display: block;}
.TextwsTxt{height: 1.67rem; display: block; color: #fff; text-align: center; line-height: 1.67rem; font-size: .17rem; position: relative;}
.TextwsTxtMain{ display: none;height: 1.67rem;  font-size: .12rem; line-height: .23rem; background-color: #F6F6F6; position: relative;}
.bgcorol1{ background: url("/images/12.jpg") no-repeat; background-size: 100% auto;}
.bgcorol2{ background: url("/images/13.jpg") no-repeat; background-size: 100% auto;}
.bgcorol3{ background: url("/images/14.jpg") no-repeat; background-size: 100% auto;}
.bgcorol4{ background: url("/images/15.jpg") no-repeat; background-size: 100% auto;}
.bgcorol5{ background: url("/images/16.jpg") no-repeat; background-size: 100% auto;}
.bgcorol6{ background: url("/images/17.jpg") no-repeat; background-size: 100% auto;}

.Twent{ height: 1.67rem; padding-left: .3rem;   display: table-cell; vertical-align: middle; }

.linearr{width: .13rem; height: 1.67rem; position: absolute; left: 0;}
.linearr::after{ content: ""; width: .08rem; height: .08rem; display: block; border-top: .02rem solid #fff;border-right: .02rem solid #fff; position: absolute; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); }
.linebgcor1{ background: url("/images/12.jpg") no-repeat; background-size:auto 100%;}
.linebgcor2{ background: url("/images/13.jpg") no-repeat; background-size:auto 100%;}
.linebgcor3{ background: url("/images/14.jpg") no-repeat; background-size:auto 100%;}
.linebgcor4{ background: url("/images/15.jpg") no-repeat; background-size:auto 100%;}
.linebgcor5{ background: url("/images/16.jpg") no-repeat; background-size:auto 100%;}
.linebgcor6{ background: url("/images/17.jpg") no-repeat; background-size:auto 100%;}
.tewsslogan{ text-align: center; padding: .6rem 0;}
.tewsslogan h3{ font-size: .25rem; font-weight: 500;}
.tewsslogan h4{ font-size: .2rem; line-height: .3rem; color: #666; padding-top: .3rem;}
.tewsslogan p{ font-size: .12rem; padding-top: .35rem; color: #999;}

.TextwsTxt::after{ content: ""; width: .08rem; height: .08rem; display: block; border-top: .02rem solid #fff;border-left: .02rem solid #fff; right: .1rem; position: absolute; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); }
.TextwsTxt::before{ content: ""; width: .08rem; height: .08rem; display: block; border-top: .02rem solid #fff;border-left: .02rem solid #fff; right: .18rem; position: absolute; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); }
.tewsmain h3{ font-size: .25rem; text-align: center; line-height: .3rem;}
.tewsmain h4{ font-size: .17rem; text-align: center; padding-top: .2rem; margin-bottom: .6rem; line-height: .3rem; position: relative;}
.tewsmain h4::after{  content: "";position: absolute;bottom:-.2rem; left: 0rem; right:0; margin: auto; height: .04rem; width: .5rem; background-color: #3995D0; }
.tewsmain img{ display: block; width: 100%;}
.wsfunText{ padding: .2rem .2rem .3rem; height: auto; overflow: hidden;}
.wsfunText h5{ font-size: .17rem; font-weight: 500;}
.wsfunText p{ font-size: .12rem; padding-top: .14rem; line-height: .2rem}
.techmwsfun{ padding-top: .5rem;}

.tesyffmain{ padding-top: .5rem;}
.tesyffmain h2{ position: relative; font-size: .25rem; text-align: center; padding-bottom: .5rem;}
.tesyffmain h2::after{  content: "";position: absolute;bottom:.25rem; left: 0rem; right:0; margin: auto; height: .04rem; width: .5rem; background-color: #3995D0; }
.tesyffmain img{ text-align: center; display: block; width: 75%; margin: 0 auto .4rem;}
.tewsfun{ margin-bottom: .3rem; padding: 0 .2rem;}
.tewsfun h3{ position: relative; font-size: .18rem; font-weight: 500;}
.tewsfun h3::after{  content: "";position: absolute;bottom: -.1rem; left: 0rem; height: .02rem; width: .25rem; background-color: #3995D0; }
.tewsfun p{ font-size: .12rem; line-height: .25rem; padding-top: .2rem;}
.tesyffmain h4{ text-align: center;padding: .2rem 0 .7rem;  font-size: .14rem; font-weight: 500;}
.techmwsjiance{ padding: .5rem 0 0; height: auto; overflow: hidden;}
.techmwsjiance h2{ font-size: .25rem; text-align: center; padding-bottom: .6rem; position: relative;}
.techmwsjiance h2::after{  content: "";position: absolute;bottom:.25rem; left: 0rem; right:0; margin: auto; height: .04rem; width: .5rem; background-color: #3995D0; }
.gsjcText,.pstips{ padding: 0 .2rem .3rem; height: auto; overflow: hidden;}
.gsjcText h4{ font-size: .17rem; font-weight: 500;}
.gsjcText p,.pstips{ font-size: .12rem; line-height: .23rem; padding-top: .2rem;}
.pstips{ color: #3195D0;}
.techmwsjiance h3{ font-size: .25rem; line-height: .3rem; text-align: center; padding: .3rem 0;}
.techmwsjiance >p{ font-size: .12rem; text-align: center; padding-bottom: .4rem; color: #999;}

.tenavMainbod{clear:both; height: auto; overflow: hidden;}