@charset "utf-8";
/* CSS Document */

body{ background:#00ccff;}
.mb30{ margin-bottom:30px;}

/* banner */
.layout_banner{ background:url(/templets/201311/images/bannerbg.jpg) no-repeat center -9px #0099cc;}
.banner{ margin:0 auto; width:1000px;}
.banner1{ background:url(/templets/201311/images/banner1.jpg) no-repeat bottom; position:relative; width:100%;}
.banner2{ background:url(/templets/201311/images/banner2.jpg) no-repeat top; overflow:hidden; position:relative; width:100%;}
.banner2 h1{ text-indent:-9999px;}
.banner2 h2{ text-indent:-9999px;}
.banner3{ background:url(/templets/201311/images/banner3.jpg) no-repeat top; overflow:hidden; position:relative; width:100%;}
.banner3 a.btn_banner{ height:54px; width:166px;}

.banner1{ height:120px;}
.banner2{ height:150px;}
.banner3{ height:221px;}
.banner3 a.btn_banner{ position:absolute;top:57px;left:670px;}
.banner3 #bdshare{ position:absolute;top:150px;left:680px;}
.banner3 #bdshare .bds_more{ color:#333333;}

/* nav2 */
.layout_nav2{ background:url(/templets/201311/images/navbg.jpg) no-repeat center top #006699; width:100%;}
.nav2{ background:url(/templets/201311/images/navbg.jpg) no-repeat center top; height:60px; margin:0 auto; width:1000px;}
.nav2 li{ float:left; height:60px; position:relative;top:-30px;}
.nav2 li a{ border-right:solid 1px #0099cc; color:#ffffff; font-size:18px; font-weight:700; line-height:60px; padding:0 40px;}
.nav2 li a:hover{ color:#ffff00; text-decoration:none;}
.nav2 li a.last{ border:none;}

/* content */
.layout_content{ background:url(/templets/201311/images/bg.jpg) repeat-y center top; width:100%; }
.content{ background:#ffffff; margin:0 auto; padding-bottom:50px; width:1000px;}
.main{ background:url(/templets/201311/images/mainbg.jpg) no-repeat right bottom; height:320px; width:100%;}
.main h3{ color:#0088bb; font-size:30px; font-weight:700; padding:30px 0 10px 30px;}
.main p{ color:#666666; font-size:14px; line-height:24px; padding:0 0 0 60px; text-indent:28px; width:450px;}

.zysz{ width:100%;}
.zysz .tt{ color:#0088bb; font-size:30px; font-weight:700; height:80px; line-height:40px; padding:30px 0 20px 0; text-align:center; width:100%;}
.zysz .con{ width:100%;}
.zysz .con .t{ background:#f4f4f4; border-top:solid 4px #00ccff; height:40px; margin:0 auto; width:940px;}
.zysz .con .t h3{ color:#333333; float:left; font-size:18px; letter-spacing:2px; font-weight:700; line-height:40px; text-indent:20px;}
.zysz .con .t i{ background:url(/templets/201311/images/xz.gif) no-repeat; color:#ffffff; display:inline; float:left; font-family:Arial, "\5B8B\4F53", sans-serif; font-size:12px; font-weight:700; height:20px; line-height:20px; margin:10px 0 0 10px; text-align:center; text-indent:4px; width:88px;}
.zysz .con .c{ background:#fff; margin:0 auto; padding-bottom:36px; width:940px;}
.zysz .con .c li{ float:left; padding-top:24px; width:470px;}
.zysz .l{ float:left; height:100px; padding-top:4px; width:150px;}
.zysz .l a{ float:right;}
.zysz .l a:hover{ border-right:solid 6px #ff6600;}
.zysz .l img{ display:block;}
.zysz .r{ float:left; padding:0px 20px 0px 10px; width:280px;}
.zysz .r1{ margin-bottom:2px;}
.zysz .r1 a{ color:#333333; font-size:16px; font-weight:700; line-height:26px;}
.zysz .r1 a:hover{ color:#ff3300; text-decoration:none;}
.zysz .r2{ color:#666666; font-family:Arial, "\5B8B\4F53", sans-serif; font-size:12px; margin-bottom:4px; text-indent:24px;}
.zysz .r3{ color:#333333; font-family:Arial, "\5B8B\4F53", sans-serif; font-size:12px; margin-bottom:8px;} 
.zysz .r3 span{ border:solid 1px #eeeeee; display:inline-block; height:20px; line-height:20px; text-indent:12px; width:136px;}
.zysz .r4 a{ background:#3399cc; color:#ffffff; display:inline-block; font-family:Arial, "\5B8B\4F53", sans-serif; font-size:12px; height:22px; line-height:22px; text-align:center; margin-right:6px; width:70px;}
.zysz .r4 a:hover{ background:#ff6600; text-decoration:none;}

.ad{ background:url(/templets/201311/images/ad.jpg) no-repeat; height:300px; margin:0 auto; position:relative; width:940px;}
.ad a.btn_ad{ height:54px; position:absolute;top:184px;left:600px; width:166px;}

/****new top***/
#head .top{ width:100%; background:url(/templets/201311/images/new5/sy_02.gif) repeat-x; height:41px;}
#head #toper {font-size:12px;color:#666;line-height:41px; width:980px; margin:0 auto;}
#head #toper a {color:#666;text-decoration:none;}
#head #toper a:hover {color:#0198cd;}
#head #toper .top_l {float:left;width:550px; letter-spacing:1.3px;}
#head #toper .xlhz{float:left;margin-left:10px; }
#head #toper .top_r {float:right; letter-spacing:1.5px;}
#head #toper .top_r a {padding:8px;}

#logo_area{ width:980px; margin:0 auto;}
#logo_area .logo {float:left;width:516px;height:56px; margin:11px 0 13px 0;}
#logo_area .logo img {border:none;}
#logo_area .brand{ float:left; width:282px; height:44px; margin:20px 0 0 9px;}
#sc {width:302px;height:54px; float:right; margin:22px 0 0 0;}
#search{height:36px;}
#search-keyword{ background:#ffffff; border:solid 2px #dedede; border-right:none; color:#999999; float:left; font-size:13px; height:26px; line-height:28px; overflow:hidden; text-indent:6px; width:270px;}
input#searchBtn{ background:url(/templets/201311/images/new5/search.png) no-repeat #3399cc; border:none; cursor:pointer; float:left; height:30px; overflow:hidden; width:30px;}
input:hover#searchBtn{ background:url(/templets/201311/images/new5/search.png) no-repeat #2288bb;}
*html input#searchBtn{ background:url(/templets/201311/images/new5/search2.gif) no-repeat #3399cc;}
*html input:hover#searchBtn{ background:url(/templets/201311/images/new5/search2.gif) no-repeat #2288bb;}
#other{ position:absolute;top:18px;right:0px; width:55px;}
#other a{ display:block; font-size:12px; font-family:"微软雅黑"; line-height:18px; text-align:right;}
.tag{ font-size:12px; color:#999; margin:0;}
.tag a{color:black;}

.nav{ width:100%; background:#1a8fd2; height:70px;}
.navs{ height:70px; width:980px; margin:0 auto;}
.navs li{ float:left; list-style:none; line-height:70px; width:98px;}
.navs_ys{ background:url(/templets/201311/images/new5/nav_bg_04.gif) right no-repeat;}
.navs li a{ color:#FFFFFF; font-family:"微软雅黑"; text-decoration:none; font-size:16px;text-align:center; display:block; width:101px;}
.navs li a:hover{ color:#FFff00;}
.clear{clear:both;}
/*--- top end ---*/