@charset "utf-8";

/* Body
----------------------------------------------------------------------------------- */
body{font-size:14px;font-family:微软雅黑,宋体,Serif,Arial;line-height:20px;word-wrap:break-word;height:100%;padding:0; margin:0;    background: #FFF;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,label,textarea,p{padding:0; margin:0;}  
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;padding:0; margin:0;}
abbr{border:none;}
h1{font-size: 18px; color:#0000FF;font-weight: bold; padding:10px 0;}
.h1{font-size: 18px; color:#0000FF;font-weight: bold; padding:10px 0;}
h2{font-size: 14px;padding: 10px 0; color:#FF0000;font-weight: bold;}
h3,h5,h6{font-weight:normal;font-size:12px;}     
li{list-style-type:none;}
ol,ul{list-style:none;}  
em{font-style:normal;}
select,label,input{vertical-align:middle;}
img{border:none;vertical-align:top;}
a{text-decoration:none;color:#333333;}
.warp{margin:0px auto; width:320px;overflow:hidden;position: relative;}
.search{ padding:15px 0 15px 0;position:relative; width:100%; overflow:hidden;} 
.search .m-ipt{margin-right: 43px;}
.text{width: 100%;height: 14px;padding: 7px 0px;line-height: 14px;border-right: 0px none;border-radius: 5px 0px 0px 5px;text-indent: 15px;float: left;color:#ccc; border:1px solid #333333;}
.u-in{ float:right; position:absolute; z-index:100; right:-3px; top:15px; width:42px; height:32px;background:url(../images/search.jpg) no-repeat;border:none;}
.u-sub{ width:214px; height:44px;background:url(../images/submit.jpg) no-repeat;font-size: 0;}
.inputs{ width:200px;height:42px; color:#ccc;}
.contxt{padding: 10px 0 0 0;line-height: 24px; font-size:12px;}
.w252 {width: 110px;}
.w320 {width: 310px;}
.but_b {
background: #49abdb;
padding: 14px 20px;
display: inline-block;
margin-bottom: 10px;
width: 140px;
border: none;
}
.color_f {
color: #fff;
}
.font18 {
font-size: 18px;
font-family: 微软雅黑;
}
.but_b:hover {
color: #fff;
background: #009bdc;
}
.pointer {
cursor: pointer;
}
/* Common
----------------------------------------------------------------------------------- */
.wrapper{width:100%;}
.FF{padding:0 10px;}
.left{float:left;}
.right{float:right;}
.more{float:right; color:#333333; padding:0 10px; font-size:12px;}
.dec{color:#FF0000;}
.pie{behavior:url(js/PIE.htc)\9;}
.clear{clear: both;float: none;height: 0;margin: 0;padding: 0;width: 0; overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
.h5{height:5px;}
.h5line{height:5px; background-color:#999999}
.txtcenter{ width:100%;text-align:center;}
*+html .clearfix{min-height:1%;}
* html{background-image:url(about:blank);background-attachment:fixed;}
.messagetxt{padding-top: 8px;position: relative; width:100%; line-height:25px;}
.messagetxt img{ max-width:320px;}
.weizhibg {line-height: 35px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/
	border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/
.m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #fff;}
/* Header
----------------------------------------------------------------------------------- */
.nav{height:32px; margin:0 auto;}
.nav .a{height:22px; padding:5px 0 5px 0;}
.nav .a li{float:left; padding:0 0 0 6px;height:22px;}
.nav .b{height:22px; padding:5px 0 5px 0;}
.nav .b li{float:left; padding:0 0 0 7px; width:77px;height:22px;}
.adds{ height:26px; line-height:26px;background:url(../images/hot.jpg) #DCF2FD no-repeat 5px 3px;}
.adds .t{padding-left: 40px;}

.adds2{ height:30px; background:#EEEEEE;}
.adds2 .t{padding:5px; 10px;}
.banner{ width:400px;}

.top{margin:10px auto;}
.top .logo{float:left;padding:5px 0 0 0;}
.top .logo_txt{height:40px;float:left; padding:5px 0 0 10px;}
.top .logo_txt .hd{height:20px; padding:5px 0; font-size:18px; font-weight:bold; position:relative; text-shadow:1px 1px 2px #ffffff; color:#FF9A06;}
.top .logo_txt .bd{height:20px; font-size:18px;color:#FF9A06;font-weight:bold;}
.top .logo_txt .bd a{ color:#FF0000;}
.menubg{background-color:#A80000;}
/*
.menuminbg{height:22px;background-image:url(../images/menu_min.gif);}
*/
.menuminbg{height:30px; line-height:30px; background-color:#EEEEEE;}
.menuminbg b{float:left; color:#078DE2;}
 menu{width:100%; float:left;background-color:#EEEEEE;}
 menu li{float:left; width:78px;  height:25px; line-height:25px; text-align:center;border-top:1px solid #EEEEEE; border-bottom: 1px solid #CCCCCC;border-left: 1px solid #EEEEEE;border-right: 1px solid #CCCCCC;}
 menu li a{display:block;color:#333333; font-size:13px;}
 menu li a:hover{color:#FF0000;}
 
 section{width:980px; margin:0 auto;}
.newslist li{border-bottom:1px #EFEFEF dotted; height:25px; line-height:25px;}

/* 首页案例轮播*/
.container { width:100%;margin: 0 auto;max-width: 320px; overflow:hidden}
.scroll{margin:0 auto;max-width:320px;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:relative;z-index:400px;bottom:4px;background:#CCCCCC;}
.scroll_position li{display:inline-block;height:4px;background:#CCCCCC;filter:alpha(Opacity=50); opacity: 0.5;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#006699;}
.scroll_position_bg{background:#000;position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}

/* 优势*/
.contxt{padding-top: 8px;position: relative; width:100%;}
.contxt li{width:135px; height:138px; color:#fff; padding:10px 10px 0 10px; line-height:16px; float:left; margin-bottom:10px;font-family: "宋体";}
.contxt .a1{font-size:12px;line-height:22px; text-align:center; color:#333333;}
.contxt .a2{ font-size:12px;line-height:22px;float:right;text-align:center; color:#333333;}
.contxt .a3{ background:#508FDC;font-size:12px;line-height:22px;}
.contxt .a4{ background:#FE0000;font-size:12px;line-height:22px;float:right;}
.contxt .a5{ background:#00D244;font-size:12px;line-height:22px;}
.contxt .a6{ background:#CC9933;font-size:12px;line-height:22px;float:right;}
.contxt .tit{font-size:20px;font-family:微软雅黑,宋体,Serif,Arial; display:block; text-align:center;}
.contxt .tit img{ width:80px;}

/* 客户案例*/
.cases{padding-top: 2px;position: relative; width:100%;}
.cases h2 {text-shadow:0 0 0; border-bottom:1px solid #e6e6e6; height:36px; line-height:36px;font-size: 14px;line-height: 36px; color:#de1b1b;text-align: center; text-align:left;}

.cases li{width:150px;padding:7px 0 0 0;overflow:hidden;}
.cases li a img{width:140px; height:115px;}
.cases li p{text-align:center; height:20px; overflow:hidden;width:140px; font-size:12px;}
.cases li a{display:block; height:130px; padding:4px; border:1px solid #ccc;}
.cases li a:hover{background-color:#cdfecd;border:1px solid #92bd92; text-decoration:none;}
.cases li a:hover p{color:#034f03;}

/* 产品中心*/
.piclink{padding-top: 8px;position: relative; width:100%;}
.piclink li{width:103px;float:left;padding:3px 1px 3px 2px;overflow:hidden;}
.piclink li a img{width:92px; height:70px;}
.piclink li p{text-align:center; height:20px; overflow:hidden;width:90px; font-size:12px;}
.piclink li a{display:block; height:90px; padding:4px;}
.piclink li a:hover p{color:#FF0000;}

/* 图片列表*/
.piclist{padding-top: 2px;position: relative; width:100%;}
.piclist li{width:150px;height: 160px;overflow:hidden;float:left;padding:5px;overflow:hidden; text-align:center; font-size:12px;}
.piclist li img{width:150px; height:113px; border:1px solid #ccc;}
.piclist li p{text-align:center; height:20px; overflow:hidden;width:92px; font-size:12px;}
.piclist li a:hover p{color:#034f03;}

/* 新闻列表 */
.newslist{padding:5px 0;width:100%;overflow:hidden;}
.newslist li{height:28px; line-height:28px; float:left; width:100%;border-bottom:1px solid #e6e6e6; margin-left:10px;}
.newslist li a{ float:left; display:block; background:url(../images/li01.png) left 12px no-repeat ;height:28px; line-height:28px;padding-left:10px;}
.newslist li a:hover{color:#f53e64;}

/*产品列表 */
.product{width:100%; overflow:hidden; padding:0 0 15px 0;}
.product li{float:left; width:100%; padding:10px 0; overflow:hidden; border-bottom:1px dashed #ccc;}
.product li .a1{width:90px; height:68px; float:left; overflow:hidden; border:1px solid #ddd;}
.product li .a1 img{width:90px; height:68px;}
.product li .a2, .product li .a3{padding:0 0 0 15px;overflow:hidden;}
.product li .a2{font:bold 12px/25px Tahoma; height:25px;}
.product li .a3{font:12px/20px Tahoma; height:45px; color:#666;}

/*产品列表 */
.case_list{width:100%; overflow:hidden; padding:0 0 15px 0;}
.case_list li{float:left; width:100%; padding:10px 0; overflow:hidden; border-bottom:1px dashed #ccc;}
.case_list li .a1{width:120px; height:90px; float:left; overflow:hidden; border:1px solid #ddd;}
.case_list li .a1 img{width:120px; height:90px;}
.case_list li .a2, .case_list li .a3{padding:0 0 0 15px;overflow:hidden;}
.case_list li .a2{font:bold 12px/30px Tahoma; height:30px;}
.case_list li .a3{font:12px/20px Tahoma; height:60px; color:#666;}

/*新闻内容 */
.article{width:100%; padding:20px 0 0 0; overflow:hidden;}
.article h1{color:#333;font:bold 16px/1px 宋体,serif; overflow:hidden; text-align:center; width:100%;}
.article em{color:#818080;height:20px; font:12px/20px Tahoma; overflow:hidden; text-align:center; width:100%; display:block; border-bottom:1px solid #ccc;}
.artbody{line-height:180%; font-family:宋体,serif; font-size:12px; overflow:hidden; width:98%; padding:15px 0; margin:0 auto;}
.artbody img{ max-width:320px;}

.artup{padding:20px 15px 0 15px; overflow:hidden; font:12px/20px Tahoma;}

/* 新闻切换*/
.focusTab{width:100%;overflow:hidden;}
.focusTab .hd{height:30px;line-height:30px;  background-color:#EEEEEE;}
.focusTab .hd li{float:left; width:106px; text-align:center;cursor:pointer; font-weight:bold;color:#333333;}
.focusTab .hd li.on{background-color:#078DE2; color:#FFFFFF;}
.focusTab .bd{ padding-top:10px;overflow:hidden;}
.focusTab .bd li{height:28px; line-height:28px; float:left; width:100%;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.focusTab .bd li a{float:left; display:block; background:url(../images/li01.png) left 12px no-repeat ;height:28px; line-height:28px;padding-left:10px;}
.focusTab .bd .u-btn3{height:30px; border:1px solid #cccccc; border-radius:5px; text-align:center; color:#000; font-size:14px;  margin-top:15px; margin:o auto;  background:none; width:318px;}
.focusTab .bd .u-btn3 a{box-shadow: 0 0 0 transparent; border-bottom:none;display:block; width:100%; text-align:center; background:none;}
.focusTab .bd .u-btn3 a:before,.focusTab .bd .u-btn3 a:after{ background:none;}
.focusTab .bd{ position:relative;}
.focusTab .bd a:before{ position: absolute;height: 7px;width: 7px; background:#959595; right:10px; margin-top:12px;z-indx:11;
-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
-o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
transform: rotate(45deg);}
.focusTab .bd a:after{ position: absolute;height: 6px;width: 7px; background:#f9f9f9; right:12px; margin-top:12px;z-indx:11;
-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
-o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
transform: rotate(45deg);}
/* Page
----------------------------------------------------------------------------------- */
.page{width:100%; text-align:center; overflow:hidden;padding:20px 0; margin:10px auto 0 auto ; vertical-align:top; color:#333;}
.page a{padding:2px 5px;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline; margin:0 1px;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#1C6DD6;border:1px solid #0066CC;}
.page span.a{color:#333; padding:0 10px;}
.page a:hover{color:#fff;background-color:#1C6DD6;border:1px solid #0066CC;}
/* Footer
----------------------------------------------------------------------------------- */
 footer{margin:0 auto; font-size:12px; width:100%; background-color:#252728;padding-bottom: 60px;}
 .h1line{height:1px; background-color:#333333}
 footer .c{ overflow:hidden; height:25px; text-align:center; color:#666666; padding-top:5px;}
 footer .c a{color:#FF0000;font-size:12px;}
 footer .b{ overflow:hidden; text-align:center; color:#666666;padding-top:15px; line-height:25px;}
 footer .b a{color:#666666;font-size:12px;}
/* Page
----------------------------------------------------------------------------------- */
.page{overflow:hidden; padding:15px 0;text-align:center;}
.page a, .page span{border:1px solid #c4c7cd;display:inline-table; padding:0 5px; +padding:4px 5px; _padding:4px 5px;}
.page .int{border:0; width:20px; background:none; text-align:center; height:20px;}
.page span.i{+padding:0 5px;_padding:0 5px;}
/* 底部漂浮
----------------------------------------------------------------------------------- */
 #bottomNav { 
 border-top: 1px solid #334062;
 background-color: #334062;
 text-align:center;
 z-index:999;
 position:fixed; 
 bottom:0; left:0; 
 width:100%; 
 height:55px; padding-top:8px;
 /* for IE6 */ _position:absolute;
  _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
 overflow:visible; }
#bottomNav img{height:25px;}
#bottomNav li{ width:25%;float: left;overflow: hidden;text-align: center;  margin:0 auto; display:block;position:relative;}
#bottomNav a{ color:#FFFFFF;}


.bd1{font-size: 14px;font-weight: bold;color: red;line-height: 22px;}
.bd2{font-size: 14px;font-weight: bold;color: black;line-height: 22px;padding: 10px 0;}
.bd3{line-height:23px; color:#333333}
.bd3 span{ color:#FF0000}
.bd4{font-size: 14px;font-weight: bold;color: blue;line-height: 22px;padding: 10px 0;}
.bd5{font-size: 16px; color:#FF0000;font-weight: bold;padding: 10px 0;}
.bd5 span{ color:#FF0000}
.bd6{font-size: 16px; color:#0193E0;font-weight: bold;padding: 10px 0;}
.bd7{font-size: 20px;font-family: 微软雅黑;font-weight: bold;color: black;margin: 10px 0;}
.bd7 .s40{font-size: 30px;font-family: 微软雅黑;font-weight: bold;color: #F08300;}
.co1{ color:#0000FF}
.co2{ color:#FF0000}
.co2 a{ color:#FF0000; font-weight:bold;}

.yl_tedian{width:320px; color:#000000; margin:0 auto;}
.yl_tedian .wa1{text-align:center;font-size:40px;font-family: 微软雅黑;font-weight:bold;}
.yl_tedian .wa2{ padding-top:10px;}
.yl_tedian .wa2 li{float:left; width:140px;margin:10px 10px;}
.yl_tedian .wa2 .ttitle{width:140px; height:54px;font-family: 微软雅黑;font-weight:bold; text-align:center; color:#FFFFFF; font-size:22px; background:#CC0000; line-height:54px;}
.yl_tedian .wa2 .tcontxt{width:110px; height:134px; border:1px dashed #DDDDDD; padding:15px; line-height:20px; font-size:12px;}
.telbg{width:320px;margin: 0 auto;background: #FFD202;padding: 10px 0; text-align:center;color: #039;font-size: 18px;font-family: 微软雅黑;font-weight: bold;}
.telbg span{color:#FF0000}

.yl_haochu{width:320px; color:#000000; margin:0 auto;}
.yl_haochu .wa1{text-align:center;font-size:40px;font-family: 微软雅黑;font-weight:bold;}
.yl_haochu .wa2{ padding-top:10px;}
.yl_haochu .wa2 li{float:left; width:140px;margin:10px 10px;}
.yl_haochu .wa2 .ppic{width:140px; height:54px;text-align:center;}
.yl_haochu .wa2 .ttitle{width:140px; height:54px;font-family: 微软雅黑;font-weight:bold; text-align:center; color:#333333; font-size:16px; line-height:54px;}
.yl_haochu .wa2 .tcontxt{width:110px; height:134px; border:1px dashed #DDDDDD; padding:15px; line-height:20px; font-size:12px;}

/* 横幅广告 */
.slideBox{width:100%;margin:0 auto;overflow:hidden; position:relative; z-index:888;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:130px; bottom:10px; z-index:888;}
.slideBox .hd ul{ overflow:hidden; zoom:1;   }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:11px; height:11px; line-height:11px; text-align:center; background:url(../images/bbar_li.png) no-repeat; cursor:pointer; text-indent:-99999px; }
.slideBox .hd ul li.on{background:url(../images/bbar_hover.png) no-repeat; }

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%;}