﻿@charset "utf-8";
/*公共样式*/
body{ padding:0px; margin:0px auto; font-size:12px; color:#5A5A5A; font-family:Microsoft YaHei,"微软雅黑"; width: 100%; min-width:1189px; width:expression((documentElement.clientWidth < 1000) ? "1000px" : "100%" );zoom:1; }
ul,li,form, dl,dt,dd, div,p{ padding: 0px; margin: 0px;}
ul,li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:12px; font-style:normal; color:#5A5A5A;}
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur()); color:#5A5A5A;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#003a90; text-decoration:none;}
.Texthide{ display:none;}
.ls{ color:#be1919;}
.clearfix:after { content:" "; display:block; height:0; visibility:hidden; clear:both}

.Contain{width:1000px; margin:0 auto; position:relative; height:100%;}
.Silderbar{width:240px; float:left;}
.MainContent{overflow:hidden; width:921px; float:right;}
.Content{padding-top:15px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.space9{ height:9px; clear:both; overflow:hidden; zoom:0;}
.space10{ height:10px; clear:both; overflow:hidden; zoom:0;}
.space12{ height:12px; clear:both; overflow:hidden; zoom:0;}
.space13{ height:13px; clear:both; overflow:hidden; zoom:0;}
.space15{ height:15px; clear:both; overflow:hidden; zoom:0;}
.space20{ height:20px; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}


/*info*/
.Info_title{ padding:0px; margin:10px 0px; font-size:18px; font-family:"微软雅黑"; color:#236192; text-align:center; }
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center;}
.Info_time{ color:#666; line-height:34px;}
.Info_txt{ line-height:28px;}
.Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#236192; text-decoration:underline;}
.Info_back a:hover{ color:#236192; text-decoration:none;}
.Info_page a{ color:#7a7a7a;}

.page{ text-align:center; padding:30px 0;}
.page a{ display:inline-block; margin-right:20px; width:70px; height:30px; text-align:center; background:#fff; font:normal 14px/30px "微软雅黑"; color:#000; border:solid 1px #d0d0d0;}
.page .back{ margin:0;}
.page a:hover{ background:#01388a; color:#fff;}

/*pages*/

.Pages{ text-align:center; padding:20px 0; font-family:"微软雅黑"; }
.Pages a{ display:inline-block; height:30px; font-family:"微软雅黑"; line-height:30px; margin:0 1px;}
.Pages a:hover{ background:#003a90; color:#fff;}
.Pages em{ padding:0 5px;}
.Pages em a{ background:#ebebeb; font-style:normal; font-family:"微软雅黑"; width:30px; line-height:30px;}
.Pages em a.a_cur{ background:#003a90; color:#fff;}
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{ background:#ebebeb; width:60px; height:30px; text-align:center; padding:0 5px;}
.Pages .i_text{ width:54px; height:20px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff; margin:0 8px;}
.Pages .p_jump b.f1{ font-weight:normal;}
.Pages .i_button { background:#003a90; width:40px; height:24px; margin-left:10px; color:#fff; cursor:pointer; border:none;}

/*pages end*/

.header{ width:100% }
.header .header_top{ height:100px; background:#f5f5f5}
.header .logo{ top:0; left:0; bottom:0; position:absolute; margin:auto; width:220px; height:50px; z-index:999}
.header .tel{ position:absolute; top:25px; right:15px; padding-left:50px; background:url(../images/tel.png) no-repeat left center; font-size:16px; color:black}
.header .tel span{ font-size:24px; color:#d40001; font-weight:bold;font-style:italic}
.header .header_bottom{ background:url(../images/header_bottom.jpg) repeat-x;}
.header .menu{ position:relative;}
.header .menu li{ width:125px; line-height:40px;float:left; text-align:center; position:relative; height:40px; background:url(../images/menu_libg.jpg) no-repeat right center; }
.header .menu li:first-child{ background:url(../images/menu_libg.jpg) no-repeat right center;}
.header .menu li > a{ text-align:center; font-size:14px; color:white; font-weight:bold; display:block;}
.header .menu li a:hover,.header .menu li a.on{ background:url(../images/menu_ul_li_a_hover.png) no-repeat;}
.header .menu > li:hover dl{ display:block;} 
.header .menu li dl{ width:100%; position:absolute; top:40px; z-index:10; display:none;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px; overflow:hidden}
.header .menu li dl dt{ width:100%; height:33px; line-height:33px; background:#0059b4}
.header .menu li dl dt a{ font-size:12px; line-height:33px; color:white; display:block;}
.header .menu li dl dt:hover{ background:#009341}
.header .menu li dl dt a:hover{ background:0;}
.header .menu li:hover dl{ display:block}
/*.header .search{ width:136px; height:25px; border:1px solid #d6d4d4; border-radius:3px; position:absolute; top:46px; right:0; overflow:hidden}
.header .search .txt{ width:105px; height:25px; outline:none; border:none; text-indent:10px; color:#a6a6a6; line-height:25px; border:none}
.header .search .sub{ width:30px; height:100%; position:absolute; right:0; top:0; background:url(../images/search.png) no-repeat center; border:none}*/


.home{ background:url(../images/content_bg.jpg) repeat-y scroll center top;}
.content.home .Contain{padding-top:33px; background:url(../images/banner_bg.png) no-repeat center top} 
.content.home .Contain > .k{ float:left; background:white}
.content.home .k .top{ width:100%; height:30px; line-height:30px; text-indent:10px; margin-bottom:11px; font-size:16px; color:white; position:relative;}
.content.home .k .top a{ position:absolute; right:0; margin-right:10px; line-height:30px; font-size:12px; color:white;}


.home .chanpin{ width:220px; margin-right:18px; }
.home .chanpin .top{background:url(../images/top1bg.png) no-repeat left top}
.home .chanpin ul{ margin:0 10px;}
.home .chanpin ul li{ margin-bottom:16px; padding-bottom:6px; border-bottom:1px dotted #3a3a3a; text-indent:25px; background:url(../images/top1libg.png) no-repeat 10px 6px;}
.home .chanpin ul li a{ font-size:12px; color:#00388b;}
.home .chanpin ul li:hover{ background:url(../images/top1libg2.png) no-repeat 10px 6px;}
.home .chanpin ul li:hover a{ color:#009341}

.home .jieshao{ width:460px; margin-right:20px;}
.home .jieshao .top{background:url(../images/top2bg.png) no-repeat left top; margin-bottom:0 !important;}
.home .jieshao .kuang{border-left:1px solid #dbdada;border-bottom:1px solid #dbdada;border-right:1px solid #dbdada; position:relative; top:-5px; padding:15px 5px 5px 5px ;font-size:12px; color:#3a3a3a; line-height:28px;}
.home .jieshao .kuang img{ padding:3px; border:1px solid #dbdada; margin-right:5px; }

.home .lianxi{ width:280px; }
.home .lianxi .top{background:url(../images/topbg3.png) no-repeat left top; }
.home .lianxi span{ font-size:14px; color:#00388a; line-height:33px;}
.home .lianxi p{ padding:0 10px; font-size:12px; color:#3a3a3a; line-height:23px}
		
/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative }
.picScroll-left .hd{ overflow:hidden;  height:186px; width:113px; float:left; border:1px solid #f7b518; position:relative}
.picScroll-left .hd p{ color:#a8a8a8; text-indent:10px;}
.picScroll-left .hd .p1{ font-size:14px; color:#343434; font-weight:bold; padding-top:60px;}
.picScroll-left .hd .prev{ display:block;  width:20px; height:20px; cursor:pointer; position:absolute; left:10px; bottom:35px; line-height:35px; text-align:center; color:#31302e; font-size:30px; line-height:20px;}
.picScroll-left .hd .next{ display:block;  width:20px; height:20px; cursor:pointer; position:absolute; right:30px; bottom:35px; line-height:35px; text-align:center; color:#31302e; font-size:30px; line-height:20px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display:none}
.picScroll-left .bd{ width:770px; float:right  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .tit{ line-height:30px;}
.picScroll-left .bd ul li .pic img{ width:244px; height:143px; display:block }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }


/*Banner*/
.banner{ background:url(../images/banner_bg.jpg) no-repeat scroll center bottom; width:100%; position:relative; overflow:hidden; margin-top:20px; }
.banner .HomeBan{width:100%;  position:relative;  height:300px; overflow:hidden}
.slideBox{ width:1000px; height:300px; margin:0 auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:13px; overflow:hidden; position:absolute; right:16px; top:272px; z-index:1; text-align:center}
.slideBox .hd ul{ overflow:hidden; zoom:1; width:1000px; text-align:right }
.slideBox .hd ul li{ background:url(../images/banner_03.png) no-repeat; display:inline-block; width:8px; height:8px; text-align:center; cursor:pointer; margin:0 7px;}
.slideBox .hd ul li.on{ background:url(../images/banner_05.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1;  height:300px;  vertical-align:middle; text-align:center } 
/*Banner*/




.lei_ban{ background:url(../images/banner_bg.jpg) no-repeat scroll center bottom; position:relative; width:100%; height:258px; overflow:hidden;}
.lei_ban .box{ width:982px; height:230px; margin:21px auto; overflow:hidden;}


.left_big{ width:235px; min-height:553px; float:left;  background:white}
.left_big .top{ font-size:24px; color:white; background:url(../images/left_topbg.jpg); text-align:center; height:50px; line-height:50px;}

.left_big .list{ position:relative; background:white;}
.left_big .list li{ width:235px; height:47px; overflow:hidden;}
.left_big .list li a{ background:url(../images/i_left_ul_li_a_bg.jpg) no-repeat; padding-left:92px; display:block; width:143px; font:normal 14px/47px "微软雅黑"; color:#444;}
.left_big .list li a:hover,.left_big .list li a.on{ background:url(../images/i_left_ul_li_a_hover.jpg) no-repeat; color:#00388a;}


.right_big{ width:730px; min-height:550px; float:right;} 
.right_big .top{ padding-bottom:3px; border-bottom:1px solid #dcdcdc; margin-bottom:30px; height:23px; padding-top:20px;}
.right_big .top .left{ float:left; font-size:16px; color:#444444; text-indent:25px; background:url(../images/big_topbg.png) no-repeat 5px center;}
.right_big .top .left p{ font-size:16px; font-family:宋体; color:#2e2e2e; font-weight:bold}
.right_big .top .left p:first-child{ font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#2375d2}

.right_big .top .xie{ float:right; margin-top:5px; margin-right:10px; font-size:14px;}
.right_big .top .xie label{ color:#003a90}


.content.news ul li{ padding-bottom:11px; background:url(../images/news_libg.png) no-repeat 4px 6px; margin-bottom:12px; border-bottom:1px dashed #a9a9a9; padding-left:15px; padding-right:15px; width:680px;}
.content.news ul li a{ color:#000000}
.content.news ul li:hover a{ color:#003a90}
.content.news ul li .time{ float:right;}
.content.news ul li:hover .time{ color:#003a90}

/* 友情链接列表样式 开始 */

.content.news ul.link li{ background:0; border:0; width:164px; height:120px; float:left; padding:0; margin-right:18px; overflow:hidden;}
.content.news ul.link li a img{ background:#fff; width:160px; height:80px; padding:1px; border:solid 1px #ccc;}
.content.news ul.link li a{ font:normal 12px/38px "微软雅黑"; display:block; color:#666; text-align:center;}
.content.news ul.link li a:hover{ color:#236192;}

/* 友情链接列表样式 结束 */

.content.product table{ border-left:solid 1px #000; border-bottom:solid 1px #000; font-size:14px;}
.content.product table tr td{  height:30px; text-align:center; color:#487095; border-right:solid 1px #000; border-top:solid 1px #000;}
.content.product table tr td a{ color:#487095; font-size:14px;}
.content.product table tr td a:hover{ color:#003a90;}
.content.product table tr:first-child td{ font-size:18px; font-weight:bold; color:#003a90}

.content.product_info table tr td{ padding:5px 0}




.footer{ width:100%; height:120px; position:relative; background:#00388a; }
.footer .left{ float:left}
.footer .right{ float:right; text-align:right; line-height:25px; color:white;}
.footer .right .lj{ padding-top:8px;}
.footer .right .lj a{ color:white;}
.footer .right .lj a:hover{ text-decoration:underline;}
.footer .right .logo{ position:absolute; top:35px; left:10px;}				
.footer .right a{ color:white;}
 