@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; max-width:100%; display:inline-block;}
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;}
.more_mobile{ float:right;}
.more_mobile a{ padding:2px 5px; background:#0EA6D8; color:#fff; text-transform:uppercase; font-size:12px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

/*留言板*/
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(../images/button_bg.png) no-repeat right bottom #63C7FE; box-shadow:4px 4px 10px #bbb;}
form input[type="submit"]:focus{ background:url(../images/button_bg.png) no-repeat right bottom #63C7FE;}

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

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

.header{ position:relative; background:#0EA6D8;}
.header .logo{ height:80px; display:block; background:url(../images/logo.png) no-repeat 10px center; background-size:auto 50px;}
.header .logo img{ margin:0; display:block; width:auto; height:auto;}
.header .back{ float:left; display:block; width:80px; height:80px; background:url(../images/goback.png) no-repeat center center #0C91BC; background-size:19px 30px; font-size:36px; position:absolute; z-index:999;}
.header .back a{ display:block; width:100%; height:100%;}
.header b{ float:left; line-height:80px; color:#fff; display:block; position:absolute; width:100%; text-align:center; font-size:22px;}

.header .head{ height:80px;}
.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:40px; line-height:40px; bottom:0; right:0; z-index:1; width:100%;}
.slideBox .hd ul{ margin:0 auto; display:table;}
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; cursor:pointer;}
.slideBox .hd li.on{ background:#fff;}
.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:none; width:100%; position:absolute; bottom:0; text-indent:10px; height:40px; line-height:40px; background:rgba(0,0,0,0.4); color:#fff; text-align:left; opacity:1;}

.warp{ padding:10px; background:#F8F6F7;}

/*首页四块*/
.index_part1{ margin:0 0 10px 0;}
.index_part1 ul{ width:102%; overflow:hidden;}
.index_part1 ul li{ margin:0 2% 0 0; padding:1% 0; width:23%; float:left; border:1px solid #DEDEDE; text-align:center; box-sizing:border-box; background:#fff; display:inline-block;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.index_part1 ul li img{ width:70%;}
.index_part1 ul li span{ display:block; text-align:center;}

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

/*首页产品展示*/
.index_products{}
.index_products .boxtitle{ padding:0 10px; line-height:40px; border:1px solid #DEDEDE;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background:linear-gradient(#fff,#F2F2F2);
background:-webkit-linear-gradient(#fff,#F2F2F2);
background:-moz-linear-gradient(#fff,#F2F2F2);
}
.index_products .boxtitle b{ padding:0 0 0 20px; background:url(hx.png) no-repeat left center; font-weight:normal;}
.index_products .boxtext{ margin:10px auto; text-align:center;}
.index_products .boxtext ul{ margin:0 auto; padding:0; width:100%; overflow:hidden text-align:center;}
.index_products .boxtext ul li{ margin:0 0 2% 0; width:32%; float:left; text-align:center; display:inline; border:1px solid #ccc; overflow:hidden; box-sizing:border-box; position:relative; font-size:12px;}
.index_products .boxtext ul li:nth-child(3n-1){ margin:0 2% 2% 2%;}
.index_products .boxtext ul li .pic{ border-bottom:1px solid #ccc; box-sizing:border-box; display:block;}
.index_products .boxtext ul li .pic img{ display:block; width:100%; height:100px;}
.index_products .boxtext ul li span{ padding:0 10px; display:block; line-height:20px; position:absolute; left:0; bottom:0; z-index:999;}
.index_products .boxtext ul li b{ display:block; width:100%; height:20px; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0;}
.index_products .boxtext ul li a{ color:#fff;}

/*首页案例展示*/
.index_anli{}
.index_anli .boxtitle{ padding:0 10px; line-height:40px; border:1px solid #DEDEDE;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background:linear-gradient(#fff,#F2F2F2);
background:-webkit-linear-gradient(#fff,#F2F2F2);
background:-moz-linear-gradient(#fff,#F2F2F2);
}
.index_anli .boxtitle b{ padding:0 0 0 20px; background:url(../images/hx.png) no-repeat left center; font-weight:normal;}
.index_anli .boxtext{ margin:10px auto; text-align:center;}
.index_anli .boxtext ul{ margin:0 auto; padding:0; width:100%; overflow:hidden text-align:center;}
.index_anli .boxtext ul li{ margin:0 0 2% 0; width:32%; float:left; text-align:center; display:inline; border:1px solid #ccc; overflow:hidden; box-sizing:border-box; position:relative; font-size:12px;}
.index_anli .boxtext ul li:nth-child(3n-1){ margin:0 2% 2% 2%;}
.index_anli .boxtext ul li .pic{ border-bottom:1px solid #ccc; box-sizing:border-box; display:block;}
.index_anli .boxtext ul li .pic img{ display:block; width:100%; height:100px;}
.index_anli .boxtext ul li span{ padding:0 10px; display:block; line-height:20px; position:absolute; left:0; bottom:0; z-index:999;}
.index_anli .boxtext ul li b{ display:block; width:100%; height:20px; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0;}
.index_anli .boxtext ul li a{ color:#fff;}

/*首页点击查看更多*/
.index_more{ height:68px; background:url(../images/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.png) 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:#0EA6D8; line-height:40px; text-align:center; color:#fff;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.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; float:left; 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:#0C91BC; color:#fff;}
.subnav ul li.currclass a{ color:#fff;}



/*主体开始*/
.main{ margin:0 0 10px 0; line-height:26px; overflow:hidden;}
.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{}


/*产品栏目页*/
.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{}
.products ul{ width:100%; overflow:visible; position:relative; left:0;}
.products ul li{ margin:1%; width:48%; float:left; text-align:center; display:inline; overflow:hidden; box-sizing:border-box; position:relative;}
.products ul li .pic{}
.products ul li img{ width:100%; height:160px; display:block;}
.products ul li span{ padding:0 10px; display:block; line-height:24px; position:absolute; left:0; bottom:0; z-index:999; color:#fff;}
.products ul li b{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); width:100%; height:24px; display:block;}

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

.picdetails{ margin:0; padding:5px 0; text-align:center; color:#ACACAC; border-bottom:1px solid #ccc; display:none;}
.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;}
.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(../images/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.png) left center no-repeat;}
.newslist_lanmu ul li .time{ float:right;}

/*新闻列表页*/
.newslist{}
.newslist ul{ margin:0;}
.newslist ul li{ margin:5px 0; padding:0 10px 0 30px; line-height:40px; border:1px solid #DEDEDE;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background:url(dot1.png) 10px center no-repeat,linear-gradient(#fff,#F2F2F2);
background:url(dot1.png) 10px center no-repeat,-webkit-linear-gradient(#fff,#F2F2F2);
background:url(dot1.png) 10px center no-repeat,-moz-linear-gradient(#fff,#F2F2F2);
}
.newslist ul li a{ display:block;}
.newslist ul li .time{ float:right; font-size:13px; color:#999; font-family:"微软雅黑"}

/*新闻内容页*/
.newscontent{}
.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("../images/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:0; padding:0; line-height:24px; box-sizing:border-box;}
.fy ul li{ margin:5px 0;}
.fy > ul > li.prev{}


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


/*分页*/
.fenye{ line-height:40px; margin:10px 0;}
.fenye table{ margin:0 auto;}
.fenye #pagelist{ margin:0 auto; padding:0; border:1px solid #ccc; overflow:hidden;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.fenye #pagelist a{ margin:0; padding:5px 10px; display:inline-block;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#dddddd',gradientType='0'); 
background:linear-gradient(#fff,#ddd);
background:-webkit-linear-gradient(#fff,#ddd);
background:-moz-linear-gradient(#fff,#ddd);
}
.fenye #pagelist a.num{ padding:5px;}
.fenye #pagelist a.curr{ padding:5px; font-weight:bold; color:#f00;}

.fenye .next{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
#fenye2 .next:nth-child(2){ border-right:none;}

.fenye span{ padding:5px 10px; display:inline-block; border-left:1px solid #ccc;
background:-webkit-linear-gradient(#fff,#ddd);
background:linear-gradient(#fff,#ddd);
background:-moz-linear-gradient(#fff,#ddd);
}
#totalpage{ padding:0; border:none;}
/*
.fenye{ line-height:30px; margin:10px 20px 0 20px;}
.fenye .prev,.fenye .next,.fenye .curr,.fenye .num{ border:1px solid #ccc; padding:5px 10px; border-radius:40px;}
.curr{ background:#C2EBBA; color:#000;}
.fenye a:hover{ color:#000;}
.fenye span{ border:1px solid #ccc; padding:6px 10px; border-radius:40px;}
#totalpage{ border:none; padding:0;}
*/

/*底部通用*/
.footer{ margin:0 0 60px 0; padding:20px 10px; text-align:center; line-height:30px; font-size:0.8em;
background:linear-gradient(#fff,#F2F2F2);
background:-webkit-linear-gradient(#fff,#F2F2F2);
background:-moz-linear-gradient(#fff,#F2F2F2);
}
.copyright{ color:#817e7f;}

/*底部菜单*/
.tools{ position:fixed; z-index:99999; bottom:0; left:0; right:0; margin:auto; padding:10px 0; display:block; line-height:20px; color:#fff;
background:linear-gradient(top,#0EA6D8,#0C91BC);
background:-webkit-linear-gradient(top,#0EA6D8,#0C91BC);
background:-moz-linear-gradient(top,#0EA6D8,#0C91BC);
}
.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;}