@charset "utf-8";
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; height:100%;  width:100%; color:#666666; background:#f0f0f0;overflow: hidden;}
div{behavior: url(css/iepngfix.htc)}
*{ list-style-type:none; margin:0; padding:0; border:0;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none;} 
.fl{ float:left;}
.fr{ float:right;}
img{border:none;}
tr td{ padding:0px;}
html{ overflow-y:scroll; overflow-x:hidden;}
.h10 { width:100%; height:12px;}
/* 起始样式End */

/* 头部样式 */
.header { width:100%; height:50px; background:url(../images/header_bg.jpg) repeat-x; position:relative;}
.header .home,.header .back { width:50px; height:50px; background:url(../images/home.png) center center no-repeat; position:absolute; left:10px; z-index:2; top:0;}
.header .home a,.header .back a { float:left; width:100%; height:100%;}
.header .back { background:url(../images/back.png) center center no-repeat;}
.header .menu { width:50px; height:50px;  background:url(../images/menu.png) center center no-repeat; position:absolute; top:0; right:10px; z-index:2; cursor:pointer; z-index:999;}
.menubox {float:left; display:block; width:160px; padding-bottom:10px; position:absolute; right: -180px; top:50px; background:#007BC1; z-index:99;transition: right 0.5s;-webkit-transition: right 0.5s;-mos-transition: right 0.5s;-ms-transition: right 0.5s;-o-transition: right 0.5s;}
.menu .riht-10 { right: -10px;}

/*.menu .menubox { display:none;}*/
/*.menu:active .menubox,.menu:hover .menubox { float:left; display:block; width:160px; height:266px; position:absolute; right:-180px; top:50px; background:url(../images/meau_bg.jpg) repeat-x; z-index:99;}*/

.menubox p.menuclose { width:160px; height:26px; }
.menubox p.menuclose img { float:left; width:70px; height:26px;}
.menubox ul { width:160px; font-size:1em; margin:10px 0px 0px;}
.menubox ul li { float:left; width:160px; height:35px; text-align:center;}
.menubox ul li a { color:#fff; float:left; width:160px; height:35px; line-height:35px;}
.menubox ul li a:active {background:#007BC1;}
.menubox p.tel { width:160px; height:22px; margin-top:30px; text-align:center;}
.header div.ptit { width:65%; font-size:1.2em; color:#fff; height:50px; line-height:50px; overflow:hidden; text-align:center; margin:0 auto;}

/* banner的样式 */
.banner { width:100%; height:auto;}
.flexslider{ position:relative;height:auto;overflow:hidden;}
.slides { position:relative;z-index:1;}
.slides li { height:auto;}
.flexslider p { width:100%; height:16%; background:#fff; position:absolute; bottom:0px; left:0; z-index:1;opacity:0.5;}
.flex-control-nav { position:absolute; bottom:8%; margin-bottom:-9px; z-index:99;width:100%;text-align:center;}   
.flex-control-nav li { display:inline-block; width:13px; height:13px; margin:0 5px;}
.flex-control-nav li span { display:none;}
.flex-control-nav li a { float:left; width:13px; height:13px; cursor:pointer; background:url(../images/dot.png) -14px 0px no-repeat;}
.flex-control-nav li a.flex-active { background:url(../images/dot.png) 0px 0px no-repeat;}
.flex-direction-nav{ display:none;}

/* 几个页面通用搜索栏目 */
.search { width:100%;}
.search_con { width:92%; height:34px; background:#fff; border:1px solid #ddd; margin:10px auto 0px; position:relative;}
.search input { width:70%; font-size:1em; height:34px; line-height:34px; border:none;}
.search a { position:absolute; right:0; z-index:2; width:28%; height:33px; margin-top:1px; background:url(../images/search_bg.png) repeat-x; border-left:1px solid #ddd; text-align:center; font-size:1em; line-height:33px; color:#666;}
.search a:active { background:url(../images/search_bg.png) 0px -34px repeat-x; }
#search1_btn { position:absolute; right:0; z-index:2; width:28%; height:33px; margin-top:1px; background:url(../images/search_bg.png) repeat-x; border-left:1px solid #ddd; text-align:center; font-size:1em; line-height:33px; color:#666; }
/* 首页产品六大分类 */
.i_product { width:100%; margin-top:10px; overflow:hidden;}
.i_product ul { width:100%; padding-left:4%;}
.i_product ul li { float:left; width:28%; height:80px; margin-bottom:10px; overflow:hidden; margin-right:4%;}
.i_product ul li a { float:left; width:100%; height:100%; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background:#e5e5e5;box-shadow: 0px 0px 1px rgba(180,180,180,1) inset; color:#666;}
.i_product ul li a:active { background:#007BC1; box-shadow:none; color:#fff;}
.i_product ul li a dl { float:left; width:100%; height:100%; }
.i_product ul li a dl dt { padding:5px 0; height:50px; }
.i_product ul li a dl dt img { height:50px; }
.i_product ul li a dl dd { width:100%; height:15px; line-height:20px; text-align:center; font-size:0.8em; overflow:hidden;}

/* 几个页面通用的标题样式 */
.all_tit { width:100%; border-bottom:1px solid #ddd; padding:5px 0 10px; }
.all_tit p { width:88%; padding-left:22px; line-height:20px; background:url(../images/list01.png) 2px 2px no-repeat; margin:0 auto; font-size:1.2em;}
.all_tit p span { font-family:Arial, Helvetica, sans-serif; font-size:0.5em; color:#bbb; padding-left:7px;}
.all_tit p a { color:#007BC1;}
.all_tit p a:active { color:#999;}
.noborder { border:0;}

/* 首页产品应用 */
.app { width:100%; overflow:hidden;}
.app ul { width:100%; margin-top:10px;}
.app ul li { float:left; width:29%; height:34px; margin-bottom:10px;}
.app ul li.no1 { width:4%;}
.app ul li.no2 { width:2.5%;}
.app ul li a { float:left; width:100%; height:34px; line-height:34px; text-align:center; color:#fff;}
.app ul li a.a01 { background:#007BC1;}
.app ul li a.a02 { background:#469e0c;}
.app ul li a.a03 { background:#00a7de;}
.app ul li a.a04 { background:#25557a;}
.app ul li a.a05 { background:#e86800;}
.app ul li a.a06 { background:#383838;}
.app ul li a:active span { float:left; width:100%; height:100%; background:url(../images/app_ahover.png) repeat;}

/* 版权信息样式 */
.Copyright { width:100%; height:85px; border-top:1px solid #ddd;}
.Copyright p { width:92%; height:34px; line-height:34px; font-size:0.8em; color:#ccc; margin:0 auto; overflow:hidden; position:relative;}
.Copyright p span { position:absolute; right:0; top:5;background:#f0f0f0;}


/* 底部浮动黑色通用样式 */
.footer { float:left; background:url(../images/footer_bg.png) repeat-x; height:50px; overflow:hidden; bottom:0; position:fixed; width:100%; z-index:999; _bottom:auto; _width: 100%; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.footer li { float:left; width:25%; height:50px; background:url(../images/footer_bg.png) right -52px no-repeat;}
.footer li a { float:left; width:100%; height:100%;}
.footer li a.a01 { background:url(../images/f_home.png) center center no-repeat;}
.footer li a.a02 { background:url(../images/f_tel.png) center center no-repeat;}
.footer li a.a03 { background:url(../images/f_map.png) center center no-repeat;}
.footer li a.a04 { background:url(../images/f_sms.png) center center no-repeat;}
.footer li:active { background:url(../images/footer_bg.png) left -104px repeat-x;}

/* 产品列表样式 */
.products_list { float:left; width:100%;}
.products_list .tit { float:left; width:100%; height:35px; background:url(../images/products_tbg.png) repeat;}
.products_list .tit p {width:88%; height:35px; line-height:35px; padding-left:22px; background:url(../images/list02.png) 2px 12px no-repeat; margin:0 auto; font-size:1.2em; color:#fff;}
.products_list ul { float:left; width:100%; background:url(../images/products_ulbg.png) repeat;}
.products_list ul li { width:100%; height:54px;}
.products_list ul li a { float:left; width:100%; height:100%; position:relative;}
.products_list ul li a p { width:92%; margin:0 auto; height:50px; padding-top:4px; overflow:hidden;}
.products_list ul li a em { position:absolute; width:16px; height:17px; background:url(../images/products_Arrow.png) no-repeat; z-index:2;right:4%; top: 18px;}
.products_list ul li a p span { display:block; padding-right:20px; height:22px; line-height:22px; overflow:hidden;font-size:1em; color:#4d4d4d; }
.products_list ul li a p span.spanno { font-size:0.8em; color:#aaa;}
.products_list ul li a p img { float:left; width:60px; height:40px; padding:3px 7px 7px 2px;}
.products_list ul li a:active { background:#458ad7;}
.products_list ul li a:active p span { color:#fff;}

/* 产品详情页面样式 */
.proimage { width:100%;background:url(../images/pro_tbg.jpg) repeat; position:relative; }
.proimage .titimg { width:88%; margin:0px auto; padding-top:10px; position:relative; }
.proimage .titimg img { display:block; margin:0 auto; z-index:1;}
.proimage .titimg p { position:absolute; bottom:0; height:36px; left:0; line-height:36px; width:100%; overflow:hidden; background:#000; opacity:0.6; z-index:2; text-align:center;}
.proimage .titimg p span { color:#fff; z-index:3;}


.tj_bg{ padding-top:10px; background:#ccc; padding-bottom:10px;}
.tj_01{ width:168px; margin:0 auto;}
.tj_01 .zan{ background:url(../images/zan01.png) no-repeat; height:28px; width:73px; float:left;}
.tj_01 .zan a{ display:block; line-height:28px; padding-left:30px; color:#fff;}
.tj_01 .fengxiang{ width:73px; height:28px; float:right; cursor:pointer; position:relative;}
.tj_01 .fengxiang .shares{ display:none;}
.tj_01 .fengxiang:hover .shares{ display:block; position:absolute; top:-4px; left:-105px; width:200px; padding-bottom:5px; background:#ccc;}

/* .proimage .progood { width:100%; height:33px; padding-top:4px; background:#cccccc; box-shadow: 0px 3px 2px rgba(200,200,200,10) inset; text-align:center; overflow:hidden;}
.progood img { padding:0px 8px;}

.proimage .progood div { height:28px; display:block; float:left; cursor:pointer; text-align:center;}
div.share{ position:relative}
div.share .shares { display:none;} 
div.share:active .shares,div.share:hover .shares { position:absolute; display:block; top:0px; height:25px; padding:6px 0px; overflow:hidden;z-index:999;}
.share:active img,.share:hover img{ padding:0px 2px;}
.proimage .progood .zan { position:relative; z-index:99;}
.proimage .progood .zan span { position:absolute; width:48px; height:23px; line-height:23px; font-style:normal; font-size:16px; color:#fff; left:32px; top:-8px; line-height:23px; text-align:center;} */



.outline { background:#e9e9e9; width:100%; border-bottom:1px solid #ddd;}
.outlinecon { width:84%; margin:0 auto; font-size:0.9em; line-height:1.5em;}
.outlinecon img { max-width:100%; }
.prosize { width:100%; border-bottom:1px solid #ddd;}
.prosize div.ppimg { width:290px; padding:10px 0px; margin:0 auto;}
.prosize div.ppimg p { width:299px;}
.prosize div.ppimg p img {  padding:1px; background:#ccc; display:inline;}

/* 行业应用列表样式 */
.apps { width:100%; min-height:300px; }
.apps ul { background:url(../images/apps_bg.png) repeat; float:left;}
.apps ul li { float:left; width:100%; height:75px;}
.apps ul li a { float:left; width:100%; height:100%; position:relative;}
.apps ul li a p { width:92%; margin:0 auto; height:70px; padding-top:5px; overflow:hidden;}
.apps ul li a em { position:absolute; width:15px; height:30px; background:url(../images/apps_Arrow.png) no-repeat; z-index:2;right:4%; top:22px;}
.apps ul li a p span { display:block; padding-right:20px; height:22px; line-height:22px; overflow:hidden;font-size:1em; color:#4d4d4d; }
.apps ul li a p span.spanno { height:40px; line-height:20px; font-size:0.8em; color:#aaa;}
.apps ul li a p img { float:left; padding:3px 10px 7px 2px;}
.apps ul li a:active { background:#007BC1;}
.apps ul li a:active p span { color:#fff;}

/* 行业应用详情内 */
.app_detail { width:100%; border-bottom:1px solid #ddd; background:#e9e9e9; padding-top:12px;}
.app_detail p.pimg { width:88%; height:auto; padding:7px; border:1px solid #ddd; background:#fff; margin:0px auto 5px; }
.app_detail p.pimg img { display:block; padding:0;}
.app_detail .appcon { width:88%; margin:0 auto; font-size:0.9em;}

/* 展开更多的样式 */
.dd_title { padding-bottom:35px; line-height:2em;}
.dd_on { padding-bottom:15px;}
.dd_title .div2 { width:170px; height:30px;line-height:30px; position:absolute; margin-top:5px; text-align:center;cursor:pointer; left:50%; margin-left:-85px; background:url(../images/more_bg.jpg) no-repeat;}
.dd_title .div2 a { float:left;width:170px; height:30px; color:#666;font-size:0.8em;}
.dd_on .div1{ display:none;}
.dd_on .div2 { display:none;}

/* 关于我们内页样式 */
.about { width:100%; min-height:300px; line-height:30px; border-bottom:1px solid #ddd;}
.aboutcon { width:92%; margin:15px auto 10px;}
.aboutcon p.pcenter { text-align:center; padding:10px 0px;}

/* 联系我们的样式 */
.contact01 { width:100%; background:#f0f0f0;}
.contact01 p.tit { width:100%; height:82px; padding-top:33px; background:url(../images/contel.jpg); background-size:100% 115px; text-align:center; text-indent:2em;}
.contact_con { width:92%; margin:0 auto; line-height:1.8em; font-size:0.8em; padding-bottom:18px;}
.contact_con p.ptit { font-size:1.5em; color:#007BC1; padding-bottom:8px;}
.contact_con img { float:right; border:1px solid #d8d8d8; width:96px; height:72px;}
.contact02 { width:100%; background:#e9e9e9; border:1px solid #d1d1d1; border-left:0px; border-right:0px;  padding-top:12px;}