﻿@charset "utf-8";
/* Style Reset */

html{ background-color: #fff; max-width: 480px;   }
body, html { position: relative;  margin: 0px auto; padding: 0; font-family: "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;  color: #333;}
body{ max-width: 480px;  margin: 0px auto; }
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0;padding:0;margin:0px auto;}
body,html{height:100%;}
ul,ol,li,dl,dt,dd{list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset,img{border:0;}
img{display:block;max-width:100%}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance:none;}
a{text-decoration:none;outline:0px;}
.c{clear:both;width:100%;}
.left{float:left;}
.right{float:right;}
.cls{clear:both;height:0px;line-height:0px;font-size:0;}
ul{display:block;}
ul,ol,li,dl,dt,dd{list-style:none;}
.body-size{ font-size:0.34rem;}
.wp{ padding-left:0.48rem; padding-right:0.48rem;}
.pt48{ padding-top:0.48rem;}
.pb48{ padding-bottom:0.48rem;}
@media only screen and (min-width:640px){/*html{font-size:100px;}
*/
}
@media only screen and (min-width:480px) and (max-width:639px){/*html{font-size:80px;}
*/
}
@media only screen and (min-width:321px) and (max-width:479px){/*html{font-size:70px;}
*/
}
@media only screen and (max-width:320px){/*html{font-size:60px;}
*/
}

@font-face {
    font-family: 'iconfont';  /* project id 2047199 */
    src: url('http://at.alicdn.com/t/font_2047199_xmpq0h98r.eot');
    src: url('http://at.alicdn.com/t/font_2047199_xmpq0h98r.eot?#iefix') format('embedded-opentype'),
    url('http://at.alicdn.com/t/font_2047199_xmpq0h98r.woff2') format('woff2'),
    url('http://at.alicdn.com/t/font_2047199_xmpq0h98r.woff') format('woff'),
    url('http://at.alicdn.com/t/font_2047199_xmpq0h98r.ttf') format('truetype'),
    url('http://at.alicdn.com/t/font_2047199_xmpq0h98r.svg#iconfont') format('svg');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*轮播图片*/
.ix-banner{ }
.ix-banner .ib-tit{ position:absolute; color:#fff; width: calc(100% - 0.96rem); padding: 0rem 0.48rem; bottom:0; left:0; right:0; height: 1.08rem; line-height: 1.08rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
     font-size: 0.36rem; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),to(rgba(0,0,0,.7))); background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.7)); text-align: center; }
