/*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-size: 100% 1.24rem;}
.header .btn1{width:1rem;display: block;height:1.24rem;position: absolute;right:0rem;top:0rem;font-size:0.5rem !important;color:#990000;background: none;padding:0;text-align:center;}
/*banner*/
.banner {overflow: hidden;height: 3.2rem;margin:0rem auto;}
.banner .swiper-slide{text-align: center;}
.banner img{width:100%;height:100%;}
.banner .swiper-pagination-bullet-active{background: #fff !important;}
/*footer*/
.footer{width:100%;background:#990000;position: fixed;bottom:0;padding-top: 0.05rem;z-index: 10;padding-bottom: 0.1rem;}
.footer ul {padding-left: 0}
.footer ul li {width:33%;float: left;text-align: center;height:1rem;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.06rem;}
.footer ul li:nth-child(2) span{margin-top: 0.04rem;}
.footer ul li:nth-child(3) span{font-size:0.6rem;width:0.56rem;height:0.64rem;margin-top: 0.07rem;}
.footer ul li p{position: relative;top:0rem;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;color:#616161;font-weight:bold;font-size:0.4rem;line-height:0.8rem;height:0.8rem;}
.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.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;}
/*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;}

.public-news-con .con{line-height:190%;}
/*home case*/
.i-case{ margin:0.2rem auto 0em auto;}
.i-case ul{margin:0rem;padding:0rem;}
.i-case li{float:left; width:33%;background:#990000;margin-bottom:0.5em;margin-right:0.5%;}
.i-case li.two{ background:#555555;}
.i-case li.liright{margin-right:0;float:right;}
.i-case li a{ display:block; line-height:0.7rem; color:#FFFFFF; height:0.7rem; overflow:hidden; text-align:center}

/*home caselist*/
.i-case-list{ margin:0rem auto 0rem auto;}
.i-case-list .pcon{ width:98%; margin:0 auto;}
.i-case-list dl{ width:49%; position:relative; margin-bottom:0.2rem;margin-top:0rem;}
.i-case-list dl dt{ margin:0 auto;width:100%;}
.i-case-list dl dt img{width:100%;}
.i-case-list dl dd{ position:absolute; width:100%; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; background:#000000; bottom:0px; line-height:0.5rem; height:0.5rem; overflow:hidden; text-align:center}
.i-case-list dl dd a{ color:#FFFFFF}

.i-ad{ margin:0.5rem auto 0rem auto;height:0.8rem; line-height:0.8rem;background:#990000;font-weight:bold;text-align:center;max-width: 6.4rem;}
.i-ad *{color:#FFFF00;font-size:0.35rem;}
.i-ad a:hover,.i-ad a:link{color:#FFFF00;}
/*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 .con{width:5.96rem;margin:0 auto;overflow-x: hidden;}
.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.1rem;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:center;padding-top: 0.38rem;padding-bottom: 0.24rem;background: #434343;}
.i-concat p{font-size:0.2rem;color:#999999;margin-top:0;margin-bottom: 0.13rem;line-height:190%;}
.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;text-align: center;}
.i-info p{font-size:0.18rem;color:#CCCCCC;margin-bottom: 0.1rem;margin-top: 0;line-height:190%;}
.i-info *{font-size:0.18rem}
.i-info a{color:#cccccc;}
/*inside page productimg newslist*/
.public-name .tit{width:100%;height:0.86rem;background: #990000;margin-bottom: 0;margin-top: 0;line-height: 0.94rem;font-size:0.36rem;color:#ffffff;margin-bottom: 0;text-align-last: center;}
.public-name .n-menu ul{padding: 0rem;margin-top:0.1rem;padding-right: 0.02rem;/*height: 0.7rem;*/}
.public-name .n-menu ul li{float:left; width:33%;background:#555555;margin-bottom:0.5em;margin-right:0.5%;}
.public-name .n-menu ul li:nth-child(3n){margin-right:0rem;}

.public-name .n-menu li.two{ background:#666666;}
.public-name .n-menu li.liright{margin-right:0;float:right;}
.public-name .n-menu li a{ display:block; line-height:0.7rem; color:#FFFFFF; height:0.7rem; overflow:hidden; text-align:center}




/*inside product show */
.n-procon {position: relative;}


/*indise public tit show*/
.public-x-tit{/*padding-left:0.2rem;*/position: relative;margin-top: 0.3rem;margin-bottom: 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;}

/*indise page newscon*/
.n-newscon .public-news-con{margin-top: 0.28rem;}
/*show page*/
.n-showcon img{width:100%;display: block;height: 100%} 
.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:#990000;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 #cccccc !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: #990000;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-case{max-width: 6.4rem;}
  .i-case-list{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;}
  .banner{max-width: 6.4rem}
  .banner img{max-width: 6.4rem}
}