@charset "utf-8";
/* CSS Document */
body{font-size:12px;color:#626262;padding:0px;text-decoration: none;margin:0px;font-family: Arial,"宋体";background:#DEDEDE url(../images/bj.jpg) no-repeat center top}
body,p,span,input,label,h1,h2,b,dt,dl,dd,ul,li,h3,h4,a,border{ margin:0; padding:0px; border:0;}
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}
fieldset, img{border:0; margin:0; padding:0;}
ul,li{list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both}
.blank1{clear:both; height:16px; overflow:hidden; display:block;}
.blank2{clear:both; height:15px; overflow:hidden; display:block;}
.blank3{clear:both; height:17px; overflow:hidden; display:block;}
.blank4{clear:both; height:7px; overflow:hidden; display:block;}
.blank5{clear:both; height:20px; overflow:hidden; display:block;}
.blank6{clear:both; height:30px; overflow:hidden; display:block;}
.blank7{clear:both; height:40px; overflow:hidden; display:block;}

a{ color:#606060; text-decoration:none}
a:hover{ color:#007DBB; text-decoration:none}
.blue{color:#1067BD}
.img{display:block;margin:auto;padding:0;border:0;}
h2{display:block;margin:0;padding:0;border:0; font-size:12px; font-weight:normal; text-align:center}
h3{display:block;margin:0;padding:0;border:0; font-size:12px; font-weight:normal; text-align:center;}
h4{display:block;margin:0;padding:0;border:0; font-size:12px; font-weight:normal; text-align:center;font-style:normal;}
h5{display:block;margin:0;padding:0;border:0; font-size:12px; font-weight:normal; text-align:center;font-style:normal;}
em{display:block;margin:0;padding:0;border:0; font-size:12px; font-weight:normal;font-style:normal;}
/*======================公共样式================== */
/*======================头部  样式================== */
#top{ height:65px; width:1014px; margin:0 auto; padding-top:50px;}
#top span{ float:left; display:block;}
#top ul{ z-index:1;float:right; display:block; width:544px; height:51px; background:url(../images/mune.png) no-repeat left 6px; padding:6px 0 0 8px;}
#top ul li{ z-index:1000;float:left; display:block; text-align:center;line-height:51px; padding:0 25px;float:left; display:block; font-family:"微软雅黑"; font-size:14px; font-weight:bold;position: relative;}
#top ul li a{ color:#333;}
#top ul li a:hover{ color:#0079B6}
#top ul li ul{ position:absolute;z-index:9999;  top:40px; left:0px; padding:0px 0 0 0px; border-top:1px solid #FFF; width:103px; background:#F7F7F7; height:auto;  text-align:left; }
#top ul li ul li{background: none repeat scroll 0 0 transparent;
     opacity:0.4; filter:alpha(opacity=40);
    margin: 0;
    padding: 0;
    text-align: center;
    width: 103px;display: inline;  vertical-align: middle; height: 28px;
    line-height: 25px;border-bottom:1px dotted  #a7a7a7; margin-left:5px; }
#top ul li ul li a{ background: none repeat scroll 0 0 transparent;
    color: #434343;
    display: inline-block;
    font-weight: normal;
    font-size:12px;
    font-family:宋体;
    margin: 0;
    padding: 0;
    text-align: center;
  }
#banner{ width:1000px; margin:0 auto;}

/* 效果CSS开始 */
.play{width:1000px;height:412px;overflow:hidden;position:relative;margin:0px auto;}
.imtex{width:1000px; height:23px; position:absolute; bottom:5px;left:0; z-index:9; background:url(../images/t02_bg.png);}
.play ol{cursor:pointer;height:23px;z-index:9999; float:right; margin:0;}
.play ol li{width:26px; height:23px; line-height:23px; float:left; margin-right:4px; text-align:center; background: none repeat scroll 0 0 #ccc;color: #FFFFFF; margin-top:5px;font-family: Arial;font-size: 14px;font-weight: 900;}
.play ol li img{max-width:1000px;}
/*.ultex{ width:1000px; height:23px; line-height:23px; color:#FFF;display:block; position:absolute; bottom:0;}
.ultex a{color:#FFF; z-index:99999;}*/
.play ol li.active{ background: none repeat scroll 0 0 #014F9A;}
.play ul{position:absolute;top:0;left:0;z-index:1;}
.play ul li{width:1000px;height:412px;float:left;}
.play ul img{float:left;width:1000px;height:412px;}
/*
#next{display:block;position:absolute;top:38%;right:0;width:30px;height:54px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);z-index:999;line-height:50px;text-decoration:none; display:none;}
#prev{display:block;position:absolute;top:38%;left:0;width:30px;height:54px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);z-index:999;line-height:50px;text-decoration:none; display:none;}
#prev:hover .prevImg,#next:hover .nextImg{display:block;}
.prevImg{height:54px;width:80px;position:absolute;background-color:#fff;top:0;left:30px;display:none;}
.nextImg{height:54px;width:80px;position:absolute;background-color:#fff;top:0;right:30px;display:none;}
*/
/* 效果CSS结束 */


/*======================内容  样式================== */
#conten1{ width:1000px; padding:10px 7px 0 7px; height:190px; margin:0 auto; background:url(../images/con_bj.png) no-repeat}
.con_left{ width:300px; float:left;}
.con_left1{ line-height:37px; padding-left:35px; color:#1283BB; font-weight:bold; font-size:14px}
.con_left1 b{ color:#333;}
.con_left1 span{float:right; margin-right:20px; font-size:12px;}
.con_left2{padding:10px 0 0 15px;height:140px}
.con_left2 li{background:url(../images/fax2.png) no-repeat left 9px; display:block; float:left; width:260px;padding:0 0 4px 17px; }
.con_left2 li a{ line-height:24px;}
.con_left2 li a:hover{ color:#0188CC;display:block;}
.con_left2 li span{display:block; line-height:16px; color:#A3A3A3; font-size:10px;}
/* ========================资讯滚动======================== */
.con_left3{padding:10px 0 0 10px;height:140px}
	  .rollBox {width:345px;overflow:hidden;float:left; height:150px;}
	  .rollBox .LeftBotton {overflow:hidden;float:left;display:inline;width:22px;height:130px;cursor: pointer; background: url(../images/conpany_14.jpg) no-repeat left top; margin-right:10px;}
	  .rollBox .RightBotton {overflow:hidden;float:right;display:inline;width:22px;height:130px;cursor: pointer; background:url(../images/conpany_18.jpg) no-repeat left top;}
	  .rollBox .Cont {width:278px;overflow:hidden;float:left;}
	  .rollBox .ScrCont {width:10000px;}/*加大宽度是为了适应更多的logo内容*/
	  .rollBox .Cont li {float:left; width:278px;}
	  .rollBox .Cont li img{display:block;float:left;border:#D9D9D9 solid 1px; padding:1px;}
	  .rollBox .Cont li p{ line-height:18px; text-align:center; float:left; display:block; width:99px; padding-top:5px;}
	  .rollBox .Cont a:link, .rollBox .Cont a:visited {color:#C00;text-decoration:none;}
	  .rollBox .Cont a:hover img{color:#f00;}
	  .rollBox #List1, .rollBox #List2 {float:left;}
	.rollBox ul{width:300px; height:140px; overflow:hidden;}
	.rollBox ul li{width:130px; height:130px; float:left; margin:0 15px 0px 0;}
	.rollBox ul li img{border:2px solid #cccccc}
	.rollBox ul li img:hover{border:2px solid #1283BB}
	.rollBox ul li a{display:block;}
	  
	  
	  
	  
	  
	/*logo滚动效果结束*/


/*======================botton  样式================== */
#bottom{ padding:47px 0 33px 0; color:#959595; height:26px; background:url(../images/bottom_14.jpg) no-repeat left 47px; line-height:26px; margin:0 auto; width:1000px;}
#bottom span{ float:left;}
#bottom span a{padding:0 8px;}
#bottom p{ float:right; padding-right:10px; }
#bottom1{ padding:10px 0 33px 0; color:#959595; height:26px; background:url(../images/bottom_14.jpg) no-repeat left 10px; line-height:26px; margin:0 auto; width:1000px;}
#bottom1 span{ float:left;}
#bottom1 span a{padding:0 8px;}
#bottom1 p{ float:right; padding-right:10px;}

/*======================新闻  样式================== */
#news1{ width:1049px; background:url(../images/news2.png) no-repeat left top; height:68px; margin:0 auto; padding-top:5px;}
.conimg{width:400px; height:400px; margin-bottom:10px;}
.xiangxi{ width:580px; height:30px; line-height:30px;color:#FFF; font-family:"微软雅黑"; font-size:16px; background:#0188CC; margin-bottom:10px;}


#news1 span{ padding-left:43px; display:block; line-height:34px; width:500px; float:left}
#news1 span a{ color:#0188CC}
#news2{ width:1002px; background: url(../images/news1.png) repeat-y left top;margin:0 auto; padding:0 18px;}
#news3{ width:1002px; background: url(../images/news3.png) no-repeat left top;margin:0 auto; height:38px; padding:0 23px;}
.news1{ padding-left:30px;width:580px;height:100%;min-height: 460px;_height:460px;}
.zuixun332{ padding:0 0;}
.zuixun332 li{ float:left; height:33px; background: url(../images/news_10.jpg) repeat-x left bottom; height:33px;  width:565px; padding-left:8px; line-height:33px; display:block}
.zuixun332 li p{ background: url(../images/news_06.jpg) no-repeat left  center; padding-left:16px;}
.zuixun332 li p a{ color:#333;}
.zuixun332 li p a:HOVER{ color:#0188CC}
.zuixun332 li span{ float:right}
.chanp_right3{ padding:30px 0 30px 0; line-height:24px; height:24px;float:right; width:380px;}
.chanp_right3 h2 span{ padding:0 5px; color:#6A6654;}
.chanp_right3 h2 span a:hover{color:#0188CC}

.news2{ height:30px; line-height:30px; background:#EBEBEB;}
.news2 h2{ padding-left:90px; display:block}
.news2 h2 span a{color:#6A6654; padding:0 36px;text-align:center; float:left}
.news2 h2 span a:hover{color:#fff;background:url(../images/news_15.jpg) no-repeat; display: block; font-weight:bold;}

.newsen{width:300px;height:40px;display:block;left:10px;top:-64px; line-height:40px; position:relative;}
.newsen h3{ color:#0188CC; font-family:"微软雅黑"; font-size:18px; padding-right:10px; float:left}
.newsen h2{ color:#E1E1E1; font-family:Arial; font-size:30px; float:left; padding-left:10px;}
.newsen1{width:300px;height:40px;display:block;position:absolute;left:-180px;top:-70px; line-height:40px; z-index:999}
.newsen1 h3{ color:#0188CC; font-family:"微软雅黑"; font-size:18px; padding-right:10px; float:left}
.newsen1 h2{ color:#E1E1E1; font-family:Arial; font-size:30px; float:left; padding-left:10px;}



/*======================产品  样式================== */
.company{ background:url(../images/company_03.jpg) no-repeat center top; padding-left:40px;}
.proleft{width:200px;color:#0188CC; font-family:"微软雅黑"; font-size:14px; float:left;}
.proleft ul{width:200px; overflow:hidden;}
.proleft ul li{width:200px; height:30px; background:#CCC; margin-bottom:5px; line-height:30px;}
.proleft ul li:hover{background:#999;}
.proleft ul li a{color:#FFF;font-family:"微软雅黑"; font-size:16px;}

.proright{width:700px; float:left; margin-left:20px;}
.proul li {
    float: left;
    text-align: center;
       width: 212px;
     margin:0 0 10px 10px;
    background:none; height:auto;}
.proimg {
    border: 2px solid #CCCCCC;
}
.proimg:hover{border: 2px solid #0188CC;}
.proul li span{ float:none;}




.zidne{background-color: #F7F7F7;
    border: 1px solid #B5B5B5;
    color: #666666;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin: 7px 10px 0 0;
    padding: 0 3px;}
.pager {
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    clear: both;
    margin-top: 10px;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
.goBack {
    float: right;
    padding: 0 5px;
}
.cpb {
    color: #0188CC;
}
#frame {
    height: 412;
    overflow: hidden;
    position: relative;
    width: 1000px;
}
#btn {
    bottom: 1px;
    position: absolute;
    right: 5px;
}
#img a {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
/*#btn span {
    background: none repeat scroll 0 0 #ccc;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: 900;
    height: 23px;
    line-height: 23px;
    text-align: center;
    width: 26px;
}
#btn span.hov {
    background: none repeat scroll 0 0 #014F9A;
}*/
.dt{left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 36px;
    width: 136px;
    z-index: 1000;}
    .news2 li {
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 12px;
    margin-left: 0;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
    width:142px;
}
.news2 li a{padding: 0 36px;
    text-align: center;}
    .news2 ul li a:hover{color:#fff;background:url(../images/news_15.jpg) no-repeat; display: block; font-weight:bold;}
    .news2 ul li ul {
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 142px;
    z-index: 1000;
    
}
.news2 ul li ul li {
    background: none repeat scroll 0 0 transparent;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.news2 ul li ul li a, .news2 ul li.on ul li a{
    background: none repeat scroll 0 0 #383838;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-family: "宋体";
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 142px; opacity:0.8; filter:alpha(opacity=80);
}
.news2 .on a{color:#fff;background:url(../images/news_15.jpg) no-repeat; display: block; font-weight:bold;}
    .news2 ul li ul li span{border-bottom: 1px solid #848484;
    display: block;
    margin: 0 auto;
    width: 140px;}
   .news2 ul li ul li a:hover
   {
       cursor:pointer;
        color:#1E8DD0;
      background: none repeat scroll 0 0 #383838;
       }
   
.newslists{ width:630px;}
#xinwen{ line-height:28px; }
#xinwen p{font: 14px/23px 宋体;
    letter-spacing: normal;
    margin: 7px 0;
    orphans: 2;}
	
	
	/*====================*/
	/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/borderMiddleRight.png, sizingMethod='scale');}


/*网站地图*/
.sitemap ul{border-bottom: 1px dotted #CCCCCC;float: left; width: 670px;height:28px; padding:5px}
.sitemap .mapfirst{ float:left; background:url("../images/bg3.png") no-repeat scroll 0 0 transparent; font-size:12px; color:#666;  font-weight:bold; padding-left:10px; width:118px; border:none; line-height:25px; height:25px}
.sitemap li{ float:left;line-height:25px; height:25px; padding:0px 4px; background:url("../images/sitemline.jpg") no-repeat scroll right center transparent; width:auto;}
.sitemap li a,.sitemap li a:hover,.sitemap li a:visited{ color:#666666; text-decoration:none}
.sitemap li a:hover{ color:#D10A00;}
.RedBold
{
    color: #F00; font-weight:bold;
}


/*zizhi*/
.bl li {
    float: left;
    text-align: center;
       width: 212px;
       padding-left: 4px;
    background:none; height:auto;}
    .ChaImg {
    border: 2px solid #0188CC;
}
.ben {
    border: 2px solid #CCCCCC;
}
.bl li span{ float:none;}





/*留言*/
.Kf_left {width:412px; height:412px; float:left; margin-top:10px; margin-left:35px;}
.Kf_left p {font-size:16px;}
.Kf_left p b {color:#bf9b33; font-size:22px;}
.Kf_left p span {color:#333;}
.Kf_left ul {margin-top:15px;}
.Kf_left li {margin-bottom:10px;}
.Kf_left input {width:330px; border:none; margin-top:11px; margin-left:58px;}
.Kf_left .bd01 {width:412px; height:44px; background:url(../images/Kf_01_03.png);}
.Kf_left .bd02 {width:412px; height:44px; background:url(../images/Kf_02_03.png);}
.Kf_left .bd03 {width:412px; height:44px; background:url(../images/Kf_03_06.png);}
.Kf_left .bd04 {width:412px; height:104px; background:url(../images/Kf_04_08.png);}
.Kf_left .bd05 {width:172px; height:63px;}
.Kf_left .bd05 input {width:152px; height:63px; margin:0px; background:url(../images/Kf_05_03.png); cursor: pointer;}
.Kf_left textarea {width:330px; height:85px; border:none; margin-top:8px; margin-left:58px; resize:none;}




/*CSS black2 style pagination*/

.black2 {

	TEXT-ALIGN: center;

	/*margin-top: 30px;*/

	width: 100%;
	
	padding:4px 0;
}

.black2 A {

	PADDING-RIGHT: 8px;

	PADDING-LEFT: 8px;

	PADDING-BOTTOM: 3px;

	MARGIN:0 2px;

	COLOR: #018fdf;

	PADDING-TOP: 3px;

	TEXT-DECORATION: none;

	border: 1px solid #018fdf;

}

.black2 A:hover {

	COLOR: #fff;

	BACKGROUND-COLOR: #018fdf;

	border: 1px solid #018fdf;

}

.black2 A:active {

	COLOR: #fff;

	BACKGROUND-COLOR: #018fdf;

	border: 1px solid #018fdf;

}

.black2 SPAN.thisclass {

	PADDING-RIGHT: 8px;

	PADDING-LEFT: 8px;

	PADDING-BOTTOM: 3px;

	MARGIN:0 2px;

	COLOR: #fff;

	PADDING-TOP: 3px;

	BACKGROUND-COLOR: #018fdf;

	border: 1px solid #018fdf;

}

.black2 SPAN.disabled {

	BORDER-RIGHT: #eee 1px solid;

	PADDING-RIGHT: 8px;

	BORDER-TOP: #eee 1px solid;

	PADDING-LEFT: 8px;

	PADDING-BOTTOM: 3px;

	MARGIN:0 2px;

	BORDER-LEFT: #eee 1px solid;

	COLOR: #ddd;

	PADDING-TOP: 3px;

	BORDER-BOTTOM: #eee 1px solid

}