/*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 #81ced3;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/head.jpg) no-repeat;height:1.24rem;text-align: center;line-height: 1.24rem;width:100%;position: relative;display: block; background-position-y:0.3rem;background-size:5.3rem 0.8rem;background-position: 0.1rem 0.3rem;}
.header .btn1{width:1rem;display: block;height:1.24rem;position: absolute;right:0rem;top:0rem;font-size:0.5rem !important;color:#196caf;background: none;padding:0;text-align:center;}
/*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: #fff !important;}
/*footer*/
.footer{width:100%;background:#0068b7;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.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: #0068b7 !important;color:#fff;}
/*public-tit*/
.public-tit {width:100%;text-align:center;}
.public-tit p{margin-bottom:0;margin-top: 0}
.public-tit a.one{font-size:0.3rem;color:#289d3d;font-weight: bold;}
.public-tit a.one span{color:#13519b;}
.public-tit p.two{color:#666666;font-size:0.2rem;}
/*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;}
.public-procon ul li:nth-child(even){margin-right: 0}
.public-procon ul li img{width:2.4rem;height:2.65 rem;}
.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;}
/*parentlist  public*/
.public-parecon { margin-top:0.2rem;}
.public-parecon ul{padding-left: 0.22rem;padding-right: 0.22rem;margin-top:0rem;max-width: 6.4rem;margin:0 auto;}
.public-parecon ul li{text-align: center;padding-left: 0;width:1.85rem;float: left;padding-right: 0;margin-right: 0.13rem;}
.public-parecon ul li:nth-child(even){margin-right: 0}
.public-parecon ul li img{width:1rem;height:1rem;}
.public-parecon ul li p{font-size:0.18rem;color:#333333;margin-bottom: 0;padding-bottom: 0.15rem;padding-top: 0.15rem;margin-top: 0;}
/*public newslist*/
.public-news-con{margin-top: 0.1rem;padding-left: 0.22rem;padding-right: 0.22rem;}
.public-news-con .con ul {padding-left: 0}
.public-news-con ul li span{display: block;width:0.1rem;height:0.1rem;border-radius: 50%;border:1px solid #ddd;position: relative;top:0.24rem;margin-right: 0.22rem;}
.public-news-con ul li a{display: block;height: 0.6rem;font-size:0.24rem;}
.public-news-con ul li{line-height: 0.6rem;background: #eeeeee;height: 0.6rem;padding-left:0.13rem;overflow: hidden;width:100%;margin-bottom: 0.19rem;}
/*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.31rem;padding-bottom: 0.2rem;background: url(../images/aboutbg.jpg) repeat;margin-top: 0.25rem;}
.i-about .public-tit{margin-bottom: 0.26rem;}
.i-about .con{padding-right: 0.2rem;padding-left: 0.2rem;margin-bottom: 0.3rem}
.i-about .con img{width:5.96rem;height:2.7rem;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 .swiper-pagination-bullet-active{background: #fff !important;}
.i-about .add{display: block;width:1.2rem;;background: #13519b;text-align: center;color:#fff;font-size:0.2rem;padding:0.08rem 0;margin:0.2rem auto 0;}
/*home、 solution*/
.i-solution {padding-left: 0.2rem;padding-right: 0.2rem;margin-bottom: 0.32rem;}
.i-solution .public-tit{margin-bottom: 0.27rem;}
.i-solution img{width:5.96rem;height:2.7rem;display: block;}
.i-solution .tit{display: block;width:100%;height:0.6rem;padding-left: 0.35rem;padding-right: 0.35rem;background: #0068b7;line-height: 0.6rem;}
.i-solution .tit .left{font-size:0.24rem;color:#fff;}
.i-solution .tit .right{font-size:0.18rem;color:#fff;}
 /*home* news*/
.i-news .public-tit{margin-bottom: 0.24rem;}
 /*<!-- cooperation Agency -->*/
.i-agency {padding-left: 0.22rem;padding-right: 0.22rem;}
.i-agency .public-tit{margin-bottom: 0.39rem;}
.i-agency ul{padding-left: 0}
.i-agency ul li{padding-top: 0.1rem;padding-bottom: 0.1rem;border:1px solid #ddd;float: left;margin-right: 4%;width:48%;text-align: center;margin-bottom: 0.2rem;}
.i-agency ul li:nth-child(even){margin-right: 0}
.i-agency ul li img{margin-right: 0.2rem;width:0.6rem;height:0.6rem;}
.i-agency ul li span{font-size:0.24rem;color:#333;margin-top: 0.1rem;}
 /*concat、*/
.i-concat {text-align: left;padding-top: 0.38rem;padding-bottom: 0.24rem;background: #434343;padding-left: 0.22rem;}
.i-concat p{font-size:0.24rem;color:#777777;margin-top:0;margin-bottom: 0.13rem;}
.i-concat p:nth-child(1){font-size:0.3rem;color:#999999;}
/*info*/
.i-info {padding-bottom: 0.12rem;padding-top: 0.15rem;background: #313131;padding-left: 0.22rem;}
.i-info p{font-size:0.18rem;color:#666666;margin-bottom: 0.1rem;margin-top: 0;}
.i-info a{color:#666;}
/*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;   width: 2.3rem;
    margin-left: 0.4rem; }
.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(../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: #0068b7;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;}
.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 {padding-left: 0.2rem;padding-right: 0.2rem;margin-bottom: 0.34rem;margin:0.1rem auto 0.3rem;}
.pagination a{width:16%;height:0.6rem;text-align: center;line-height: 0.6rem;border:1px solid #0058ba !important;display: block;color:#333;  float: left;  margin-left: 0.1rem;}
.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: #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{background-size: 6.4rem auto;}
  .i-about .p{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;}
  .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-info{max-width: 6.4rem;margin:0 auto;}
  .i-solution {max-width:6.4rem;margin:0 auto;}
  .i-agency {max-width: 6.4rem;margin:0 auto;}
}