﻿ 
@import url("public.css");
.body_content{ width:970px; margin:0 auto; position:relative; overflow:hidden; }
.leftboder{ width:5px; height:300px; float:left; background:url(img/leftboder.png) repeat-y;}
.rightboder{ width:5px; height:300px; float:right; background:url(img/rightboder.png) repeat-y;}
 .content{ width:940px; float:left; padding:10px;background:#e5f8fe; height:280px;}
.banner{  width:960px; height:340px; margin:0 auto; z-index:0; position:relative;}
.changeBox_a1{position:relative; width:960px; height:340px; margin:0 auto;}
.changeBox_a1 .a_bigImg img{position:absolute;top:0px;left:0px;display:none; width:960px; height:340px;}
.ul_change_a1{position:absolute; left:0; bottom:0px; width:330px; height:60px; background:url(img/bannerUl.png)  no-repeat;overflow:hidden;z-index:10px; padding-left:630px; }
.ul_change_a1 li{display:inline;}
.ul_change_a1 span{ width:66px; height:40px;  background:url(img/bannerli.png) no-repeat;cursor:hand;
cursor:pointer;color:#0051A4; float:left; margin:10px 15px 0 0; text-align:center; padding-top:2px;filter:Alpha(Opacity=50);opacity: .5}
.ul_change_a1 span.on{ background:url(img/bannerli.png) no-repeat;filter:Alpha(Opacity=100);opacity: 1.0}


.product{ width:377px; float:left; position:relative;padding-top:34px; }
.product h3{ width:369px; height:34px; background:url(img/pro_tit.png) no-repeat; font:bold 14px/34px "Arial"; color:#0084c8; padding-left:30px; position:absolute; left:0; top:0px;}
.product h3 span{ float:left;}
.product h3 .more{ float:right; padding-right:30px; font-size:12px; font-weight:normal; color:#666}

.product_body{ width:375px; border:1px #cddfe7 solid; border-top:none; overflow:hidden; height:240px;background:#FFF;}
.overview{ width:355px; height:80px; padding:10px;}
.overview_img{ width:76px; height:72px; float:left; padding-left:10px;position: relative;}
.floatbg1{width:35px;height:7px;line-height:0;font-size:0;position:absolute;bottom:1px;left:30px;background:#76C5F0}

.overview_text{ width:230px; float:left; height:80px; padding-left:10px; line-height:18px;}
.productnav{ width:355px; height:115px; line-height:23px; padding:10px 10px 0 10px;}
.productnav .lbtn{ width:17px; height:115px; background:url(img/leftbtn.png) no-repeat 0 40px; float:left; cursor:pointer}
.productnav .lbtn_no{ background:url(img/leftbtn_no.png)  no-repeat}
.productnav .rbtn{ width:17px; height:116px; background:url(img/rightbtn.png) no-repeat 0 40px; float:right;cursor:pointer}
.productnav .rbtn_no{ background:url(img/rightbtn_no.png) no-repeat}
.productnav ul{ width:320px; float:left; overflow:hidden; height:120px; position:relative}
#list {width: 1000%;position: absolute;left:0px;top: 0px;}
.productnav ul li{ width:100px; height:120px; margin:0 4px;_margin:0 3px; /* text-align:center;*/ float:left; cursor:pointer}
.productnav ul li .proimg{ overflow:hidden;width:87px; height:84px; background:url(img/probg.png) no-repeat; /*text-align:center;*/ padding:12px 0 0 10px;position:relative}
.proimg .floatBg{position:absolute;width:35px; height:7px;line-height:0;font-size:0; background:#76C5F0; bottom:13px; left:30px; _width:35px; _left:30px; _bottom:12px;}
.productnav ul li .protext{ width:100px; line-height:18px; text-align:center; font-weight:bold;  }


.news{ width:330px; float:left; margin-left:5px;position:relative;padding-top:34px;}
.news h3{ width:320px; height:34px; background:url(img/news_tit.png) no-repeat; font:bold 14px/34px "Arial"; color:#0084c8; padding-left:30px; position:absolute; left:0; top:0px;}
.news h3 span{ float:left;}
.news h3 .more{ float:right; padding-right:30px; font-size:12px; font-weight:normal; color:#666}
.news_body{ width:326px; border:1px #cddfe7 solid; border-top:none; overflow:hidden; height:240px;background:#FFF;}
.newsHead{ width:310px; height:70px; padding:10px;}
.newsHead_img{ width:88px; height:65px; float:left;}
.newsHead_text{ width:210px; float:left; height:70px; padding-left:10px; line-height:18px;}
.news_body ul li{ width:300px; background:url(img/icon_01.png) 0 10px no-repeat; height:25px; line-height:25px; float:left; padding-left:10px;}
.news_body ul li .newstit{ float:left; width:225px; height:25px; overflow:hidden}
.news_body ul li .newsdate{ float:right; width:65px; }

.rightBar{ width:221px; height:276px; background:url(img/videobg.png) no-repeat; float:left; margin-left:5px;} 
.video{ width:195px; height:160px; margin:10px auto 0 auto;}
.video .videotit{ line-height:25px; font-weight:bold;color:#0084c8; }
 .video .videotit .more{  padding-left:100px; font-size:12px; font-weight:normal; color:#666}
.links{ width:195px; height:110px; margin:5px auto 0 auto;}
.links .linkstit{ line-height:25px; font-weight:bold;color:#0084c8; }
.links ul li{ width:80px; height:28px; border:1px #e4e4e4 solid; margin:0 13px 5px 0 ; padding:1px; float:left}

.wrapper{position:absolute; width:347px; overflow:hidden;z-index: 1339; visibility: visible;}
.wrappertit{ width:347px; height:30px; background:url(img/wrapper.png) no-repeat} 
.close{ float:right; padding-right:10px; line-height:25px; color:#FFF; cursor:pointer}
.wrappercontent{ background:#048bca; line-height:20px; color:#fff; padding:20px; width:307px}
.wrappercontent a{color:#FFF;}