@charset "gb2312";
/* CSS Document */
* { margin: 0; padding: 0; word-wrap: break-word; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
input, textarea { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
img { border: 0; max-width: 100%; }
body { line-height: 1.8; color: #333; /*font-size: 14px;*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a:link, a:visited { text-decoration: none; color: #333; }
a:hover, a:active { text-decoration: none; color: #f00; }
.navigation { line-height: 50px; background: url(../images/ask_points.gif) no-repeat left -1340px; padding-left: 15px; }
.fenye { clear: both; padding: 10px 20px; }


/*字体*/
@media only screen and (min-width:320px){
  body{font-size:11px!important}.viewport{max-width:320px}  
}
@media only screen and (min-width:360px){
  body{font-size:12px!important}.viewport{max-width:360px}  
}
@media only screen and (min-width:480px){
  body{font-size:13px!important}.viewport{max-width:480px}
}
@media only screen and (min-width:640px){
  body{font-size:14px!important}.viewport{max-width:640px} 

}


/* clearfix */
* html .clearFix { display: inline-block; }
*+html .clearFix { display: inline-block; }
.clearFix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/*首页*/
#container { margin: 0 auto; padding-bottom: 53px; max-width: 640px; }
.logo { margin-bottom: 10px;/* background:url(../images/bg.png) no-repeat center center; height:106px;*/ }
.logo img { /*display:block; margin:0 auto;*/ }
/*头部导航*/
#menu {background-color: #55799e;background-image: linear-gradient(#55799e 0%, #165698 50%, #165698 0%);border-top: 1px solid #55799e;}
#menu li { float: left; width: 25%; text-align: center; border-bottom: 1px solid rgba(163, 163, 163, 0.3); border-right: 1px solid rgba(163, 163, 163, 0.3); }
#menu li:last-child { background: none; }
#menu li a { padding: 5px 0; display: block; color: #fff; }
#menu li a:hover, #menu li.currclass a { display: block; }
/*菜单*/
#nav { position: fixed; bottom: 0; left: 0; right: 0; -webkit-transform: translateZ(0); margin: 0 auto; max-width: 640px; z-index: 2; 
background-color: #55799e;background-image: linear-gradient(#55799e 0%, #165698 50%, #165698 0%);border-top: 1px solid #55799e;}
#nav li { float: left; width: 20%; text-align: center; font-size: 12px; }
#nav li span { display: block; width: 34px; height: 26px; margin: auto; }
#nav li.m1 span { background: url(../images/common.png) no-repeat scroll -178px -105px / 398px auto; }
#nav li.m2 span { background: url(../images/common.png) no-repeat scroll -298px -105px / 400px auto; }
#nav li.m3 span { background: url(../images/common.png) no-repeat scroll -147px -105px / 400px auto; }
#nav li.m4 span { background: url(../images/common.png) no-repeat scroll -28px -105px / 400px auto; }
#nav li.m5 span { background: url(../images/common.png) no-repeat scroll -90px -105px / 400px auto; }
#nav li a { color: #fff; display: block; }
/*关于*/
.gybox {  margin-bottom:20px;}
.about { padding: 1%; }
.about img { float: left; padding-right: 1%; width: 150px; }
.about span { display: block; text-indent: 2em; }
/*产品分类*/ 
ul.category{ padding:5px;}
ul.category li{ margin:0 0 10px 0; border-bottom:1px dotted #ccc;}
ul.category li a{  padding:5px; margin:0 5px 5px 0; height:30px; line-height:30px;}
ul.category li span{ }
ul.category li span a{  color:#2d55d5; } 

ul.catenews{ padding:10px 0 10px 10px;text-align:center;}
ul.catenews li{float:left;margin:0 1px 1px 0;width:16.6%; text-align:center;}
ul.catenews li a{ display:block; background-color:#0477ca; color:#fff; padding:5px 0;border-radius:5px;}

@media screen and (max-width:640px) {
ul.catenews li{width:32%; }	
}

/*推荐产品*/ 
.cable{ margin-bottom:20px;}
dl.cable_tle{  padding:5px 12px; background-color:#eee;}
dl.cable_tle dt{ float:right;}
dl.cable_tle dt a{ color:#999;}
dl.cable_tle dd{ float:left;}
dl.cable_tle dd b{ font-size:14px; } 
dl.cable_tle dd span{ font-weight:bold; color:#33abd6; padding-left:10px;}

.box_con{ padding:5px;}
.box_con img{ display:block; float:left; width:140px; margin:6px 12px 0 0;}

.contact_con{ font-size:18px; color:#f00;padding:12px;font-family:arial;}
.contact_con b{ font-size:16px; color:#333;font-family: microsoft yahei; font-weight: normal;}

/*产品*/
.cpbox { margin-bottom:20px;}
ul.home_pro { margin-bottom: 10px; }
ul.home_pro li { display: inline-block; margin: 0.5%;  width: 31%; overflow: hidden; position: relative; }
ul.home_pro li a { display: block; line-height: 2; text-align: center; }
ul.home_pro li span { overflow: hidden; }
ul.home_pro li span a img { height: 70px; margin: auto; }
ul.home_pro li span, ul.home_pro li span a, ul.home_pro li span a img { display: block; }
/*新闻*/
.xwbox { margin-bottom:20px;margin-bottom:20px;}
ul.home_new {}
ul.home_new li { background: url(../images/r.jpg) right center no-repeat; border-bottom: 1px solid #ccc; }
ul.home_new li a { display: block; padding: 10px; }
ul.current {  background-color: #55799e;background-image: linear-gradient(#55799e 0%, #165698 50%, #165698 0%); color: #fff; position: relative; height: 40px; }
ul.current li { position: absolute; font-size: 20px; text-align: center; }
ul.current li.currtit { left: 27.5%; width: 45%; }
ul.current li:first-child { left: 0; top: 0; }
ul.current li:last-child { right: 0; top: 0; }
ul.current li img { width: 36px; height: 36px; display: block; }
/*内容页*/
.intro_con { width: 95%; margin: auto; margin-bottom: 10px; }
.intro_con h1 { font-size: 16px; text-align: center; padding: 10px 0; }
.intro_con .intro_info { }
.intro_con .intro_info img { width: 100%; }

.box{ width:100%; background-color:#353839;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; padding:5px 0;}
.box .pev{ float:left; width:50%; text-align:center; border-right:1px solid #666;}
.box .nex{ float:right; width:50%; text-align:center;}
.box .pev a, .box .nex a{ color:#fff;}
/*底部*/
#footer { text-align: center; padding: 20px 0; font-size: 12px; background-color: #eee; }
#iSlider-effect-wrapper { width: 100%; margin: 0 auto; background-size: 100%; overflow: hidden; position: relative; margin-bottom:10px; }
.iSlider-effect { height: 120px; width: 100%; overflow: hidden; position: relative; margin: 0 auto; }
.iSlider-effect ul { list-style: none; padding: 0; margin: 0; height: 100%; overflow: hidden; }
.iSlider-effect li { position: absolute; margin: 0; padding: 0; height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; list-style: none; }
.iSlider-effect ul li img { max-width: 100%; max-height: 100%; margin: 0; padding: 0; }
.iSlider-effect div { }