@charset "gb2312";
/* CSS Document */
* {
list-style:none;
MARGIN: 0px auto;
}
/* 网站公共样式 */
body {FONT-FAMILY: "Microsoft Yahei", 宋体, Arial; margin:0;padding:0;font-size:14px;color:#000000; background-color:#f2f2f2;}
form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li,dl{list-style-type:none;}
input{vertical-align: middle;margin:0;padding:0;}
A:link {
COLOR:#000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #020202; TEXT-DECORATION: none
}
A:hover {
CURSOR: hand; COLOR: #FF0000; TEXT-DECORATION: underline
}
A:active {
COLOR: #00518a; TEXT-DECORATION: none
}
a:hover img{opacity:0.9;filter:alpha(opacity=90);}
TABLE {
LINE-HEIGHT: 20px;
}
h1{font-size:20px;margin:0; padding:0; text-align:center; MARGIN: 0px auto; margin-top:25px;}
h2{
font-size:18px;
margin:0;
padding:0;
line-height:30px;
}
h3{font-size:14px;margin:0; padding:0; color:#333333}
h4{
font-size:19px;
margin:0;
padding:0;
line-height:32px;
}
h5{
font-size:15px;
margin:0;
padding:0;
line-height:26px;
}
h6{font-size:16px;margin:0; padding:0;line-height:35px; padding-left:15px;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.fl{ float: left; }
.fr{ float: right;}
.a1 {
color:#FFFFFF;
font-size:14px;
line-height:25px;
}
.a1 A:link {
color:#FFFFFF;
}
.a1 A:visited {
color:#FFFFFF;
}
.a1 A:hover{
color:#fdb90e;
}
.a2 {
color:#FFFFFF;
font-size:15px;
font-weight:bold;
}
.a2 A:link {
color:#FFFFFF;
}
.a2 A:visited {
color:#FFFFFF;
}
.a2 A:hover{
color:#fdb90e;
}
.a3 {
font-size:20px;margin:0; padding:0; text-align:center; font-weight:bold; margin-top:25px;
}
.a4 {
COLOR:#990000; FONT-SIZE: 16px; font-weight:bold; line-height:27px;
}
.a5 {
color:#FFFFFF;
font-size:12px;
padding-left:15px
}
.a5 A:link {
color:#FFFFFF;
}
.a5 A:visited {
color:#FFFFFF;
}
.a5 A:hover{
color:#fdb90e;
}
.a6 {
color:#595e63;
font-size:12px;
line-height:25px;
}
.a6 A:link {
color:#595e63;
}
.a6 A:visited {
color:#595e63;
}
.a6 A:hover{
color:#fdb90e;
}
/*以上为通用css*/
/*文章主体*/
.conte_text {
line-height:25px;
font-size:14px;
}
.conte_text table {
line-height:30px;
font-size:14px;
}
/*文章主体*/
/*导航菜单start*/
#navigation {
MARGIN: 0px;
padding:0px;
}
#navigation li {
float:left;
line-height:40px;
text-align:center;
}
#navigation li a {
display:block;
padding-top:2px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
border-right:1px solid #1969ca;
padding-left:15px;
padding-right:15px;
}
#navigation li a:hover {
text-decoration:none;
background-color:#026be9;
border-right:1px solid #1969ca;
color:#FFFF00;
}
/*导航菜单end*/
/* 以下为超宽背景居中用的代码，例用方法：文字内容
*/
.ntop {
BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 0px; HEIGHT: 200px;
}
/* 下面这段使用方法：在这里面放的链接,鼠标指向时会有个框 */
.pic_table a{height:28px; float:left; margin:0 10px 8px 0; padding:0 10px 0 10px; background:#f0f0f0; border:1px solid #c4c4c4; line-height:28px; color:#000000;font-size:14px; word-warp: break-warp; word-break: break-all; white-space: nowrap;}
.pic_table a:hover{background:#055cc6; border:1px solid #02589a; color:#fff; text-decoration:none;}
/*新款分页导航CSS控制,新闻和图片栏目使用start*/
.meneame {
MARGIN: 5px; TEXT-ALIGN: center
}
.ameneame {
padding:7px;
border:1px #000000 solid;
background-color:#000000;
COLOR:#ffffff;
FONT-SIZE: 14px;
TEXT-DECORATION: none;
}
.meneame A {
padding:7px;
border:1px #FD5504 solid;
background-color:#FD5504;
COLOR:#FFFFFF;
FONT-SIZE: 14px;
TEXT-DECORATION: none;
}
.meneame A:hover {
padding:7px;
border:1px #0033CC solid;
background-color:#0033CC;
COLOR:#FFFFFF;
FONT-SIZE: 14px;
TEXT-DECORATION: none;
}
/*新款分页导航CSS控制-end*/
/*产品分页条数加红start*/
.propage {
font-size:14px;
FONT-FAMILY: "Microsoft Yahei", 宋体, Arial;
line-height:35px;
}
.propage SPAN {
color:#990000;
font-weight:bold;
}
/*产品分页条数加红end*/
/*产品图片包围*/
.picproa {
padding:0px;
width:230px;
height:203px;
font-size:14px;
FONT-FAMILY: "Microsoft Yahei", 宋体, Arial;
text-align:center;
margin-bottom:15px;
}
.picproa img {
padding:5px;
}
.picproa a {
border:1px #dadddf solid;
border-radius:5px;
width:230px;
height:200px;
display:block;
color:#333333;
}
.picproa a:hover {
border:1px #ff4a00 solid;
border-radius:5px;
height:200px;
TEXT-DECORATION:none;
color:#ff4a00;
font-weight:bold;
}
/*产品图片包围*/
/*首页案例图片start*/
.ipropic {
padding:0px;
width:190px;
height:173px;
font-size:14px;
FONT-FAMILY: "Microsoft Yahei", 宋体, Arial;
}
.ipropic img {
padding:5px;
}
.ipropic a {
border:2px #51a7e7 solid;
border-radius:10px;
width:190px;
height:170px;
display:block;
color:#333333;
}
.ipropic a:hover {
border:2px #ff4a00 solid;
border-radius:10px;
height:170px;
TEXT-DECORATION:none;
color:#ff4a00;
font-weight:bold;
}
/*首页案例图片end*/
/* 在线客服qq专用开始 */
#newsoicqbox {
z-index:9999;
width:123px;
height:auto;
position:fixed;
bottom:350px;
right:2px;
_position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;
}
.oicqbox{
z-index:9999;
width:123px;
height:auto;
overflow:hidden;
position:absolute;
right:2px;
}
.newqqtop{
float:right;
width:123px;
height:125px;
background:url(/images/newqq_1.gif) 0 0 no-repeat;
}
.newsoicqbj{
float:right;
width:123px;
height:30px;
background-image: url(/images/newqq_2.jpg);
background-repeat: repeat-y;
}
.newsqqfoot{
float:right;
width:123px;
height:12px;
background:url(/images/newqq_3.gif) 0 0 no-repeat;
}
/* 在线客服qq专用结束 */
/*新闻n目录查看详细*/
.sorc {
FONT-SIZE: 14px;
padding-left:20px;
padding-right:20px;
line-height:30px;
color:#FFFFFF;
background-color:#fcba0e;
FONT-FAMILY: "Microsoft Yahei", Arial;
}
/*左侧联系方式*/
.contactleft{width:243px;border:1px solid #dbdada;margin-top:10px;}
.conleft_title{ width:229px; height:29px;overflow:hidden;background:url(../images/leftcon_bg.jpg) right bottom no-repeat;color:#000000;font-size:14px;padding-left:14px; line-height:35px;}
.conleft_title span{ width:120px; height:29px;display:block;float:right; text-align:right; color:#fff; font-size:14px; line-height:29px;}
.conleft_list{padding-bottom:12px;}
.conleft_list span{font-size:26px; width:235px;height:45px; display:block; line-height:45px; color:#ff4a00;font-family:impact; text-align:center; }
.conleft_list dl{width:243px; display:block;clear:both; }
.conleft_list dl dt,.conleft_list dl dd{font-size:14px; color:#666666; line-height:24px;}
.conleft_list dl dt{ width:45px; float:left; padding-left:14px;}
.conleft_list dl dd{width:178px; float:left;}
/*左侧联系方式*/
.zleft{float:left;width:245px;height:auto;}
.zleft_title{width:245px;height:64px;background:#0068b7;}
.zleft_title span{display:block;width:100%;height:22px;text-align:center;font:20px/22px "microsoft yahei";color:#fff; padding-top:11px;}
.zleft_title p{width:100%;height:18px;font:16px/18px "microsoft yahei";color:#fff;text-align:center;}
.zleft_nav{width:243px;height:auto;padding-top:2px;border:1px solid #d4d4d4;border-top:0; padding-bottom:10px;}
/*左侧start*/
#tech {
}
#tech li {
float:left;
line-height:38px;
font-size:14px;
border-right:1px solid #dadddf;
}
#tech li a {
display:block;
text-align:center;
padding-left:15px;
padding-right:15px;
color:#2c2d2c;
}
#tech li a:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#fd9d05;
}
/*左侧end*/
/*左侧部分结束*/
/*首页新闻自动省略字多的标题start*/
.syl_list {width:520px;}
.syl_list ul li{height:29px; line-height:29px; font-size:14px;}
.syl_list ul li+li{border-top:1px dashed #d9d9d9;}
.syl_list ul li a{color:#707070; display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.syl_list ul li a:hover{color:#FF0000; text-decoration:underline;}
/*首页新闻自动省略字多的标题end*/
.sousuo11{width:175px; height:27px; line-height:27px; border:1px solid #c4c4c4; background-image:url(../images/bg.gif); background-repeat:no-repeat; padding-left:25px; color:#666666; font-size:12px;margin-bottom:10px; margin-top:5px;}
/* 新版幻灯片 */
.fullSlide{ width:100%;position:relative;height:400px; background:#000; margin-bottom:12px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important;height:400px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block; height:400px;}
.fullSlide .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;_background:#000; _filter:alpha(opacity=60);}
.fullSlide .hd ul{ text-align:center;padding-top:5px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px;}
.fullSlide .hd ul .on{ background-position:0 0;}
/* 首页滚动产品图片 */
.picMarquee-left{ width:1150px; height:210px; overflow:hidden; position:relative; }
.picMarquee-left .bd{ padding:0px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; width:238px;}
/* 手机幻灯片 */
.slideBox{ width:300px; height:225px; overflow:hidden; position:relative; border:1px solid #ddd; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:300px; height:225px; display:block; }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
/* 首页产品分类 */
.sideMenu{ border:1px solid #96c6f6; }
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px; border-top:1px solid #e3e3e3; background:#0162c1; cursor:pointer; font:normal 14px/32px "Microsoft YaHei"; color:#FFFFFF;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu h3 a {color:#FFFFFF}
.sideMenu h3 a:hover {color:#FFFF00;}
.sideMenu ul{ padding:8px 15px; color:#000000; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{ line-height:30px; border-bottom:1px dashed #cfcfcf}
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.topNav{position:relative; z-index:1; height: 40px; line-height:40px; border-top: 3px solid #ff8500; background-color: #FCFCFC; font-family:"Microsoft YaHei",SimSun; font-size:14px;}
.topNav-width{ width:1150px; margin:0 auto; }
.topNav h3{ font-weight:normal; font-size:100%; }
.topNav dl{ zoom:1; }
.topNav .tnLeft{ float:left; }
.topNav dd{ float:left; position:relative; }
.topNav dd h3{ float:left; }
.topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; height:14px; line-height:14px; padding:13px 20px; }
.topNav dd h3 a:hover,.topNav dd.on h3 a{ background:#055cc6; color:#ffffff; }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:200px; top:40px; left:0; border:1px solid #055cc6; background:#fff;
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
.topNav dd ul li{ line-height: 35px; border-bottom: 1px solid #055cc6; }
.topNav dd ul li a{ display: block; color: #333; padding: 0 15px; }
.topNav dd ul li a:hover{ background:#055cc6; color:#ffffff; }
.jianxi { width:60px; MARGIN: 0px auto; height:3px; background-color:#1244BA; margin-top:10px; margin-bottom:25px;}
#box_main_sub3{width:100%;background:#0061d6}
#box_main_sub3_sub1{margin:0 auto;width:1050px;background:url(../images/gsjjbg.jpg) no-repeat center bottom;height:390px}
.about_jianxi { width:80px; MARGIN: 0px auto; height:3px; background-color:#ffffff; margin-top:10px;}
.about_jianxi_x { width:250px; MARGIN: 0px auto; height:1px; background-color:#ffffff;margin-bottom:25px;}
.compmore_08{text-align:right;margin-bottom:30px;clear:both;font-size:12px;margin-right:10px}
.compmore_08 .extendLink{text-align:right;font-size:12px}
.compmore_08 .extendLink A{border-bottom:#fdc605 2px solid;text-align:center;border-left:#fdc605 2px solid;padding-bottom:5px;margin:0 auto;padding-left:5px;width:150px;padding-right:5px;display:block;color:#fff;font-size:14px;background:#fdd705;border-top:#fdc605 2px solid;font-weight:bold;border-right:#fdc605 2px solid;padding-top:5px}
.compmore_08 .extendLink A:hover{border-bottom:#fdc605 2px solid;text-align:center;border-left:#fdc605 2px solid;padding-bottom:5px;margin:0 auto;padding-left:5px;width:150px;padding-right:5px;display:block;color:#fdd705;background:0;font-size:14px;border-top:#fdc605 2px solid;font-weight:bold;border-right:#fdc605 2px solid;padding-top:5px}
/* 本例子css */
.picScroll{ margin:10px auto; position:relative; border:1px solid #eee; width:1090px; padding:10px 30px 10px 30px; background:#fff; overflow:hidden; margin-top:20px;}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:86px; left:5px; width:23px; height:23px; background:url(../images/btns.png) no-repeat; }
.picScroll .next{ left:auto; right:5px; background-position:-25px 0; }
.picScroll .prev:hover{ background-position:0 -30px; }
.picScroll .next:hover{ background-position:-25px -30px; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:200px; float:left; overflow:hidden; padding:0 7px; }
.picScroll ul li img{ width:200px; height:150px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.list_01{ MARGIN: 0px auto; }
.list_01 li{ padding: 20px; margin: 0px auto; position: relative; }
.list_01 li a{ display: block; position: relative;}
.list_img{ overflow: hidden; margin-bottom: 30px;}
.list_info{ padding: 20px 0 20px 30px; border-top: 2px solid #999; border-bottom: 2px solid #999; background: url("../images/ico_02.png") left 20px no-repeat;}
.list_tit{ font-size: 18px; font-weight: bold; line-height:24px; height: 24px; overflow: hidden; margin-bottom: 20px;}
.list_des{ color: #666; line-height:24px; height: 72px; overflow: hidden; margin-bottom: 10px;}
.list_other{ color: #000; overflow: hidden;}
.more_01{ float: right; padding-right: 20px; position: relative;}
.more_01:before{ content: ""; width: 7px; height: 11px; position: absolute; top:50%; right: 0; margin-top: -5px; background: url("../images/ico_03.png") right center no-repeat;}
.more_01:hover{ color: #d3211e;}
.more_01:hover:before{ background-position: left center;}
.list_01 li:hover{ box-shadow: 0 0 15px -3px #aaa;}
.col-md-4,.col-xs-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-6{float:left}
.col-xs-6{width:29%}
.ab1 {
font-size:18px;
line-height:37px;
border-bottom:1px dashed #d9d9d9;
}
.ab1 A:link {
color:#000000;
}
.ab1 A:visited {
color:#000000;
}
.ab1 A:hover{
color:#FF0000;
}
.gz_syl_list {width:250px;}
.gz_syl_list ul li{height:29px; line-height:29px; font-size:14px;}
.gz_syl_list ul li+li{border-top:1px dashed #d9d9d9;}
.gz_syl_list ul li a{color:#707070; display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.gz_syl_list ul li a:hover{color:#FF0000; text-decoration:underline;}