/*public style*/
*{margin:0 ;padding:0;box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body,p,ul,li,input,dl,dd,dt,div,tabole,tr,td,a{font-size:0.25rem;font-family:"微软雅黑","microsoft yahei",Arial, Helvetica, sans-serif;}	
a{text-decoration:none;outline:0px;color:#000000;}
ul, ol, li, dl, dt, dd {list-style:none;}
fieldset, img {border:0;}
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6{margin-top: 0 !important;color:#fff !important;}
body{overflow-x: hidden;position:relative;width:100%;height:100%;margin-bottom: 1.46rem;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
@font-face{font-family:"commonfont";src:url('../fonts/common.woff') format('woff'),url('../fonts/common.ttf') format('truetype');}
a:link { text-decoration: none !important; border:none !important; } 
a:visited {text-decoration: none !important; border:none !important; } 
a:hover {text-decoration: none !important; border:none !important; } 
a:focus{text-decoration:none !important;border:none !important; }
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 357.4% !important; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 373.4% !important; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 381% !important }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 396.25% !important; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 410.6% !important; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 427.75% !important; }
}
.left{float: left;}
.right{float:right;}
.wrap:after{content:"";display: block;clear:both;visibility: hidden;height:0;}
.sright{width: 0;height: 0;border-top: 5px solid transparent;border-left: 5px solid #999999;border-bottom: 5px solid transparent;display: inline-block;}
.stop{width: 0;height: 0;border-left: 5px solid transparent;border-bottom: 7px solid #fff;border-right: 5px solid transparent;display: inline-block;}
.sxie{width: 0;height: 0;border-top: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 6px solid #fff;display: inline-block;}
.clear{clear:both;}
/*header*/
.header {background:url(../images/logo.jpg) no-repeat;height:0.94rem;text-align: center;line-height: 0.94rem;width:100%;position: relative;background-size:100% 1.1rem;background-position: 0 -0.08rem;}
.header a.comname{display: block;width:100%;height:100%;font-size:0.4rem;color:#fff;}
.header .btn1{width:0.45rem;display: block;height:0.35rem;position: absolute;right:0.22rem;top:0.25rem;font-size:0.38rem !important;color:#0078ee;background: none;padding:0;}
/*.header .add{display: block;width:0.8rem;height: 0.45rem;text-align: center;line-height: 0.45rem;position: absolute;left:0.22rem;top:0.25rem;background: url(../images/add.png) no-repeat;background-size: 0.8rem 0.45rem;color:#fff;font-size:0.24rem;}*/
/*banner*/
.banner {width:100%;overflow: hidden;height: 3.2rem;}
.banner .swiper-slide{text-align: center;}
.banner img{width:100%;height:100%;max-width: 6.4rem;}
.banner .swiper-pagination-bullet-active{background: #0078ee !important;}
/*footer*/
.footer{width:100%;background: #076acf;position: fixed;bottom:0;padding-top: 0.1rem;z-index: 10;padding-bottom: 0.14rem;}
.footer ul {padding-left: 0}
.footer ul li {width:33%;float: left;text-align: center;height:1.22rem;overflow: hidden;}
.footer ul li a{color:#fff;}
.footer ul li span{font-size:0.7rem;}
.footer ul li:nth-child(1) span{margin-top: 0.12rem;}
.footer ul li:nth-child(2) span{margin-top: 0.1rem;}
.footer ul li:nth-child(3) span{font-size:0.6rem;width:0.56rem;height:0.64rem;margin-top: 0.13rem;}
.footer ul li p{position: relative;top:0.08rem;margin-top: 0}
/*sidebar*/
.uk-button{font-size:0.20rem !important; }
.sidebar .uk-offcanvas-bar{width:115px !important;}
.sidebar .uk-offcanvas-bar{width:2.8rem !important;background: #fff !important;}
.sidebar .uk-offcanvas-bar ul.uk-nav>li{border-bottom: 1px solid #ddd;}
.sidebar .uk-offcanvas-bar ul li a{color:#333;}
.sidebar ul.uk-nav-sub{padding-left:0 !important;text-align:center;}
.sidebar .uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{background: #0058ba !important;color:#fff;}
/*public-tit*/
.public-tit {font-size:0.4rem;color:#333;font-weight: bold;text-align: center;display: block;width:100%;padding-bottom: 0.1rem;position: relative;}
.public-tit .h{display: block;width:1.4rem;height: 1px;background: #dddddd;margin:0.2rem auto 0;position: relative;}
.public-tit .hh{display: block;width:0.39rem;height: 0.02rem;background: #0078ee;position: absolute;left:50%;margin-left: -0.18rem;}
/*productlist  public*/
.public-procon ul{padding-left: 0.22rem;padding-right: 0.22rem;margin-top:0rem;max-width: 6.4rem;margin:0 auto;}
.public-procon ul li{text-align: center;padding-left: 0;width:2.85rem;float: left;padding-right: 0;margin-right: 0.13rem;border:1px solid #ddd;margin-bottom: 0.2rem;}
.public-procon ul li:nth-child(even){margin-right: 0}
.public-procon ul li img{width:2.85rem;height:2rem;}
.public-procon ul li p{font-size:0.18rem;color:#333333;margin-bottom: 0;padding-bottom: 0.15rem;padding-top: 0.15rem;margin-top: 0;}
/*home product*/
.i-pro{padding-top:0.5rem;}
.i-pro .public-tit{margin-bottom: 0.36rem;}
/*home resson*/
.i-reason {width:100%;/*height: 5.7rem;*/background: url(../images/reason.jpg)  center;background-size: 100% 100%;padding:0 0.22rem;margin-top: 0.2rem;overflow: hidden;}
.i-reason img{width:100%;height: auto;}
.i-reason .tit{width:100%;text-align: center;display: block;font-size:0.36rem; color:#0081ff;font-weight: bold;padding-top: 0.38rem;margin-bottom: 0.4rem;}
.i-reason p{text-align: center;}
.i-reason .one{font-size:0.3rem;color:#0081ff;font-weight: bold;margin-bottom: 0.08rem;}
.i-reason .two{font-size:0.24rem;color:#999999;margin-bottom: 0;margin-top: 0}
.i-reason .swiper-container{padding-bottom: 0.6rem;}
.i-reason .swiper-pagination-bullet-active{background: #fff;}
.i-reason .swiper-pagination-bullet{background: #919293}
/*<!-- Cooperative customers -->*/
.i-customers{padding-top: 0.37rem;padding-bottom: 0.3rem;}
.i-customers .public-tit{margin-bottom: 0.27rem;}
.i-customers ul{padding-left: 0.2rem;padding-right: 0.2rem;}
.i-customers ul li img{width: 2.85rem;height: 1.9rem;display: block;}
.i-customers ul li{float: left;width:50%;}
.i-customers ul li:nth-child(1){padding-right: 2%;}
.i-customers ul li:nth-child(2){padding-left: 2%;}
.i-customers ul li span{font-size:0.18rem;color:#333;display: block;margin-top: 0.14rem;}
/*cooperation*/
.i-cooperation {padding-top: 0.3rem;background: #eeeeee;padding-left: 0.2rem;padding-right: 0.2rem;}
.i-cooperation .tit{margin-bottom: 0.4rem;}
.i-cooperation ul{padding-left: 0;text-align: center;}
.i-cooperation ul li{/*float: left;*//*margin-right: 0.2rem;*/margin-bottom: 0.25rem;display: inline-block;}
.i-cooperation ul li:nth-child(3){margin-right: 0}
.i-cooperation ul li:nth-child(6){margin-right: 0}
.i-cooperation ul li img{width:1.8rem;height: 1.15rem;}
/*company file*/
.i-about {margin-bottom: 0.28rem;padding-top: 0.4rem;}
.i-about .public-tit{margin-bottom: 0.2rem;}
.i-about .con{margin-bottom: 0.3rem}
.i-about .con img{width:100%;height:auto;margin:0 auto 0.2rem;display: block;}
.i-about .p{line-height: 200%;font-size:0.2rem;color:#333333;padding-left: 0.2rem;padding-right: 0.2rem;margin-bottom: 0.2rem;}
.i-about .p p{margin-bottom:0;text-indent: 2em;margin-top: 0;font-size: 0.24rem;color:#666666;}
.i-about .p .tit{font-size:0.3rem;color:#333333;margin-bottom: 0.22rem;}
.i-about .add{font-size:0.18rem;color:#fff;display: block;width:1.05rem;height: 0.34rem;background: #0078ee;text-align: center;float: right;margin-right: 0.22rem;}
/*honor*/
.i-honor {padding-bottom: 0.2rem;overflow: hidden;}
.i-honor .tit{padding-left: 0.2rem;padding-right: 0.2rem;margin-bottom: 0.25rem;}
.i-honor .tit a{font-size:0.3rem;color:#333333;}
.i-honor .swiper-container1{padding:0 0.22rem 0.5rem;position: relative;}
.i-honor .swiper-container1 .swiper-slide {margin-right: 0.08rem;}
.i-honor .swiper-container1 img{width:2.88rem;height: 2.08rem;display: block;border:6px  solid #eeeeee;}
.i-honor .swiper-pagination{bottom:0;}
.i-honor .swiper-pagination-bullet-active{background: #7d7d7d}
/*equipment/*/
.i-equipment {padding-top: 0.29rem;background: #eeeeee;overflow: hidden;}
.i-equipment .public-tit{margin-bottom: 0.3rem;}
.i-equipment img{width:2.86rem !important;height: 2.09rem !important;}
/*newslist*/ 
.i-news .menu{padding-left: 0}
.i-news .menu li{float:left;width:50%;height: 0.7rem;text-align: center;line-height: 0.7rem;background: #aaa;}
.i-news .menu li a{font-size:0.36rem;color:#fff;}
.i-news .menu li.active{background: #0078ee} 
.i-news div.item{display:none;width:100%;}
.i-news div ul{padding-left: 0.2rem;padding-right: 0.2rem;}
.i-news div ul li{margin-bottom: 0.25rem;}
.i-news div ul li span{margin-right: 0.1rem;}
.i-news div#one ul li a{font-size:0.24rem;color:#333;}
.i-news div#one ul li .p p{font-size:0.18rem;color:#777;margin-bottom: 0;}
.i-news div#two ul{padding-left: 0.2rem;padding-right: 0.2rem;}
.i-news div#two ul li {position: relative;}
.i-news div#two ul li p:nth-of-type(1){margin-bottom: 0.2rem;}
.i-news div#two ul li p:nth-of-type(1) span{display: inline-block;width:0.3rem;height: 0.3rem;background: #0078ee;font-size: 0.16rem;color:#fff;text-align: center;line-height: 0.3rem;}
.i-news div#two ul li p:nth-of-type(1) a{font-size: 0.24rem;color:#666;}
.i-news div#two ul li p{margin-bottom: 0;margin-top: 0}
.i-news div#two ul li p:nth-of-type(2) span:nth-of-type(1){display: block;width:0.3rem;height: 0.3rem;background: #535353;color:#fff;line-height: 0.3rem;text-align: center;}
.i-news div#two ul li p:nth-of-type(2) span:nth-of-type(2){font-size:0.18rem;color:#333;width: 91%}
.i-news div#two ul li .add{position: absolute;bottom:0;right:0.22rem;font-size: 0.18rem;color:#0081ff;}
/*i-hr*/
.i-hr{width: 100%;/*height: 1.55rem;*/background: url(../images/hr.jpg) no-repeat;background-size: 100% 100%;padding-left: 0.22rem;padding-top: 0.24rem;padding-bottom: 0.1rem;}
.i-hr p:nth-of-type(1){font-size: 0.3rem;font-weight: bold;color:#ffffff;margin-bottom: 0.1rem !important;}
.i-hr p:nth-of-type(2){font-size: 0.24rem;color:#ffffff;margin-top: 0;margin-bottom: 0}
.i-hr p span{margin-left: 0.15rem;}
/*call?*/
.i-call{padding-top: 0.4rem;padding-bottom: 0.3rem;}
.i-call .tit{font-size: 0.4rem;color:#333333;margin-bottom: 0.3rem;display: block;text-align:center;}
.i-call{text-align: center;} 
.i-call input{border:none;background: #eeeeee;width:2.88rem;height:0.65rem;padding-left:5px;}
.i-call select{background: #eee;border:none;width:2.88rem;height:0.65rem;color:#666;font-size: 0.24rem;margin-top: 0.2rem;}
.i-call textarea{border:none;background: #eee;width:5.8rem;height:1.47rem;margin-top: 0.2rem;padding-left: 0.2rem;padding-top: 0.2rem;}
.i-call .reset{width:1.08rem;height:0.54rem;background: #e5e5e5;color:#666;margin-top: 0.15rem;}
.i-call .submit{width:1.08rem;height:0.54rem;background: #076acf;color:#fff;}
/*concat*/
.i-concat {background: #eeeeee;padding-top: 0.25rem;padding-bottom: 0.28rem;}
.i-concat .f-logo{display: block;width:2.18rem;height: 0.8rem;margin:0 auto 0.27rem;display: none;}
.i-concat .box{padding-left: 0.5rem;padding-right: 0.3rem;text-align: center;}
.i-concat .box img{width:1.08rem;height: 1.08rem;margin:0 auto;display: block;}
.i-concat .box p{margin-bottom: 0;margin-top: 0;font-size:0.24rem;color:#333;}
.i-concat a img{width:2.18rem;height:0.8rem;display: none;}
/*f-bottom/*/
.f-bottom{text-align: center;background: #dcdcdc;padding-top: 0.1rem;padding-bottom: 0.1rem;}
.f-bottom span{font-size:0.16rem;color:#333;}
.f-bottom a{font-size: 0.16rem;color:#333;}
/*inside  header */
.n-header{background: none;background: #076acf}
.n-header button{color:#fff !important;}
.n-header .add{display: block;width:0.8rem;height: 0.45rem;text-align: center;line-height: 0.45rem;position: absolute;right:0.22rem;top:0.25rem;/*background: url(../images/add.png) no-repeat;*/background-size: 0.8rem 0.45rem;color:#fff;font-size:0.24rem !important;}
/*inside page productimg newslist*/
.public-name .tit{width:100%;height:0.86rem;background: #eeeeee;margin-bottom: 0;margin-top: 0;line-height: 0.94rem;font-size:0.36rem;color:#0058ba;margin-bottom: 0;text-align-last: center;border-bottom: 2px solid #0058ba;}
.public-name .n-menu ul{padding-left: 0.22rem;padding-right: 0.22rem;background: #eee;height: 0.7rem;}
.public-name .n-menu ul li{float: left;margin-right: 0.35rem;line-height: 0.7rem;}
.public-name .n-menu ul li:last-child{margin-right: 0}
.public-name .n-menu ul li a{font-size: 0.24rem;color:#444;}



/*indise public tit show*/
.public-x-tit{/*padding-left:0.2rem;*/position: relative;margin-top: 0.2rem;}
.public-x-tit .shu{width:0.1rem;height: 0.3rem;background: #0078ee;margin-top: 0.2rem;}
.public-x-tit .name{text-indent: 0em;margin-bottom: 0;margin-left: 0.15rem;height:0.5rem;line-height: 0.7rem!important;font-weight: bold;font-family: "微软雅黑"}
.public-x-tit .en{font-size: 0.2rem !important;color:#999;position: absolute;left:35%;top:0.25rem;}
.public-x-tit .heng{width:98%;background: #0078ee;margin-top: 0.2rem;margin-left: 0.1rem;height: 0.05rem;padding-right: 0.2rem;}
/*inside product show */
.n-procon {position: relative;padding-top: 0.2rem;}
/*indise page newscon*/
.n-newscon .public-news-con{margin-top: 0.28rem;}
.n-newscon .public-news-con ul {padding-left: 0.22rem;padding-right: 0.22rem;}
.n-newscon .public-news-con ul li{padding-bottom: 0.16rem;border-bottom: 1px solid #ddd;}
.n-newscon .public-news-con ul li a.img{display: block;}
.n-newscon .public-news-con ul li a.tit{font-size: 0.3rem;color:#333;padding-top: 0.15rem;display: block;}
.n-newscon .public-news-con ul li a.p{font-size:0.2rem;}
.n-newscon .public-news-con ul li p.p{margin-top: 0px;margin-bottom: 0;font-size:0.2rem;color:#666;line-height: 150%}
.n-newscon .public-news-con ul li .time{font-size:0.18rem;color:#999999;}
.cooperation img{width:1.57rem !important;height: 0.97rem !important;}
/*show page*/
.n-showcon img{width:100%;display: block;} 
.n-showcon {position: relative;padding-top: 1rem;}
.n-showcon  .btn-fx{position: absolute;top:0.2rem;right:0.2rem;overflow: hidden;}
.n-showcon  .back{position: absolute;top:0.2rem;left:0.2rem;display: block;background: url(../images/back.jpg) no-repeat;width:0.65rem;height:0.65rem;border-radius: 50%;background-size: 0.65rem 0.65rem;}
.n-showcon .button{width:100%;height:1rem;background: #0058ba;position: absolute;top:0rem;}
.n-showcon  .x-home{display: block;background: url(../images/x-home.jpg) no-repeat;width:0.65rem;height:0.65rem;background-size: 0.65rem 0.65rem;border-radius: 50%;}
.n-showcon  .showname{width:100%;padding-bottom: 0.22rem;padding-top: 0.22rem;text-align: center;background: #e5e5e5;margin-bottom: 1rem;max-width: 6.4rem;margin:0 auto 0.2rem;}
.n-showcon  .content{background: #fff;padding-left: 0.22rem;padding-right: 0.22rem;line-height: 150%;padding-top: 0.1rem;padding-bottom: 0.2rem;}
/*.n-showcon  .content p{text-indent: 2em;}*/
.n-showcon .p{line-height: 200%;padding-top: 0.1rem;}
/*.n-showcon .p span{display:inline-block;text-indent: 2em;line-height: 150% !important;}*/
/*.n-showcon .p p{text-indent: 2em;}*/
/*page style、*/
.pagination {padding-left: 0.2rem;padding-right: 0.2rem;margin-bottom: 0.34rem;margin:0.1rem auto 0.3rem;}
.pagination a{width:25%;height:0.6rem;text-align: center;line-height: 0.6rem;border:1px solid #076acf !important;display: block;color:#333;float:left; }
.pagination a:nth-of-type(2){float: right;}
.pagination span{display: block;width:50%;text-align: center;margin:0 auto;height:0.6rem;line-height: 0.6rem;}
/*page turning*/
.page-turn {padding-top: 0.28rem;border-top: 1px solid #ddd;padding-left: 0.2rem;padding-bottom: 0.1rem;}
.page-turn div{margin-bottom: 0.23rem;font-size:0.24rem;color:#666;}
.page-turn div a{font-size:0.24rem;color:#666;}
/*back top*/
.back-top{width:100%;height:0.7rem;line-height: 0.7rem;text-align: right;color:#fff;background: #076acf;padding-right: 0.24rem;}
@media screen and (min-width: 640px) {
  .i-reason{background-size: 6.4rem auto !important;text-align: center;}
  .i-reason img{max-width:6.4rem;}
  .i-customers{max-width:6.4rem;margin:0 auto;}
  .page-turn{max-width: 6.4rem;margin:0 auto;}
  .n-showcon {max-width: 6.4rem;margin:0 auto;}
  .pagination {max-width: 6.4rem;margin:0.1rem auto 0.3rem;}
  .public-name{max-width: 6.4rem;margin:0 auto;}
  .public-news-con{margin:0 auto;max-width:6.4rem;}
  .i-concat{max-width: 6.4rem;margin:0rem auto;}
  .i-about .con{max-width: 6.4rem;margin:0 auto;}
  .public-pro-con{max-width:6.4rem;background: #fff;margin:0 auto;}
  .public-tit {max-width:6.4rem;margin:0 auto 0.45rem;}
  .public-tit:hover{color:#fff;}
  .footer{max-width:6.4rem;left:50%;margin-left: -3.2rem;}
  .header{max-width: 6.4rem;margin:0 auto;}
  .nShowcon .button{max-width: 6.4rem;margin:0 auto;}
  .back-top{max-width: 6.4rem ;margin:0 auto;}
  .i-pro{max-width:6.4rem;margin:0 auto;}
  .i-about{max-width: 6.4rem;margin:0 auto;}
  .i-news{max-width: 6.4rem;margin:0 auto;}
  .f-bottom{width:6.4rem;margin:0 auto;}
  .i-call{max-width: 6.4rem;margin:0 auto;}
  .i-hr{max-width: 6.4rem;margin:0 auto;}
  .i-cooperation{max-width: 6.4rem;margin:0 auto;}
  .i-honor{max-width:6.4rem;margin:0 auto;overflow: hidden;}
  .i-concat .box p{line-height: 150%}
}