/*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: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 #0d9ad8;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;}

.border{width:100%;height:0.2rem;background: #eeeeee}

/*header*/

.header {height:0.94rem;text-align: center;line-height: 0.94rem;width:100%;position: relative;}

.header a.comname{display: block;width:100%;height:100%;font-size:0.4rem;color:#fff;background: url(../img/head.jpg) no-repeat center;background-size:100% 1.12rem;}

.header .btn1{width:0.45rem;display: block;height:0.35rem;position: absolute;right:0.22rem;top:0.25rem;font-size:0.38rem !important;color:#137abf;background: none;padding:0;}



/*banner*/

.banner {position: relative;}

.banner ul{padding-left: 0}

.banner .uk-dotnav li{display: inline-block;width:0.1rem;height: 0.1rem;background: #fff}

.banner .uk-dotnav li.uk-active{background: #137abf}

.banner {width:100%;overflow: hidden;height: 3.2rem;}

.banner img{width:100%;height:100%;max-width: 6.4rem;}

/*搜索*/

.sub-box{width:90%;margin:0 auto;padding-top: 0.18rem;margin-bottom: 0.3rem;}

.sub-box div{float:left;}

.sub-box .input{width:80%;height: 0.6rem;border:1px solid #ddd;}

.sub-box .input input{width:100%;height: 0.55rem;border:none;outline: none;padding-left: 0.2rem}

.sub-box .sub{width:20%;height: 0.6rem;background:#1273cb url(../img/sub.jpg) no-repeat center;background-size: 0.75rem 0.6rem;}

.sub-box .sub input{width:100%;height: 100%;height: 0.6rem;background: none;border:none;}

/*public*/

.public-tit{text-align: center;}

.public-tit a{display: block;}

.public-tit .big{font-size: 0.3rem;color:#333;font-weight: bold;display: block;}

.public-tit .small{font-size: 0.24rem;color:#666666;display: block;}

/*footer*/

.footer{width:100%;background: #0058ba;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;}

.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;background: url(../img/wx.png) no-repeat center;background-size: 0.6rem;}
.footer ul li:nth-child(3) { position:relative;}
.footer-ewm { position:absolute; top:-160px; left:-30px; width:150px; height:150px; z-index:3333;}
.footer-ewm img { width:100%; height:100%;}

.footer ul li p{position: relative;top:0.08rem;margin-top: 0}

.i-sale .public-tit{margin-bottom: 0.5rem;}

.i-sale .uk-slideset {padding-left: 0}

.i-sale .uk-slideset li{text-align: center;}

.i-sale .uk-slideset img{width:2rem;height: 1.73rem;display: block;margin:0 auto 0.3rem;}

.i-sale .uk-slideset span{display:block;font-size: 0.24rem;color:#555;font-weight: bold;margin-bottom: 0.37rem}

.i-sale .uk-slideset-nav {text-align: center;padding-left: 0}

.i-sale .uk-slideset-nav li{display: block;width: 0.3rem;height: 0.3rem;background: #eeeeee;border-radius: 50%;display: inline-block;margin-right: 0.2rem}

.i-sale .uk-slideset-nav li.uk-active{background: #d2d2d2}

/*sidebar*/

.uk-button{font-size:0.20rem !important; }

.sidebar .uk-offcanvas-bar{width:115px !important;}

.sidebar .uk-offcanvas-bar{width:2.2rem !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;}

/*ipro*/

.i-pro .public-tit{margin-bottom: 0.38rem;}

/*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.8rem;float: left;padding-right: 0;margin-right: 0.13rem;}

.public-procon ul li:nth-child(even){margin-right: 0}

.public-procon ul li .pic {width:2.8rem;height:2.8rem; text-align:center; line-height:2.7rem; background-color:#FFF;}

.public-procon ul li img{ max-width:100%; max-height:100%; vertical-align:middle;}

.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.28rem;}

.i-pro .public-tit{margin-bottom: 0.45rem;}

/*company file*/

.i-about {margin-bottom: 0.45rem;padding-top: 0.27rem}

.i-about .con{padding-right: 0.2rem;padding-left: 0.2rem;margin-bottom: 0.3rem}

.i-about .public-tit {margin-bottom: 0.27rem}

.i-about .con img{width:5.96rem;height:3rem;margin:0 auto 0.2rem;display: block;}

.i-about .p{line-height: 200%;font-size:0.2rem;color:#333333;}

.i-about .p p{margin-bottom:0;text-indent: 2em;margin-top: 0;}

.i-about .add{display: block;width:90%;height:0.45rem;text-align: center;line-height: 0.45rem;background: #1273cb;color:#fff;font-size: 0.2rem;margin:0 auto;}



.i-company {width:100%;padding-top: 0.24rem;padding-bottom: 0.27rem;margin-bottom: 0.2rem;background: #1e7ec0}

.i-company .public-tit span{color:#fff;}

.i-company .public-tit{margin-bottom: 0.23rem}

.i-company  ul{padding-left: 0}

.i-company  img{/*width:2.9rem;height: 3.1rem*/}

.i-company  ul.uk-slideset li {text-align: center;float: left;}

.i-company .uk-slideset-nav{text-align: center;}

.i-company .uk-slideset-nav li{width:0.2rem;height: 0.2rem;background: #a9cee7;border-radius: 50%;display: inline-block;margin-right: 0.2rem;}

.i-company .uk-slideset-nav li.uk-active{background: #fff;}

.i-newslist .tab-list {display: flex;padding-left: 0;height: 0.65rem}

.i-newslist .tab-list li{flex:1;text-align: center;background: #bfbfbf;color:#fff;font-size: 0.36rem;font-weight: bold;line-height: 0.65rem}

.i-newslist .tab-list li.uk-active{background: #1273cb}

.i-newslist .newscon .item{display:none;}

.public-news-con .newscon ul{margin-bottom: 0;padding-left: 0}

.public-news-con .newscon ul li {border-bottom: 1px solid #ddd;padding-bottom: 0.16rem;padding-left: 0.2rem;padding-top:0.16rem;}

.public-news-con .newscon ul li:last-child{border-bottom: none;}

.public-news-con .newscon ul li span{margin-right: 0.1rem;}

.public-news-con .newscon ul li span.time{font-size:0.18rem;color:#999;}



/*concat、*/



.i-concat {text-align: center;padding-top: 0.38rem;padding-bottom: 0.24rem;background: #d2d2d2;}

.i-concat .tit{font-size:0.3rem;color:#333;margin-bottom: 0.2rem}

.i-concat p{font-size:0.24rem;color:#666666;margin:0;margin-bottom: 0.2rem;}



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

/*inside product show */

.n-procon {position: relative;}

/*indise page newscon*/

.n-newscon .public-news-con{margin-top: 0.28rem;}

/*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(../img/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(../img/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;}

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

/*page style、*/

.pagination { margin-bottom: 0.34rem; }
.pagination ul { margin:0; padding:0; }
.pagination ul li { display:inline-block; width:auto;height:0.6rem;text-align: center;line-height: 0.6rem;  color:#333;margin-left:0.1rem; margin-top:0.1rem;}
.pagination ul li a{ display:block;  border:#ddd solid 1px;  padding:0 0.2rem; }

.pagination ul li span.current { display:block;color:#0058ba; padding:0 0.2rem; }

/*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: #0058ba;padding-right: 0.24rem;}

@media screen and (min-width: 640px) {

    .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;background: #fff;margin:0 auto 0.45rem;}

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

}



.n-pro-show {background: none !important;}

.n-pro-show .uk-slideset-nav li.uk-active{background: #0058ba}

.n-pro-show .pro-tit{padding-left: 0.2rem;border-left: 5px solid #0058ba;margin:0 auto;font-size: 0.24rem;color:#333;font-weight: bold;margin-bottom: 0.2rem;padding-top: 20px;}

.n-pro-show .pro-tit span{width:90%;float:left;display: block;height: 1px;background: #0058ba;margin-top: 3px;}

.n-pro-show .pro-intro{padding:0 0.2rem;}