/** #cdebff  **/
body{
    background:#e8f6ff url(../img/bg.jpg) repeat-x;
    font-size:12px; color:#353535; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}
*{margin:0px; padding:0px}
li{list-style-type:none;}
img{border:0px;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
.bian{border:1px solid #DDDDDD; height:100%}
.clear{clear:both; font-size:0px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.line{height:10px; font-size:0px; clear:both;}
.con{width:1100px;height:116px; margin:0px auto;}

.top{background:url(../img/head_top_bg.jpg) repeat-x;}
.nav{background:url(../img/menugb.gif) repeat-x;}
.nav ul{margin:0px auto; width:1200px;}
.nav ul li{line-height:45px; height:45px; float:left; width:150px; text-align:center;background: url(../img/head_tab_split.jpg) no-repeat right center;position: relative;}
.nav ul li a{font-size:14px; color:#FFFFFF; font-weight:bold; display:block}
#menu0 a#current0,#menu1 a#current1,#menu2 a#current2,#menu3 a#current3,#menu4 a#current4,#menu5 a#current5,#menu6 a#current6,#menu7 a#current7,#menu8 a#current8{background:url(../img/head_tab_bg_sel.jpg)}

.banner{margin:0px auto;text-align:left;height:330px;width:1200px;margin-bottom: 5px;}
.banner IMG {
    WIDTH: 100%; CURSOR: pointer
}
#slider {
    TEXT-ALIGN: center; LINE-HEIGHT: 0
}
#pagenavi {
    POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 10px
}
#pagenavi A {
    BACKGROUND-COLOR: #fbe9d0; WIDTH: 14px; DISPLAY: inline-block; HEIGHT: 14px; MARGIN-RIGHT: 1%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px
}
#pagenavi A.active {
    BACKGROUND-COLOR: #ffd803
}

.bd{width:1200px; margin:0px auto; height:100%}
.bd_l{float:left; width:330px}
.bd_r{float:right; width:860px}

.title{background:url(../img/bar.gif) no-repeat; height:33px; line-height:33px;}
.title span{font-size:14px; font-weight:bold; display:block; float:left; padding-left:30px; color:#fff}
.title a{background:url(../img/more.gif) no-repeat; display:block; float:right; width:35px; height:11px; margin:13px 10px 0 0}
.title2{background:#bc001d; height:20px; line-height:20px;}
.title2 span{background:#fff;padding-right:10px; font-size:14px; font-weight:bold; display:block; float:left}
.title2 a{background:url(../img/more.gif) no-repeat; display:block; float:right; width:35px; height:11px; margin:12px 10px 0 0}
.title0{ height:35px; line-height:35px; font-size:16px; font-weight:bold; text-align:center;border-bottom:2px double #E1E1E1}
.title3{background:url(../img/bar3.gif) no-repeat; height:33px; line-height:33px;}
.title3 span{font-size:14px; font-weight:bold; display:block; float:left; padding-left:30px; color:#fff}
.news{border: 1px solid rgb(173, 219, 253);}
.news ul{margin:5px;}
.news ul li{line-height:25px; background:url(../img/li.gif) no-repeat left center; padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.list{border: 1px solid rgb(173, 219, 253);}
.list ul{padding-left:30px;padding-right:30px;padding-bottom:8px;}
.list ul li{line-height:34px;border-bottom:#1050aa dotted 1px;background:url(../img/lei.gif) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.list ul li a{padding-left:30px;}


.about{border: 1px solid rgb(173, 219, 253);}
.about div{line-height:22px; margin:6px}
.contact ul li{line-height:30px;}
.contact ul li img{height: 20px;
    display: inline-block;
    margin-right: 5px;margin-top: 5px;}


.product ul{margin:10px 0;}
.product ul li{float:left; text-align:center; line-height:30px; width:150px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin:0 7px }
.product ul li img{width:150px; height:110px; display:block}

.link div{line-height:25px;padding:10px 10px 10px 10px;}
.link div a{padding-right:10px;}

.content div{padding:10px; line-height:25px}
.content h2{text-align:center; line-height:35px; font-size:18px; margin-top:10px}
.content p{margin-top:0px;}

.info{line-height:25px; text-align:center; background-color:#F2F2F2}
.next{line-height:25px;}

.book ul{padding-left:50px;}
.book ul li{line-height:30px;}
.booklist dl{margin-bottom:10px; border-bottom:1px double #DDDDDD}
.booklist dl dt{background-color:#EFEFEF; line-height:25px}
.booklist dl dd{line-height:25px;}
.booklist dl dd span{color:#FF0000;}
/*�ײ�*/
.foot{ padding-top:5px;border-top:#0033FF solid 4px;}
.foot p{line-height:25px; text-align:center; font-size:12px}
/*��ҳ*/
.pages{clear:both; line-height:30px; text-align:center}
.pages span{padding:2px 4px; margin-left:5px; color:#FF6600; font-weight:bold;}
.pages a{padding:2px 6px; margin-left:5px; border:1px solid #DDDDDD;}

.listdl{padding:7px 5px 7px 5px;}
.listdl dd{ float:left; padding:5px;width:165px;}
.listdl dd img{ padding:4px; border:solid 1px #ccc; display:block; width:150px; height:150px;}
.listdl dd b{ height:25px; line-height:25px; text-align:center; display:block;}
.listdl dd a:link, .listdl dd a:visited{}
.listdl dd a:hover{}


.showpage { clear:both; height:55px; border-top:solid 1px #ccc; margin-top:20px; padding-top:10px;}
#pagebox_msg{border:1px #fff solid; text-align:center; height:18px; line-height:18px; padding:1px 0 0 0;color:#333; font-family: Verdana, Geneva, sans-serif; }
ul.pagebox{list-style-type: none;float: left;display: inline;clear: both; margin:10px 0;}
ul.pagebox li.PageBoxLi{float: left;display: inline;width:35px;height: 31px;margin: 2px; padding:0 10px 0 0; margin:0;border-bottom:none; background:none;}
ul.pagebox li.PageBoxLi a:link, ul.pagebox li.PageBoxLi a:visited { width:auto; float:none; margin:0;text-decoration: none;display: block;color:#999;height:28px;border:1px #999 solid;background-color: White;line-height: 26px;font-size: 12px;text-align: center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:1px 0 0 0;}
ul.pagebox li.PageBoxLi a:hover{text-decoration: none; color:#fff; background:#666;}
ul.pagebox li.PageBoxLi a#Active{text-decoration: none; color:#fff; background:#666;}



.media-qrcode {
    height: 120px;
    position: relative;
    /* border: 1px solid #eee; */
    background-color: #fff;
    margin-bottom: 10px;
}
.media-qrcode img {
    display: block;
    float: left;
    height: 100px;
    margin-top: 10px;
    margin-left: 10px;
}
.media-qrcode div {
    padding: 15px;
    margin-left: 115px;
    height: 120px;
    line-height: 30px;
    padding-top: 30px;
    color: #999;
}
.media-qrcode div b {
    color: #333;
}