.ix-banner img{ }
/*导航列表*/
.ix-nav ul li{text-align:center; overflow: hidden;  position: relative; margin: 0 auto;float: left; width: 25%; padding-top:0.48rem    }
.ix-nav ul li .in-kk{}
.ix-nav ul li .in-kk a{ font-size:0.38rem; display:block;color: #55575b;  width: 100%; -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ix-nav ul li .in-kk img{ width:1.2rem; padding-bottom:0.24rem;}
/*内页导航*/
.pg-nav ul{ padding-left:0.24rem;  padding-right:0.24rem; padding-top:0.48rem}
.pg-nav ul li{ padding: 0rem 0.24rem; text-align: center; width: calc((100% - 1.44rem)/3); float: left;}
.pg-nav ul li a{ display: block; height: 0.96rem; line-height: 0.96rem; font-size: 0.34rem; border-bottom: solid 1px rgba(0,0,0,.1); color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pg-nav ul li span{ display: block; height: 0.96rem; line-height: 0.96rem; font-size: 0.34rem; border-bottom: solid 1px rgba(0,0,0,.1); color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*新闻列表*/
.pg-list{ padding-top:0.48rem;}
.pg-list ul li{ padding: 0.48rem; margin-bottom: 0.48rem; position: relative; background: #fff; -webkit-box-shadow: 0 4px 16px 0 rgba(18,21,58,.14); box-shadow: 0 4px 16px 0 rgba(18,21,58,.14); border-radius: 6px;}
.pg-list ul li a{ display: block;}
.pg-list ul li .pl-tit{ width: calc(100% - 3.13rem); padding-right: 0.48rem; font-size: 0.36rem; }
.pg-list ul li .pl-tit .pt-t1 { color:#666; padding-bottom:0.12rem;}
.pg-list ul li .pl-tit .pt-t2 p{ display:inline-block;   background: rgb(157, 179, 192);  color: rgb(255, 255, 255); font-size: 0.31rem; margin-right: 5px; padding: 0.07rem 0.14rem;  border-radius: 3px; line-height: 0.6rem;}
.pg-list ul li .pl-img{ width: 2.65rem; }
.pg-list ul li .pl-img img{ max-width: 100%; border-radius: 6px;}

/*搜索*/
.searck-box{ display: none; position: fixed; z-index: 1;     width: 100%;  height: 100%; top: 0;}
.sea-bj{ position: fixed; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(55,55,55,.6)}
.sea-kk{ position: fixed; z-index: 2; top: 2.65rem; width: calc(100% - 1.92rem); margin: 0px auto; left: 0; right: 0; background: #fff; border-radius: 4px; padding:0.48rem;}
.sea-kk .input-ss{ border: solid 1px rgba(0,0,0,.1); width: calc(100% - 0.96rem); border-radius: 4px; padding: 0px 0.48rem; height: 0.77rem; line-height: 0.77rem; display: block;}
.sea-kk button:nth-child(3){ background:#fff; color:#666;}
.sea-kk button{ margin-top:0.48rem; border: none; float: right; color: #fff; background-color: #2d8cf0;border-color: #2d8cf0;  border-radius: 4px;  padding: 6px 15px 6px 15px;}

/*搜索页面*/
.pg-search{ background: #fff; padding: 0.48rem; margin-top: 0.48rem; position: relative;}
.pg-search .input-ss{ height: 0.77rem; line-height: 0.77rem; border: solid 1px rgba(0,0,0,.1);padding: 0px 0.48rem; width: calc(100% - 0.96rem); border-radius: 4px;}
.pg-search button{ position: absolute; right: 0.96rem; top: 0.72rem; background:none; color:#666; border: none;}


/*==分页==*/
.paginator{ font-family:Arial; text-align: center; }
.paginator a { transition: all 0.36s ease;  width:30px; color: #666;  text-align:center; height:30px; line-height:30px; display:inline-block; text-decoration:none;  background:#fff; margin:0px 5px !important;  color:#666; transition: all 0.36s ease;}
.paginator a i {display:inline-block; font-size: 16px; line-height:28px; }
.paginator a:hover { background:#333333; color:#fff; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:30px; height:30px;  line-height:30px; display:inline-block; color:#fff; background:#333333; margin-left: 5px !important; }
.paginatordis{ display:none;}

/*首页新闻*/
.ix-head{ position:relative; }
.ix-head h1{ font-size:0.4rem; line-height:0.48rem; font-weight:bold; }
.ix-head a{  display:inline-block; right:0.48rem; font-size:0.37rem; color:#999; position:absolute;  top:0;}

/*产品展示*/
.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; display: block; text-align: center; margin: auto; background: #f6f6f6; transition:all 0.36s ease; }

.ix-pro-list{ padding:0.48rem 0.24rem;}
.ix-pro-list ul li{ padding:0px 0.24rem; width:calc((100% - 0.96rem)/2); float:left;}
.ipl-tit{ padding-top:0.12rem;}
.ipl-tit p{ color:#666; font-size:0.36rem;height: 1rem; line-height: 150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ipl-tit span{ display:inline-block;  font-size:0.36rem; color:#ff4545; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

/*底部导航*/
.db-links{ padding:0px 0.24rem;}
.db-links ul li{ padding:0px 0.24rem; width:calc((100% - 1.44rem)/3); float:left;}
.db-links ul li a{ border-radius:4px; background-color:rgb(157, 179, 192); display:block; text-align:center; padding:10px 0px; color:#fff;}

.ix-copy{ text-align:center;  font-size:0.36rem; line-height:160%;}


/*内页头部*/
.pg-head{ height:1.3rem; line-height:1.3rem; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); text-align:center; font-size:0.48rem; position:relative;}
.pg-head a{ position:absolute;top:0.39rem; left:0.48rem;}

.db-logo{ text-align:center; }
.db-logo img{ display:inline-block; margin:0px auto; max-width:4rem;}