@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0; }
body{text-align:center; margin:0 auto; font-family: ΢���ź�; font-size:14px;}
ul,li{margin:0;padding:0; list-style:none;}
.ziti{font-family:Arial; color:#999;}

/* Ĭ��������ɫ */
a{outline-style:none;text-decoration:none; color:#000; target:blank;}
a:hover{text-decoration:none;color:#007cc2; position: relative;}

/* ͨ������ */
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;height:0;line-height:0}/*ie and firefox1.5 updata */

/* ���� */
.ding{margin:0 auto; background:#f1f1f1; border-bottom:1px #E8E8E8 solid;}
.dwid{ width:1300px; height:30px;}
.dleft{ width:400px; float:left; line-height:30px; color:#999; text-align:left;}
.dright{ width:602px; float:right; line-height:30px; color:#999; text-align:right;}

.top{height:120px; width:1300px;}
.logo{ width:600px; float:left;}
.tel{ float:right; padding-top:5px;}

/* ���� */
.nav {
    margin: 0 auto;
    width: 1300px;
}
.nav ul {  
    padding: 0;
    list-style-type: none;
}
.nav ul li {
    float: left;
}
.nav ul li a:link, .nav ul li a:visited {
    background: #007cc2;
    color: #fff;
    text-decoration: none;
    display: block;
	font-size:16px;
	font-weight:bold;
    width: 144px;
    height: 50px;
	line-height:50px;
    text-align: center;
}
.nav ul li:hover a {
    background: #ff8b00;
    color: #fff;
    font-weight: bold;
}
.nav ul li ul {
    display: none;
}
.nav ul li:hover ul {
    display: block;
    width: 144px;
    position: absolute;
	z-index:100;
}
.nav ul li ul li a:link, .nav ul li ul li a:visited {
    background: #007cc2;
    color: #fff;
	height:40px;
	line-height:40px;
	font-size:14px;
	border-bottom:1px #ff8b00 dashed;
}
.nav ul li ul li:hover a {
    background: #ff8b00;
    color: #fff;
    font-weight: bold;
}

/* flash */
#banner{width:100%;height:360px;position:relative;}
#banner .imglist{width:100%;height:360px;position:absolute;top:0px;left:0px;}
.btn{position:absolute;bottom:15px;left:44%;display:inline-block;padding:2px 15px;border-radius:11px;}
.btn li{float:left;height:16px;width:16px;margin:0px 5px;background:url(../images/1.png) no-repeat;}
.btn .hover{background:url(../images/2.png) no-repeat;}

.cpbk a:hover{border:1px #066 solid;}


.zhf{width:1200px; height:140px; left:0px; z-index:10; margin-top:30px;}
.zhf h4 {background:url(../images/title.png) no-repeat center 10px; font-size:22px; color:#333333; text-align:center;}
.zhf h4 p {padding: 0; margin: 0; font-size: 24px; color: #005dbb; font-weight: bold;}
.zhf h4 i {display: block; font-style: normal; text-transform: uppercase; font: 12px 'microsoft yahei',Verdana, Arial; color: #cccccc; padding: 10px 0;}
.zhf h4 a {text-decoration: none; margin: 0 auto; display: block; font: 12px 'microsoft yahei',Verdana, Arial; color: #666666; width: 97px; height: 26px; border: 1px solid #cccccc; text-align: center; line-height: 26px;}

.single{ width:1200px; height:60px; margin:0px auto; padding:0px;}
.subchannellist ul{width:100%; text-align:center;}
.subchannellist li{float:left; text-align:center; width:12%; height:30px; line-height:30px; }
.subchannellist li a{display:block; margin:5px; font-size:16px; padding:5px 2px; background-color:#FFFFFF;border:1px solid #CCC; border-radius: 8px;}

.bottom{width:1300px; color:#999; line-height:30px;}
.bottom a{ color:#999;}
.bottom a:hover{ color:#fff;}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}