/* CSS Document */
/*通用*/
body{background:url(../images/body.jpg) center repeat-y}
body,td,th{font-family:"微软雅黑";font-size:12px;}
a{ text-decoration:none}
*{padding:0px;margin:0px;}
ul,li{list-style:none;text-align: left;}
h1{display:none} 
.fl{float:left}
.fr{float:right}
h1,h2,h3,h4{font-size:12px; font-weight:normal}
img{border:none;}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt5{margin-top:5px}
.box1{border:1px solid #ccc}
.weather,.about .img_,.mid .l_img li,.slider img,.art_l .l_img{-webkit-box-shadow:#666 0 0 5px;-moz-box-shadow: #666 0 0 5px;box-shadow: #666 0 0 5px;behavior: url(/PIE.htc);}
.header ul,.nav ul,.weather ul,.main,.f_body,.footer ul,.ur ul{margin:0 auto;overflow:hidden}
/*---------------------------------------------------------------------样式*/
.header{background:url(../images/header.jpg)}
.header ul{width:1020px;line-height:100px}
.header ul .logo{background:url(../images/logo.png) center no-repeat;display:block;width:500px;float:left;height:100px}
.header ul p{float:right;color:#333}
.header ul p a{color:#333;padding:0 10px}
.header ul p a:hover{color:#069;}
.nav{ background-image: url(../images/navbg.jpg); line-height:30px;padding:5px 0;border-bottom:1px solid #fff;}
.nav ul{width:1024px;border-left:1px solid #4e8cc5}
.nav ul a{display:block;width:127px;float:left;border-right:1px solid #4e8cc5; text-align:center;color:#fff;font-size:14px}
.nav ul a:hover{background:#4e8cc5; color:#fff}
.weather{overflow:hidden;background:url(../images/weather.jpg);line-height:50px; text-align:center;}
.weather ul{width:1020px;font-family:"宋体";color:#ccc;text-align:center;}
.weather a{color:#ccc;margin-left:30px}
.main{width:1000px}	
.about{background:url(../images/abo.jpg) left no-repeat;margin-top:30px;line-height:24px;padding:15px 0 5px 290px;text-align: left;}
.about p{ height:93px; text-indent:2em;color:#333;white-space: normal;overflow: hidden;text-overflow:ellipsis;display:block;}
.about p span{color:#005aab;font-weight:bold;font-size:14px}
.about a{font-style:normal;background:#FFF url(../images/rmore.jpg) left center no-repeat;padding-left:130px;padding-right:20px;color:#333}
.about a:hover{background:#666 url(../images/rmore.jpg) left center no-repeat;color:#fff;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out}
.idea{overflow:hidden;border-top:1px dashed #999;margin-top:30px;padding-top:30px;padding-bottom:30px;background:url(../images/bot_line.jpg) bottom no-repeat}
.idea img{margin-top:15px}
.idea ul{float:left;padding:0 10px;width:229px;overflow:hidden}
.idea ul h3{line-height:40px;font-size:16px;font-weight:bold;color:#333; text-indent:40px}
.idea1 h3{background:url(../images/icon1.jpg) no-repeat}
.idea2 h3{background:url(../images/icon2.jpg) no-repeat}
.idea3 h3{background:url(../images/icon3.jpg) no-repeat}
.idea4 h3{background:url(../images/icon4.jpg) no-repeat}
.idea p{line-height:22px;padding:5px 0;color:#333}
.idea .more{color:#a00;font-size:14px}
.idea .more:hover{ text-decoration:underline}
.bot_box{margin-top:15px;overflow:hidden}
.w380{width:380px}
.t1{background:url(../images/t1.jpg) left center no-repeat;font-weight:bold;color:#222;font-size:14px;line-height:30px;border-bottom:#999 dashed 1px}
.t1 .more{display:block;float:right;font-size:12px;color:#444;padding-right:5px;line-height:24px;padding-top:7px}
.t1 .more:hover{color:#06F; text-decoration:underline}
/*.news{}
.news ul{ width:}
.news ul li{ width:360px; float:left;}
.news ul li a{line-height:24px;display:block;color:#444;font-size:12px;margin:0 3px; width:200px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}	
.news ul li a:hover{color:#005aab;text-decoration:underline}
.news ul li span{float:right;font-style:normal;color:#666;font-size:12px; float:right;line-height:24px;}*/

.news ul{list-style-type: none; width:350px; margin-left:10px;}
.news ul li{ padding-left:5px;float: left;width:350px;background-image: url(../images/dot3.gif);background-repeat: no-repeat;background-position: left;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #3d3d3d;}
.news ul li a{float: left;width:260px; text-align:left;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-family: "宋体";font-size: 12px;color: #3d3d3d;text-decoration: none; line-height:30px;}
.news ul li a:hover{font-family: "宋体";font-size: 12px;color: #3d3d3d;text-decoration: none;}
.news ul li span{float: right;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #CCCCCC;line-height:24px;}


.hot_news{overflow:hidden;padding:10px 0;border-bottom:1px dashed #999;text-align: left;} 
.hot_news img{margin-right:5px;border:1px #ccc solid;width:140px;height:80px;padding:2px}	
.hot_news a{color:#005aab;font-size:14px;font-weight:bold;line-height:24px;display:block;padding-top:10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.hot_news a:hover{color:#444;}
.hot_news p{color:#777;line-height:20px;height:40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.w600{width:600px}
.project{overflow:hidden;padding:10px 0}
.project li{float:left;width:144px;padding:0 3px}
.project li p{background:url(../images/probg.jpg) center no-repeat;width:132px;padding:6px 6px 5px 6px }
.project li .l_img{display:block;width:132px;overflow:hidden;height:80px;}
.project li .l_img img{width:132px;}
.project li h3{line-height:25px; text-align:center;font-size:12px}
.project li h3 a{color:#222;font-weight:bold}
.project li h3 a:hover{color:#800; text-decoration:underline}
.f_box{background:#222 url(../images/botsd.jpg) top repeat-x;padding-top:11px}
.f_body{padding:30px 0;width:1020px}
.f_body .w130{width:130px}
.f_body .w200{width:200px}
.f_body .cont h3,.f_body ul h3{color:#9cf;font-size:14px;line-height:30px}
.f_body ul a{display:block;line-height:24px;color:#ccc;padding-left:5px}
.f_body ul a:hover{color:#9cf;text-decoration:underline}
.f_body .er{float:left;width:160px; text-align:center;padding-top:10px}
.f_body .er a{color:#ccc;line-height:36px;}
.f_body .cont{float:right;width:340px;text-align: left;}
.f_body .cont p{color:#ccc;line-height:24px;}
.f_body .cont p a{display:block;width:50%;float:left}	
.footer{padding:20px 0 10px 0;background:#333;}
.footer ul{width:1000px;overflow:hidden}
.copy{width:65%;line-height:24px;color:#ccc;padding-top:3px;}
.copy a{color:#fff}
.copy a:hover{color:#333}
.footer ul .fr{width:35%;line-height:48px;color:#fff;text-align:right}
.footer ul .fr a{color:#fff;padding:0 10px}

/*---------------------------------------------------------------------特效*/
div.wrapper{width:100%;;margin:0 auto;position: relative;background:#fff url(../images/ban_bg.jpg) bottom repeat-x;height:380px;}
.fn-clear{zoom:1;}
.box_skitter{position: relative;background: none; }
.box_skitter ul { display: none}
.box_skitter .container_skitter { overflow: hidden; position: relative;}
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left: 50px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -10px; background: url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right: 50px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -10px; background: url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow{width:100%;height:380px; text-align:center; margin:0 auto;}
#slideshow ul{display:none;}
/*pushroll*/
.sliderbox{background:#f8f8f8 url(../images/pic_t.jpg) top repeat-x;width:1000px;overflow:hidden;margin:0px auto;padding:10px 10px 0 10px}
.arrow-btn{margin:18px 0 0 0;display:inline;background:url(../images/arrow-btn.png) no-repeat;width:20px;height:106px;overflow:hidden;cursor:pointer;border-radius:3px;}
#btn-left{float:left;background-position:0 0;}
#btn-left.dasabled{background-position:0 0;}
#btn-right{float:right;cursor:pointer;background-position:-20px 0;}
#btn-right.dasabled{background-position:-20px 0;}
.slider{width:960px;overflow:hidden;position:relative;height:140px;float:left;padding-top: 20px;}
.slider ul{overflow:hidden;position:absolute;left:0px;top:0;width:1800px;height:180px;list-style:none;}
.slider li{float:left;width:160px;overflow:hidden}
.slider a{display:block;width:160px;overflow:hidden;text-align:center;/*margin-top:10px;*/-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;/*padding:10px 0;*/float:left;}
.slider img{border-radius:3px;border:2px solid #fff;width:148px;height:100px;display:inline-block;background:#f2f2f2;!important}
.slider img:hover{border:2px solid #005aab;}


/*---------------------------------------------------------------------特效*/
.ur{font-size:12px;overflow:hidden;color:#fff;line-height:48px;border-bottom:1px solid #e5e5e5;text-align:left;padding-right:20px;background:url(../images/weather.jpg);}
.ur ul{width:1000px;}
.ur em{color:#fff;font-style:normal;font-weight:bold;padding-right:10px;}
.ur a{color:#fff;padding:0 10px}
.ur a:hover{color:#fff; text-decoration:underline}
.art_t{line-height:40px;font-size:20px;color:#005aab;font-weight:bold;margin:20px 20px 0 20px;border-bottom:1px dashed #ccc}
.art_body{line-height:30px;color:#444;font-size:14px;padding:30px 20px 50px 20px;overflow:hidden}	
.hr,.art_l{padding:0 20px;overflow:hidden;}
.art_l li{border-bottom:1px #999 dashed;padding:30px 0; overflow:hidden}
.art_l h3{line-height:36px;font-size:16px;font-weight:bold;padding-top:15px}
.art_l h3 a{color:#333;}
.art_l h3 a:hover{color:#005aab;text-decoration:underline}
.art_l li p{line-height:25px;color:#444;font-size:14px;}
.art_l .l_img{display:block;float:left;margin:0 10px 0 5px;border:1px #fff solid;height:140px;width:230px;overflow:hidden}
.art_l .l_img img{width:230px;}
.art_l .all{line-height:36px;font-size:14px;color:#005aab;font-weight:bold}
.art_l .all:hover{ text-decoration:underline;color:#222}
.page{height:80px;color:#fff;overflow:hidden;text-align:center;padding-bottom:30px;}
.page a{color:#fff;height:80px;line-height:80px;padding:1px 20px;font-size:12px;font-weight:bold;background:#333;;margin:0 1px}
.page a:hover{color:#fff;background:#005aab;}
.art_title{line-height:60px;font-size:18px;color:#005aab;font-weight:bold;text-align:center;margin-top:40px}
.art_time{color:#444;line-height:30px;text-align:center;border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;margin:0 20px}
.next{padding:30px 20px;overflow:hidden;color:#000;line-height:40px;font-size:14px;border-top:1px solid #e5e5e5;}
.next p{width:50%;text-align:center}
.next a{color:#333;}
.next a:hover{color:#005aab;text-decoration:underline}
.img_l{overflow:hidden;padding:10px 10px 0px 10px}
.img_l li{float:left;width:225px;margin:10px; padding:0px;height:250px;position:relative;overflow:hidden;}
.img_l li .l_img{display:block;width:225px;height:250px;overflow:hidden;}
.img_l li .l_img img{width:221px;padding:2px}
.img_l li h3{ position:absolute;bottom:0;left:0;width:100%;line-height:36px;margin-bottom:30%; text-align:center;border-top:2px #ccc solid;border-bottom:2px #ccc solid }
.img_l li h3 a{display:block;background:#222;color:#fff;font-size:14px;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.img_l li:hover h3 a{background:#005aab;text-decoration:underline}
.img_l li h3,.img_l li .l_img{filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.img_l li:hover  h3,.img_l li:hover .l_img{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transition:all 0.5s ease-out;-khtml-transition:all 0.5s ease-out}
.hr{overflow:hidden;padding-bottom:20px}
.hr p{line-height:30px;padding:20px 0 10px 5px;color:#444}
.hr h3{line-height:40px;background:#005aab;margin-top:10px;overflow:hidden;margin-bottom:5px}
.hr h3 a{display:block;float:left;text-align:center;font-size:14px;color:#fff;font-weight:bold}
.hr li{padding:0 10px}
.hr li a{display:block;float:left;font-size:14px;color:#666;line-height:40px;border-bottom:1px solid #ddd}
.hr li .hrt1{text-indent:1em;}
.hr li .hrt2,.hr li .hrt3,.hr li .hrt4,.hr li .hrt5,.hr li .hrt6{ text-align:center}
.hr li .hrt1,.hr li .hrt6{color:#333}
.hr li .hrt1:hover,.hr li .hrt6:hover{color:#005aab; text-decoration:underline}
.hr li .hrt1,.hr h3 .hrt1{width:25%}
.hr li .hrt2,.hr h3 .hrt2{width:15%}
.hr li .hrt3,.hr h3 .hrt3{width:15%}
.hr li .hrt4,.hr h3 .hrt4{width:15%}
.hr li .hrt5,.hr h3 .hrt5{width:15%}
.hr li .hrt6,.hr h3 .hrt6{width:15%}
.w700{width:700px;}
.pro_l{padding:10px 3px 30px 3px;overflow:hidden;}
.pro_l ul{float:left;width:210px;padding:10px;margin:10px 0;}
.pro_l ul .l_img{display:block; text-align:center;border:2px solid #ccc;height:120px;overflow:hidden;a}
.pro_l ul .l_img img{height:120px}
.pro_l ul h3{line-height:36px;border-bottom:2px solid #68bdea;margin-top:10px; text-indent:5px}
.pro_l ul h3 a{color:#333;font-size:14px;font-weight:bold}
.pro_l ul h3 a:hover{color:#005aab}
.pro_l ul p{line-height:24px; color:#444;padding-top:5px; text-indent:2em}
.pro_l ul li{padding:10px 0;height:192px}
.pro_l ul li a{display:block;line-height:24px;color:#005aab; text-indent:5px}
.pro_l ul li a:hover{ text-decoration:underline}
.w240{width:240px}
.t2{line-height:30px;background:#ccc; text-indent:20px;color:#005aab;font-weight:bold;font-size;14px}
.pro_news{overflow:hidden;padding:10px 0;border-bottom:1px dashed #999;margin:0 5px} 
.pro_news img{margin-right:5px;border:1px #ccc solid;width:80px;height:60px;padding:2px}	
.pro_news a{color:#005aab;font-size:12px;font-weight:bold;line-height:24px;display:block;padding-top:5px}
.pro_news a:hover{color:#444; text-decoration:underline}
.pro_news p{color:#777;line-height:18px;height:40px}
.pro_{overflow:hidden;padding:5px 0}
.pro_ a{display:block;border-bottom:1px dashed #ccc;margin:0 5px;line-height:30px; text-indent:10px;color:#444}
.pro_ a:hover{background:#f8f8f8;color:#005aab}

.li_img img{width:200px;height:150px;}