@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{font-size:20px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td,img{ margin: 0; padding: 0;}
body{max-width:640px;font-size:14px;margin:0 auto; background:#F4F4F4;}
body,button, input, select, textarea{ font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1; font-size:0.6rem;color:#555;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
small { font-size: 0.6rem; }
ul, ol,li { list-style: none;margin: 0; padding: 0; }
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a {text-decoration: none; color:#555;}
a:hover { text-decoration: none;}
.c,.clear{height:0px; clear:both;}
.c10{height:10px; clear:both;}
.c70{height:70px; clear:both;}
.c60{height:60px; clear:both;}
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
table { border-collapse: collapse; border-spacing: 0; }

@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:12px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/**头部**/
.headerbox{ width:100%; position:fixed; background:#fff; top:0; left:0; z-index:999; height:60px; border-bottom:3px solid #1067BC; text-align:center;}
.headerbox img{height:46px; padding-top:8px;}
.headerbox .home{ height:30px; width:30px; float:left; padding-left:10px; padding-top:10px;}
.headerbox div.home img{height:90%;}
.headerbox .ico{ height:30px; width:30px; float:right; padding-right:10px; padding-top:13px;}
.headerbox div.ico img{height:30px;}

.navgate{width:94%; margin:0 auto; clear:both; background:#1067BC;padding:0px 3%;}
.navgate ul{padding:5px 0; display:block;}
.navgate li{height:34px; line-height:34px; width:25%; float:left; text-align:center; margin-top:4px;}
.navgate li a{color:#1067BC; display:block; background:#fff; width:94%; margin:0 auto; border-radius:4px; font-size:14px;}

.center{width:94%; margin:0 auto; clear:both; background:#fff; padding:0px 3%;}
.title_n{height:36px; line-height:36px; background:#1067BC; color:#fff; border-radius:4px; text-align:center; font-size:14px; padding:0px 10px;}
.title_n h3{float:left; font-size:15px;}
.title_n span{float:right;}
.title_n span a{color:#fff; font-size:13px;}

/*产品中心*/
.pro_li{width:100%; margin:0 auto; padding-top:8px;}
.pro_li li{height:32px; line-height:32px; width:100%; float:left; margin-top:3px;}
.pro_li li a{display:block; width:100%; margin:0 auto; background:#1C79D6; border-radius:4px; color:#fff; text-align:center;}
.pro_li li a span{float:right; padding-right:10px; color:#fff;}

.product{width:100%; margin:8px auto;}
.product li{width:33.3%; float:left; text-align:center; margin-top:10px;}
/*.product li .img{border:1px solid #ff0000; float:left; width:100%;}*/
.product li img{width:96%;margin:0px auto; padding:0; margin:0px;}
.product li div.name{height:30px; line-height:30px; overflow:hidden;margin:0px auto;text-align:center; clear:both;width:96%; background:#e2e2e2;}
.more{width:50%; clear:both; height:40px; line-height:40px; font-size:14px;background:#1067BC; color:#fff; border-radius:4px; text-align:center; margin:0 auto;}
.more a{color:#fff; display:block;}
@media (min-width:320px){
.product li img{height:120px;}}
@media (min-width:480px){.product li img{height:170px;}}
@media (min-width:640px){.product li img{height:240px;}}

.news_list{width:96%; margin:0 auto; padding-top:8px;}
.news_list li{height:36px; line-height:36px; color:#1067BC;background:url(../images/landian.png) no-repeat 6px 12px; padding-left:22px; border-bottom:1px dashed #e2e2e2;}

.footer{border-top:2px solid #1067BC; padding:8px 0; line-height:25px; background:#348BE3; text-align:center; color:#fff;}

.footbox{height:36px; padding:10px 0px;background:#1067BC; position:fixed; width:100%; bottom:0px; left:0;}
.footbox ul{max-width:640px; margin:0 auto;}
.footbox li{width:25%; float:left; height:36px; line-height:36px;}
.footbox li a{display:block; width:90%; margin:0 auto; background:#348BE3; text-align:center; color:#fff; border-radius:4px;}

.info_content{width:100%; line-height:24px; font-size:14px; padding-top:10px;}
.info_content img{max-width:98%; margin:0 auto}

.prev,.next{height:35px; line-height:35px;}

.fenye{width:100%; height:30px; line-height:30px; padding-top:10px;}
.fenye table{width:100%; background:#e2e2e2; text-align:center;}
.fenye #pagelist a{padding:5px 8px; background:#c1c1c1;}
.fenye #pagelist span{padding:5px 8px; background:#c1c1c1;}
.fenye #pagelist a.curr{background:#1067BC; color:#fff;}