@charset "utf-8";
/* CSS Document */
#{ margin:0px; padding:0px; word-wrap:break-word;}
html{ overflow-x:hidden; padding-y:auto; color:#565656;}
body{ margin:0; padding:0; font:normal 100% Helvetica,Arial,sans-serif;}
a{ text-decoration:none; color:#575757; border:0;}
a:link,a:visited,a:action{ color:#828282; text-decoration:none;}
a:hover{ color:#ff0000; text-decoration:none;}
a:focus{ outline:0;}
ul,li{ list-style:none; margin:0; padding:0;}
dl,dt,dd,p{ margin:0; padding:0;}
img,object{ border:none; width:100%; max-width:100%;}
span,u,em,i{ font-style:normal; text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
.clear{ clear:both; height:0;}
.w1100{ width:1100px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}

/*留言板*/
form input{ padding:2px 10px; box-shadow:4px 4px 10px #ddd; line-height:26px; width:100px; height:30px; border:1px solid #ddd; border-radius:6px;}
form input:focus{ box-shadow:4px 4px 10px #bbb;}
form textarea:focus{ box-shadow:4px 4px 10px #bbb;}
form textarea{ padding:10px; box-shadow:4px 4px 10px #ddd; border:1px solid #ddd; border-radius:6px;}
form img{ width:100px; height:30px; margin:0 10px;}
form .tdbg{ margin:5px 0; line-height:40px;}
form .lefttdbg{ float:left; vertical-align:text-bottom; width:80px;}
form input[type="submit"]{ cursor:pointer; float:left; width:200px; height:50px; margin:20px 0 0 100px; padding:0; outline:none; font-size:22px; font-weight:bold; color:#fff; background:url(button_bg.png) no-repeat right top #63C7FE; transition:1s; border-radius:10px; display:block;}
form input[type="submit"]:hover{ background:url(button_bg.png) no-repeat right bottom #63C7FE; box-shadow:4px 4px 10px #bbb;}
form input[type="submit"]:focus{ background:url(button_bg.png) no-repeat right bottom #63C7FE;}

embed{ width:100%; height:100%;}

@media(min-width:641px){body{ width:640px;margin:auto;}}

.topline{ background:#F7F7F7; line-height:30px;}

.header{ position:relative;}
.header .logo{ display:block;}
.header .logo img{ margin:11px 0; display:block; width:auto; height:auto;}
.header .back{ position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(icon-back.png) no-repeat center center;background-size:12px 20px;}

.header .nav{ background:#02A0FF; overflow:hidden;}
.header .nav ul{ width:104%;}
.header .nav ul li{ width:32%; float:left; text-align:center; line-height:40px; font-weight:bold; border-right:1px solid #017AC3; border-bottom:1px solid #017AC3; box-shadow:inset 0 0px 1px #fff;}
.header .nav ul li a{ color:#fff;}
.header .nav ul li a:hover{ text-decoration:underline;}

/*自适应宽度焦点图*/
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/*设置焦点图最大宽度*/}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1; width:100%;}
.slideBox .hd ul{ margin:0 auto; display:table;}
.slideBox .hd li{ margin:0 6px; padding:5px; display:inline-block; width:5px; height:5px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#000; opacity:.5; text-indent:-9999px; overflow:hidden; cursor:pointer;}
.slideBox .hd li.on{ background:#000; opacity:.9; padding:5px;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff; text-align:left;}


/*首页公司简介*/
.index_about{ margin:10px auto; padding:10px; color:#fff; line-height:30px; background:url(index_about_bg.jpg);}

/*首页产品展示*/
.index_products{}
.index_products .boxtitle{ background:#03A0FF; color:#fff; line-height:40px; font-size:26px; text-align:center; font-weight:bold;}
.index_products .boxtext{ margin:10px auto; border:1px solid #ccc; text-align:center;}
.index_products .boxtext ul{ margin:0 auto; padding:2%; width:96%; display:inline-block; text-align:center;}
.index_products .boxtext ul li{ margin:1%; width:48%; float:left; text-align:center; display:inline; border:1px solid #ccc; overflow:hidden; box-sizing:border-box;}
.index_products .boxtext ul li .img{ padding:2%; border-bottom:1px solid #ccc;}
.index_products .boxtext ul li span{ display:block; line-height:30px;}

/*首页点击查看更多*/
.index_more{ height:68px; background:url(index_more.jpg) center no-repeat;}
.index_more a{ display:block; width:100%; height:100%;}

/*首页新闻切片*/
.tabBox{ margin:10px auto;}
.tabBox .hd{ line-height:40px; font-size:20px; overflow:hidden; border-bottom:1px solid #02A0FF;}
.tabBox .hd ul{ display:table; margin:0 auto;}
.tabBox .hd ul li{ margin:0 2px 0 0; background:linear-gradient(#aaa,#707072); border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden; box-sizing:border-box; display:inline-table; text-align:center;}
.tabBox .hd ul li a{ padding:0 12px; color:#fff; display:block;}
.tabBox .hd ul li.on a{ display:block; background:linear-gradient(#008EE4,#02A0FF);}
.tabBox .bd ul{ padding:10px;}
.tabBox .bd ul li{ padding:0 0 0 15px; border-bottom:1px dotted #ddd; line-height:40px; background:url(dot1.jpg) left 15px no-repeat;}
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;}


/*返回顶部*/
.gotop{ background:#02A0FF; line-height:40px; text-align:center; color:#fff;}
.gotop a{ color:#fff; display:block;}

/*位置导航*/
.position{ margin:10px auto; padding:5px 10px; border:1px solid #ccc; line-height:30px;}

/*子导航*/
.subnav{ margin:0 0 10px 0;}
.subnav ul{}
.subnav ul li{ margin:0 5px 5px 0; padding:6px 10px; border:1px solid #ccc; box-shadow:0 1px 3px #ccc; display:inline-block; border-radius:6px; -webkit-border-radius:6px;}
.subnav ul li.currclass{ background:#009FFF; color:#fff;}
.subnav ul li.currclass a{ color:#fff;}



/*主体开始*/
.main{ margin:0 0 10px 0; line-height:26px;}
.main .main_title{ line-height:90px; text-align:center; color:#fff; font-size:30px; font-family:"黑体"; text-shadow:2px 2px 6px #666;}
.main .main_text{}


/*单页面*/
.dy{ padding:10px; border:1px solid #ccc;}


/*产品栏目页*/
.products_lanmu{ padding:10px; border:1px solid #ccc;}
.products_lanmu .main_text{ padding:20px;}
.products_lanmu ul{ margin:0 auto; padding:0; width:100%; display:inline-block; text-align:center;}
.products_lanmu ul li.classname{ text-align:center; background:none; border:none; width:100%;}
.products_lanmu ul li.classname a{ margin:10px auto; padding:5px 10px; line-height:20px; background:#02A0FF; border-radius:20px; color:#fff; display:inline-block;}
.products_lanmu ul li{ margin:1%; width:48%; float:left; text-align:center; display:inline; border:1px solid #ccc; overflow:hidden; box-sizing:border-box;}
.products_lanmu ul li .img{ padding:2%; border-bottom:1px solid #ccc;}
.products_lanmu ul li img{ width:100%; display:block;}
.products_lanmu ul li span{ display:block; line-height:30px;}


/*产品列表页*/
.products{ padding:10px; border:1px solid #ccc;}
.products ul{}
.products ul li{ margin:1%; width:48%; float:left; text-align:center; display:inline; border:1px solid #ccc; overflow:hidden; box-sizing:border-box;}
.products ul li .img{ padding:2%; border-bottom:1px solid #ccc;}
.products ul li img{ width:100%; display:block;}
.products ul li span{ display:block; line-height:30px;}


/*产品详情页*/
.piczhengwen{ margin:0; padding:0;}

.picdetails{ padding:10px; border:1px solid #ccc;}
.piczhengwen .pictitle{ text-align:center; margin:0; text-shadow:1px 1px 6px #C1C1C1;}
.piczhengwen .pictitle h1{font-size:18px;}


.piczhengwen .zhengwen{ margin:20px 0; line-height:30px; font-size:15px; border:1px solid #ccc; border-top:2px solid #01A1FF;}
.piczhengwen .zhengwen .boxtitle{ padding:5px 10px; border-bottom:1px solid #ccc; background:url(title.jpg) right no-repeat;}
.piczhengwen .zhengwen .boxtitle b{ padding:0 0 0 20px; background:url(dot2.png) left center no-repeat; color:#0D9AEA;}
.piczhengwen .zhengwen .boxtext{ padding:10px;}

.piczhengwen .zhengwen h2{ background:#3F9DEE; color:#fff; margin:0; padding:5px 10px; font-size:16px; line-height:24px; border-radius:20px;}
.piczhengwen .zhengwen h3{ color:#fff; margin:0; padding:5px 10px; font-size:13px; line-height:22px; width:600px;
 background: -moz-linear-gradient(left,#3F9DEE,#fff);
 background: -webkit-gradient(linear,left top,right top,from(#3F9DEE), to(#fff));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3F9DEE, endColorstr=#ffffff);/*IE<9>*/
border-top-left-radius:20px;
border-bottom-left-radius:20px;
}
.piczhengwen .picfenxiang{ margin:0 20px;}



/*新闻栏目页*/
.newslist_lanmu{ padding:10px; border:1px solid #ccc;}
.newslist_lanmu ul{ margin:0;}
.newslist_lanmu ul li.classname{ text-align:center; background:none;}
.newslist_lanmu ul li.classname a{ margin:20px auto; padding:5px 10px; line-height:20px; background:#02A0FF; border-radius:20px; color:#fff; display:inline-block;}
.newslist_lanmu ul li{ padding:0 20px; line-height:40px; border-bottom:1px dotted #ccc; background:url(dot1.jpg) left center no-repeat;}
.newslist_lanmu ul li .time{ float:right;}

/*新闻列表页*/
.newslist{ padding:10px; border:1px solid #ccc;}
.newslist ul{ margin:0;}
.newslist ul li{ padding:0 20px; line-height:40px; border-bottom:1px dotted #ccc; background:url(dot1.jpg) left center no-repeat;}
.newslist ul li .time{ float:right;}

/*新闻内容页*/
.newscontent{ padding:10px; border:1px solid #ccc;}
.newscontent .title{ text-align:center; margin:0; text-shadow:1px 1px 6px #C1C1C1;}
.newscontent .title h1{ font-size:18px;}
.newscontent .details{ margin:0; padding:5px 0; text-align:center; color:#ACACAC; border-bottom:1px solid #ccc;}
.newscontent .details span{ margin:0 5px;}
.newscontent .details span.fa:before{ margin:0 5px;}
.newscontent .introduction{ margin:10px 0 0 0; padding:10px; background:#F7F7F7 url("quote.png") no-repeat scroll right top; border:1px dashed #CCC; color:#777; box-shadow:4px 4px 6px #D7D5D5;}
.newscontent .dd{ margin:20px; padding:10px; border:1px dashed #ddd; background:#ECF5FC;}
.newscontent .zhengwen{ line-height:30px; font-size:15px; margin:20px 0;}
.newscontent .zhengwen img{ max-width:100%;}
.newscontent .zhengwen h2{ background:#428BCA; color:#fff; margin:10px auto; padding:5px 10px; font-size:16px; line-height:24px; border-radius:20px;}
.newscontent .zhengwen h3{ color:#fff; margin:0; padding:5px 10px; font-size:13px; line-height:22px; width:600px;
 background:-moz-linear-gradient(left,#75AAD8,#fff);
 background:-webkit-gradient(linear,left top,right top,from(#75AAD8), to(#fff));
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#75AAD8, endColorstr=#ffffff);/*IE<9>*/
border-top-left-radius:20px;
border-bottom-left-radius:20px;}
.zhengwen table{ border-left:1px solid #E3E3E3; border-top:1px solid #E3E3E3;}
.zhengwen table th{ background:#F7F7F7;}
.zhengwen table td{ border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;}

.newscontent .fenxiang{ margin:0;}

.fy{ margin:10px auto; padding:0; border:1px solid #ccc; line-height:20px; box-sizing:border-box;}
.fy ul li{ padding:10px;}
.fy > ul > li.prev{ border-bottom:1px solid #ccc;}


/*公司简介*/
.gongsijianjie{}
.gongsijianjie .main_text{ padding:20px 0;}
.gongsijianjie .main_text img{ width:100%;}



/*底部通用*/
.footer{ margin:0 0 60px 0; padding:20px 10px; text-align:center; line-height:30px; font-size:0.8em;}
.copyright{ color:#817e7f;}

/*底部菜单*/
.tools{ position:fixed; z-index:900; bottom:0; left:0; right:0; margin:auto; padding:10px 0; display:block; line-height:20px; color:#fff;
background:linear-gradient(top,#019FFD,#0073B7);
background:-webkit-linear-gradient(top,#019FFD,#0073B7);
background:-moz-linear-gradient(top,#019FFD,#0073B7);
}
.tools ul{ width:101%; overflow:hidden;}
.tools ul li{ margin:0; float:left; width:25%; height:100%; position:static!important; border-radius:0!important; box-shadow:none!important; border-right:1px solid #fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.tools ul li a{ font-size:1.4em; text-align:center; display:block; position:relative; color:#fff;}
.tools ul li a p{ margin:5px 0 0 0; font-size:.6em; display:block !important;line-height:18px;text-align:center;}